diff --git a/src/pages/technical-support/answer-center/detail.vue b/src/pages/technical-support/answer-center/detail.vue
index dc5629fe5799a31f2a71f783b0f40303bec2ae4d..f3a1c1b3c8b01452a34988fd1ea8095a82b2f8cc 100644
--- a/src/pages/technical-support/answer-center/detail.vue
+++ b/src/pages/technical-support/answer-center/detail.vue
@@ -5,7 +5,7 @@
         <span>详情</span>
         </p>
         <div class="detail_content">
-            
+
         </div>
     </div>
 </template>
@@ -40,9 +40,6 @@ export default {
 </script>
 
 <style scoped>
-.detail_box{
-  width: 856px;
-}
 .now_page_title {
   margin: 15px 0;
   color: #898d9e;
diff --git a/src/pages/technical-support/answer-center/index.vue b/src/pages/technical-support/answer-center/index.vue
index 7aa500f25fe29f760ea951eb358dfcea8a6d79c0..20b20a0a00b83ae49a12a08044ecc3dcff67668c 100644
--- a/src/pages/technical-support/answer-center/index.vue
+++ b/src/pages/technical-support/answer-center/index.vue
@@ -1,6 +1,9 @@
 <template>
   <div class="doc_container">
-    <router-view />
+    <div class="content">
+      <router-view class="content_box" />
+      <div class="user_info">header</div>
+    </div>
   </div>
 </template>
 
@@ -31,15 +34,18 @@ export default {
   justify-content: flex-start;
   align-items: stretch;
 }
-.side_nav_bar {
-  width: 180px;
-  flex-shrink: 0;
+.content{
+  width: 1200px;
+  margin: 0 auto;
+  position: relative;
 }
-.main_container {
-  width: calc(100% - 180px);
-  flex-grow: 1;
-  flex-shrink: 1;
-  background-color: #f6f7fb;
-  overflow: auto;
+.content_box{
+  width: 856px;
+}
+.user_info{
+  width: 328px;
+  position: absolute;
+  top: 46px;
+  right: 0px;
 }
 </style>