diff --git a/src/assets/image/noselect.png b/src/assets/image/noselect.png
new file mode 100644
index 0000000..fde088c
Binary files /dev/null and b/src/assets/image/noselect.png differ
diff --git a/src/assets/image/select.png b/src/assets/image/select.png
new file mode 100644
index 0000000..e0e801f
Binary files /dev/null and b/src/assets/image/select.png differ
diff --git a/src/assets/image/shalou.png b/src/assets/image/shalou.png
new file mode 100644
index 0000000..e8388aa
Binary files /dev/null and b/src/assets/image/shalou.png differ
diff --git a/src/views/homework/homework.vue b/src/views/homework/homework.vue
index 9bdb300..0875ff3 100644
--- a/src/views/homework/homework.vue
+++ b/src/views/homework/homework.vue
@@ -16,7 +16,9 @@
       </div>
     </div>
     <!-- 面包屑导航 -->
-    <div class="debateTitle">【作业】管理者进阶腾飞班 - 中级管理者作业</div>
+    <div class="debateTitle" style="color: #fff">
+      【作业】管理者进阶腾飞班 - 中级管理者作业
+    </div>
     <!-- 详细信息 -->
     <div class="detailinfo">
       <div class="detail">
@@ -261,6 +263,7 @@ export default {
     line-height: 24px;
     height: 24px;
     font-weight: 600;
+    margin-left: -10px;
   }
 
   .detailinfo {
diff --git a/src/views/starttest/StartTest.vue b/src/views/starttest/StartTest.vue
index 3084878..e7c1cd9 100644
--- a/src/views/starttest/StartTest.vue
+++ b/src/views/starttest/StartTest.vue
@@ -13,9 +13,97 @@
           <div class="text">阶段性考试</div>
           <div class="box"></div>
         </div>
+        <!-- 题型 -->
         <div class="line clearfix">
           <div class="wrong">判断题</div>
         </div>
+        <!-- 题目一 -->
+        <div class="topic">1、控制计划是由工艺部门完成 （4分）</div>
+        <div class="radio">
+          <label>
+            <input type="radio" name="one" value="right" />
+            <div class="option"></div>
+            <div class="opt-text">正确</div>
+          </label>
+          <br />
+          <label>
+            <input type="radio" name="one" value="wrong" />
+            <div class="option" style="top: 24px"></div>
+            <div class="opt-text" style="top: 23px">错误</div>
+          </label>
+        </div>
+        <!-- 题目二 -->
+        <div class="topic" style="margin-top: 40px">
+          2、.PFMEA假定所设计的产品能满足设计要求 （4分）
+        </div>
+        <div class="radio">
+          <label>
+            <input type="radio" name="two" value="right" />
+            <div class="option"></div>
+            <div class="opt-text">正确</div>
+          </label>
+          <br />
+          <label>
+            <input type="radio" name="two" value="wrong" />
+            <div class="option" style="top: 24px"></div>
+            <div class="opt-text" style="top: 23px">错误</div>
+          </label>
+        </div>
+        <!-- 题目三 -->
+        <div class="topic" style="margin-top: 40px">
+          3、.PFMEA假定所设计的产品能满足设计要求 （4分）
+        </div>
+        <div class="radio">
+          <label>
+            <input type="radio" name="three" value="right" />
+            <div class="option"></div>
+            <div class="opt-text">正确</div>
+          </label>
+          <br />
+          <label>
+            <input type="radio" name="three" value="wrong" />
+            <div class="option" style="top: 24px"></div>
+            <div class="opt-text" style="top: 23px">错误</div>
+          </label>
+        </div>
+        <!-- 题型 -->
+        <div class="line clearfix" style="margin-top: 43px">
+          <div class="wrong">选择题</div>
+        </div>
+        <div class="topic" style="margin-top: 25px">
+          4、.FMEA 是一种（ ）工具（4分）
+        </div>
+        <div class="radio">
+          <label>
+            <input type="radio" name="four" value="fourone" />
+            <div class="option"></div>
+            <div class="opt-text">问题解决</div>
+          </label>
+          <br />
+          <label>
+            <input type="radio" name="four" value="fourtwo" />
+            <div class="option" style="top: 24px"></div>
+            <div class="opt-text" style="top: 23px">项目策划</div>
+          </label>
+          <br />
+          <label>
+            <input type="radio" name="four" value="fourthree" />
+            <div class="option" style="top: 47px"></div>
+            <div class="opt-text" style="top: 46px">过程分析</div>
+          </label>
+          <br />
+          <label>
+            <input type="radio" name="four" value="fourfour" />
+            <div class="option" style="top: 70px"></div>
+            <div class="opt-text" style="top: 69px">风险分析</div>
+          </label>
+        </div>
+        <button class="btn">提交考卷</button>
+      </div>
+      <div class="time clearfix">
+        <div class="shalou"></div>
+        <div class="outtime">剩余时间</div>
+        <div class="min">29分钟53秒</div>
       </div>
     </div>
     <!-- 详细内容 -->
@@ -45,7 +133,8 @@ export default {
     clear: both;
   }
   .bascinfo {
-    min-height: 800px;
+    position: relative;
+    min-height: 1000px;
     width: 100%;
     background: #ffffff;
     border-radius: 8px;
@@ -54,6 +143,7 @@ export default {
     // flex-direction: column;
     // justify-content: center;
     .middle {
+      position: relative;
       margin-left: 510px;
       .righttitle {
         display: flex;
@@ -87,6 +177,109 @@ export default {
           margin-left: 28px;
         }
       }
+      .topic {
+        font-size: 16px;
+        font-family: PingFang SC;
+        font-weight: 500;
+        color: #333330;
+        margin-top: 24px;
+        margin-left: 29px;
+      }
+
+      .radio {
+        margin-top: 34px;
+        margin-left: 32px;
+        position: relative;
+      }
+      .radio label {
+        padding: 7px 0px;
+        line-height: 20px;
+        position: relative;
+        font-weight: normal;
+        .opt-text {
+          width: 70px;
+          position: absolute;
+          // display: inline-block;
+          // margin-left: 10px;
+          // margin-top: 10px;
+          top: 0px;
+          left: 28px;
+        }
+      }
+
+      .radio .option {
+        width: 19px;
+        height: 18px;
+        position: absolute;
+        top: 1px;
+        // top: 32px;
+        left: 0px;
+        background-size: cover;
+        background: url(../../assets/image/noselect.png) no-repeat;
+        background-size: cover;
+      }
+
+      .radio input[type="radio"] {
+        display: inline-block;
+        margin-right: -3px;
+        opacity: 0;
+      }
+
+      .radio input[type="radio"]:checked + div {
+        background: url(../../assets/image/select.png) no-repeat;
+        background-size: cover;
+      }
+
+      .btn {
+        width: 146px;
+        height: 46px;
+        background: #2478ff;
+        box-shadow: 0px 1px 8px 0px rgba(56, 125, 247, 0.7);
+        border-radius: 4px;
+        // width: 66px;
+        font-size: 16px;
+        font-family: PingFang SC;
+        font-weight: 800;
+        color: #ffffff;
+        line-height: 24px;
+        border: 0;
+        position: absolute;
+        left: 50%;
+        top: 900px;
+        transform: translate(-50%, 0);
+      }
+    }
+    .time {
+      width: 130px;
+      height: 110px;
+      background: #f2f5f7;
+      border-radius: 8px;
+      position: absolute;
+      right: 45px;
+      top: 28px;
+      .shalou {
+        width: 20px;
+        height: 24px;
+        background-image: url(../../assets/image/shalou.png);
+        margin-top: 15px;
+        margin-left: 56px;
+      }
+      .outtime {
+        font-size: 16px;
+        font-family: PingFang SC;
+        font-weight: 800;
+        color: #56a3f9;
+        margin-left: 33px;
+        margin-top: 10px;
+      }
+      .min {
+        font-size: 16px;
+        font-family: PingFang SC;
+        font-weight: 800;
+        color: #ee423d;
+        margin-left: 21px;
+        margin-top: 7px;
+      }
     }
   }
 }