diff --git a/src/views/debate/DebatePage.vue b/src/views/debate/DebatePage.vue
index e9eab5a..c5161ab 100644
--- a/src/views/debate/DebatePage.vue
+++ b/src/views/debate/DebatePage.vue
@@ -384,8 +384,7 @@ export default {
     line-height: 24px;
     height: 24px;
     font-weight: 600;
-    color: #fff;
-    margin-left: -10px;
+    color: #ffffff;
   }
 
   .detailinfo {
diff --git a/src/views/examination/ExamPage.vue b/src/views/examination/ExamPage.vue
index b6c5e6f..4505069 100644
--- a/src/views/examination/ExamPage.vue
+++ b/src/views/examination/ExamPage.vue
@@ -57,7 +57,7 @@
         <!-- 考试测试的盒子 -->
 
         <!-- 开始考试按钮 -->
-        <button class="starttest">开始考试</button>
+        <button class="starttest" style="cursor: pointer">开始考试</button>
         <!-- 开始考试按钮 -->
         <div class="righttitleE">
           <img width="20px" height="20px" src="../../assets/image/yuan.png" />
diff --git a/src/views/faceteach/FaceTeach.vue b/src/views/faceteach/FaceTeach.vue
index 5a82e5e..7bdbc0d 100644
--- a/src/views/faceteach/FaceTeach.vue
+++ b/src/views/faceteach/FaceTeach.vue
@@ -133,15 +133,13 @@
           }"
         >
           <img class="peopleimg" :src="el.peopleimg" />
-          <div style="margin-left: 17px">
-            <div class="teacherName">
-              <div style="margin-right: 5px">{{ el.name }}</div>
-              <div v-for="(item, key) in el.medal" :key="key">
-                <img class="teacherMedal" :src="item" />
-              </div>
+          <div style="margin-left: 17px; width: 190px">
+            <div class="teacherName" style="margin-right: 5px">
+              {{ el.name }}
             </div>
             <div class="introduce">{{ el.introduce }}</div>
           </div>
+          <div class="follow">+ 关注</div>
         </div>
       </div>
     </div>
@@ -417,6 +415,7 @@ export default {
         // min-height: 115px;
         padding: 25px 0px;
         display: flex;
+        position: relative;
         // align-items: center;
       }
       .teacheritem .peopleimg {
@@ -430,22 +429,29 @@ export default {
         color: #394145;
         display: flex;
         align-items: center;
-        width: 260px;
-      }
-      .teacheritem .teacherName .teacherMedal {
-        width: 17px;
-        height: 19px;
-        margin-right: 4px;
-        display: flex;
-        align-items: center;
       }
       .teacheritem .introduce {
-        width: 260px;
         font-size: 14px;
         font-weight: 500;
         color: #394145;
         margin-top: 14px;
+      }
+      .teacheritem .follow {
+        width: 80px;
+        height: 30px;
+        background: #387df7;
+        border-radius: 4px;
+        margin-top: 28px;
+        position: absolute;
+        right: -25px;
+        font-size: 14px;
+        font-weight: 500;
+        color: #ffffff;
         line-height: 24px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        cursor: pointer;
       }
     }
   }
diff --git a/src/views/homework/HomeworkPage.vue b/src/views/homework/HomeworkPage.vue
index 307662c..fb55584 100644
--- a/src/views/homework/HomeworkPage.vue
+++ b/src/views/homework/HomeworkPage.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="moreactive">
+  <div class="homework">
     <!-- 面包屑导航 -->
     <div class="crumb">
       <div>混合制项目</div>
@@ -23,7 +23,14 @@
     <div class="detailinfo">
       <div class="detail">
         <div class="detailT">
-          <div class="left">
+          <div
+            style="
+              margin-left: 45px;
+              margin-right: 42px;
+              position: relative;
+              width: 100%;
+            "
+          >
             <div class="title">
               <img
                 width="20px"
@@ -33,15 +40,26 @@
               <div class="text">作业名称</div>
               <div class="box"></div>
             </div>
-            <div class="shapan clearfix">
-              <div class="shapanexplain">
-                管理者进阶腾飞班 - 第一次作业 - 沙盘实验
+            <div class="shapan">
+              <div style="flex: 1; width: 0">
+                <div class="shapanexplain">
+                  管理者进阶腾飞班 - 第一次作业 - 沙盘实验
+                </div>
               </div>
             </div>
 
-            <button class="shangchuan" style="cursor: pointer">上传</button>
+            <button
+              class="shangchuan"
+              style="cursor: pointer"
+              @click="uploadFile"
+            >
+              上传
+            </button>
 
