diff --git a/src/pages/technical-support/answer-center/index.vue b/src/pages/technical-support/answer-center/index.vue
index 20b20a0a00b83ae49a12a08044ecc3dcff67668c..8324a2fba1fb12fde5e3ab87734fea53d14366b2 100644
--- a/src/pages/technical-support/answer-center/index.vue
+++ b/src/pages/technical-support/answer-center/index.vue
@@ -1,51 +1,39 @@
 <template>
-  <div class="doc_container">
+  <div class="answer_container">
     <div class="content">
       <router-view class="content_box" />
-      <div class="user_info">header</div>
+      <div class="user_info"></div>
     </div>
   </div>
 </template>
 
 <script>
 export default {
-  components: {
-    
-  },
-  data: () => ({
-    
-  }),
-  watch: {
-    
-  },
-  methods: {
-    
-  },
-  mounted() {
-    
-  },
+  components: {},
+  data: () => ({}),
+  watch: {},
+  methods: {},
+  mounted() {},
 };
 </script>
 
 <style scoped>
-.doc_container {
-  height: calc(100vh - 58px);
-  display: flex;
-  justify-content: flex-start;
-  align-items: stretch;
-}
-.content{
+.content {
   width: 1200px;
   margin: 0 auto;
   position: relative;
 }
-.content_box{
+.content_box {
   width: 856px;
+  height: calc(100vh - 58px);
 }
-.user_info{
+.user_info {
   width: 328px;
-  position: absolute;
-  top: 46px;
-  right: 0px;
+  height: 328px;
+  background-color: #fff;
+  border-radius: 10px;
+  position: fixed;
+  top: 104px;
+  right: calc((100% - 1200px) / 2);
 }
 </style>
diff --git a/src/pages/technical-support/answer-center/list.vue b/src/pages/technical-support/answer-center/list.vue
index e58341af41dda184751a342b4b9adba5123f1b26..f32f7aaf711bd0a1b66bd18159c435385a9b97ad 100644
--- a/src/pages/technical-support/answer-center/list.vue
+++ b/src/pages/technical-support/answer-center/list.vue
@@ -1,38 +1,48 @@
 <template>
-    <div>
-        list
+  <div class="answer_list_container">
+    <div class="apass_breadcrumb">
+      <el-breadcrumb separator="/">
+        <el-breadcrumb-item to="/technical_support">
+          技术支持
+        </el-breadcrumb-item>
+        <el-breadcrumb-item to="/technical_support/answer_center">
+          问答中心
+        </el-breadcrumb-item>
+        <el-breadcrumb-item>
+          问答列表
+        </el-breadcrumb-item>
+      </el-breadcrumb>
     </div>
+
+    <div class="main_container"></div>
+  </div>
 </template>
 
 <script>
 export default {
-    props: [],
-    components: {
-
-    },
-    data() {
-        return {
-
-        };
-    },
-    watch: {
-
-    },
-    computed: {
-
-    },
-    created() {
-
-    },
-    mounted() {
-
-    },
-    methods: {
-
-    },
+  data() {
+    return {
+      answerList: [],
+    };
+  },
+  computed: {},
+  created() {
+    this.getAnwerList();
+  },
+  methods: {
+    getAnwerList() {},
+  },
 };
 </script>
 
 <style scoped>
-
+.apass_breadcrumb > .el-breadcrumb {
+  padding: 12px 0 11px;
+}
+.main_container {
+  min-height: calc(100% - 66px);
+  background-color: #fff;
+  border-radius: 10px;
+  margin-bottom: 20px;
+}
 </style>
diff --git a/src/router/index.js b/src/router/index.js
index e9d4fd9aa6e90c298103467f5a1d892f23e8c23b..42aba9219c41a80518322387c3bd2ba56c021404 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -206,7 +206,7 @@ export default new Router({
                     import("@/pages/technical-support/answer-center/detail"),
                 }, // 问答中心详情
               ],
-            }, // 开发文档管理
+            }, // 问答中心
           ],
         }, // 技术支持
         {