|
@@ -1,14 +1,94 @@
|
|
|
-body{padding:0px;margin:0px;width:1920px;height:1080px;}
|
|
|
-.echart{float:left;width:1334px;height:1080px;}
|
|
|
-.data{float:right;width:586px;height:1080px;background:url("right.png") no-repeat;}
|
|
|
-.data>div:nth-child(1){margin-top:240px;width:100%;font-size:40px;color:#ffffff;text-align:center;}
|
|
|
-.data>div:nth-child(2){margin-top:30px;width:100%;font-size:16px;color:#ffffff;text-align:center;}
|
|
|
+body {
|
|
|
+ padding: 0px;
|
|
|
+ margin: 0px;
|
|
|
+ width: 1920px;
|
|
|
+ height: 1080px;
|
|
|
+}
|
|
|
+
|
|
|
+.echart {
|
|
|
+ float: left;
|
|
|
+ width: 1334px;
|
|
|
+ height: 1080px;
|
|
|
+}
|
|
|
+
|
|
|
+.data {
|
|
|
+ float: right;
|
|
|
+ width: 586px;
|
|
|
+ height: 1080px;
|
|
|
+ background: url("right.png") no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+.data > div:nth-child(1) {
|
|
|
+ margin-top: 240px;
|
|
|
+ width: 100%;
|
|
|
+ font-size: 40px;
|
|
|
+ color: #ffffff;
|
|
|
+ text-align: center;
|
|
|
+}
|
|
|
+
|
|
|
+.data > div:nth-child(2) {
|
|
|
+ margin-top: 30px;
|
|
|
+ width: 100%;
|
|
|
+ font-size: 16px;
|
|
|
+ color: #ffffff;
|
|
|
+ text-align: center;
|
|
|
+}
|
|
|
+
|
|
|
|
|
|
.data>div:nth-child(2)>span:nth-child(2){padding-left:22px;background:url("green.png") no-repeat 5px 5px;}*/
|
|
|
-.data>div:nth-child(3){margin-top:70px;color:#ffffff;}
|
|
|
-.data .item{float:left;clear:both;padding-left:50px;margin-bottom: 10px;}
|
|
|
-.data .item>span{float:left;line-height:30px;text-align:center;}
|
|
|
-.data .item>span:nth-child(1){width:100px;}
|
|
|
-.data .item>span:nth-child(2){width:200px;}
|
|
|
-.data .item>span:nth-child(3){width:150px;}
|
|
|
-.data .title{color:#2495bf;}
|
|
|
+.data > div:nth-child(3) {
|
|
|
+ margin-top: 70px;
|
|
|
+ color: #ffffff;
|
|
|
+}
|
|
|
+
|
|
|
+.data .item {
|
|
|
+ float: left;
|
|
|
+ clear: both;
|
|
|
+ padding-left: 50px;
|
|
|
+ margin-bottom: 10px;
|
|
|
+}
|
|
|
+
|
|
|
+.data .item > span {
|
|
|
+ float: left;
|
|
|
+ line-height: 30px;
|
|
|
+ text-align: center;
|
|
|
+}
|
|
|
+
|
|
|
+.data .item > span:nth-child(1) {
|
|
|
+ width: 100px;
|
|
|
+}
|
|
|
+
|
|
|
+.data .item > span:nth-child(2) {
|
|
|
+ width: 200px;
|
|
|
+}
|
|
|
+
|
|
|
+.data .item > span:nth-child(3) {
|
|
|
+ width: 150px;
|
|
|
+}
|
|
|
+
|
|
|
+.data .title {
|
|
|
+ color: #2495bf;
|
|
|
+}
|
|
|
+
|
|
|
+.title-icon {
|
|
|
+ position: absolute;
|
|
|
+ top: 175px;
|
|
|
+ left: 24%;
|
|
|
+ color: black;
|
|
|
+ z-index: 10000;
|
|
|
+}
|
|
|
+
|
|
|
+.title-icon span:nth-child(1) {
|
|
|
+ padding-left: 22px;
|
|
|
+ background: url("green.png") no-repeat 5px 5px;
|
|
|
+}
|
|
|
+
|
|
|
+.title-icon span:nth-child(2) {
|
|
|
+ padding-left: 22px;
|
|
|
+ background: url("yellow.png") no-repeat 5px 5px;
|
|
|
+}
|
|
|
+
|
|
|
+.title-icon span:nth-child(3) {
|
|
|
+ padding-left: 22px;
|
|
|
+ background: url("red.png") no-repeat 5px 5px;
|
|
|
+}
|