diff --git a/src/views/projectcenter/TaskPage.vue b/src/views/projectcenter/TaskPage.vue
index b9552ddc..bbb833c0 100644
--- a/src/views/projectcenter/TaskPage.vue
+++ b/src/views/projectcenter/TaskPage.vue
@@ -1,1255 +1,1408 @@
 <!-- 任务页面 -->
 <template>
   <div class="taskpage">
-      <div class="addhead" style="flex-shrink: 0">
-        <div class="leftimg">
-          <img class="img" src="../../assets/images/projectadd/picture.png" />
+    <div class="addhead" style="flex-shrink: 0">
+      <div class="leftimg">
+        <img class="img" src="../../assets/images/projectadd/picture.png" />
+      </div>
+      <div class="imgfor">
+        <div class="forz">管理者进阶-腾飞班</div>
+        <div class="fort">项目经理：黄华、刘俊</div>
+        <div class="fort">起止时间：2022-07-21 00:00至2022-10-21 00:00</div>
+      </div>
+      <div class="right">
+        <img class="img1" src="../../assets/images/leveladd/ma.png" />
+        <div class="line"></div>
+        <img class="img2" src="../../assets/images/leveladd/pub.png" />
+        <div class="pub">发布</div>
+        <div class="line"></div>
+        <img
+          style="margin-right: 15px"
+          class="img2"
+          src="../../assets/images/leveladd/more.png"
+        />
+        <div class="more">
+          <span style="color: #7096e3; cursor: pointer">更多</span>
+          <div class="moreArrow"></div>
+          <div class="moreItems">
+            <div class="sammo">撤回</div>
+            <div class="sammo">复制</div>
+          </div>
         </div>
-        <div class="imgfor">
-          <div class="forz">管理者进阶-腾飞班</div>
-          <div class="fort">项目经理：黄华、刘俊</div>
-          <div class="fort">起止时间：2022-07-21 00:00至2022-10-21 00:00</div>
-        </div>
-        <div class="right">
-          <img class="img1" src="../../assets/images/leveladd/ma.png" />
-          <div class="line"></div>
-          <img class="img2" src="../../assets/images/leveladd/pub.png" />
-          <div class="pub">发布</div>
-          <div class="line"></div>
-          <img
-            style="margin-right: 15px"
-            class="img2"
-            src="../../assets/images/leveladd/more.png"
-          />
-          <div class="more">
-            <span style="color: #7096e3; cursor: pointer">更多</span>
-            <div class="moreArrow"></div>
-            <div class="moreItems">
-              <div class="sammo">撤回</div>
-              <div class="sammo">复制</div>
+        <div class="line"></div>
+        <router-link to="/projectmanage"
+          ><div style="display: flex">
+            <img class="img2" src="../../assets/images/leveladd/back.png" />
+            <div class="return">返回</div>
+          </div></router-link
+        >
+      </div>
+    </div>
+    <div class="split" style="flex-shrink: 0"></div>
+    <div class="content">
+      <a-tabs
+        class="tab"
+        v-model:activeKey="activeKey"
+        size="large"
+        :tabBarStyle="{ marginLeft: '10px', marginTop: '5px' }"
+      >
+        <a-tab-pane key="1" tab="概览">
+          <div class="split"></div>
+          <!-- 概览（无数据） -->
+          <div>
+            <div class="onerow">
+              <div class="taskmain">快速创建项目详情</div>
+            </div>
+            <div class="second">
+              <div
+                class="taskbox"
+                style="
+                  background: linear-gradient(
+                    180deg,
+                    rgba(254, 243, 221, 1) 100%,
+                    rgba(255, 250, 240, 1) 100%
+                  );
+                "
+              >
+                <div class="leftt">
+                  <img src="../../assets/images/taskpage/left1.png" />
+                </div>
+                <div class="photo">
+                  <img src="../../assets/images/taskpage/picture1.png" />
+                </div>
+                <div class="rightt">
+                  <img src="../../assets/images/taskpage/right1.png" />
+                </div>
+                <div class="centerbox" style="color: rgba(255, 182, 78, 1)">
+                  添加任务
+                </div>
+                <div class="centermain">快速添加任务/阶段</div>
+              </div>
+              <div
+                class="taskbox"
+                style="
+                  background: linear-gradient(
+                    180deg,
+                    rgba(221, 234, 255, 1) 100%,
+                    rgba(240, 248, 254, 1) 100%
+                  );
+                "
+              >
+                <div class="leftt">
+                  <img src="../../assets/images/taskpage/left2.png" />
+                </div>
+                <div class="photo">
+                  <img src="../../assets/images/taskpage/picture2.png" />
+                </div>
+                <div class="rightt">
+                  <img src="../../assets/images/taskpage/right2.png" />
+                </div>
+                <div class="centerbox" style="color: rgba(78, 166, 255, 1)">
+                  添加学员
+                </div>
+                <div class="centermain">快速添加学员</div>
+              </div>
+              <div
+                class="taskbox"
+                @click="showModal"
+                style="
+                  background: linear-gradient(
+                    180deg,
+                    rgba(229, 246, 236, 1) 100%,
+                    rgba(238, 249, 243, 1) 100%
+                  );
+                "
+              >
+                <div class="leftt">
+                  <img src="../../assets/images/taskpage/left3.png" />
+                </div>
+                <div class="photo">
+                  <img src="../../assets/images/taskpage/picture3.png" />
+                </div>
+                <div class="rightt">
+                  <img src="../../assets/images/taskpage/right3.png" />
+                </div>
+                <div class="centerbox" style="color: rgba(93, 201, 136, 1)">
+                  发布
+                </div>
+                <div class="centermain">快速发布项目</div>
+              </div>
             </div>
           </div>