-            <div class="uploadDetail">
+            <div
+              class="uploadDetail"
+              :style="{ display: uploadfile ? 'block' : 'none' }"
+            >
               <div class="triangle"></div>
               <div class="square clearfix">
                 <div class="squarecontent1">
@@ -95,16 +113,25 @@
 
             <div class="title">
               <img
-                width="20px"
-                height="20px"
+                style="width: 20px; height: 20px"
                 src="../../assets/image/yuan.png"
               />
               <div class="text">作业内容</div>
               <div class="box"></div>
             </div>
 
-            <div class="join"></div>
-            <button class="tijiao">提交</button>
+            <div class="join">
+              <el-input
+                v-model="textarea1"
+                :autosize="{ minRows: 12.5, maxRows: 12.5 }"
+                resize="none"
+                type="textarea"
+                @input="textareaInput"
+              />
+            </div>
+            <div style="display: flex; justify-content: center">
+              <button class="tijiao">提交</button>
+            </div>
 
             <div class=""></div>
 
@@ -119,76 +146,74 @@
             </div>
 
             <div class="history">
-              <div class="historytitle clearfix tongyi">
+              <div class="historytitle">
                 <div class="content1">提交时间</div>
                 <div class="content2">作业内容</div>
               </div>
-              <div class="historytitle2 clearfix tongyi">
-                <div class="content1">2022-7-20&nbsp;00:00</div>
-                <div class="content2">大唐之音鉴赏 - 2022/7/20.zip</div>
-              </div>
-              <div class="fenge"></div>
-              <div class="historytitle2 clearfix tongyi">
-                <div class="content1">2022-7-18&nbsp;00:00</div>
-                <div class="content2">
-                  《木兰辞》翻译：叹息声一声接着一声,木兰姑娘当门在织布。…
-                </div>
-              </div>
-              <div class="fenge"></div>
               <div
-                class="historytitle2 clearfix tongyi"
-                style="border-radius: 0px 0px 8px 8px"
+                v-for="(value, index) in history"
+                :key="index"
+                class="historytitle2"
+                :style="{
+                  'border-bottom':
+                    index === history.length - 1
+                      ? '1px solid rgba(215, 229, 253, 0)'
+                      : '1px solid rgba(215, 229, 253, 1)',
+                }"
               >
-                <div class="content1">2022-7-14&nbsp;00:00</div>
-                <div class="content2">湖北黄冈语文压卷题.doc</div>
+                <div class="content1">{{ value.time }}</div>
+                <div class="content2">
+                  <div
+                    style="
+                      width: 95%;
+                      overflow: hidden;
+                      text-overflow: ellipsis;
+                      white-space: nowrap;
+                    "
+                  >
+                    {{ value.content }}
+                  </div>
+                </div>
               </div>
             </div>
           </div>
-          <div class="right">
-            <div class="righttitle">
-              <img
-                width="20px"
-                height="20px"
-                src="../../assets/image/yuan.png"
-              />
-              <div class="text">截止时间</div>
-              <div class="box"></div>
+        </div>
+      </div>
+      <div class="right">
+        <div class="righttitle">
+          <img width="20px" height="20px" src="../../assets/image/yuan.png" />
+          <div class="text">截止时间</div>
+          <div class="box"></div>
+        </div>
+        <div class="timebox clearfix">
+          <div class="innertime">
+            2022-7-20
+            00:00&nbsp;&nbsp;&nbsp;&nbsp;至&nbsp;&nbsp;&nbsp;&nbsp;2022-8-29
+            23:59:59
+          </div>
+          <div class="endtime clearfix">
+            <div class="endtimetext">
+              距离结束还有&nbsp;&nbsp;
+              <span class="te">123</span>&nbsp;&nbsp; 小时&nbsp;&nbsp;<span
+                class="te"
+                >42</span
+              >&nbsp;&nbsp;分钟
             </div>
-            <div class="timebox clearfix">
-              <div class="innertime">
-                2022-7-20
-                00:00&nbsp;&nbsp;&nbsp;&nbsp;至&nbsp;&nbsp;&nbsp;&nbsp;2022-8-29
-                23:59:59
-              </div>
-              <div class="endtime clearfix">
-                <div class="endtimetext">
-                  距离结束还有&nbsp;&nbsp;
-                  <span class="te">123</span>&nbsp;&nbsp; 小时&nbsp;&nbsp;<span
-                    class="te"
-                    >42</span
-                  >&nbsp;&nbsp;分钟
-                </div>
-              </div>
-            </div>
-            <div class="righttitle">
-              <img
-                width="20px"
-                height="20px"
-                src="../../assets/image/yuan.png"
-              />
+          </div>
+        </div>
+        <div class="righttitle">
+          <img width="20px" height="20px" src="../../assets/image/yuan.png" />
 
