|
@@ -232,3 +232,83 @@ header .filterSec {
|
|
background: #0096FF;
|
|
background: #0096FF;
|
|
color: #fff;
|
|
color: #fff;
|
|
}
|
|
}
|
|
|
|
+@media screen and (max-width: 1024px) {
|
|
|
|
+ html {
|
|
|
|
+ font-size: 42px !important;
|
|
|
|
+ }
|
|
|
|
+}
|
|
|
|
+@media screen and (min-width: 1920) {
|
|
|
|
+ html {
|
|
|
|
+ font-size: 80px !important;
|
|
|
|
+ }
|
|
|
|
+}
|
|
|
|
+.line.panel {
|
|
|
|
+ text-align: center;
|
|
|
|
+}
|
|
|
|
+.line.panel .chart {
|
|
|
|
+ height: 50%;
|
|
|
|
+}
|
|
|
|
+.hotAnalysis.panel .chart,
|
|
|
|
+.data_fluctuation.panel .chart {
|
|
|
|
+ height: 62%;
|
|
|
|
+ margin-top: 0.5rem;
|
|
|
|
+}
|
|
|
|
+/* 搜索区域样式 */
|
|
|
|
+.filterSec {
|
|
|
|
+ position: absolute;
|
|
|
|
+ bottom: -0.0625rem;
|
|
|
|
+ right: 0;
|
|
|
|
+ font-size: 0.175rem;
|
|
|
|
+}
|
|
|
|
+.filterSec select,
|
|
|
|
+.filterSec input {
|
|
|
|
+ border: 1px solid #64A7D4;
|
|
|
|
+ width: 2.1rem;
|
|
|
|
+ height: 0.35rem;
|
|
|
|
+ color: #fff;
|
|
|
|
+ line-height: 0.35rem;
|
|
|
|
+ background: rgba(0, 0, 0, 0);
|
|
|
|
+ margin-right: 0.4rem;
|
|
|
|
+ font-size: 0.175rem;
|
|
|
|
+}
|
|
|
|
+.filterSec span {
|
|
|
|
+ display: inline-block;
|
|
|
|
+ margin-right: 0.125rem;
|
|
|
|
+ font-size: 0.175rem;
|
|
|
|
+}
|
|
|
|
+a.button {
|
|
|
|
+ padding: 0 0.15rem;
|
|
|
|
+ height: 0.35rem;
|
|
|
|
+ line-height: 0.35rem;
|
|
|
|
+ text-align: center;
|
|
|
|
+ border: 1px solid #64A7D4;
|
|
|
|
+ color: #fff;
|
|
|
|
+ display: inline-block;
|
|
|
|
+ text-decoration: none;
|
|
|
|
+ background: #034854;
|
|
|
|
+ cursor: pointer;
|
|
|
|
+ font-size: 0.175rem;
|
|
|
|
+}
|
|
|
|
+a.button img {
|
|
|
|
+ width: 0.25rem;
|
|
|
|
+ margin-top: -2px;
|
|
|
|
+ position: relative;
|
|
|
|
+ vertical-align: middle;
|
|
|
|
+}
|
|
|
|
+a.button text {
|
|
|
|
+ vertical-align: middle;
|
|
|
|
+ display: inline-block;
|
|
|
|
+}
|
|
|
|
+.mainbox.water .topSection .column:first-child {
|
|
|
|
+ flex: 1;
|
|
|
|
+}
|
|
|
|
+.mainbox.water .topSection .column:nth-child(2) {
|
|
|
|
+ flex: 2;
|
|
|
|
+ margin: 0 0.275rem;
|
|
|
|
+ overflow: hidden;
|
|
|
|
+}
|
|
|
|
+.mainbox.water .topSection .column:last-child {
|
|
|
|
+ flex: 1;
|
|
|
|
+}
|
|
|
|
+.water .divergence .chart {
|
|
|
|
+ margin-top: 0.5rem;
|