-          <div class="line"></div>
-          <router-link to="/projectmanage"
-            ><div style="display: flex">
-              <img class="img2" src="../../assets/images/leveladd/back.png" />
-              <div class="return">返回</div>
-            </div></router-link
-          >
+          <!-- 概览（无数据） -->
+          <!-- 概览（有数据） -->
+          <div style="display: none">
+            <div class="onerow"><div class="taskmain">项目概览</div></div>
+            <div class="second" style="margin-top: 0">
+              <div class="nubbox">
+                <span class="nub1">200</span>
+                <div class="nub2">总人数</div>
+              </div>
+              <div class="nubbox">
+                <span class="nub1" style="color: #ff90ae">15</span>
+                <div class="nub2">必修课</div>
+              </div>
+              <div class="nubbox">
+                <span class="nub1" style="color: #a497ff">15</span>
+                <div class="nub2">选修课</div>
+              </div>
+              <div class="nubbox">
+                <div>
+                  <span class="nub1" style="color: #5dc988">50</span
+                  ><span style="color: #5dc988; font-size: 14px">%</span>
+                </div>
+                <div class="nub2">完成率</div>
+              </div>
+              <div class="nubbox">
+                <div>
+                  <span class="nub1" style="color: #ff90ae">30</span
+                  ><span style="color: #ff90ae; font-size: 14px">%</span>
+                </div>
+                <div class="nub2">必修完成率</div>
+              </div>
+              <div class="nubbox">
+                <div>
+                  <span class="nub1" style="color: #a497ff">30</span
+                  ><span style="color: #a497ff; font-size: 14px">%</span>
+                </div>
+                <div class="nub2">选修完成率</div>
+              </div>
+            </div>
+            <div class="onerow"><div class="taskmain">阶段信息</div></div>
+            <div class="stagemess">
+              <div class="stage1">阶段1</div>
+              <div class="stage2">阶段2</div>
+            </div>
+            <div class="stagesecond">
+              <div class="staname">阶段名称：</div>
+              <div class="stamess">管理者进阶-腾飞班1第一阶段</div>
+            </div>
+            <div class="stagelast">
+              <div class="stagepro">
+                <a-progress
+                  type="dashboard"
+                  gapDegree="0"
+                  :percent="50"
+                  :width="140"
+                />
+                <div class="protext">课程完成率</div>
+              </div>
+              <div class="stagepro">
+                <a-progress
+                  type="dashboard"
+                  gapDegree="0"
+                  :percent="50"
+                  :width="140"
+                />
+                <div class="protext">考试通过率</div>
+              </div>
+              <div class="stagepro" style="margin-right: 0">
+                <a-progress
+                  type="dashboard"
+                  gapDegree="0"
+                  :percent="50"
+                  :width="140"
+                />
+                <div class="protext">作业合格率</div>
+              </div>
+              <div class="proright">
+                <div class="pronub" style="margin-left: 280px">10</div>
+                <div class="proright1">
+                  <span class="textpro">阶段任务总数</span>
+                  <a-progress :percent="50" style="width: 369px" />
+                </div>
+                <div class="pronub" style="margin-left: 206px">5</div>
+                <div class="proright1">
+                  <span class="textpro">必修课</span>
+                  <a-progress :percent="25" style="width: 369px" />
+                </div>
+                <div class="pronub" style="margin-left: 142px">1</div>
+                <div class="proright1">
+                  <span class="textpro">选修课</span>
+                  <a-progress :percent="5" style="width: 369px" />
+                </div>
+              </div>
+            </div>
+          </div>
+          <!-- 概览（有数据） -->
+        </a-tab-pane>
+        <a-tab-pane key="2" tab="任务" force-render>
+          <div class="split"></div>
+          <div class="onerow">
+            <div class="taskmain">任务大纲</div>
+            <button class="btn">批量面授报名</button>
+            <router-link to="/taskadd" class="edit">
+              <img
+                class="editimg"
+                src="../../assets/images/projectadd/edit.png"
+              />
+              <span class="editext">编辑</span>
+            </router-link>
+          </div>
+          <div class="stage">
+            <span class="stageimg"
+              ><img src="../../assets/images/projectadd/open.png"
+            /></span>
+            <span class="stagename">阶段1腾飞班阶级1</span>
+          </div>
+          <div class="course">
+            <div class="first">
+              <div class="icon">
+                <img src="../../assets/images/leveladd/zai.png" />
+              </div>
+              <div>
+                <div class="iconame">「在线」</div>
+                <div class="icontext">时间管理</div>
+              </div>
+            </div>
+            <div class="type">
+              <div class="typename">选修</div>
+            </div>
+            <div class="time">
+              <div class="timetext">开始时间</div>
+              <div class="timetext">2022-09-16 14:03</div>
+            </div>
+            <div class="progress">
+              <div class="progresstext">25/50人</div>
+              <div style="display: flex">
+                <a-progress
+                  :showInfo="false"
+                  :percent="50"
+                  strokeColor="#FFC067"
+                  trailColor="rgba(253, 209, 98, 0.2)"
+                />
+                <span class="progresstext" style="margin-left: 10px">50%</span>
+              </div>
+            </div>
+            <div class="operations">
+              <div class="operation" style="cursor: pointer" @click="showTime">
+                管理
+              </div>
+            </div>
+          </div>
+          <div class="course">
+            <div class="first">
+              <div class="icon">
+                <img src="../../assets/images/leveladd/zhi.png" />
+              </div>
+              <div>
+                <div class="iconame">「直播」</div>
+                <div class="icontext">管理直播间</div>
+              </div>
+            </div>
+            <div class="type">
+              <div class="typename1">必修</div>
+            </div>
+            <div class="time">
+              <div class="timetext">开始时间</div>
+              <div class="timetext">2022-09-16 14:03</div>
+            </div>
+            <div class="progress">
+              <div class="progresstext">0/50人</div>
+              <div style="display: flex">
+                <a-progress
+                  :showInfo="false"
+                  :percent="0"
+                  strokeColor="#FFC067"
+                  trailColor="rgba(253, 209, 98, 0.2)"
+                />
+                <span class="progresstext" style="margin-left: 10px">0%</span>
+              </div>
+            </div>
+            <div class="operations">
+              <div class="operation">考勤</div>
+              <div class="operation">管理</div>
+              <div class="operation">二维码</div>
+            </div>
+          </div>
+          <div class="course">
+            <div class="first">
+              <div class="icon">
+                <img src="../../assets/images/leveladd/mian.png" />
+              </div>
+              <div>
+                <div class="iconame">「面授」</div>
+                <div class="icontext">管理面授课</div>
+              </div>
+            </div>
+            <div class="type">
+              <div class="typename">选修</div>
+            </div>
+            <div class="time">
+              <div class="timetext">开始时间</div>
+              <div class="timetext">2022-09-16 14:03</div>
+            </div>
+            <div class="progress">
+              <div class="progresstext">0/50人</div>
+              <div style="display: flex">
+                <a-progress
+                  :showInfo="false"
+                  :percent="0"
+                  strokeColor="#FFC067"
+                  trailColor="rgba(253, 209, 98, 0.2)"
+                />
+                <span class="progresstext" style="margin-left: 10px">0%</span>
+              </div>
+            </div>
+            <div class="operations">
+              <div class="operation">学员</div>
+              <div class="operation" style="cursor: pointer" @click="showFace">
+                管理
+              </div>
+              <div class="operation">二维码</div>
+            </div>
+          </div>
+          <div class="course">
+            <div class="first">
+              <div class="icon">
+                <img src="../../assets/images/leveladd/huo.png" />
+              </div>
+              <div>
+                <div class="iconame">「活动」</div>
+                <div class="icontext">管理活动</div>
+              </div>
+            </div>
+            <div class="type">
+              <div class="typename1">必修</div>
+            </div>
+            <div class="time">
+              <div class="timetext">开始时间</div>
+              <div class="timetext">2022-09-16 14:03</div>
+            </div>
+            <div class="progress">
+              <div class="progresstext">0/50人</div>
+              <div style="display: flex">
+                <a-progress
+                  :showInfo="false"
+                  :percent="0"
+                  strokeColor="#FFC067"
+                  trailColor="rgba(253, 209, 98, 0.2)"
+                />
+                <span class="progresstext" style="margin-left: 10px">0%</span>
+              </div>
+            </div>
+            <div class="operations">
+              <div class="operation">考勤</div>
+              <div class="operation">管理</div>
+              <div class="operation">二维码</div>
+            </div>
+          </div>
+          <div class="course">
+            <div class="first">
+              <div class="icon">
+                <img src="../../assets/images/leveladd/zuo.png" />
+              </div>
+              <div>
+                <div class="iconame">「作业」</div>
+                <div class="icontext">管理者作业</div>
+              </div>
+            </div>
+            <div class="type">
+              <div class="typename">选修</div>
+            </div>
+            <div class="time">
+              <div class="timetext">开始时间</div>
+              <div class="timetext">2022-09-16 14:03</div>
+            </div>
+            <div class="progress">
+              <div class="progresstext">0/50人</div>
+              <div style="display: flex">
+                <a-progress
+                  :showInfo="false"
+                  :percent="0"
+                  strokeColor="#FFC067"
+                  trailColor="rgba(253, 209, 98, 0.2)"
+                />
+                <span class="progresstext" style="margin-left: 10px">0%</span>
+              </div>
+            </div>
+            <div class="operations">
+              <div class="operation">管理</div>
+            </div>
+          </div>
+          <div class="course">
+            <div class="first">
+              <div class="icon">
+                <img src="../../assets/images/leveladd/kao.png" />
+              </div>
+              <div>
+                <div class="iconame">「考试」</div>
+                <div class="icontext">管理者考试</div>
+              </div>
+            </div>
+            <div class="type">
+              <div class="typename">选修</div>
+            </div>
+            <div class="time">
+              <div class="timetext">开始时间</div>
+              <div class="timetext">2022-09-16 14:03</div>
+            </div>
+            <div class="progress">
+              <div class="progresstext">0/50人</div>
+              <div style="display: flex">
+                <a-progress
+                  :showInfo="false"
+                  :percent="0"
+                  strokeColor="#FFC067"
+                  trailColor="rgba(253, 209, 98, 0.2)"
+                />
+                <span class="progresstext" style="margin-left: 10px">0%</span>
+              </div>
+            </div>
+            <div class="operations">
+              <div class="operation">管理</div>
+            </div>
+          </div>
+          <div class="stage" style="margin-top: 0">
+            <span class="stageimg"
+              ><img src="../../assets/images/projectadd/close.png"
+            /></span>
+            <span class="stagename">阶段2 腾飞班阶级2</span>
+          </div>
+          <div style="display: flex; height: 20px"></div>
+        </a-tab-pane>
+        <a-tab-pane key="3" tab="学员">
+          <div class="split"></div>
+          <div class="content3">
+            <a-tabs v-model:activeKey="activeKey1">
+              <a-tab-pane key="8" tab="学员管理">学员管理</a-tab-pane>
+              <a-tab-pane key="9" tab="小组管理" force-render>
+                <div class="group">
+                  <div class="groupleft">
+                    <div class="groupname">小组名称：</div>
+                    <a-input
+                      v-model:value="value"
+                      placeholder="请输入小组名称"
+                    />
+                  </div>
+                  <div class="groupright">
+                    <div class="btn1">
+                      <img src="../../assets/images/courseManage/add0.png" />
+                      <span class="btn1text">搜索</span>
+                    </div>
+                    <div class="btn2">
+                      <img src="../../assets/images/courseManage/reset1.png" />
+                      <span class="btn2text">重置</span>
+                    </div>
+                  </div>
+                </div>
+                <div class="second2">
+                  <div class="btn1">
+                    <img src="../../assets/images/courseManage/search0.png" />
+                    <span class="btn1text">创建小组</span>
+                  </div>
+                  <div class="btn2">
+                    <img src="../../assets/images/courseManage/reset1.png" />
+                    <span class="btn2text">随机分组</span>
+                  </div>
+                </div>
+                <div class="groupmain">
+                  <div class="groupbox">
+                    <div style="width: 90%">
+                      <div class="grouptitle">
+                        <div class="goodgruop">好好学习小组</div>
+                        <div>...</div>
+                      </div>
+                    </div>
+                  </div>
+                  <div class="groupbox"></div>
+                </div>
+              </a-tab-pane>
+            </a-tabs>
+          </div>
+        </a-tab-pane>
+        <a-tab-pane key="4" tab="公告">Content of Tab Pane 3</a-tab-pane>
+        <a-tab-pane key="5" tab="项目积分">Content of Tab Pane 3</a-tab-pane>
+        <a-tab-pane key="6" tab="排行榜">Content of Tab Pane 3</a-tab-pane>
+        <a-tab-pane key="7" tab="设置">Content of Tab Pane 3</a-tab-pane>
+      </a-tabs>
+    </div>
+    <!-- 时间管理抽屉 -->
+    <time-manage v-model:Tvisible="visible" />
+    <!-- 面授管理抽屉 -->
+    <face-manage v-model:Fvisible="FaceVisivle" />
+    <!-- 项目发布弹窗 -->
+    <div>
+      <a-modal
+        v-model:visible="pubproject"
+        :title="null"
+        @ok="closeModal"
+        :footer="null"
+        :closable="false"
+        wrapClassName="pubproject"
+        width="679px"
+        height="437px"
+      >
+        <div
+          class="modalHeader"
+          style="
+            width: 100%;
+            height: 68px;
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+            background: linear-gradient(
+              0deg,
+              rgba(78, 166, 255, 0) 0%,
+              rgba(78, 166, 255, 0.2) 100%
+            );
+          "
+        >
+          <div class="headerLeft" style="margin-left: 32px">
+            <span style="width: 15px; height: 15px"
+              ><img src="../../assets/images/taskpage/pub.png"
+            /></span>
+            <span
+              class="headerLeftText"
+              style="font-size: 16px; margin-left: 10px"
+              >项目发布</span
+            >
+          </div>
+          <div style="cursor: pointer; margin-right: 32px" @click="closeModal">
+            <img
+              style="width: 22px; height: 22px"
+              src="../../assets/images/basicinfo/close22.png"
+            />
+          </div>
         </div>