-              <div class="text">作业说明</div>
-              <div class="box"></div>
-            </div>
-            <div class="explain clearfix">
-              <div class="explain1" style="margin-top: 26px">
-                1、阅读文章，做名校题库，翻译文言文，整体文化常识和<br />
-                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;文言知识
-              </div>
-              <div class="explain1" style="margin-top: 22px">
-                2、《中国古代诗词文化鉴赏》大唐之音、两宋清雅、明清<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;情致
-              </div>
-            </div>
+          <div class="text">作业说明</div>
+          <div class="box"></div>
+        </div>
+        <div class="explain clearfix">
+          <div class="explain1" style="margin-top: 26px">
+            1、阅读文章，做名校题库，翻译文言文，整体文化常识和<br />
+            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;文言知识
+          </div>
+          <div class="explain1" style="margin-top: 22px">
+            2、《中国古代诗词文化鉴赏》大唐之音、两宋清雅、明清<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;情致
           </div>
         </div>
       </div>
@@ -204,27 +229,59 @@ export default {
   setup() {
     const state = reactive({
       activeName: "first",
+      uploadfile: false,
+      textarea1: "",
+      history: [
+        {
+          id: 1,
+          time: "2022-7-20 00:00",
+          content: "大唐之音鉴赏 - 2022/7/20.zip",
+        },
+        {
+          id: 2,
+          time: "2022-7-18 00:00",
+          content: "《木兰辞》翻译：叹息声一声接着一声,木兰姑娘当门在织布。…",
+        },
+        {
+          id: 3,
+          time: "2022-7-17 00:00",
+          content: "湖北黄冈语文压卷题.doc",
+        },
+        {
+          id: 2,
+          time: "2022-7-18 00:00",
+          content: "《木兰辞》翻译：叹息声一声接着一声,木兰姑娘当门在织布。…",
+        },
+        {
+          id: 3,
+          time: "2022-7-17 00:00",
+          content: "湖北黄冈语文压卷题.doc",
+        },
+      ],
     });
     const handleClick = (tab, event) => {
       console.log(tab, event);
     };
+    const uploadFile = () => {
+      state.uploadfile = !state.uploadfile;
+    };
+    const textareaInput = (e) => {
+      // console.log("eee", e);
+      state.textarea1 = e;
+    };
     return {
       ...toRefs(state),
       handleClick,
+      uploadFile,
+      textareaInput,
     };
   },
 };
 </script>
 
 <!-- Add "scoped" attribute to limit CSS to this component only -->
