diff --git a/src/components/QuestTabs.vue b/src/components/QuestTabs.vue
index ad43c7f..2c635e4 100644
--- a/src/components/QuestTabs.vue
+++ b/src/components/QuestTabs.vue
@@ -20,9 +20,9 @@
     <!-- 任务tab -->
     <el-collapse v-model="activeNames" accordion>
       <template v-if="list.length != 0">
-        <el-collapse-item class="mainFontColor" v-for="(item, index) in list" :key="index" :name="item.id">
+        <el-collapse-item class="mainFontColor w-100 flex column mc ofa" v-for="(item, index) in list" :key="index" :name="item.id">
           <template slot="title">
-            <div class="clearB w-100" :class="activeNames === item.id ? 'fc-b fb' : ''">
+            <div class="w-100" :class="activeNames === item.id ? 'fc-b fb' : ''">
               <div class="l w-30">
                 订单ID：{{ item.id }}
               </div>
@@ -40,7 +40,7 @@
               </div>
             </div>
           </template>
-          <el-descriptions direction=" vertical" :column="3" border>
+          <el-descriptions direction="vertical"  :column="3" border>
             <el-descriptions-item label="状态">{{ item.shipment_status }}
             </el-descriptions-item>
             <el-descriptions-item label="订单号">{{ item.order_sn }}</el-descriptions-item>
@@ -52,22 +52,19 @@
             <el-descriptions-item label="总价">{{ item.total_price }}元</el-descriptions-item>
             <el-descriptions-item label="货品总数">{{ item.total_num }}件</el-descriptions-item>
             <el-descriptions-item label="订单详情" span="3">
-              <el-table v-for="spu, index in item.product_snapshot" :key="index" :data="spu.sku_arr" class="w-100">
+              <el-table v-for="spu, index in item.product_snapshot" :key="index" :data="spu.sku_arr" :stripe="true" class="w-100">
                 <el-table-column prop="sku_name" :label="spu.spu_name">
                 </el-table-column>
-                <el-table-column label="编号">
+                <el-table-column label="商品编号" min-width="140px" show-overflow-tooltip>
                   <template slot-scope="scope">
                     {{ scope.row.sku_number }}
                   </template>
                 </el-table-column>
-                <el-table-column label="数量">
+                <el-table-column label="数量" width="70px" show-overflow-tooltip>
                   <template slot-scope="scope">
                     {{ scope.row.sku_totol }}{{ scope.row.sku_unit }}
                   </template>
                 </el-table-column>
-                <el-table-column label="详情" width="80">
-                  <el-button type="primary" size="small">查看</el-button>
-                </el-table-column>
               </el-table>
             </el-descriptions-item>
             <el-descriptions-item :label="item.refund_status == '未申请' ? '客户备注' : '退货缘由'" span="3">
@@ -294,7 +291,6 @@ export default {
 
 <style lang="scss" scoped>
 @import "@/styles/theme.scss";
-
 .orterTit {
   display: flex;
   justify-content: space-between;
diff --git a/src/styles/index.scss b/src/styles/index.scss
index 5900244..9a3a842 100644
--- a/src/styles/index.scss
+++ b/src/styles/index.scss
@@ -154,6 +154,14 @@ label {
   }
 }
 
+.el-tabs__content {
+  padding: 0px !important;
+}
+
+.is-bordered-label {
+  background-color: #606266;
+}
+
 //mapboxgl
 .mapboxgl-ctrl-bottom-left a {
   display: none !important;