-      </div>
-      <div class="split" style="flex-shrink: 0;"></div>
-      <div class="content">
-          <a-tabs class="tab"
-              v-model:activeKey="activeKey"
-              size="large"
-              :tabBarStyle="{ marginLeft: '10px',marginTop: '5px' }">
-              <a-tab-pane key="1" tab="概览">
-                  <div class="split"></div>
-                  <!-- 概览（无数据） -->
-                  <div >
-                      <div class="onerow"><div class="taskmain">快速创建项目详情</div></div>
-                      <div class="second">
-                          <div class="taskbox" style="background:linear-gradient(180deg,rgba(254, 243, 221, 1) 100%,rgba(255, 250, 240, 1) 100%);"> 
-                              <div class="leftt"><img src="../../assets/images/taskpage/left1.png"/></div>
-                              <div class="photo"><img src="../../assets/images/taskpage/picture1.png"/></div>
-                              <div class="rightt"><img src="../../assets/images/taskpage/right1.png"/></div>
-                              <div class="centerbox" style="color: rgba(255, 182, 78, 1)">添加任务</div>
-                              <div class="centermain">快速添加任务/阶段</div>
-                          </div>
-                          <div class="taskbox" style="background:linear-gradient(180deg,rgba(221, 234, 255, 1) 100%,rgba(240, 248, 254, 1) 100%);">
-                              <div class="leftt"><img src="../../assets/images/taskpage/left2.png"/></div>
-                              <div class="photo"><img src="../../assets/images/taskpage/picture2.png"/></div>
-                              <div class="rightt"><img src="../../assets/images/taskpage/right2.png"/></div>
-                              <div class="centerbox" style="color: rgba(78, 166, 255, 1)">添加学员</div>
-                              <div class="centermain">快速添加学员</div>
-                          </div>
-                          <div class="taskbox" @click="showModal" style="background:linear-gradient(180deg,rgba(229, 246, 236, 1) 100%,rgba(238, 249, 243, 1) 100%);">
-                              <div class="leftt"><img src="../../assets/images/taskpage/left3.png"/></div>
-                              <div class="photo"><img src="../../assets/images/taskpage/picture3.png"/></div>
-                              <div class="rightt"><img src="../../assets/images/taskpage/right3.png"/></div>
-                              <div class="centerbox" style="color: rgba(93, 201, 136, 1)">发布</div>
-                              <div class="centermain">快速发布项目</div>
-                          </div>
-                      </div>
-                  </div>               
-                  <!-- 概览（无数据） -->
-                  <!-- 概览（有数据） -->
-                  <div style="display: none">
-                      <div class="onerow"><div class="taskmain">项目概览</div></div>
-                      <div class="second" style="margin-top: 0">
-                          <div class="nubbox">
-                              <span class="nub1">200</span>
-                              <div class="nub2">总人数</div>
-                          </div>
-                          <div class="nubbox">
-                              <span class="nub1" style="color: #FF90AE">15</span>
-                              <div class="nub2">必修课</div>
-                          </div>
-                          <div class="nubbox">
-                              <span class="nub1" style="color: #A497FF">15</span>
-                              <div class="nub2">选修课</div>
-                          </div>
-                          <div class="nubbox">
-                              <div>
-                                  <span class="nub1" style="color: #5DC988">50</span><span style="color: #5DC988;font-size: 14px">%</span>
-                              </div>   
-                              <div class="nub2">完成率</div>
-                          </div>
-                          <div class="nubbox">
-                              <div>
-                                  <span class="nub1" style="color: #FF90AE">30</span><span style="color: #FF90AE;font-size: 14px">%</span>
-                              </div>   
-                              <div class="nub2">必修完成率</div>
-                          </div>
-                          <div class="nubbox">
-                              <div>
-                                  <span class="nub1" style="color: #A497FF">30</span><span style="color: #A497FF;font-size: 14px">%</span>
-                              </div>   
-                              <div class="nub2">选修完成率</div>
-                          </div>
-                      </div>
-                      <div class="onerow"><div class="taskmain">阶段信息</div></div>
-                      <div class="stagemess">
-                          <div class="stage1">阶段1</div>
-                          <div class="stage2">阶段2</div>
-                      </div>
-                      <div class="stagesecond">
-                          <div class="staname">阶段名称：</div>
-                          <div class="stamess">管理者进阶-腾飞班1第一阶段</div>
-                      </div>
-                      <div class="stagelast">
-                          <div class="stagepro">
-                              <a-progress type="dashboard" gapDegree="0"  :percent="50" :width="140" />
-                              <div class="protext">课程完成率</div>
-                          </div>
-                          <div class="stagepro">
-                              <a-progress type="dashboard" gapDegree="0" :percent="50" :width="140" />
-                              <div class="protext">考试通过率</div>
-                          </div>
-                          <div class="stagepro" style="margin-right: 0">
-                              <a-progress type="dashboard" gapDegree="0" :percent="50" :width="140" />
-                              <div class="protext">作业合格率</div>
-                          </div>
-                          <div class="proright">
-                              <div class="pronub" style="margin-left: 280px">10</div>
-                              <div class="proright1">
-                                  <span class="textpro">阶段任务总数</span>
-                                  <a-progress :percent="50" style="width: 369px" />
-                              </div>
-                              <div class="pronub" style="margin-left: 206px">5</div>
-                              <div class="proright1">
-                                  <span class="textpro">必修课</span>
-                                  <a-progress :percent="25" style="width: 369px"/>
-                              </div>
-                              <div class="pronub" style="margin-left: 142px">1</div>
-                              <div class="proright1">
-                                  <span class="textpro">选修课</span>
-                                  <a-progress :percent="5" style="width: 369px"/>
-                              </div>
-                          </div>
-                      </div>
-                  </div>
-                  <!-- 概览（有数据） -->
-              </a-tab-pane>
-              <a-tab-pane key="2" tab="任务" force-render>
-                  <div class="split"></div>
-                  <div class="onerow">
-                      <div class="taskmain">任务大纲</div>
-                      <button class="btn">批量面授报名</button>
-                      <router-link to="/taskadd" class="edit">
-                          <img class="editimg" src="../../assets/images/projectadd/edit.png"/>
-                          <span class="editext">编辑</span>
-                      </router-link>
-                  </div>
-                  <div class="stage">
-                      <span class="stageimg"><img src="../../assets/images/projectadd/open.png"/></span>
-                      <span class="stagename">阶段1腾飞班阶级1</span>
-                  </div>
-                  <div class="course">
-                      <div class="first">
-                          <div class="icon"><img src="../../assets/images/leveladd/zai.png"/></div>
-                          <div>
-                              <div class="iconame">「在线」</div>
-                              <div class="icontext">时间管理</div>
-                          </div>
-                      </div>
-                      <div class="type">
-                          <div class="typename">选修</div>
-                      </div>
-                      <div class="time">
-                          <div class="timetext">开始时间</div>
-                          <div class="timetext">2022-09-16 14:03</div>
-                      </div>
-                      <div class="progress">
-                          <div class="progresstext">25/50人</div>
-                          <div style="display: flex">
-                              <a-progress :showInfo="false" :percent="50" strokeColor="#FFC067" trailColor="rgba(253, 209, 98, 0.2)"/>
-                              <span class="progresstext" style="margin-left: 10px">50%</span>
-                          </div>
-                      </div>
-                      <div class="operations">
-                         
-                          <div class="operation" style="cursor: pointer" @click="showTime">管理</div>
-                          
-                      </div>
-                  </div>
-                  <div class="course">
-                      <div class="first">
-                          <div class="icon"><img src="../../assets/images/leveladd/zhi.png"/></div>
-                          <div>
-                              <div class="iconame">「直播」</div>
-                              <div class="icontext">管理直播间</div>
-                          </div>
-                      </div>
-                      <div class="type">
-                          <div class="typename1">必修</div>
-                      </div>
-                      <div class="time">
-                          <div class="timetext">开始时间</div>
-                          <div class="timetext">2022-09-16 14:03</div>
-                      </div>
-                      <div class="progress">
-                          <div class="progresstext">0/50人</div>
-                          <div style="display: flex">
-                              <a-progress :showInfo="false" :percent="0" strokeColor="#FFC067" trailColor="rgba(253, 209, 98, 0.2)"/>
-                              <span class="progresstext" style="margin-left: 10px">0%</span>
-                          </div>
-                      </div>
-                      <div class="operations">
-                          <div class="operation">考勤</div>
-                          <div class="operation">管理</div>
-                          <div class="operation">二维码</div>
-                      </div>
-                  </div>
-                  <div class="course">
-                      <div class="first">
-                          <div class="icon"><img src="../../assets/images/leveladd/mian.png"/></div>
-                          <div>
-                              <div class="iconame">「面授」</div>
-                              <div class="icontext">管理面授课</div>
-                          </div>
-                      </div>
-                      <div class="type">
-                          <div class="typename">选修</div>
-                      </div>
-                      <div class="time">
-                          <div class="timetext">开始时间</div>
-                          <div class="timetext">2022-09-16 14:03</div>
-                      </div>
-                      <div class="progress">
-                          <div class="progresstext">0/50人</div>
-                          <div style="display: flex">
-                              <a-progress :showInfo="false" :percent="0" strokeColor="#FFC067" trailColor="rgba(253, 209, 98, 0.2)"/>
-                              <span class="progresstext" style="margin-left: 10px">0%</span>
-                          </div>
-                      </div>
-                      <div class="operations">
-                          <div class="operation">学员</div>
-                          <div class="operation" style="cursor: pointer" @click="showFace">管理</div>
-                          <div class="operation">二维码</div>
-                      </div>
-                  </div>
-                  <div class="course">
-                      <div class="first">
-                          <div class="icon"><img src="../../assets/images/leveladd/huo.png"/></div>
-                          <div>
-                              <div class="iconame">「活动」</div>
-                              <div class="icontext">管理活动</div>
-                          </div>
-                      </div>
-                      <div class="type">
-                          <div class="typename1">必修</div>
-                      </div>
-                      <div class="time">
-                          <div class="timetext">开始时间</div>
-                          <div class="timetext">2022-09-16 14:03</div>
-                      </div>
-                      <div class="progress">
-                          <div class="progresstext">0/50人</div>
-                          <div style="display: flex">
-                              <a-progress :showInfo="false" :percent="0" strokeColor="#FFC067" trailColor="rgba(253, 209, 98, 0.2)"/>
-                              <span class="progresstext" style="margin-left: 10px">0%</span>
-                          </div>
-                      </div>
-                      <div class="operations">
-                          <div class="operation">考勤</div>
-                          <div class="operation">管理</div>
-                          <div class="operation">二维码</div>
-                      </div>
-                  </div>
-                  <div class="course">
-                      <div class="first">
-                          <div class="icon"><img src="../../assets/images/leveladd/zuo.png"/></div>
-                          <div>
-                              <div class="iconame">「作业」</div>
-                              <div class="icontext">管理者作业</div>
-                          </div>
-                      </div>
-                      <div class="type">
-                          <div class="typename">选修</div>
-                      </div>
-                      <div class="time">
-                          <div class="timetext">开始时间</div>
-                          <div class="timetext">2022-09-16 14:03</div>
-                      </div>
-                      <div class="progress">
-                          <div class="progresstext">0/50人</div>
-                          <div style="display: flex">
-                              <a-progress :showInfo="false" :percent="0" strokeColor="#FFC067" trailColor="rgba(253, 209, 98, 0.2)"/>
-                              <span class="progresstext" style="margin-left: 10px">0%</span>
-                          </div>
-                      </div>
-                      <div class="operations">
-                          
-                          <div class="operation">管理</div>
-                          
-                      </div>
-                  </div>
-                  <div class="course">
-                      <div class="first">
-                          <div class="icon"><img src="../../assets/images/leveladd/kao.png"/></div>
-                          <div>
-                              <div class="iconame">「考试」</div>
-                              <div class="icontext">管理者考试</div>
-                          </div>
-                      </div>
-                      <div class="type">
-                          <div class="typename">选修</div>
-                      </div>
-                      <div class="time">
-                          <div class="timetext">开始时间</div>
-                          <div class="timetext">2022-09-16 14:03</div>
-                      </div>
-                      <div class="progress">
-                          <div class="progresstext">0/50人</div>
-                          <div style="display: flex">
-                              <a-progress :showInfo="false" :percent="0" strokeColor="#FFC067" trailColor="rgba(253, 209, 98, 0.2)"/>
-                              <span class="progresstext" style="margin-left: 10px">0%</span>
-                          </div>
-                      </div>
-                      <div class="operations">
-                          
-                          <div class="operation">管理</div>
-                          
-                      </div>
-                  </div>
-                  <div class="stage" style="margin-top: 0">
-                      <span class="stageimg"><img src="../../assets/images/projectadd/close.png"/></span>
-                      <span class="stagename">阶段2 腾飞班阶级2</span>
-                  </div>
-                  <div style="display: flex; height: 20px"></div>
-              </a-tab-pane>
-              <a-tab-pane key="3" tab="学员">
-                  <div class="split"></div>
-                  <div class="content3">
-                      <a-tabs v-model:activeKey="activeKey1">
-                          <a-tab-pane key="8" tab="学员管理">学员管理</a-tab-pane>
-                          <a-tab-pane key="9" tab="小组管理" force-render>
-                              <div class="group">
-                                  <div class="groupleft">
-                                      <div class="groupname">小组名称：</div>
-                                      <a-input v-model:value="value" placeholder="请输入小组名称" />
-                                  </div>
-                                  <div class="groupright">
-                                      <div class="btn1">
-                                          <img src="../../assets/images/courseManage/add0.png"/>
-                                          <span class="btn1text">搜索</span>
-                                      </div>
-                                      <div class="btn2">
-                                          <img src="../../assets/images/courseManage/reset1.png"/>
-                                          <span class="btn2text">重置</span>
-                                      </div>
-                                  </div>                                                  
-                              </div>
-                              <div class="second2">
-                                  <div class="btn1">
-                                          <img src="../../assets/images/courseManage/search0.png"/>
-                                          <span class="btn1text">创建小组</span>
-                                      </div>
-                                      <div class="btn2">
-                                          <img src="../../assets/images/courseManage/reset1.png"/>
-                                          <span class="btn2text">随机分组</span>
-                                      </div>
-                              </div>
-                              <div class="groupmain">
-                                  <div class="groupbox">
-                                      <div style="width: 90%">
-                                          <div class="grouptitle">
-                                              <div class="goodgruop">好好学习小组</div>
-                                              <div>...</div>
-                                          </div>
-                                      </div>
-                                  </div>
-                                  <div class="groupbox">
-  
-                                  </div>
-                              </div>
-                          </a-tab-pane>
-                      </a-tabs>
-                  </div>
-              </a-tab-pane>
-              <a-tab-pane key="4" tab="公告">Content of Tab Pane 3</a-tab-pane>
-              <a-tab-pane key="5" tab="项目积分">Content of Tab Pane 3</a-tab-pane>
-              <a-tab-pane key="6" tab="排行榜">Content of Tab Pane 3</a-tab-pane>
-              <a-tab-pane key="7" tab="设置">Content of Tab Pane 3</a-tab-pane>
-          </a-tabs>
-      </div>
-          <!-- 时间管理抽屉 -->
-      <time-manage v-model:Tvisible="visible" />
-      <!-- 面授管理抽屉 -->
-      <face-manage v-model:Fvisible="FaceVisivle" />
-  <!-- 项目发布弹窗 -->
-      <div>
-          <a-modal
-              v-model:visible="pubproject"
-              :title="null"
-              @ok="closeModal"
-              :footer="null"
-              :closable="false"
-              wrapClassName="pubproject"
-              width="679px"
-              height="437px"
-              >
-              <div class="modalHeader" 
-                  style="width: 100%;height: 68px;display: flex;align-items: center;justify-content: space-between;background:linear-gradient(0deg,rgba(78, 166, 255, 0) 0%,rgba(78, 166, 255, 0.2000) 100%)"
-                  >
-                  <div class="headerLeft" style="margin-left: 32px">
-                      <span style="width: 15px;height: 15px"><img src="../../assets/images/taskpage/pub.png"/></span>
-                      <span class="headerLeftText" style="font-size: 16px;margin-left:10px">项目发布</span>
-                  </div>
-                  <div style="cursor: pointer;margin-right:32px" @click="closeModal">
-                  <img
-                      style="width: 22px; height: 22px"
-                      src="../../assets/images/basicinfo/close22.png"
-                  />
-                  </div>
-              </div>
-              <div class="modalMain">
-                  <div class="projectname">管理者进阶-腾飞班1</div>
-                  <div class="projecttime"><span class="timeti">项目时间：</span><span class="timeme">2022/08/01-2022/08/30</span></div>
-                  <div class="projectbox">
-                      <div class="promessage">
-                          <div class="messageme">项目信息</div>
-                          <div class="messagege">当前项目共0个阶段，0个任务</div>
-                      </div>
-                      <div class="stumessage">
-                          <div class="messageme1">学员信息</div>
-                          <div class="messagege1">项目共0名学员</div>
-                      </div>                   
-                  </div>
-                  <div class="send">
-                      <a-switch v-model:checked="checked" size="small" />
-                      <span class="sendtext">发送项目通知</span>
-                  </div>
-                  <div class="ckb">
-                      <a-checkbox v-model:checked="checked1"><span class="sendpeo">发给老师</span></a-checkbox>
-                      <a-checkbox v-model:checked="checked2"><span class="sendpeo">发给学员</span></a-checkbox>
-                  </div>
-                  <div class="pubtn">
-                      <a-button class="pubtn1" @click="closeModal">取消</a-button>
-                      <a-button class="pubtn2" @click="closeModal">发布</a-button>
-                  </div>
-              </div>
-          </a-modal>
-      </div>
-  <!-- 项目发布弹窗 -->
+        <div class="modalMain">
+          <div class="projectname">管理者进阶-腾飞班1</div>
+          <div class="projecttime">
+            <span class="timeti">项目时间：</span
+            ><span class="timeme">2022/08/01-2022/08/30</span>
+          </div>
+          <div class="projectbox">
+            <div class="promessage">
+              <div class="messageme">项目信息</div>
+              <div class="messagege">当前项目共0个阶段，0个任务</div>
+            </div>
+            <div class="stumessage">
+              <div class="messageme1">学员信息</div>
+              <div class="messagege1">项目共0名学员</div>
+            </div>
+          </div>
+          <div class="send">
+            <a-switch v-model:checked="checked" size="small" />
+            <span class="sendtext">发送项目通知</span>
+          </div>
+          <div class="ckb">
+            <a-checkbox v-model:checked="checked1"
+              ><span class="sendpeo">发给老师</span></a-checkbox
+            >
+            <a-checkbox v-model:checked="checked2"
+              ><span class="sendpeo">发给学员</span></a-checkbox
+            >
+          </div>
+          <div class="pubtn">
+            <a-button class="pubtn1" @click="closeModal">取消</a-button>
+            <a-button class="pubtn2" @click="closeModal">发布</a-button>
+          </div>
+        </div>
+      </a-modal>
+    </div>
+    <!-- 项目发布弹窗 -->
   </div>
