数据

src/pages/modules/style.stylus

@@ -3,10 +3,12 @@
   overflow hidden
 .n_wraper
   width 100%
-  height calc(50% - 4px)
   border 1px solid #0c99ac
-  &:first-child
-    margin-bottom 8px
+  &:nth-child(1)
+    height calc(58% - 10px)
+    margin-bottom 10px
+  &:nth-child(2)
+    height 42%
 .title_wraper
   height 26px
   text-align center
@@ -37,24 +39,29 @@
 .item_wraper
   padding-right 3%
 .info_item
-  width 30%
-  height 50px
-  margin 6px 0
+  height 66px
   padding 3px
   border 1px solid #168abd
   border-radius 4px
+  &:nth-child(3n+1), &:nth-child(3n+3)
+    width 30%
   &:nth-child(3n+2)
-    margin-left 5%
-    margin-right 5%
+    width 36%
+    margin-left 2%
+    margin-right 2%
+  &:nth-child(4), &:nth-child(5), &:nth-child(6), &:nth-child(7), &:nth-child(8), &:nth-child(9)
+    margin-top 6px
 .info_item_i
   border-radius 2px
   box-shadow inset 0px 0px 5px 3px #1198bf
 .item_label
   font-size 13px
+  line-height 13px
   color #fff
   text-align right
 .item_value
-  font-size 16px
+  font-size 14px
+  line-height 14px
   color #5bd0f5
   font-weight 700
   text-align center
@@ -66,10 +73,17 @@
 .tip_wraper
   height 100%
   padding 3% 2% 0 2%
+.tip_wraper_bg1
+  background center 90% / 100% auto url('../../images/bg_tip.png') no-repeat
+  .tip_txt
+    color #00c8ed
+.tip_wraper_bg2
   background center 90% / 100% auto url('../../images/bg_tip_1.png') no-repeat
+  .tip_txt
+    color #9d5a00
 .tip_txt
   font-size 20px
-  color #67D470
+  text-align center
 .b_title
   height 20px
   padding-left 20px
@@ -88,6 +102,10 @@
   border-left 4px solid transparent
   border-right 4px solid #00d6ff
   border-bottom 4px solid #00d6ff
+.pie_item_wrap
+  min-height 32%
+  &:nth-child(n+3)
+    margin-top 10px
 .pie_legend_icon
   width 8px
   height 8px
@@ -101,7 +119,7 @@
   margin-bottom 4px
 .pie_legend_txt_2
   font-size 12px
-  line-height: 12px
+  line-height: 14px
   color: #fff
   margin-right 4px
 .pie_legend_txt_3
@@ -187,4 +205,13 @@
       padding 0 1px
       overflow hidden
       &:nth-child(1)
-        width 10%
+        width 10%
+.percent_line
+  height 10px
+  background-color #00ccf2
+  border-radius 10px
+  margin-bottom 2px
+.percent_i
+  height 10px
+  background-color #f5aa00
+  border-radius 10px