style;首页完成

@@ -6,18 +6,19 @@
   justify-content: space-between;
   justify-content: space-between;
 
 
   &-left {
   &-left {
-    width: 40%;
+    width: 35%;
     padding-top: 25px;
     padding-top: 25px;
     background-color: #000637;
     background-color: #000637;
     color: #02D9FD;
     color: #02D9FD;
   }
   }
 
 
   &-right {
   &-right {
-    width: 59.5%;
+    width: 64.5%;
 
 
     .jrgk {
     .jrgk {
       background-color: #000637;
       background-color: #000637;
       color: #02D9FD;
       color: #02D9FD;
+      padding-bottom: 20px;
 
 
       .header {
       .header {
         text-align: center;
         text-align: center;
@@ -28,6 +29,7 @@
     .gkList {
     .gkList {
       @include flex-center;
       @include flex-center;
       flex-direction: column;
       flex-direction: column;
+      position: relative;
 
 
       li:nth-child(1) {
       li:nth-child(1) {
         color: #409EFF;
         color: #409EFF;
@@ -35,9 +37,59 @@
       }
       }
     }
     }
 
 
+    .gkList::before {
+      position: absolute;
+      right: 0;
+      top: 0;
+      content: '';
+      width: 1px;
+      height: 110px;
+      background: linear-gradient(180deg, #091B4C 0%, #47B5E0 56%, #091B4C 100%);
+    }
+
+    .zsl {
+      position: relative;
+
+      p {
+        background: url('../../image/zsl.png');
+        width: 200px;
+        height: 40px;
+        position: absolute;
+        left: 0;
+        bottom: 0;
+        background-size: cover;
+        margin-left: -34px;
+      }
+    }
+
     .jrl {
     .jrl {
       margin-top: 20px;
       margin-top: 20px;
       text-align: center;
       text-align: center;
+      color: #E3F1FF;
+
+      .jrlList {
+        p {
+          margin: 0 3px 10px 3px;
+        }
+      }
+
+      .jrllsit1 {
+        p {
+          background: url('../../image/jrl1.png');
+        }
+      }
+
+      .jrllsit2 {
+        p {
+          background: url('../../image/jrl2.png');
+        }
+      }
+
+      .jrllsit3 {
+        p {
+          background: url('../../image/jrl3.png');
+        }
+      }
 
 
       li {
       li {
         color: #E3F1FF;
         color: #E3F1FF;
@@ -167,6 +219,7 @@
     /deep/tbody tr:nth-child(odd) {
     /deep/tbody tr:nth-child(odd) {
       background: #000637 !important;
       background: #000637 !important;
     }
     }
+
     .title {
     .title {
       text-align: center;
       text-align: center;
       line-height: 36px;
       line-height: 36px;

@@ -12,13 +12,16 @@
         </div>
         </div>
         <!-- 陕西省接入概括列表 -->
         <!-- 陕西省接入概括列表 -->
         <el-row>
         <el-row>
-          <el-col :span="6">
+          <el-col :span="9">
             <ul class="gkList">
             <ul class="gkList">
               <li>总数量</li>
               <li>总数量</li>
-              <dv-digital-flop :config="config" style="height:70px;" />
+              <div class="zsl">
+                <dv-digital-flop :config="config" style="height:70px;" />
+                <p></p>
+              </div>
             </ul>
             </ul>
           </el-col>
           </el-col>
-          <el-col :span="6">
+          <el-col :span="5">
             <ul class="jrl">
             <ul class="jrl">
               <div class="jrlList jrllsit1">
               <div class="jrlList jrllsit1">
                 <p v-for="(item, index) in jrlList" :key="index">{{ item }}</p>
                 <p v-for="(item, index) in jrlList" :key="index">{{ item }}</p>
@@ -26,7 +29,7 @@
               <li>日均接入量</li>
               <li>日均接入量</li>
             </ul>
             </ul>
           </el-col>
           </el-col>
-          <el-col :span="6">
+          <el-col :span="5">
             <ul class="jrl">
             <ul class="jrl">
               <div class="jrlList jrllsit2">
               <div class="jrlList jrllsit2">
                 <p v-for="(item, index) in dtjrlList" :key="index">{{ item }}</p>
                 <p v-for="(item, index) in dtjrlList" :key="index">{{ item }}</p>
@@ -34,7 +37,7 @@
               <li>日均接入量</li>
               <li>日均接入量</li>
             </ul>
             </ul>
           </el-col>
           </el-col>
-          <el-col :span="6">
+          <el-col :span="5">
             <ul class="jrl">
             <ul class="jrl">
               <div class="jrlList jrllsit3">
               <div class="jrlList jrllsit3">
                 <p v-for="(item, index) in ztzlList" :key="index">{{ item }}</p>
                 <p v-for="(item, index) in ztzlList" :key="index">{{ item }}</p>
@@ -79,7 +82,7 @@
       <div class="jrxxlb tableClass">
       <div class="jrxxlb tableClass">
         <div class="title">陕西省平台接入情况</div>
         <div class="title">陕西省平台接入情况</div>
         <!-- 陕西省平台接入情况table -->
         <!-- 陕西省平台接入情况table -->
-        <lb-table ref="table" :pagination="false" :heightNum="408" :column="tableData.columns" :data="tableData.data">
+        <lb-table ref="table" :pagination="false" :heightNum="428" :column="tableData.columns" :data="tableData.data">
         </lb-table>
         </lb-table>
       </div>
       </div>
     </div>
     </div>