-  </template>
+</template>
   <script>
-  import { reactive, toRefs } from "vue";
-  import TimeManage from "../../components/drawers/TimeManage";
-  import FaceManage from "../../components/drawers/FaceManage";
-  export default {
-      name:"taskPage",
-      components: { TimeManage, FaceManage },
-      setup(){
-          const state = reactive({
-              visible: false, //时间管理
-        FaceVisivle: true, //面授管理
-              pubproject: false,
-              checked: false,
-              checked1: true,
-              checked2: false,
-              activeKey: '3',
-              activeKey1: '9',
-          });
-          const showModal = () => {
-              state.pubproject = true;
-          };
-          const closeModal = () => {
-              state.pubproject = false;       
-          };
-          //新增
-      const showTime = () => {
-        console.log("点击管理");
-        state.visible = true;
-      };
-  //新增
-      const showFace = () => {
-        //面授管理的抽屉
-        // console.log("点击管理");
-        state.FaceVisivle = true;
-      };
-          return {
-              ...toRefs(state),
-              showModal,
-              closeModal,
-              showTime,
-        showFace,
-          };
-      },
-  }
-  </script>
+import { reactive, toRefs } from "vue";
+import TimeManage from "../../components/drawers/TimeManage";
+import FaceManage from "../../components/drawers/FaceManage";
+export default {
+  name: "taskPage",
+  components: { TimeManage, FaceManage },
+  setup() {
+    const state = reactive({
+      visible: false, //时间管理
+      FaceVisivle: true, //面授管理
+      pubproject: false,
+      checked: false,
+      checked1: true,
+      checked2: false,
+      activeKey: "3",
+      activeKey1: "9",
+    });
+    const showModal = () => {
+      state.pubproject = true;
+    };
+    const closeModal = () => {
+      state.pubproject = false;
+    };
+    //新增
+    const showTime = () => {
+      console.log("点击管理");
+      state.visible = true;
+    };
+    //新增
+    const showFace = () => {
+      //面授管理的抽屉
+      // console.log("点击管理");
+      state.FaceVisivle = true;
+    };
+    return {
+      ...toRefs(state),
+      showModal,
+      closeModal,
+      showTime,
+      showFace,
+    };
+  },
+};
+</script>
   <style lang="scss">