-<style scoped lang="scss">
-.clearfix:before,
-.clearfix:after {
-  content: "";
-  display: table;
-  clear: both;
-}
-.moreactive {
+<style lang="scss">
+.homework {
   .crumb {
     color: #fff;
     display: flex;
@@ -271,454 +328,438 @@ export default {
   }
 
   .detailinfo {
-    width: calc(100% + 20px);
+    width: 100%;
     margin-top: 20px;
+    background: #ffffff;
+    border-radius: 8px;
     display: flex;
     .detail {
       flex: 1;
-      margin-right: 20px;
       .detailT {
-        height: 1000px;
-        background: #ffffff;
-        border-radius: 8px;
+        // height: 1000px;
+
         color: rgba(51, 51, 51, 1);
         display: flex;
-
-        .left {
-          margin-left: 48px;
-          margin-right: 45px;
-          position: relative;
-          flex: 1;
-          .shapan {
-            width: 1181px;
-            height: 58px;
-            margin-top: 30px;
-            background-image: url("../../assets/image/shapan.png");
-
-            .shapanexplain {
-              margin-top: 18px;
-              margin-left: 34px;
-              // width: 391px;
-              height: 20px;
-              font-size: 20px;
-              font-weight: 800;
-              color: #4a9cf8;
-              line-height: 24px;
-            }
-          }
-          .shangchuan {
-            z-index: 999;
-            font-size: 16px;
+        padding-bottom: 30px;
+        width: 100%;
+        .shapan {
+          width: 100%;
+          height: 58px;
+          margin-top: 30px;
+          background-image: url("../../assets/image/shapan.png");
+          background-repeat: no-repeat;
+          background-size: 100% 100%;
+          display: flex;
+          align-items: center;
+          .shapanexplain {
+            margin-left: 34px;
+            margin-right: 10px;
+            font-size: 20px;
             font-weight: 800;
-            color: #ffffff;
+            color: #4a9cf8;
             line-height: 24px;
+            overflow: hidden;
+            white-space: nowrap;
+            text-overflow: ellipsis;
+          }
+        }
+        .shangchuan {
+          z-index: 999;
+          font-size: 16px;
+          font-weight: 800;
+          color: #ffffff;
+          line-height: 24px;
+          position: absolute;
+          right: -6px;
+          top: 162px;
+          border: 0;
+          background-color: #fff;
+          width: 162px;
+          height: 62px;
+          background-image: url("../../assets/image/shangchuan.png");
+        }
+
+        .uploadDetail {
+          position: absolute;
+          top: 235px;
+          right: 3px;
+          z-index: 100;
+          .triangle {
+            top: -10px;
+            right: 60px;
+            width: 0;
+            height: 0;
             position: absolute;
-            right: -6px;
-            top: 162px;
-            border: 0;
-            background-color: #fff;
-            width: 162px;
-            height: 62px;
-            background-image: url("../../assets/image/shangchuan.png");
+            border-right: 10px solid transparent;
+            border-left: 10px solid transparent;
+            border-bottom: 10px solid #fff;
+            // box-shadow: 0px 1px 24px 0px rgba(0, 0, 0, 0.11);
           }
 
-          .uploadDetail {
-            position: absolute;
-            top: 235px;
-            right: 3px;
-
-            .triangle {
-              top: -10px;
-              right: 60px;
-              width: 0;
-              height: 0;
-              position: absolute;
-              border-right: 10px solid transparent;
-              border-left: 10px solid transparent;
-              border-bottom: 10px solid #fff;
-            }
-
-            .square {
-              width: 475px;
-              height: 243px;
-              background: #ffffff;
-              box-shadow: 0px 1px 24px 0px rgba(0, 0, 0, 0.11);
-              border-radius: 8px;
-
-              .squarecontent1 {
-                margin-top: 40px;
-                display: flex;
-                .rar {
-                  margin: 12px 15px 0 27px;
-                  width: 22px;
-                  height: 26px;
-                  background-image: url("../../assets/image/rar.png");
-                }
-                .rarDetail {
-                  .detail1 {
-                    // height: 14px;
-                    font-size: 12px;
-                    line-height: 30px;
-                    font-weight: 500;
-                    color: #677d86;
-                  }
-                  .detail2 {
-                    // height: 11px;
-                    font-size: 12px;
-                    font-weight: 500;
-                    color: #277aff;
-                  }
-                  .progress {
-                    width: 291px;
-                    height: 8px;
-                    background: #e8f1fe;
-                    border-radius: 4px;
-                    .progressinner {
-                      width: 131px;
-                      height: 8px;
-                      background: linear-gradient(
-                        0deg,
-                        #2478ff 0%,
-                        #5093ff 100%
-                      );
-                      border-radius: 4px;
-                    }
-                  }
-                }
-                .btn {
-                  border: 0;
-                  background-color: #fff;
-                  color: #277aff;
-                  margin-top: 20px;
-                  cursor: pointer;
-                }
-                .btndetail {
-                  margin-left: 25px;
-                }
-              }
-
-              .squarecontent2 {
-                margin-top: 25px;
-                display: flex;
-                .rar {
-                  margin: 12px 15px 0 27px;
-                  width: 22px;
-                  height: 26px;
-                  background-image: url("../../assets/image/rar.png");
-                }
-                .rarDetail {
-                  .detail1 {
-                    // height: 14px;
-                    font-size: 12px;
-                    line-height: 30px;
-                    font-weight: 500;
-                    color: #677d86;
-                  }
-                  .detail2 {
-                    // height: 11px;
-                    font-size: 12px;
-                    font-weight: 500;
-                    color: #277aff;
-                  }
-                  .progress {
-                    width: 291px;
-                    height: 8px;
-                    background: #e8f1fe;
-                    border-radius: 4px;
-                    .progressinner {
-                      width: 231px;
-                      height: 8px;
-                      background: linear-gradient(
-                        0deg,
-                        #ee625e 0%,
-                        #eea4a1 100%
-                      );
-                      border-radius: 4px;
-                    }
-                  }
-                }
-                .btn {
-                  border: 0;
-                  background-color: #fff;
-                  color: #277aff;
-                  margin-top: 20px;
-                  cursor: pointer;
-                }
-                .btndetail {
-                  margin-left: 25px;
-                }
-              }
-
-              .squarecontent3 {
-                margin-top: 25px;
-                display: flex;
-                .rar {
-                  margin: 12px 15px 0 27px;
-                  width: 22px;
-                  height: 26px;
-                  background-image: url("../../assets/image/rar.png");
-                }
-                .rarDetail {
-                  .detail1 {
-                    // height: 14px;
-                    font-size: 12px;
-                    line-height: 30px;
-                    font-weight: 500;
-                    color: #677d86;
-                  }
-                  .detail2 {
-                    // height: 11px;
-                    font-size: 12px;
-                    font-weight: 500;
-                    color: #277aff;
-                  }
-                  .progress {
-                    width: 291px;
-                    height: 8px;
-                    background: #e8f1fe;
-                    border-radius: 4px;
-                    .progressinner {
-                      width: 291px;
-                      height: 8px;
-                      background: linear-gradient(
-                        0deg,
-                        #36d1ae 0%,
-                        #3be5bf 100%
-                      );
-                      border-radius: 4px;
-                    }
-                  }
-                }
-                .btn {
-                  border: 0;
-                  background-color: #fff;
-                  color: #277aff;
-                  margin-top: 20px;
-                  cursor: pointer;
-                }
-                .btndetail {
-                  margin-left: 25px;
-                }
-              }
-            }
-          }
-
-          .tijiao {
-            z-index: 999;
-            cursor: pointer;
-            margin-top: 22px;
-            margin-left: 480px;
-            width: 33px;
-            height: 16px;
-            font-size: 16px;
-            font-weight: 800;
-            color: #ffffff;
-            line-height: 24px;
-            border: 0;
-            background-color: #fff;
-            width: 162px;
-            height: 62px;
-            background-image: url("../../assets/image/tijiao.png");
-          }
-          .history {
-            position: relative;
-            margin-top: 32px;
-            width: 1182px;
-            height: 200px;
-            border: 1px solid #d7e5fd;
+          .square {
+            width: 475px;
+            height: 243px;
+            background: #ffffff;
+            box-shadow: 0px 1px 24px 0px rgba(0, 0, 0, 0.11);
             border-radius: 8px;
-            .clearfix:before,
-            .clearfix:after {
-              content: "";
-              display: table;
-              clear: both;
-            }
-            .fenge {
-              width: 1181px;
-              border-top: 1px solid #d7e5fd;
-            }
-            .tongyi {
+            .squarecontent1 {
+              padding-top: 40px;
               display: flex;
-            }
-            .content1 {
-              margin-top: 14px;
-              margin-left: 87px;
-            }
-            .content2 {
-              position: absolute;
-              margin-top: 14px;
-              left: 400px;
-            }
-            .historycontent {
-              width: 59px;
-              height: 14px;
-              font-size: 14px;
-              font-family: Microsoft YaHei;
-              font-weight: 400;
-              color: #333330;
-              line-height: 38px;
-            }
-            .historytitle {
-              width: 1182px;
-              height: 50px;
-              background: #f2f5f7;
-              border-radius: 8px 8px 0px 0px;
-            }
-            .historytitle2 {
-              width: 1182px;
-              height: 48px;
-              background: #fff;
-            }
-          }
-          .title {
-            display: flex;
-            align-items: center;
-            padding-top: 39px;
-            position: relative;
-          }
-          .title .text {
-            margin-left: 8px;
-            font-size: 16px;
-            color: rgba(51, 51, 51, 1);
-            font-weight: 800;
-          }
-          .title .box {
-            width: 75px;
-            height: 10px;
-            background-color: rgba(36, 120, 255, 0.15);
-            position: absolute;
-            left: 23px;
-            top: 53px;
-          }
-          .all {
-            display: flex;
-            justify-content: space-between;
-            width: 1280px;
-            margin-top: 43px;
-            .allbox1 {
-              background: linear-gradient(
-                0deg,
-                rgba(160, 193, 230, 0) 0%,
-                rgba(161, 195, 231, 0.2) 100%
-              );
-            }
-            .allbox2 {
-              background: linear-gradient(
-                0deg,
-                rgba(177, 219, 229, 0) 0%,
-                rgba(172, 216, 227, 0.2) 100%
-              );
-            }
-            .allbox3 {
-              background: linear-gradient(
-                0deg,
-                rgba(195, 209, 234, 0) 0%,
-                rgba(191, 206, 231, 0.2) 100%
-              );
-            }
-            .item {
-              width: 410px;
-              height: 149px;
-              text-align: center;
-              border-radius: 4px;
-              .item1 {
-                color: #089dff;
-                font-size: 24px;
-                font-weight: bold;
-                margin-top: 36px;
+              .rar {
+                margin: 12px 15px 0 27px;
+                width: 22px;
+                height: 26px;
+                background-image: url("../../assets/image/rar.png");
               }
-              .item2 {
-                color: #333330;
-                font-size: 14px;
-                margin-top: 29px;
+              .rarDetail {
+                .detail1 {
+                  // height: 14px;
+                  font-size: 12px;
+                  line-height: 30px;
+                  font-weight: 500;
+                  color: #677d86;
+                }
+                .detail2 {
+                  // height: 11px;
+                  font-size: 12px;
+                  font-weight: 500;
+                  color: #277aff;
+                }
+                .progress {
+                  width: 291px;
+                  height: 8px;
+                  background: #e8f1fe;
+                  border-radius: 4px;
+                  .progressinner {
+                    width: 131px;
+                    height: 8px;
+                    background: linear-gradient(0deg, #2478ff 0%, #5093ff 100%);
+                    border-radius: 4px;
+                  }
+                }
+              }
+              .btn {
+                border: 0;
+                background-color: #fff;
+                color: #277aff;
+                margin-top: 20px;
+                cursor: pointer;
+              }
+              .btndetail {
+                margin-left: 25px;
+              }
+            }
+
+            .squarecontent2 {
+              margin-top: 25px;
+              display: flex;
+              .rar {
+                margin: 12px 15px 0 27px;
+                width: 22px;
+                height: 26px;
+                background-image: url("../../assets/image/rar.png");
+              }
+              .rarDetail {
+                .detail1 {
+                  // height: 14px;
+                  font-size: 12px;
+                  line-height: 30px;
+                  font-weight: 500;
+                  color: #677d86;
+                }
+                .detail2 {
+                  // height: 11px;
+                  font-size: 12px;
+                  font-weight: 500;
+                  color: #277aff;
+                }
+                .progress {
+                  width: 291px;
+                  height: 8px;
+                  background: #e8f1fe;
+                  border-radius: 4px;
+                  .progressinner {
+                    width: 231px;
+                    height: 8px;
+                    background: linear-gradient(0deg, #ee625e 0%, #eea4a1 100%);
+                    border-radius: 4px;
+                  }
+                }
+              }
+              .btn {
+                border: 0;
+                background-color: #fff;
+                color: #277aff;
+                margin-top: 20px;
+                cursor: pointer;
+              }
+              .btndetail {
+                margin-left: 25px;
+              }
+            }
+
+            .squarecontent3 {
+              margin-top: 25px;
+              display: flex;
+              .rar {
+                margin: 12px 15px 0 27px;
+                width: 22px;
+                height: 26px;
+                background-image: url("../../assets/image/rar.png");
+              }
+              .rarDetail {
+                .detail1 {
+                  // height: 14px;
+                  font-size: 12px;
+                  line-height: 30px;
+                  font-weight: 500;
+                  color: #677d86;
+                }
+                .detail2 {
+                  // height: 11px;
+                  font-size: 12px;
+                  font-weight: 500;
+                  color: #277aff;
+                }
+                .progress {
+                  width: 291px;
+                  height: 8px;
+                  background: #e8f1fe;
+                  border-radius: 4px;
+                  .progressinner {
+                    width: 291px;
+                    height: 8px;
+                    background: linear-gradient(0deg, #36d1ae 0%, #3be5bf 100%);
+                    border-radius: 4px;
+                  }
+                }
+              }
+              .btn {
+                border: 0;
+                background-color: #fff;
+                color: #277aff;
+                margin-top: 20px;
+                cursor: pointer;
+              }
+              .btndetail {
+                margin-left: 25px;
               }
             }
-          }
-          .join {
-            width: 1181px;
-            height: 271px;
-            background: #f5f6f7;
-            border-radius: 8px;
-            margin-top: 32px;
           }
         }
 
-        .right {
-          .righttitle {
+        .tijiao {
+          z-index: 999;
+          cursor: pointer;
+          margin-top: 22px;
+          // margin-left: 480px;
+          width: 33px;
+          height: 16px;
+          font-size: 16px;
+          font-weight: 800;
+          color: #ffffff;
+          line-height: 24px;
+          border: 0;
+          background-color: #fff;
+          width: 162px;
+          height: 62px;
+          background-image: url("../../assets/image/tijiao.png");
+        }
+        .history {
+          position: relative;
+          margin-top: 32px;
+          width: 100%;
+          border: 1px solid #d7e5fd;
+          border-radius: 8px;
+
+          .fenge {
+            width: 100%;
+            border-top: 1px solid #d7e5fd;
+          }
+          .tongyi {
             display: flex;
-            padding-top: 39px;
-            position: relative;
-            .text {
-              margin-left: 8px;
-              font-size: 16px;
-              color: rgba(51, 51, 51, 1);
-              font-weight: 800;
-            }
-            .box {
-              width: 75px;
-              height: 10px;
-              background-color: rgba(36, 120, 255, 0.15);
-              position: absolute;
-              left: 23px;
-              top: 53px;
-            }
           }
-          .timebox {
-            width: 417px;
-            height: 149px;
-            background: linear-gradient(90deg, #b6c6e1 0%, #89aed6 100%);
-            border-radius: 4px;
-            margin-top: 52px;
+          .content1 {
+            width: 150px;
+            margin-top: 14px;
+            margin-left: 60px;
           }
-          .clearfix:before,
-          .clearfix:after {
-            content: "";
-            display: table;
-            clear: both;
+          .content2 {
+            margin-top: 14px;
+            margin-left: 80px;
+            width: 0;
+            flex: 1;
           }
-          .innertime {
-            margin-top: 17px;
-            margin-left: 55px;
+          .historycontent {
+            height: 14px;
             font-size: 14px;
-            font-weight: 500;
-            color: #ffffff;
+            font-weight: 400;
+            color: #333330;
+            line-height: 38px;
+          }
+          .historytitle {
+            width: 100%;
+            height: 50px;
+            background: #f2f5f7;
+            border-radius: 8px 8px 0px 0px;
+            display: flex;
+          }
+          .historytitle2 {
+            width: 100%;
+            height: 48px;
+            background: #fff;
+            display: flex;
+          }
+        }
+        .title {
+          display: flex;
+          align-items: center;
+          padding-top: 39px;
+          position: relative;
+        }
+        .title .text {
+          margin-left: 8px;
+          font-size: 16px;
+          color: rgba(51, 51, 51, 1);
+          font-weight: 800;
+        }
+        .title .box {
+          width: 75px;
+          height: 10px;
+          background-color: rgba(36, 120, 255, 0.15);
+          position: absolute;
+          left: 23px;
+          top: 53px;
+        }
+        .all {
+          display: flex;
+          justify-content: space-between;
+          width: 1280px;
+          margin-top: 43px;
+          .allbox1 {
+            background: linear-gradient(
+              0deg,
+              rgba(160, 193, 230, 0) 0%,
+              rgba(161, 195, 231, 0.2) 100%
+            );
+          }
+          .allbox2 {
+            background: linear-gradient(
+              0deg,
+              rgba(177, 219, 229, 0) 0%,
+              rgba(172, 216, 227, 0.2) 100%
+            );
+          }
+          .allbox3 {
+            background: linear-gradient(
+              0deg,
+              rgba(195, 209, 234, 0) 0%,
+              rgba(191, 206, 231, 0.2) 100%
+            );
+          }
+          .item {
+            width: 410px;
+            height: 149px;
+            text-align: center;
+            border-radius: 4px;
+            .item1 {
+              color: #089dff;
+              font-size: 24px;
+              font-weight: bold;
+              margin-top: 36px;
+            }
+            .item2 {
+              color: #333330;
+              font-size: 14px;
+              margin-top: 29px;
+            }
+          }
+        }
+        .join {
+          width: 100%;
+          margin-top: 32px;
+          .el-textarea__inner {
+            border-radius: 8px;
+            background-color: rgba(245, 246, 247, 1);
+          }
+        }
+      }
+    }
+    .right {
+      margin-right: 45px;
+      .righttitle {
+        display: flex;
+        padding-top: 39px;
+        position: relative;
+        .text {
+          margin-left: 8px;
+          font-size: 16px;
+          color: rgba(51, 51, 51, 1);
+          font-weight: 800;
+        }
+        .box {
+          width: 75px;
+          height: 10px;
+          background-color: rgba(36, 120, 255, 0.15);
+          position: absolute;
+          left: 23px;
+          top: 53px;
+        }
+      }
+      .timebox {
+        width: 417px;
+        height: 149px;
+        background: linear-gradient(90deg, #b6c6e1 0%, #89aed6 100%);
+        border-radius: 4px;
+        margin-top: 52px;
+      }
+      .clearfix:before,
+      .clearfix:after {
+        content: "";
+        display: table;
+        clear: both;
+      }
+      .innertime {
+        margin-top: 17px;
+        margin-left: 55px;
+        font-size: 14px;
+        font-weight: 500;
+        color: #ffffff;
+        line-height: 24px;
+      }
+      .endtime {
+        margin-left: 10px;
+        margin-top: 16px;
+        width: 397px;
+        height: 81px;
+        background: #f2f5f7;
+        border-radius: 0px 8px 0px 8px;
+        .endtimetext {
+          margin-top: 25px;
+          margin-left: 46px;
+          .te {
+            font-size: 28px;
+            font-weight: 800;
+            color: #4a9cf8;
             line-height: 24px;
           }
-          .endtime {
-            margin-left: 10px;
-            margin-top: 16px;
-            width: 397px;
-            height: 81px;
-            background: #f2f5f7;
-            border-radius: 0px 8px 0px 8px;
-            .endtimetext {
-              margin-top: 25px;
-              margin-left: 46px;
-              .te {
-                font-size: 28px;
-                font-weight: 800;
-                color: #4a9cf8;
-                line-height: 24px;
-              }
-            }
-          }
-          .explain {
-            margin-top: 30px;
-            width: 416px;
-            // height: 158px;
-            background: #f2f5f7;
-            border-radius: 8px;
-            padding-bottom: 25px;
-            .explain1 {
-              margin-left: 23px;
-              width: 360px;
-              // height: 38px;
-              font-size: 14px;
-              font-weight: 500;
-              color: #333330;
-              line-height: 24px;
-            }
-          }
+        }
+      }
+      .explain {
+        margin-top: 30px;
+        width: 416px;
+        // height: 158px;
+        background: #f2f5f7;
+        border-radius: 8px;
+        padding-bottom: 25px;
+        .explain1 {
+          margin-left: 23px;
+          width: 360px;
+          // height: 38px;
+          font-size: 14px;
+          font-weight: 500;
+          color: #333330;
+          line-height: 24px;
         }
       }
     }
diff --git a/src/views/liveBroadcast/LiveBroadcast.vue b/src/views/liveBroadcast/LiveBroadcast.vue
index d2a9992..319b82f 100644
--- a/src/views/liveBroadcast/LiveBroadcast.vue
+++ b/src/views/liveBroadcast/LiveBroadcast.vue
@@ -125,15 +125,13 @@
             }"
           >
             <img class="peopleimg" :src="el.peopleimg" />
-            <div style="margin-left: 17px">
-              <div class="teacherName">
-                <div style="margin-right: 5px">{{ el.name }}</div>
-                <div v-for="(item, key) in el.medal" :key="key">
-                  <img class="teacherMedal" :src="item" />
-                </div>
+            <div style="margin-left: 17px; width: 190px">
+              <div class="teacherName" style="margin-right: 5px">
+                {{ el.name }}
               </div>
               <div class="introduce">{{ el.introduce }}</div>
             </div>
+            <div class="follow">+ 关注</div>
           </div>
         </div>
       </div>
@@ -153,23 +151,15 @@ export default {
         {
           id: 1,
           name: "王星天（显示事业）",
-          introduce: "教师是学生的镜子,学生是老师的影子。",
+          introduce:
+            "教师是学生的镜子,学生是老师的影子。教师是学生的镜子,学生是老师的影子。教师是学生的镜子,学生是老师的影子。",
           peopleimg: require("../../assets/image/img.jpg"),
-          medal: [
-            require("../../assets/image/medal/medal1.png"),
-            require("../../assets/image/medal/medal2.png"),
-            require("../../assets/image/medal/medal3.png"),
-          ],
         },
         {
           id: 2,
           name: "王星天（显示事业）",
           introduce: "教师是学生的镜子,学生是老师的影子。",
           peopleimg: require("../../assets/image/img.jpg"),
-          medal: [
-            require("../../assets/image/medal/medal1.png"),
-            require("../../assets/image/medal/medal2.png"),
-          ],
         },
       ],
     });
@@ -509,12 +499,14 @@ export default {
       // min-height: 115px;
       padding: 25px 0px;
       display: flex;
-      align-items: center;
+      // align-items: center;
+      position: relative;
     }
     .teacheritem .peopleimg {
       width: 60px;
       height: 60px;
       border-radius: 30px;
+      margin-top: 2px;
     }
     .teacheritem .teacherName {
       font-size: 14px;
@@ -522,22 +514,30 @@ export default {
       color: #394145;
       display: flex;
       align-items: center;
-      width: 260px;
-    }
-    .teacheritem .teacherName .teacherMedal {
-      width: 17px;
-      height: 19px;
-      margin-right: 4px;
-      display: flex;
-      align-items: center;
     }
     .teacheritem .introduce {
-      width: 260px;
       font-size: 14px;
       font-weight: 500;
       color: #394145;
       margin-top: 14px;
     }
+    .teacheritem .follow {
+      width: 80px;
+      height: 30px;
+      background: #387df7;
+      border-radius: 4px;
+      margin-top: 28px;
+      position: absolute;
+      right: -25px;
+      font-size: 14px;
+      font-weight: 500;
+      color: #ffffff;
+      line-height: 24px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      cursor: pointer;
+    }
   }
 }
 </style>
diff --git a/src/views/starttest/StartTest.vue b/src/views/starttest/StartTest.vue
index a6bd7d7..2b9aff4 100644
--- a/src/views/starttest/StartTest.vue
+++ b/src/views/starttest/StartTest.vue
@@ -273,6 +273,7 @@ export default {
         left: 50%;
         top: 900px;
         transform: translate(-50%, 0);
+        cursor: pointer;
       }
     }