diff --git a/fuintAdmin/src/views/power/page/mode.vue b/fuintAdmin/src/views/power/page/mode.vue
index a799169d5..a3085de34 100644
--- a/fuintAdmin/src/views/power/page/mode.vue
+++ b/fuintAdmin/src/views/power/page/mode.vue
@@ -484,7 +484,7 @@ export default {
     //height: 81vh;
 }
 .table_box{
-  height: 72vh;
+  height: 73vh;
   overflow: auto;
   scrollbar-width: none;
 }
diff --git a/fuintAdmin/src/views/power/page/record.vue b/fuintAdmin/src/views/power/page/record.vue
index 3008b7a86..829599dc3 100644
--- a/fuintAdmin/src/views/power/page/record.vue
+++ b/fuintAdmin/src/views/power/page/record.vue
@@ -561,7 +561,7 @@ export default {
   //height: 81vh;
 }
 .table_box{
-  height: 72vh;
+  height: 73vh;
   overflow: auto;
   scrollbar-width: none;
 }
diff --git a/fuintAdmin_zt/src/views/financialStatement/dai_yunyingfenxi/list.vue b/fuintAdmin_zt/src/views/financialStatement/dai_yunyingfenxi/list.vue
index b981a8ad4..b4e375d1a 100644
--- a/fuintAdmin_zt/src/views/financialStatement/dai_yunyingfenxi/list.vue
+++ b/fuintAdmin_zt/src/views/financialStatement/dai_yunyingfenxi/list.vue
@@ -64,13 +64,12 @@ export default {
 <style scoped>
 .app-center{
   width: 100%;
-
   box-sizing: border-box;
-//padding: 10px;
 }
 .hui_box{
   box-sizing: border-box;
   padding: 10px;
+  padding-bottom: 0px;
 }
 .app-top{
   width: 100%;
diff --git a/fuintAdmin_zt/src/views/financialStatement/dai_yunyingfenxi/tab/paym.vue b/fuintAdmin_zt/src/views/financialStatement/dai_yunyingfenxi/tab/paym.vue
index fc32e5853..539950d45 100644
--- a/fuintAdmin_zt/src/views/financialStatement/dai_yunyingfenxi/tab/paym.vue
+++ b/fuintAdmin_zt/src/views/financialStatement/dai_yunyingfenxi/tab/paym.vue
@@ -1,7 +1,7 @@
 <!-- 支付通道分析-->
 <template>
-  <div style="padding-top: 15px; padding-right: 20px; background: #f6f8f9;padding-bottom: 15px">
-    <div class="card-change2-1" style="" shadow="never">
+  <div >
+    <div class="top_box" style="" shadow="never">
       <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" label-width="120px">
         <div class="d-s" style="margin-bottom: 0px;justify-content: space-between">
           <div class="d-s">
@@ -56,7 +56,7 @@
         </div>
       </div>
     </div>
-    <div class="card-change-1" style="min-height: 500px; margin-top: 20px;" shadow="never">
+    <div class="center_box"  shadow="never">
       <div class="table-box">
         <el-table
           :data="orderList"
@@ -354,23 +354,32 @@ export default {
 </script>
 
 <style scoped>
-.box-card {
+.top_box{
+  border-radius: 6px;
+  background: #fff;
+  box-sizing: border-box;
+  padding: 10px;
   width: 100%;
-  margin: 0px 20px 4px 20px;
-  border: none;
-  box-shadow: none;
+}
+.table-box{
+  width: 100%;
+  height: 62vh;
+  scrollbar-width: none;
+  overflow: auto;
+}
+.center_box{
+  border-radius: 6px;
+  background: #fff;
+  box-sizing: border-box;
+  padding: 10px;
+  width: 100%;
+  margin: 5px auto;
 }
 
 .el-form--inline .el-form-item {
   margin-right: 20px;
 }
 
-.table-box {
-  width: 100%;
-  height: 56vh;
-  overflow: auto;
-}
-
 .wrap-boxs {
   width: 100%;
   display: flex;
diff --git a/fuintAdmin_zt/src/views/setting/hardware.vue b/fuintAdmin_zt/src/views/setting/hardware.vue
index 79067dc88..5e6eb9d00 100644
--- a/fuintAdmin_zt/src/views/setting/hardware.vue
+++ b/fuintAdmin_zt/src/views/setting/hardware.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="card-change"  style="min-height: 500px; margin-left: 20px; margin-top: 20px; margin-right: 20px;" shadow="never">
+  <div class="card-change"  style="height: 88vh; margin: 10px;box-sizing: border-box;padding-bottom: 0px" shadow="never">
     <div>
       <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" label-width="90px">
         <el-form-item label="" prop="name">
@@ -7,13 +7,13 @@
             v-model="queryParams.name"
             placeholder="请输入商品名称"
             clearable
-            style="width: 240px;"
+
             @keyup.enter.native="handleQuery"
           />
         </el-form-item>
 
-        <el-form-item label="请选择分类" prop="categoryName">
-          <el-select v-model="queryParams.categoryName" style="width: 150px" placeholder="全部">
+        <el-form-item label="" prop="categoryName">
+          <el-select v-model="queryParams.categoryName" placeholder="请选择分类" >
             <el-option
               v-for="dict in dict.type.hardware_type"
               :key="dict.label"
@@ -23,8 +23,8 @@
           </el-select>
         </el-form-item>
 
-        <el-form-item label="请选择状态" prop="status">
-          <el-select v-model="queryParams.status" style="width: 150px" placeholder="全部">
+        <el-form-item label="" prop="status">
+          <el-select v-model="queryParams.status" placeholder="请选择状态" >
             <el-option
               v-for="dict in dict.type.hardware_status"
               :key="dict.value"
@@ -45,8 +45,7 @@
           >新增商品</el-button>
         </el-form-item>
       </el-form>
-
-      <div style="height: 70vh; overflow: auto;">
+      <div style="height: 70vh; overflow: auto; scrollbar-width: none ">
       <el-table :data="tableData" style="width: 100%" border>
         <el-table-column type="index" label="序号"></el-table-column>
         <el-table-column prop="name" label="商品名称"></el-table-column>
diff --git a/fuintAdmin_zt/src/views/system/notify/index.vue b/fuintAdmin_zt/src/views/system/notify/index.vue
index 4fee41f03..030df0bb4 100644
--- a/fuintAdmin_zt/src/views/system/notify/index.vue
+++ b/fuintAdmin_zt/src/views/system/notify/index.vue
@@ -46,6 +46,7 @@ export default {
   margin-right: 50px;
   display: flex;
   align-items: center;
+  cursor: pointer;
 
 }
 .active{
diff --git a/fuintAdmin_zt/src/views/system/notify/page/mode.vue b/fuintAdmin_zt/src/views/system/notify/page/mode.vue
index b95490b2c..9db7f27d9 100644
--- a/fuintAdmin_zt/src/views/system/notify/page/mode.vue
+++ b/fuintAdmin_zt/src/views/system/notify/page/mode.vue
@@ -18,15 +18,7 @@
             <!-- 添加其他选项 -->
           </el-select>
         </el-form-item>
-<!--        <el-form-item label="" prop="recipientRoles">-->
-<!--          <el-input-->
-<!--            v-model="queryParams.recipientRoles"-->
-<!--            placeholder="请选择接收角色"-->
-<!--            clearable-->
-<!--            style="width: 240px;"-->
-<!--            @keyup.enter.native="handleQuery"-->
-<!--          />-->
-<!--        </el-form-item>-->
+
         <el-form-item label="" prop="templateStatus">
           <el-select v-model="queryParams.templateStatus" placeholder="请选择通知状态" clearable style="width: 240px;">
             <el-option label="启用" value="1"></el-option>
@@ -45,10 +37,8 @@
           >新增通知模板</el-button>
         </el-form-item>
       </el-form>
-<!--    </el-card>-->
-<!--    &lt;!&ndash;    列表信息&ndash;&gt;-->
-<!--    <el-card style="margin-top: 20px" >-->
-      <div  >
+
+      <div class="table_box">
 
       <el-table :data="tableData" style="width: 100%" border>
         <el-table-column align="center" type="index" label="序号"></el-table-column>
@@ -488,5 +478,9 @@ export default {
   height: 50px;
   line-height: 60px;
 }
+.table_box{
+  width: 100%;
+  height: 69vh;
+}
 </style>
 
diff --git a/fuintAdmin_zt/src/views/system/notify/page/record.vue b/fuintAdmin_zt/src/views/system/notify/page/record.vue
index a3936f7ab..b32c8e333 100644
--- a/fuintAdmin_zt/src/views/system/notify/page/record.vue
+++ b/fuintAdmin_zt/src/views/system/notify/page/record.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="app-container" style="padding: 10px">
-    <div class="card-change" style="min-height: 80vh;">
+    <div class="card-change" >
       <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" label-width="68px">
         <el-form-item label="" prop="deptName">
           <el-input
@@ -20,15 +20,6 @@
           </el-select>
         </el-form-item>
 
-        <!--        <el-form-item label="" prop="appStatus">-->
-        <!--          <el-input-->
-        <!--            v-model="queryParams.appStatus"-->
-        <!--            placeholder="请选择接受角色"-->
-        <!--            clearable-->
-        <!--            style="width: 240px;"-->
-        <!--            @keyup.enter.native="handleQuery"-->
-        <!--          />-->
-        <!--        </el-form-item>-->
         <el-form-item label="" prop="templateStatus">
           <el-select v-model="queryParams.templateStatus" placeholder="请选择通知状态" clearable style="width: 240px;">
             <el-option label="启用" value="1"></el-option>
@@ -51,7 +42,7 @@
       <!--    &lt;!&ndash;          &ndash;&gt;-->
       <!--    &lt;!&ndash;    列表信息&ndash;&gt;-->
       <!--    <el-card style="margin-top: 20px" >-->
-      <div >
+      <div class="table_box" >
         <el-table :data="tableData" style="width: 100%" border>
           <el-table-column align="center" type="index" label="序号"></el-table-column>
           <el-table-column align="center" prop="notificationName" label="通知名称"></el-table-column>
@@ -583,5 +574,9 @@ export default {
   height: 50px;
   line-height: 60px;
 }
+.table_box{
+  width: 100%;
+  height: 69vh;
+}
 </style>
 
diff --git a/fuintCashierWeb/src/views/cashier/NewComponents/Order.vue b/fuintCashierWeb/src/views/cashier/NewComponents/Order.vue
index 69cce0510..e2890cb71 100644
--- a/fuintCashierWeb/src/views/cashier/NewComponents/Order.vue
+++ b/fuintCashierWeb/src/views/cashier/NewComponents/Order.vue
@@ -101,7 +101,7 @@ export default {
   background: #fff;
   display: flex;
   box-sizing: border-box;
-  margin-bottom: 15px;
+
 }
 
 .tab_ {
diff --git a/fuintCashierWeb/src/views/cashier/NewComponents/Vip.vue b/fuintCashierWeb/src/views/cashier/NewComponents/Vip.vue
index 220dd6a65..1c3c6083e 100644
--- a/fuintCashierWeb/src/views/cashier/NewComponents/Vip.vue
+++ b/fuintCashierWeb/src/views/cashier/NewComponents/Vip.vue
@@ -1,13 +1,8 @@
 <template>
-  <div class="app-container">
-<!--    <div class="tab-box">-->
-<!--      <div class="tab_" :class="{active:index== tabindex }" @click="getindex(index)" v-for="(item,index) in  tabs"-->
-<!--           :key="index">-->
-<!--        {{ item.name }}-->
-<!--      </div>-->
-<!--    </div>-->
-<div style="width: 100%;height: 15px"></div>
-    <div style=" width: 100%; display: flex;justify-content: space-between; height: 56px; border-radius: 8px; background: #fff;box-sizing: border-box;padding: 10px;width: 98%;margin: 0 auto;margin-bottom: 5px;">
+  <div class="box_conter">
+
+
+    <div style=" width: 100%; display: flex;justify-content: space-between; height: 56px; border-radius: 8px; background: #fff;box-sizing: border-box;padding: 10px;width: 100%;margin: 0 auto;margin-bottom: 5px;margin-bottom: 10px">
       <div style="  width: 100%;display: flex;justify-content: space-between;margin-left: 10px">
         <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch">
 
@@ -1154,12 +1149,12 @@ export default {
 
 <style scoped lang="scss">
 
-.app-container {
-  width: 100%;
-  height: 100vh;
-  background: #f6f8f9;
-  margin: 0;
-  padding: 0;
+.box_conter{
+  box-sizing: border-box;
+  padding: 10px;
+  border-bottom: 0px;
+  background: #f2f2f2;
+  padding-bottom: 0px;
 }
 
 .sta {
@@ -1296,13 +1291,13 @@ export default {
 }
 
 .cot-box {
-  width: 98%;
+  width: 100%;
   border-radius: 8px;
   background: #fff;
   box-sizing: border-box;
   padding: 20px;
   margin: 0 auto;
-  height: 97vh;
+  height: 91vh;
 }
 
 .d-s {
diff --git a/fuintCashierWeb/src/views/cashier/NewComponents/integralOrder/pointsCashier.vue b/fuintCashierWeb/src/views/cashier/NewComponents/integralOrder/pointsCashier.vue
index ed633e454..5037b490a 100644
--- a/fuintCashierWeb/src/views/cashier/NewComponents/integralOrder/pointsCashier.vue
+++ b/fuintCashierWeb/src/views/cashier/NewComponents/integralOrder/pointsCashier.vue
@@ -1,6 +1,6 @@
 <template>
 <!--  积分商城订单-->
-  <div class="app-containers">
+  <div class="box_conter">
     <div class="top_new">
       <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" label-width="100px">
         <el-form-item label=""  prop="giftName">
@@ -280,43 +280,13 @@ export default {
 </script>
 
 <style scoped>
-.app-container {
-    width: 100%;
-    height: 100%;
-    background: #f6f8f9;
 
-}
-
-.icon-img{
-  //margin-left: 110px;
-  width: 100%;
-  height: 20px;
-  margin-right: 5px;
-  img{
-    float: right;
-    //width: 100%;
-    width: 20px;
-    height: 100%;
-  }
-}
-.table-box {
-  width: 100%;
-  height: 66vh;
-  overflow: auto;
-}
-.box{
-  //box-sizing: border-box;
-  padding: 5px;
-  //background: #f9f9f9;
-  margin-right: 20px;
-  padding-left: 20px;
-  margin-bottom: 20px;
-
-  width: 211px;
-  height: 60px;
-  background: rgba(64,158,255,0.05);
-  border-radius: 6px 6px 6px 6px;
-  border: 1px solid #fe8c4a;
+.box_conter{
+  box-sizing: border-box;
+  padding: 10px;
+  border-bottom: 0px;
+  background: #f2f2f2;
+  padding-bottom: 0px;
 }
 .el-form--inline .el-form-item {
   margin-right: 15px;
@@ -371,13 +341,14 @@ export default {
   display: flex;
   justify-content: space-between;
   background: #fff;
-  width: 98%;
+  width: 100%;
   margin: 0px auto;
   border-radius: 8px;
   box-sizing: border-box;
   padding:  15px;
   border-bottom: 1px solid #eceff1;
   padding-bottom: 0px;
+  margin-bottom: 10px;
   height: 64px;
 
 }
@@ -391,7 +362,7 @@ export default {
 }
 .cont_box_b{
   background: #fff;
-  width: 98%;
+  width: 100%;
   margin: 5px auto;
   border-radius: 8px;
   box-sizing: border-box;
diff --git a/fuintCashierWeb/src/views/cashier/NewComponents/writeList.vue b/fuintCashierWeb/src/views/cashier/NewComponents/writeList.vue
index f19baad62..41c42efc0 100644
--- a/fuintCashierWeb/src/views/cashier/NewComponents/writeList.vue
+++ b/fuintCashierWeb/src/views/cashier/NewComponents/writeList.vue
@@ -126,6 +126,7 @@ export default {
   box-sizing: border-box;
   padding: 15px;
   border-radius: 8px;
+  margin-bottom: 10px;
 }
 .table-box {
   width: 100%;
diff --git a/fuintCashierWeb/src/views/cashier/orderComponents/order_Added.vue b/fuintCashierWeb/src/views/cashier/orderComponents/order_Added.vue
index c8e5e1a9e..7faafa1f8 100644
--- a/fuintCashierWeb/src/views/cashier/orderComponents/order_Added.vue
+++ b/fuintCashierWeb/src/views/cashier/orderComponents/order_Added.vue
@@ -1,6 +1,6 @@
 <!--增值交易订单-->
 <template>
-  <div class="contenr_new">
+  <div class="box_conter">
     <!--    表单查询-->
     <div class="top_new">
       <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" label-width="100px">
@@ -559,25 +559,25 @@ export default {
     display: flex;
     justify-content: space-between;
     background: #fff;
-    width: 98%;
-    margin: 5px auto;
+    width: 100%;
+    margin: 0px auto;
     border-radius: 8px;
     box-sizing: border-box;
     padding: 15px;
     height: 64px;
+    margin-bottom: 10px;
   }
-  .cont_new{
-    background: #fff;
-    width: 98%;
-    margin: 10px auto;
-    border-radius: 8px;
+  .box_conter{
     box-sizing: border-box;
-    padding: 15px
+    padding: 10px;
+    border-bottom: 0px;
+    background: #f2f2f2;
+    padding-bottom: 0px;
   }
   .bottom_new{
     background: #fff;
-    width: 98%;
-    margin: 5px auto;
+    width: 100%;
+    margin: 0px auto;
     border-radius: 8px;
     box-sizing: border-box;
     padding: 15px;
diff --git a/fuintCashierWeb/src/views/cashier/orderComponents/order_Cashier.vue b/fuintCashierWeb/src/views/cashier/orderComponents/order_Cashier.vue
index 7b6ad13b4..35fd9b6ab 100644
--- a/fuintCashierWeb/src/views/cashier/orderComponents/order_Cashier.vue
+++ b/fuintCashierWeb/src/views/cashier/orderComponents/order_Cashier.vue
@@ -1,6 +1,6 @@
 <!-- 收银台订单-->
 <template>
-  <div>
+  <div class="box_conter">
     <div class="top_new">
       <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" label-width="0px">
         <el-form-item label="" prop="staffId">
@@ -1428,23 +1428,7 @@ export default {
 </script>
 
 <style scoped>
-.app-top {
-  width: 100%;
 
-  height: 60px;
-  box-sizing: border-box;
-  padding: 10px;
-}
-
-.clearfix {
-  width: 100%;
-
-}
-
-.box-card {
-  width: 100%;
-  margin-bottom: 15px;
-}
 
 .box-gang {
   width: 100%;
@@ -1453,30 +1437,12 @@ export default {
   flex-wrap: wrap; /* 允许内容换行 */
 
 }
-
-.box {
-  padding: 5px;
-  margin-right: 20px;
-  margin-bottom: 20px;
-  padding-left: 20px;
-
-  width: 211px;
-  height: 60px;
-  background: rgba(64, 158, 255, 0.05);
-  border-radius: 6px 6px 6px 6px;
-  border: 1px solid #fe8c4a;
-}
-
-.box1 {
-  padding: 5px;
-  margin-right: 20px;
-  margin-bottom: 20px;
-  padding-left: 20px;
-  width: 211px;
-  height: 60px;
-  background: rgba(255, 150, 85, 0.05);
-  border-radius: 6px 6px 6px 6px;
-  border: 1px solid #FF9655;
+.box_conter{
+  box-sizing: border-box;
+  padding: 10px;
+  border-bottom: 0px;
+  background: #f2f2f2;
+  padding-bottom: 0px;
 }
 .box2 {
   padding: 5px;
@@ -1509,41 +1475,10 @@ export default {
   }
 }
 
-.size-bole {
-  height: 31px;
-  font-family: YouSheBiaoTiHei;
-  font-weight: 400;
-  font-size: 24px;
-  color: #555555;
-  text-align: left;
-  font-style: normal;
-  text-transform: none;
-}
-
-.icon-img {
-  width: 20px;
-  height: 20px;
-  margin-right: 5px;
-
-  img {
-
-    width: 20px;
-    height: 20px;
-  }
-}
-
-.wgang {
-  width: 100%;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  margin-bottom: 20px;
-
-}
 
 .table-box {
   width: 100%;
-  height: 65vh;
+  height: 64vh;
   overflow: auto;
 }
 
@@ -1565,7 +1500,7 @@ export default {
   margin: 10px 0;
 }
 .cot-box {
-  width: 98%;
+  width: 100%;
   border-radius: 8px;
   background: #fff;
   box-sizing: border-box;
@@ -1578,12 +1513,12 @@ export default {
   justify-content: space-between;
   height: 65px;
   background: #fff;
-  width: 98%;
-  margin: 5px auto;
+  width: 100%;
+  margin: 0px auto;
+  margin-bottom: 10px;
   border-radius: 8px;
   box-sizing: border-box;
-  padding: 15px
-
+  padding: 15px;
 }
 .makeupticket{
   cursor:pointer;
diff --git a/fuintCashierWeb/src/views/cashier/orderComponents/order_Goods.vue b/fuintCashierWeb/src/views/cashier/orderComponents/order_Goods.vue
index b9e3d357b..9a2e6ab82 100644
--- a/fuintCashierWeb/src/views/cashier/orderComponents/order_Goods.vue
+++ b/fuintCashierWeb/src/views/cashier/orderComponents/order_Goods.vue
@@ -1,6 +1,6 @@
 <!--商品交易列表-->
 <template>
-  <div>
+  <div class="box_conter">
     <div class="top_new">
       <el-form :model="queryParams" ref="queryForm" size="small" style="width: 100%" :inline="true" v-show="showSearch">
         <el-form-item label="" prop="staffId">
@@ -797,23 +797,6 @@ export default {
 </script>
 
 <style scoped>
-.app-top {
-  width: 100%;
-
-  height: 60px;
-  box-sizing: border-box;
-  padding: 10px;
-}
-
-.clearfix {
-  width: 100%;
-
-}
-
-.box-card {
-  width: 100%;
-  margin-bottom: 15px;
-}
 
 .box-gang {
   width: 100%;
@@ -822,21 +805,6 @@ export default {
   flex-wrap: wrap;
 }
 
-.box {
-  //box-sizing: border-box;
-  padding: 5px;
-  //background: #f9f9f9;
-  margin-right: 20px;
-  margin-bottom: 20px;
-  padding-left: 20px;
-  margin-bottom: 20px;
-
-  width: 211px;
-  height: 60px;
-  background: rgba(64, 158, 255, 0.05);
-  border-radius: 6px 6px 6px 6px;
-  border: 1px solid #fe8c4a;
-}
 
 .size-hui {
   display: flex;
@@ -854,44 +822,12 @@ export default {
   }
 }
 
-.size-bole {
-  height: 31px;
-  font-family: YouSheBiaoTiHei;
-  font-weight: 400;
-  font-size: 24px;
-  color: #555555;
-  text-align: left;
-  font-style: normal;
-  text-transform: none;
-}
-
-.icon-img {
-  width: 20px;
-  height: 20px;
-  margin-right: 5px;
-
-  img {
-    float: right;
-    width: 20px;
-    height: 20px;
-  }
-}
-
-.wgang {
-  width: 100%;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  margin-bottom: 20px;
-
-}
 
 .table-box {
   width: 100%;
-  height: 65vh;
+  height: 64vh;
   overflow: auto;
 }
-
 .pagination-box {
   width: 100%;
   margin: 10px auto;
@@ -899,30 +835,11 @@ export default {
   align-items: center;
   justify-content: flex-end;
 }
-
-.top-app-sou {
-  width: 20%;
-}
-
 .tk {
   text-align: center;
   color: grey;
   margin: 10px 0;
 }
-
-.box1 {
-  padding: 5px;
-  margin-right: 20px;
-  margin-bottom: 20px;
-  padding-left: 20px;
-
-  width: 211px;
-  height: 60px;
-  background: rgba(255, 150, 85, 0.05);
-  border-radius: 6px 6px 6px 6px;
-  border: 1px solid #FF9655;
-}
-
 .box2 {
   padding: 5px;
   margin-right: 20px;
@@ -935,7 +852,7 @@ export default {
 }
 
 .cot-box {
-  width: 98%;
+  width: 100%;
   border-radius: 8px;
   background: #fff;
   box-sizing: border-box;
@@ -949,12 +866,20 @@ export default {
   display: flex;
   justify-content: space-between;
   background: #fff;
-  width: 98%;
-  margin: 5px auto;
+  width: 100%;
+  margin: 0px auto;
   border-radius: 8px;
   box-sizing: border-box;
   padding: 15px;
-  height: 64px;
+  height: 115px;
+  margin-bottom: 10px;
+}
+.box_conter{
+  box-sizing: border-box;
+  padding: 10px;
+  border-bottom: 0px;
+  background: #f2f2f2;
+  padding-bottom: 0px;
 }
 .x_size{
   white-space: nowrap;
diff --git a/fuintCashierWeb/src/views/cashier/orderComponents/order_Oil.vue b/fuintCashierWeb/src/views/cashier/orderComponents/order_Oil.vue
index dcefb7df4..e49d49b1f 100644
--- a/fuintCashierWeb/src/views/cashier/orderComponents/order_Oil.vue
+++ b/fuintCashierWeb/src/views/cashier/orderComponents/order_Oil.vue
@@ -1,7 +1,6 @@
 <!--油品订单-->
-
 <template>
-  <div>
+  <div class="box_conter">
     <div class="top_new">
       <el-form :model="queryParams" width="100%" ref="queryForm" size="small" :inline="true" label-width="68px">
         <div style=" width: 1645px; display: flex; justify-content: space-between">
@@ -911,24 +910,14 @@ export default {
 </script>
 
 <style scoped>
-.app-top {
-  width: 100%;
 
-  height: 60px;
+.box_conter{
   box-sizing: border-box;
   padding: 10px;
+  border-bottom: 0px;
+  background: #f2f2f2;
+  padding-bottom: 0px;
 }
-
-.clearfix {
-  width: 100%;
-
-}
-
-.box-card {
-  width: 100%;
-  margin-bottom: 15px;
-}
-
 .box-gang {
   width: 100%;
   display: flex;
@@ -938,21 +927,6 @@ export default {
 
 }
 
-.box {
-  //box-sizing: border-box;
-  padding: 5px;
-  //background: #f9f9f9;
-  margin-right: 20px;
-  margin-bottom: 20px;
-  padding-left: 20px;
-
-  width: 211px;
-  height: 60px;
-  background: rgba(64, 158, 255, 0.05);
-  border-radius: 6px 6px 6px 6px;
-  border: 1px solid #fe8c4a;
-}
-
 .el-form--inline .el-form-item {
 
 }
@@ -973,42 +947,6 @@ export default {
   }
 }
 
-.size-bole {
-  height: 31px;
-  font-family: YouSheBiaoTiHei;
-  font-weight: 400;
-  font-size: 24px;
-  color: #555555;
-  text-align: left;
-  font-style: normal;
-  text-transform: none;
-}
-
-.icon-img {
-  width: 20px;
-  height: 20px;
-  margin-right: 5px;
-
-  img {
-    float: right;
-    width: 20px;
-    height: 20px;
-  }
-}
-
-.wgang {
-  width: 100%;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  margin-bottom: 20px;
-
-}
-
-.table-box {
-  width: 100%;
-}
-
 .pagination-box {
   width: 100%;
   margin: 10px auto;
@@ -1017,9 +955,6 @@ export default {
   justify-content: flex-end;
 }
 
-.top-app-sou {
-  width: 20%;
-}
 
 .tk {
   text-align: center;
@@ -1027,19 +962,6 @@ export default {
   margin: 10px 0;
 }
 
-.box1 {
-  padding: 5px;
-  margin-right: 20px;
-  margin-bottom: 20px;
-  padding-left: 20px;
-
-  width: 211px;
-  height: 60px;
-  background: rgba(255, 150, 85, 0.05);
-  border-radius: 6px 6px 6px 6px;
-  border: 1px solid #FF9655;
-}
-
 .box2 {
   padding: 5px;
   margin-bottom: 20px;
@@ -1051,7 +973,7 @@ export default {
 }
 
 .cot-box {
-  width: 98%;
+  width: 100%;
   border-radius: 8px;
   background: #fff;
   box-sizing: border-box;
@@ -1059,24 +981,29 @@ export default {
   margin: 0 auto;
   height: 79vh;
 }
+.box_conter{
+  box-sizing: border-box;
+  padding: 10px;
+  border-bottom: 0px;
+  background: #f2f2f2;
+  padding-bottom: 0px;
+}
 .top_new{
   display: flex;
   justify-content: space-between;
-  height: 120px;
+  height: 115px;
   background: #fff;
-  width: 98%;
-  margin: 5px auto;
+  width: 100%;
+  margin: 0px auto;
+  margin-bottom: 10px;
   border-radius: 8px;
   box-sizing: border-box;
   padding: 15px;
 }
+
 .new_bottom{
   height: 59vh;
   overflow: auto;
 }
-.table-box {
-  width: 100%;
-  height: 66vh;
-  overflow: auto;
-}
+
 </style>
diff --git a/fuintCashierWeb/src/views/cashier/orderComponents/order_Vip.vue b/fuintCashierWeb/src/views/cashier/orderComponents/order_Vip.vue
index 19ff778d0..3541f2b66 100644
--- a/fuintCashierWeb/src/views/cashier/orderComponents/order_Vip.vue
+++ b/fuintCashierWeb/src/views/cashier/orderComponents/order_Vip.vue
@@ -1,6 +1,6 @@
 <!--会员充值订单-->
 <template>
-  <div>
+  <div class="box_conter">
     <div class="top_new">
       <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" >
         <el-form-item label="" prop="staffId">
@@ -622,22 +622,7 @@ export default {
 </script>
 
 <style scoped>
-.app-top {
-  width: 100%;
-  height: 60px;
-  box-sizing: border-box;
-  padding: 10px;
-}
 
-.clearfix {
-  width: 100%;
-
-}
-
-.box-card {
-  width: 100%;
-  margin-bottom: 15px;
-}
 
 .box-gang {
   width: 100%;
@@ -645,17 +630,12 @@ export default {
   align-items: center;
   flex-wrap: wrap;
 }
-
-.box {
-  padding: 5px;
-  margin-bottom: 20px;
-  margin-right: 20px;
-  padding-left: 20px;
-  width: 211px;
-  height: 60px;
-  background: rgba(64, 158, 255, 0.05);
-  border-radius: 6px 6px 6px 6px;
-  border: 1px solid #fe8c4a;
+.box_conter{
+  box-sizing: border-box;
+  padding: 10px;
+  border-bottom: 0px;
+  background: #f2f2f2;
+  padding-bottom: 0px;
 }
 
 
@@ -723,7 +703,7 @@ export default {
 }
 
 .cot-box {
-  width: 98%;
+  width: 100%;
   border-radius: 8px;
   background: #fff;
   box-sizing: border-box;
@@ -736,8 +716,9 @@ export default {
   display: flex;
   justify-content: space-between;
   background: #fff;
-  width: 98%;
-  margin: 5px auto;
+  width: 100%;
+  margin: 0px auto;
+  margin-bottom: 10px;
   border-radius: 8px;
   box-sizing: border-box;
   padding: 15px;