|
@@ -312,3 +312,56 @@ a.button text {
|
|
|
}
|
|
|
.water .divergence .chart {
|
|
|
margin-top: 0.5rem;
|
|
|
+ height: 60%;
|
|
|
+}
|
|
|
+.water .hiddenCheck .chart {
|
|
|
+ margin-top: 0.5rem;
|
|
|
+ height: 60%;
|
|
|
+}
|
|
|
+.summary {
|
|
|
+ color: #fff;
|
|
|
+ font-size: 0.175rem;
|
|
|
+ text-align: left;
|
|
|
+ width: 100%;
|
|
|
+ margin-top: 0.1rem;
|
|
|
+ height: 0.825rem;
|
|
|
+ padding: 0.15rem;
|
|
|
+ background-image: url(../images/summary-bg.png);
|
|
|
+ background-size: 100% 100%;
|
|
|
+ background-repeat: no-repeat;
|
|
|
+ display: flex;
|
|
|
+ align-items: top;
|
|
|
+}
|
|
|
+.summary div:first-child {
|
|
|
+ width: 0.85rem;
|
|
|
+}
|
|
|
+.summary div:last-child {
|
|
|
+ width: calc(100% - 0.85rem);
|
|
|
+ padding-right: 0.2rem;
|
|
|
+ height: 0.57rem;
|
|
|
+ overflow: auto;
|
|
|
+}
|
|
|
+.summary p {
|
|
|
+ line-height: 1.38;
|
|
|
+}
|
|
|
+.summary div {
|
|
|
+ display: inline-block;
|
|
|
+}
|
|
|
+.bar-3d .chart {
|
|
|
+ height: 50%;
|
|
|
+ background: url(../images/3d-bg.png);
|
|
|
+ background-repeat: no-repeat;
|
|
|
+ background-position: 50% 80%;
|
|
|
+}
|
|
|
+.bar-3d ul {
|
|
|
+ color: #fff;
|
|
|
+ font-size: 0.2rem;
|
|
|
+ display: flex;
|
|
|
+ margin: 0.5625rem 0;
|
|
|
+}
|
|
|
+.bar-3d ul li {
|
|
|
+ flex: 1;
|
|
|
+ text-align: center;
|
|
|
+}
|
|
|
+.bar-3d ul li .num {
|
|
|
+ font-size: 0.375rem;
|