diff --git a/src/components/datav/CenterCmp.vue b/src/components/datav/CenterCmp.vue
index e3c7d3b..f255837 100644
--- a/src/components/datav/CenterCmp.vue
+++ b/src/components/datav/CenterCmp.vue
@@ -12,17 +12,17 @@
       </div>
     </div>
     <div class="cc-header">
-      <div style="width:40%;height:50px; float: left;display: flex;margin-left: 20px"  >
-        <div  class="card">{{this.inZX}}</div>
+      <div style="width:50%;height:90px; float: left;display: flex;margin: auto auto;text-align: center;margin-top: 20px"  >
+        <div  class="card" style="margin: auto auto">{{this.inZX}}</div>
 <!--        <div class="card"></div>-->
-        <div class="card">{{this.inDZX}}</div>
+        <div class="card" style="margin: auto auto">{{this.inDZX}}</div>
 <!--        <div class="card"></div>-->
 <!--        <div class="card"></div>-->
       </div>
-      <div style="width:40%;height:50px; float: left;display: flex;margin-right: -20px"  >
-        <div  class="card">{{this.outZX}}</div>
+      <div style="width:50%;height:90px; float: left;display: flex;margin: auto auto;text-align: center;margin-top: 20px"  >
+        <div  class="card" style="margin: auto auto">{{this.outZX}}</div>
 <!--        <div class="card"></div>-->
-        <div class="card">{{this.outDZX}}</div>
+        <div class="card" style="margin: auto auto">{{this.outDZX}}</div>
 <!--        <div class="card"></div>-->
 <!--        <div class="card"></div>-->
       </div>
@@ -32,8 +32,8 @@
 
     </div>
     <div class="cc-main-container">
-      <dv-decoration-9 style="width:150px;height:150px;margin-left: 40px;margin-top: 10px" :color="['#007ef9', '#052650']">{{this.inAllData}}</dv-decoration-9>
-      <dv-decoration-9 style="width:150px;height:150px;margin-left: 110px;margin-top: 10px" :color="['#007ef9', '#052650']">{{this.outAllData}}</dv-decoration-9>
+      <dv-decoration-9 style="width:150px;height:150px;margin: auto auto;" :color="['#007ef9', '#052650']">{{this.inAllData}}</dv-decoration-9>
+      <dv-decoration-9 style="width:150px;height:150px;margin: auto auto;" :color="['#007ef9', '#052650']">{{this.outAllData}}</dv-decoration-9>
 <!--      <dv-active-ring-chart class="ccmc-middle" :config="config1" />-->
 <!--      <dv-active-ring-chart class="ccmc-middle" :config="config2" />-->
 
diff --git a/src/components/datav/RightChart1.vue b/src/components/datav/RightChart1.vue
index 8d5ebc8..8f4d9ec 100644
--- a/src/components/datav/RightChart1.vue
+++ b/src/components/datav/RightChart1.vue
@@ -1,13 +1,13 @@
 
 <template>
-  <div class="m-video" :class="{'u-video-hover': !hidden}" :style="`width: ${width}px; height: ${height}px;`">
+  <div class="m-video" :class="{'u-video-hover': !hidden}" >
     <video
       ref="veo"
       :style="`object-fit: ${zoom};`"
       :src="src"
+      width="98%"
+      style="margin: 5px 5px 5px 5px"
       :poster="veoPoster"
-      :width="width"
-      :height="height"
       :autoplay="autoplay"
       :controls="!originPlay&&controls"
       :loop="loop"
@@ -161,9 +161,7 @@ export default {
   box-sizing: border-box;
   margin: 0;
   padding: 0;
-  margin-top: -16px;
-  right: 20px;
-
+  top: 0px;
 }
 .m-video {
   height: 100%;
@@ -172,7 +170,7 @@ export default {
   position: relative;
   background: #ffffff00;
   cursor: pointer;
-  transform: scale(0.85);
+  //transform: scale(1);
   .u-play {
     position: absolute;
     top: 0;
diff --git a/src/components/datav/RightChart3.vue b/src/components/datav/RightChart3.vue
index 1057452..847c907 100644
--- a/src/components/datav/RightChart3.vue
+++ b/src/components/datav/RightChart3.vue
@@ -1,6 +1,6 @@
 <template>
-  <div className="bottom-right-table-3">
-    <dv-scroll-board :config="config1" style="width: 350px;height: 280px;margin: 5px 0 0 5px"/>
+  <div className="bottom-right-table-3" style="height: 100%">
+    <dv-scroll-board :config="config1" style="width: 98%;height:98%;margin: 5px 0 0 5px;"/>
   </div>
 </template>
 
@@ -59,7 +59,8 @@ export default {
 .bottom-right-table-3 {
   width: 400px;
   height: 100%;
-  margin: 0 -3px;
+  //background-color: red;
+  //margin: 0 -3px;
 
   .border-box-content {
     padding: 20px;
diff --git a/src/components/datav/index.vue b/src/components/datav/index.vue
index 9523548..fae499d 100644
--- a/src/components/datav/index.vue
+++ b/src/components/datav/index.vue
@@ -41,7 +41,7 @@
           <div class="right-top-container">
 
             <div class="rmctc-right-container">
-              <dv-border-box-8 class="rmctc-chart-1" style="width: 358px">
+              <dv-border-box-8 class="rmctc-chart-1" style="width: 100%">
 
                 <Right-Chart-1/>
 
@@ -99,7 +99,7 @@ export default {
   color: #fff;
 
   #dv-full-screen-container {
-    //background-image: url('./img/bg3.png');
+    background-image: url('./img/bg3.png');
     background-color: #050c1e;
     background-size: 100% 100%;
     box-shadow: 0 0 3px blue;