将数据卡片迁移至新结构

public/cdn/layui-ul.css

@@ -870,6 +870,77 @@
   margin-left: 10px;
 }
 
+.ul-card-data {
+  display: inline-block;
+  border: 1px solid #eee;
+  border-radius: 5px;
+  padding: 15px;
+  margin-right: 15px;
+  margin-bottom: 15px;
+  /* height       : 70px; */
+}
+
+.ul-card-data-a-title {
+  padding-bottom: 15px;
+  color: #6cf;
+  font-size: 28px;
+}
+
+.ul-card-data-a-item {
+  display: inline-block;
+  margin-right: 5px;
+}
+
+.ul-card-data-b-icon {
+  display: inline-block;
+  margin-right: 15px;
+  font-size: 46px;
+  background-color: #6cf;
+  padding: 8px;
+  color: #fff;
+  border-radius: 5px;
+}
+
+.ul-card-data-b-info {
+  display: inline-block;
+  margin-right: 15px;
+}
+
+.ul-card-data-b-value {
+  font-size: 28px;
+  color: #6cf;
+  margin-top: 5px;
+}
+
+.ul-card-data-b-main {
+  display: flex;
+  align-items: center;
+}
+
+.ul-card-data-b-title {
+  line-height: 24px;
+}
+
+.ul-card-data-c-item {
+  display: inline-block;
+  padding: 10px 40px;
+  text-align: center;
+  color: #999;
+}
+
+.ul-card-data-c-item:not(:last-child) {
+  border-right: 1px solid #ddd;
+}
+
+.ul-card-data-c-value {
+  font-size: 18px;
+  line-height: 30px;
+}
+
+.ul-card-data-c-title {
+  font-size: 12px;
+}
+
 .ul-card-money {
   padding: 26px;
   background-color: #1E9FFF;
@@ -2449,82 +2520,6 @@
   background-color: #908b8b;
 }
 
-.ul-card-data-container {
-  display: flex;
-  flex-wrap: wrap;
-}
-
-.ul-card-data {
-  display: inline-block;
-  border: 1px solid #eee;
-  border-radius: 5px;
-  padding: 15px;
-  margin-right: 15px;
-  margin-bottom: 15px;
-  /* height       : 70px; */
-}
-
-.ul-card-data-a-title {
-  padding-bottom: 15px;
-  color: #6cf;
-  font-size: 28px;
-}
-
-.ul-card-data-a-item {
-  display: inline-block;
-  margin-right: 5px;
-}
-
-.ul-card-data-b-icon {
-  display: inline-block;
-  margin-right: 15px;
-  font-size: 46px;
-  background-color: #6cf;
-  padding: 8px;
-  color: #fff;
-  border-radius: 5px;
-}
-
-.ul-card-data-b-info {
-  display: inline-block;
-  margin-right: 15px;
-}
-
-.ul-card-data-b-value {
-  font-size: 28px;
-  color: #6cf;
-  margin-top: 5px;
-}
-
-.ul-card-data-b-main {
-  display: flex;
-  align-items: center;
-}
-
-.ul-card-data-b-title {
-  line-height: 24px;
-}
-
-.ul-card-data-c-item {
-  display: inline-block;
-  padding: 10px 40px;
-  text-align: center;
-  color: #999;
-}
-
-.ul-card-data-c-item:not(:last-child) {
-  border-right: 1px solid #ddd;
-}
-
-.ul-card-data-c-value {
-  font-size: 18px;
-  line-height: 30px;
-}
-
-.ul-card-data-c-title {
-  font-size: 12px;
-}
-
 .ul-course-list {
   margin: -10px;
   font-size: 0;