-  .pubproject {
-    .ant-modal {
-      .ant-modal-body {
-        padding: 0;  
-        .modalMain {
-          .projectname {
-              color: rgba(79, 81, 86, 1);
+.pubproject {
+  .ant-modal {
+    .ant-modal-body {
+      padding: 0;
+      .modalMain {
+        .projectname {
+          color: rgba(79, 81, 86, 1);
+          font-size: 14px;
+          line-height: 36px;
+          margin-left: 62px;
+          font-weight: 500;
+        }
+        .projecttime {
+          margin-left: 221px;
+          .timeti {
+            color: rgba(153, 155, 163, 1);
+            font-size: 14px;
+            line-height: 36px;
+          }
+          .timeme {
+            color: rgba(79, 81, 86, 1);
+            font-size: 14px;
+            line-height: 36px;
+          }
+        }
+        .projectbox {
+          margin-top: 26px;
+          display: flex;
+          justify-content: center;
+          .promessage {
+            width: 280px;
+            height: 110px;
+            background: linear-gradient(
+              180deg,
+              rgba(254, 243, 221, 1),
+              rgba(255, 250, 240, 1)
+            );
+            border-radius: 10px;
+            margin-right: 7px;
+            .messageme {
+              color: rgba(255, 182, 78, 1);
               font-size: 14px;
               line-height: 36px;
-              margin-left: 62px;
-              font-weight: 500;
+              margin-top: 17px;
+              margin-left: 30px;
+            }
+            .messagege {
+              color: rgba(153, 155, 163, 1);
+              font-size: 14px;
+              margin-left: 30px;
+            }
           }
-          .projecttime {
-              margin-left: 221px;
-              .timeti {
-                  color: rgba(153, 155, 163, 1);
-                  font-size: 14px;
-                  line-height: 36px;
-              }
-              .timeme {
-                  color: rgba(79, 81, 86, 1);
-                  font-size: 14px;
-                  line-height: 36px;
-              }
+          .stumessage {
+            width: 280px;
+            height: 110px;
+            background: linear-gradient(
+              180deg,
+              rgba(221, 234, 255, 1),
+              rgba(240, 248, 254, 1)
+            );
+            border-radius: 10px;
+            .messageme1 {
+              color: rgba(78, 166, 255, 1);
+              font-size: 14px;
+              line-height: 36px;
+              margin-top: 17px;
+              margin-left: 30px;
+            }
+            .messagege1 {
+              color: rgba(153, 155, 163, 1);
+              font-size: 14px;
+              margin-left: 30px;
+            }
           }
-          .projectbox {
-              margin-top: 26px;
-              display: flex;
-              justify-content: center;
-              .promessage {
-                  width: 280px;
-                  height: 110px;
-                  background:linear-gradient(180deg,rgba(254, 243, 221, 1),rgba(255, 250, 240, 1));
-                  border-radius: 10px;
-                  margin-right: 7px;
-                  .messageme {
-                      color: rgba(255, 182, 78, 1);
-                      font-size: 14px;
-                      line-height: 36px;
-                      margin-top: 17px;
-                      margin-left: 30px;
-                  }
-                  .messagege {
-                      color: rgba(153, 155, 163, 1);
-                      font-size: 14px;
-                      margin-left: 30px;
-                  }
-              }
-              .stumessage {
-                  width: 280px;
-                  height: 110px;
-                  background:linear-gradient(180deg,rgba(221, 234, 255, 1),rgba(240, 248, 254, 1));
-                  border-radius: 10px;
-                  .messageme1 {
-                      color: rgba(78, 166, 255, 1);
-                      font-size: 14px;
-                      line-height: 36px;
-                      margin-top: 17px;
-                      margin-left: 30px;
-                  }
-                  .messagege1 {
-                      color: rgba(153, 155, 163, 1);
-                      font-size: 14px;
-                      margin-left: 30px;
-                  }
-              }
+        }
+        .send {
+          margin-top: 30px;
+          margin-left: 61px;
+          .sendtext {
+            margin-left: 11px;
+            color: rgba(109, 117, 132, 1);
+            font-size: 14px;
           }
-          .send {
-              margin-top: 30px;
-              margin-left: 61px;
-              .sendtext {
-                  margin-left: 11px;
-                  color: rgba(109, 117, 132, 1);
-                  font-size: 14px;
-              }
+        }
+        .ckb {
+          margin-top: 20px;
+          margin-left: 62px;
+          .sendpeo {
+            color: rgba(109, 117, 132, 1);
+            font-size: 14px;
           }
-          .ckb {
-              margin-top: 20px;
-              margin-left: 62px;
-              .sendpeo {
-                  color: rgba(109, 117, 132, 1);
-                  font-size: 14px;
-              }
-              .ant-checkbox-inner {
-                  border-radius: 4px;
-              }
+          .ant-checkbox-inner {
+            border-radius: 4px;
           }
-          .pubtn {
-              display: flex;
-              justify-content: center;
-              margin-top: 25px;
-              //margin-bottom: 29px;
-              .pubtn1 {
-                  width: 100px;
-                  height: 40px;
-                  margin-right: 16px;
-                  margin-bottom: 29px;
-                  border: 1px solid #409EFF;
-                  border-radius: 4px;
-                  color: rgba(78, 166, 255, 1);
-                  font-size: 14px;
-                  //line-height: 36px;
-                  align-items: center;
-                  background: rgba(255, 255, 255, 1)
-              }
-              .pubtn2 {
-                  width: 100px;
-                  height: 40px;
-                  margin-bottom: 29px;
-                  border: 1px solid #409EFF;
-                  border-radius: 4px;
-                  color: #FFFFFF;
-                  font-size: 14px;
-                  align-items: center;
-                  //line-height: 36px;
-                  background: #409EFF;
-              }
+        }
+        .pubtn {
+          display: flex;
+          justify-content: center;
+          margin-top: 25px;
+          //margin-bottom: 29px;
+          .pubtn1 {
+            width: 100px;
+            height: 40px;
+            margin-right: 16px;
+            margin-bottom: 29px;
+            border: 1px solid #409eff;
+            border-radius: 4px;
+            color: rgba(78, 166, 255, 1);
+            font-size: 14px;
+            //line-height: 36px;
+            align-items: center;
+            background: rgba(255, 255, 255, 1);
+          }
+          .pubtn2 {
+            width: 100px;
+            height: 40px;
+            margin-bottom: 29px;
+            border: 1px solid #409eff;
+            border-radius: 4px;
+            color: #ffffff;
+            font-size: 14px;
+            align-items: center;
+            //line-height: 36px;
+            background: #409eff;
           }
         }
       }
     }
   }
-  .taskpage {
-      width: 100%;
-      display: flex;
-      flex-direction: column;
-      //position: relative;
-      .addhead {
-          width: 100%;
-          height: 130px;
-          // background-color: lightgreen;
-          display: flex;
-          justify-content: space-between;
-          align-items: center;
-          position: relative;
-          .leftimg {
-          width: 151px;
-          height: 100px;
-          border: 10px solid #e7f2ff;
-          border-radius: 8px;
-          margin-left: 20px;
-          .img {
-              width: 100%;
-              height: 100%;
-          }
-          }
-          .imgfor {
-              margin-left: 32px;
-              display: flex;
-              flex: 1;
-              flex-direction: column;
-              .forz {
-                  color: #363636;
-                  font-weight: 600;
-                  font-size: 16px;
-              }
-              .fort {
-                  display: flex;
-                  flex-wrap: wrap;
-                  color: #878b92;
-                  font-size: 14px;
-                  margin-top: 2px;
-              }
-          }
-          @media screen and (max-width: 1030px) {
-          .imgfor {
-              margin-left: 20px;
-          }
-      }
-      .right {
-        // width: 500px;
+}
+.taskpage {
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  //position: relative;
+  .addhead {
+    width: 100%;
+    height: 130px;
+    // background-color: lightgreen;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    position: relative;
+    .leftimg {
+      width: 151px;
+      height: 100px;
+      border: 10px solid #e7f2ff;
+      border-radius: 8px;
+      margin-left: 20px;
+      .img {
+        width: 100%;
         height: 100%;
-        // background-color: red;
-        //position: absolute;
-        //right: 0;
+      }
+    }
+    .imgfor {
+      margin-left: 32px;
+      display: flex;
+      flex: 1;
+      flex-direction: column;
+      .forz {
+        color: #363636;
+        font-weight: 600;
+        font-size: 16px;
+      }
+      .fort {
+        display: flex;
+        flex-wrap: wrap;
+        color: #878b92;
+        font-size: 14px;
+        margin-top: 2px;
+      }
+    }
+    @media screen and (max-width: 1030px) {
+      .imgfor {
+        margin-left: 20px;
+      }
+    }
+    .right {
+      // width: 500px;
+      height: 100%;
+      // background-color: red;
+      //position: absolute;
+      //right: 0;
+      display: flex;
+      align-items: center;
+      .img1 {
+        width: 24px;
+        height: 24px;
+        margin-right: 50px;
+      }
+      .line {
+        height: 65%;
+        width: 1px;
+        background-color: #e8effa;
+        margin-right: 28px;
+      }
+      .img2 {
+        width: 42px;
+        height: 42px;
+        margin-right: 22px;
+      }
+      .pub {
+        color: #ffb64e;
+        font-size: 14px;
+        margin-top: 5px;
+        margin-right: 30px;
+        cursor: pointer;
+      }
+      .return {
+        color: #4ea6ff;
+        font-size: 14px;
+        margin-top: 10px;
+        margin-right: 60px;
+      }
+      .more {
+        position: relative;
+        margin-right: 30px;
+        height: 30px;
         display: flex;
         align-items: center;
-        .img1 {
-          width: 24px;
-          height: 24px;
-          margin-right: 50px;
+        .moreArrow {
+          width: 13px;
+          height: 7px;
+          display: inline-block;
+          background-image: url("../../assets/images/navtop/down.png");
+          background-size: 100%;
+          margin: 2px;
+          margin-left: 15px;
         }
-        .line {
-          height: 65%;
-          width: 1px;
-          background-color: #e8effa;
-          margin-right: 28px;
-        }
-        .img2 {
-          width: 42px;
-          height: 42px;
-          margin-right: 22px;
-        }
-        .pub {
-          color: #ffb64e;
-          font-size: 14px;
-          margin-top: 5px;
-          margin-right: 30px;
+        .moreItems {
+          width: 110px;
+          height: 80px;
+          display: none;
+          background: #ffffff;
+          box-shadow: 2px 3px 9px 3px rgba(0, 0, 0, 0.05);
+          // border-radius: 3px;
+          border: 0px solid #dcdcdc;
+          position: absolute;
+          left: -48px;
+          top: 30px;
+          z-index: 100;
           cursor: pointer;
-        }
-        .return {
-          color: #4ea6ff;
-          font-size: 14px;
-          margin-top: 10px;
-          margin-right: 60px;
-        }
-        .more {
-          position: relative;
-          margin-right: 30px;
-          height: 30px;
-          display: flex;
-          align-items: center;
-          .moreArrow {
-            width: 13px;
-            height: 7px;
-            display: inline-block;
-            background-image: url("../../assets/images/navtop/down.png");
-            background-size: 100%;
-            margin: 2px;
-            margin-left: 15px;
-          }
-          .moreItems {
-            width: 110px;
-            height: 80px;
-            display: none;
-            background: #ffffff;
-            box-shadow: 2px 3px 9px 3px rgba(0, 0, 0, 0.05);
-            // border-radius: 3px;
-            border: 0px solid #dcdcdc;
-            position: absolute;
-            left: -48px;
-            top: 30px;
-            z-index: 100;
+          .sammo {
+            text-align: center;
+            margin-top: 12px;
             cursor: pointer;
-            .sammo {
-              text-align: center;
-              margin-top: 12px;
-              cursor: pointer;
-            }
-            .sammo:hover {
-              color: #4ea6ff;
-            }
           }
-          .moreItems:hover {
-            display: block;
+          .sammo:hover {
+            color: #4ea6ff;
           }
         }
-        @media screen and (max-width: 1240px) {
-          .line {
-            margin-right: 10px;
-          }
-          .img1 {
-            margin-right: 15px;
-          }
-          .img2 {
-            margin-right: 10px;
-          }
-          .return {
-            margin-right: 10px;
-          }
-          .pub {
-            margin-right: 10px;
-          }
-          .more {
-            margin-right: 10px;
-          }
-        }
-        .more:hover .moreArrow {
-          background-image: url("../../assets/images/navtop/up.png");
-        }
-        .more:hover .moreItems {
+        .moreItems:hover {
           display: block;
         }
       }
+      @media screen and (max-width: 1240px) {
+        .line {
+          margin-right: 10px;
+        }
+        .img1 {
+          margin-right: 15px;
+        }
+        .img2 {
+          margin-right: 10px;
+        }
+        .return {
+          margin-right: 10px;
+        }
+        .pub {
+          margin-right: 10px;
+        }
+        .more {
+          margin-right: 10px;
+        }
+      }
+      .more:hover .moreArrow {
+        background-image: url("../../assets/images/navtop/up.png");
+      }
+      .more:hover .moreItems {
+        display: block;
+      }
     }
-      .tableBox {
-          margin: 20px 38px 30px;
-          .ant-table-thead > tr > th {
-          font-size: 14px;
-          font-weight: 400;
-          color: #999ba3;
-          line-height: 36px;
-          padding: 5px 16px;
-          background-color: #eff4fc;
-          }
-      
-      }
-      .split {
-          width: 100%;
-          height: 20px;
-          background-color: #edf0f5;
-      }
-      .content {
-          //display: flex;
-          //margin: 0 37px;
-          .ant-tabs-nav-wrap {
-              margin-left: 30px;
-          }
-          .onerow {
-              //width: 100%;
-              display: flex;
-              height: 40px;
-              position: relative;
-              margin-top: 15px;
-              margin-left: 38px;
-              //margin-right: 38px;
-              .taskmain {
-                  font-size: 18px;
-                  padding-top: 7px;
-                  color: #000000;
-              }
-              .btn {
-                  position: absolute;
-                  top: 0;
-                  right: 168px;
-                  background-color: #409EFF;
-                  width: 130px;
-                  height: 40px;
-                  border-radius: 8px;
-                  border: 1px solid #409EFF;
-                  color: #FFFFFF;
-                  cursor: pointer;
-              }
-              .edit {
-                  position: absolute;
-                  right: 48px;
-                  top: 0;
-                  color: #409EFF;
-                  width: 100px;
-                  height: 40px;
-                  border: 1px solid #409EFF;
-                  border-radius: 8px;
-                  .editimg {
-                      width: 15px;
-                      height: 15px;
-                      margin-top: -2px;
-                      margin-left: 25px;
-                      margin-right: 5px;
-                  } 
-                  .editext {
-                      line-height: 40px;
-                  }               
-              }
-              .edit:hover {
-                  color: #FFFFFF;
-                  background-color: #409EFF;
-                  cursor: pointer;
-                  .editimg {
-                      background-image: url("../../assets/images/projectadd/edit1.png");
-                  }
-              }
-          }
-          .second {
-              display: flex;
-              justify-content: left;
-              flex-wrap: wrap;
-              margin-top: 40px;
-              margin-left: 20px;
-              .nubbox {
-                  width: 253px;
-                  height: 116px;
-                  margin-top: 20px;
-                  display: flex;
-                  flex-direction: column;
-                  justify-content: center;
-                  align-items: center;
-                  background: #FAFBFC;
-                  border-radius: 10px;
-                  margin-left: 15px;
-                  .nub1 {
-                      color: #FFB54A;
-                      font-size: 30px;
-                      font-weight: 700;
-                  }
-                  .nub2 {
-                      color: #6D7584;
-                      font-size: 14px;
-                  }
-              }
-              .taskbox {
-                  width: 412px;
-                  height: 160px;
-                  border-radius: 10px;
-                  position: relative;
-                  margin-left: 68px;
-                  margin-bottom: 40px;
-                  cursor: pointer;
-                  .leftt {
-                      position: absolute;
-                      top: 18px;
-                      left: 0;
-                  }
-                  .photo {
-                      position: absolute;
-                      top: 42px;
-                      left: 37px;
-                  }
-                  .rightt {
-                      position: absolute;
-                      top: 69px;
-                      right: 26px;
-                  }
-                  .centerbox {
-                      position: absolute;
-                      top: 52px;
-                      left: 145px;
-                      font-size: 20px;
-                      font-weight: 700;
-                      //line-height: 36px;
-                  }
-                  .centermain {
-                      color: rgba(135, 139, 146, 1);
-                      font-size: 14px;
-                      position: absolute;
-                      left: 144px;
-                      bottom: 49px;
-                  }
-              }
-          }
-          .stagemess {
-              display: flex;
-              margin-left: 38px;
-              .stage1 {
-                  width: 100px;
-                  height: 33px;
-                  text-align: center;
-                  line-height: 34px;
-                  border-radius: 6px;
-                  color: #FFFFFF;
-                  font-size: 16px;
-                  background: #4EA6FF;
-                  margin-right: 10px;
-                  margin-top: 19px;
-                  cursor: pointer;
-              }
-              .stage2 {
-                  width: 100px;
-                  height: 33px;
-                  text-align: center;
-                  line-height: 34px;
-                  border-radius: 6px;
-                  border: 1px solid #EBEEF3;
-                  color: #000000;
-                  font-size: 16px;
-                  background: #FFFFFF;
-                  margin-right: 10px;
-                  margin-top: 19px;
-                  cursor: pointer;
-              }
-          }
-          .stagesecond {
-              display: flex;
-              margin-left: 39px;
-              margin-top: 29px;
-              .staname {
-                  color: #999BA3;
-                  font-size: 14px;
-              }
-              .stamess {
-                  color: #4F5156;
-                  font-size: 14px;
-              }
-          }
-          .stagelast {
-              display: flex;
-              flex-wrap: wrap;
-              justify-content: center;
-              margin-bottom: 55px;
-              .stagepro {
-                  display: flex;
-                  flex-direction: column;
-                  align-items: center;
-                  margin-top: 55px;
-                  margin-right: 120px;
-                  .ant-progress-circle-path {
-                      stroke: #4EA6FF;
-                  }
-                  .ant-progress-text {
-                      color: #4EA6FF;
-                      font-weight: 700;
-                  }
-                  .protext {
-                      color: #6D7584;
-                      font-size: 14px;
-                      margin-top: 25px;
-                  }
-              }
-              .proright {
-                  width: 500px;
-                  margin-top: 55px;
-                  margin-left: 50px;
-                  .ant-progress-bg {
-                      height: 24px !important;
-                      background: #4EA6FF;
-                  }
-                  .ant-progress-inner {
-                      height: 24px;
-                  }
-                  .pronub {
-                      color: #4EA6FF;
-                      font-size: 14px;
-                      margin: 5px 0;
-                  }
-                  .proright1 {
-                      display: flex;
-                      justify-content: right;
-                      .textpro {
-                          color: #6D7584;
-                          font-size: 14px;
-                          margin-right: 20px;
-                      }
-                      .ant-progress-text {
-                          color: #4EA6FF;
-                          font-size: 14px;
-                          font-weight: 700;
-                      }
-                  }
-              }
-          }
-          .stage {
-              display: flex;
-              height: 49px;
-              background-color: #EFF4FC;
-              align-items: center;
-              margin-top: 20px;
-              margin-left: 38px;
-              margin-right: 38px;
-              .stageimg {
-                  margin-left: 31px;
-              }
-              .stagename {
-                  color: #409EFF;
-                  font-size: 16px;
-                  padding-left: 9px;
-                  line-height: 36px;
-              }
-          }
-          .course {
-              //width: 100%;
-              display: flex;
-              flex-wrap: wrap;
-              align-items: center;
-              padding: 10px;
-              margin-left: 38px;
-              margin-right: 38px;
-              //margin: 0 12px;
-              border: 1px solid #F2F6FC;
-              .first {  
-                  //position: relative; 
-                  display: flex;
-                  flex-grow: 1;
-                  align-items: center;
-                  //height: 71px;
-                  margin-left: 12px;
-                  margin-right: 50px;
-                  .icon {
-                      //position: absolute;
-                  }            
-                  .iconame {
-                      //position: absolute;
-                      color: #4F5156;
-                      font-size: 16px;
-                  }
-                  .icontext {
-                      //positipn: absolute;
-                      color: #999BA3;
-                      font-size: 14px;
-                      margin-left: 8px;
-                      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;
-                  }
-                  .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;
-                  }
-              }
-              .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;
-                  }
-              }
-          }
-      }
-      .content3 {
-          margin-top: 20px;
-          .ant-tabs-tab-btn {
-              font-size: 18px;
-              font-weight: 700;
-          }
-          .group {
-              display: flex;
-              justify-content: space-between;
-              .groupleft {
-                  display: flex;
-                  align-items: center;
-                  margin-left: 32px;
-                  .groupname {
-                      color: #000000;
-                      font-size: 14px;
-                  }
-                  .ant-input {
-                      height: 40px;
-                  }
-              }
-              .groupright {
-                  display: flex;
-                  .btn1 {
-                      width: 100px;
-                      height: 40px;
-                      display: flex;
-                      align-items: center;
-                      justify-content: center;
-                      margin-right: 16px;
-                      border: 1px solid #409EFF;
-                      border-radius: 8px;
-                      background: #409EFF;
-                      cursor: pointer;
-                      .btn1text {
-                          color: #FFFFFF;
-                          margin-left: 5px;
-                          font-size: 14px;
-                      }
-                  }
-                  .btn2 {
-                      width: 100px;
-                      height: 40px;
-                      display: flex;
-                      align-items: center;
-                      justify-content: center;
-                      margin-right: 32px;
-                      border: 1px solid #409EFF;
-                      border-radius: 8px;
-                      cursor: pointer;
-                      background: #FFFFFF;
-                      .btn2text {
-                          color: #409EFF;
-                          margin-left: 5px;
-                          font-size: 14px;
-                      }
-                  }
-              }
-          }
-          .second2 {
-              display: flex;
-              margin: 30px 0 0 32px;
-              .btn1 {
-                      width: 130px;
-                      height: 40px;
-                      display: flex;
-                      align-items: center;
-                      justify-content: center;
-                      margin-right: 16px;
-                      border: 1px solid #409EFF;
-                      border-radius: 8px;
-                      background: #409EFF;
-                      cursor: pointer;
-                      .btn1text {
-                          color: #FFFFFF;
-                          margin-left: 5px;
-                          font-size: 14px;
-                      }
-                  }
-                  .btn2 {
-                      width: 130px;
-                      height: 40px;
-                      display: flex;
-                      align-items: center;
-                      justify-content: center;
-                      margin-right: 32px;
-                      border: 1px solid #409EFF;
-                      border-radius: 8px;
-                      cursor: pointer;
-                      background: #FFFFFF;
-                      .btn2text {
-                          color: #409EFF;
-                          margin-left: 5px;
-                          font-size: 14px;
-                      }
-                  }
-          }
-          .groupmain {
-              display: flex;
-              margin-left: 32px;
-              .groupbox {
-                  width: 264px;
-                  height: 181px;
-                  display: flex;
-                  justify-content: center;
-                  border: 1px solid #E9E9E9;
-                  box-shadow: 1px 1px 18px 1px rgba(0, 0, 0, 0.0500);
-                  margin-top: 16px;
-                  margin-right: 20px;
-                  .grouptitle {
-                      display: flex;
-                      justify-content: space-betwwen;
-                      border-bottom: 1px solid rgba(232, 232, 232, 1);
-                      .goodgruop {
-                          
-                      }
-                  }
-              }
-          }
-      }
   }
-  </style>
-  
\ No newline at end of file
+  .tableBox {
+    margin: 20px 38px 30px;
+    .ant-table-thead > tr > th {
+      font-size: 14px;
+      font-weight: 400;
+      color: #999ba3;
+      line-height: 36px;
+      padding: 5px 16px;
+      background-color: #eff4fc;
+    }
+  }
+  .split {
+    width: 100%;
+    height: 20px;
+    background-color: #edf0f5;
+  }
+  .content {
+    //display: flex;
+    //margin: 0 37px;
+    .ant-tabs-nav-wrap {
+      margin-left: 30px;
+    }
+    .onerow {
+      //width: 100%;
+      display: flex;
+      height: 40px;
+      position: relative;
+      margin-top: 15px;
+      margin-left: 38px;
+      //margin-right: 38px;
+      .taskmain {
+        font-size: 18px;
+        padding-top: 7px;
+        color: #000000;
+      }
+      .btn {
+        position: absolute;
+        top: 0;
+        right: 168px;
+        background-color: #409eff;
+        width: 130px;
+        height: 40px;
+        border-radius: 8px;
+        border: 1px solid #409eff;
+        color: #ffffff;
+        cursor: pointer;
+      }
+      .edit {
+        position: absolute;
+        right: 48px;
+        top: 0;
+        color: #409eff;
+        width: 100px;
+        height: 40px;
+        border: 1px solid #409eff;
+        border-radius: 8px;
+        .editimg {
+          width: 15px;
+          height: 15px;
+          margin-top: -2px;
+          margin-left: 25px;
+          margin-right: 5px;
+        }
+        .editext {
+          line-height: 40px;
+        }
+      }
+      .edit:hover {
+        color: #ffffff;
+        background-color: #409eff;
+        cursor: pointer;
+        .editimg {
+          background-image: url("../../assets/images/projectadd/edit1.png");
+        }
+      }
+    }
+    .second {
+      display: flex;
+      justify-content: left;
+      flex-wrap: wrap;
+      margin-top: 40px;
+      margin-left: 20px;
+      .nubbox {
+        width: 253px;
+        height: 116px;
+        margin-top: 20px;
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+        align-items: center;
+        background: #fafbfc;
+        border-radius: 10px;
+        margin-left: 15px;
+        .nub1 {
+          color: #ffb54a;
+          font-size: 30px;
+          font-weight: 700;
+        }
+        .nub2 {
+          color: #6d7584;
+          font-size: 14px;
+        }
+      }
+      .taskbox {
+        width: 412px;
+        height: 160px;
+        border-radius: 10px;
+        position: relative;
+        margin-left: 68px;
+        margin-bottom: 40px;
+        cursor: pointer;
+        .leftt {
+          position: absolute;
+          top: 18px;
+          left: 0;
+        }
+        .photo {
+          position: absolute;
+          top: 42px;
+          left: 37px;
+        }
+        .rightt {
+          position: absolute;
+          top: 69px;
+          right: 26px;
+        }
+        .centerbox {
+          position: absolute;
+          top: 52px;
+          left: 145px;
+          font-size: 20px;
+          font-weight: 700;
+          //line-height: 36px;
+        }
+        .centermain {
+          color: rgba(135, 139, 146, 1);
+          font-size: 14px;
+          position: absolute;
+          left: 144px;
+          bottom: 49px;
+        }
+      }
+    }
+    .stagemess {
+      display: flex;
+      margin-left: 38px;
+      .stage1 {
+        width: 100px;
+        height: 33px;
+        text-align: center;
+        line-height: 34px;
+        border-radius: 6px;
+        color: #ffffff;
+        font-size: 16px;
+        background: #4ea6ff;
+        margin-right: 10px;
+        margin-top: 19px;
+        cursor: pointer;
+      }
+      .stage2 {
+        width: 100px;
+        height: 33px;
+        text-align: center;
+        line-height: 34px;
+        border-radius: 6px;
+        border: 1px solid #ebeef3;
+        color: #000000;
+        font-size: 16px;
+        background: #ffffff;
+        margin-right: 10px;
+        margin-top: 19px;
+        cursor: pointer;
+      }
+    }
+    .stagesecond {
+      display: flex;
+      margin-left: 39px;
+      margin-top: 29px;
+      .staname {
+        color: #999ba3;
+        font-size: 14px;
+      }
+      .stamess {
+        color: #4f5156;
+        font-size: 14px;
+      }
+    }
+    .stagelast {
+      display: flex;
+      flex-wrap: wrap;
+      justify-content: center;
+      margin-bottom: 55px;
+      .stagepro {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        margin-top: 55px;
+        margin-right: 120px;
+        .ant-progress-circle-path {
+          stroke: #4ea6ff;
+        }
+        .ant-progress-text {
+          color: #4ea6ff;
+          font-weight: 700;
+        }
+        .protext {
+          color: #6d7584;
+          font-size: 14px;
+          margin-top: 25px;
+        }
+      }
+      .proright {
+        width: 500px;
+        margin-top: 55px;
+        margin-left: 50px;
+        .ant-progress-bg {
+          height: 24px !important;
+          background: #4ea6ff;
+        }
+        .ant-progress-inner {
+          height: 24px;
+        }
+        .pronub {
+          color: #4ea6ff;
+          font-size: 14px;
+          margin: 5px 0;
+        }
+        .proright1 {
+          display: flex;
+          justify-content: right;
+          .textpro {
+            color: #6d7584;
+            font-size: 14px;
+            margin-right: 20px;
+          }
+          .ant-progress-text {
+            color: #4ea6ff;
+            font-size: 14px;
+            font-weight: 700;
+          }
+        }
+      }
+    }
+    .stage {
+      display: flex;
+      height: 49px;
+      background-color: #eff4fc;
+      align-items: center;
+      margin-top: 20px;
+      margin-left: 38px;
+      margin-right: 38px;
+      .stageimg {
+        margin-left: 31px;
+      }
+      .stagename {
+        color: #409eff;
+        font-size: 16px;
+        padding-left: 9px;
+        line-height: 36px;
+      }
+    }
+    .course {
+      //width: 100%;
+      display: flex;
+      flex-wrap: wrap;
+      align-items: center;
+      padding: 10px;
+      margin-left: 38px;
+      margin-right: 38px;
+      //margin: 0 12px;
+      border: 1px solid #f2f6fc;
+      .first {
+        //position: relative;
+        display: flex;
+        flex-grow: 1;
+        align-items: center;
+        //height: 71px;
+        margin-left: 12px;
+        margin-right: 50px;
+        .icon {
+          //position: absolute;
+        }
+        .iconame {
+          //position: absolute;
+          color: #4f5156;
+          font-size: 16px;
+        }
+        .icontext {
+          //positipn: absolute;
+          color: #999ba3;
+          font-size: 14px;
+          margin-left: 8px;
+          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;
+        }
+        .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;
+        }
+      }
+      .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;
+        }
+      }
+    }
+  }
+  .content3 {
+    margin-top: 20px;
+    .ant-tabs-tab-btn {
+      font-size: 18px;
+      font-weight: 700;
+    }
+    .group {
+      display: flex;
+      justify-content: space-between;
+      .groupleft {
+        display: flex;
+        align-items: center;
+        margin-left: 32px;
+        .groupname {
+          color: #000000;
+          font-size: 14px;
+        }
+        .ant-input {
+          height: 40px;
+        }
+      }
+      .groupright {
+        display: flex;
+        .btn1 {
+          width: 100px;
+          height: 40px;
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          margin-right: 16px;
+          border: 1px solid #409eff;
+          border-radius: 8px;
+          background: #409eff;
+          cursor: pointer;
+          .btn1text {
+            color: #ffffff;
+            margin-left: 5px;
+            font-size: 14px;
+          }
+        }
+        .btn2 {
+          width: 100px;
+          height: 40px;
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          margin-right: 32px;
+          border: 1px solid #409eff;
+          border-radius: 8px;
+          cursor: pointer;
+          background: #ffffff;
+          .btn2text {
+            color: #409eff;
+            margin-left: 5px;
+            font-size: 14px;
+          }
+        }
+      }
+    }
+    .second2 {
+      display: flex;
+      margin: 30px 0 0 32px;
+      .btn1 {
+        width: 130px;
+        height: 40px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        margin-right: 16px;
+        border: 1px solid #409eff;
+        border-radius: 8px;
+        background: #409eff;
+        cursor: pointer;
+        .btn1text {
+          color: #ffffff;
+          margin-left: 5px;
+          font-size: 14px;
+        }
+      }
+      .btn2 {
+        width: 130px;
+        height: 40px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        margin-right: 32px;
+        border: 1px solid #409eff;
+        border-radius: 8px;
+        cursor: pointer;
+        background: #ffffff;
+        .btn2text {
+          color: #409eff;
+          margin-left: 5px;
+          font-size: 14px;
+        }
+      }
+    }
+    .groupmain {
+      display: flex;
+      margin-left: 32px;
+      .groupbox {
+        width: 264px;
+        height: 181px;
+        display: flex;
+        justify-content: center;
+        border: 1px solid #e9e9e9;
+        box-shadow: 1px 1px 18px 1px rgba(0, 0, 0, 0.05);
+        margin-top: 16px;
+        margin-right: 20px;
+        .grouptitle {
+          display: flex;
+          justify-content: space-betwwen;
+          border-bottom: 1px solid rgba(232, 232, 232, 1);
+          .goodgruop {
+          }
+        }
+      }
+    }
+  }
+}
+</style>
+