新增数据卡片极简底色；

source/scss/card/_index.scss

@@ -1,4 +1,5 @@
 @import './ul-card-simple-icon';
 @import './ul-card-message';
 @import './ul-info-card';
-@import './ul-card-data-simple';
+@import './ul-card-data-simple';
+@import './ul-card-data-simple-bg-black';

source/scss/card/_ul-card-data-simple-bg-black.scss

@@ -0,0 +1,35 @@
+.ul-card-data-simple-bg-black {
+    background-color: #393D49;
+    color           : #fff;
+    border-radius   : 15px;
+    padding         : 15px;
+
+    box-shadow: 0 0 4px #999;
+
+    .item {
+
+        padding     : 15px;
+        margin-right: 0 10px;
+
+        .item-title {
+            color: #fff;
+        }
+
+        .item-value {
+            font-size: 20px;
+        }
+    }
+
+    .item.main {
+        background-color: #fff;
+        color           : #393D49;
+        border-radius   : 15px;
+
+        box-shadow  : 1px 1px 3px #999;
+        margin-right: 25px;
+
+        .item-title {
+            color: #393D49;
+        }
+    }
+}

source/scss/card/_ul-card-data-simple.scss

@@ -5,8 +5,8 @@
     background-color: #fff;
 
     .item {
-        padding: 15px;
-
+        margin    : 15px 0;
+        padding   : 0 15px;
         text-align: left;
 
         .item-title {
@@ -33,4 +33,8 @@
             color: #1E9FFF;
         }
     }
+
+    .item.line {
+        border-right: 1px solid #eee;
+    }
 }