@ued_fpi/data-visual 1.1.3 → 1.1.4

package/dist/style/style-wgms.css

@@ -1 +1 @@
-.flex-center-top,.flex-left-top{display:flex;align-items:flex-start}.compliance-rate,.outlet-online{border:1px solid rgba(68,136,208,.2);font-weight:500;box-sizing:border-box}.flex-left-top{justify-content:flex-start}.flex-center-top{justify-content:center}.flex-between-top,.flex-right-top{align-items:flex-start;display:flex}.flex-right-top{justify-content:flex-end}.flex-between-top{justify-content:space-between}.flex-around-top{display:flex;align-items:flex-start;justify-content:space-around}.flex-left-center{display:flex;align-items:center;justify-content:flex-start}.flex-center-center{display:flex;align-items:center;justify-content:center}.flex-right-center{display:flex;align-items:center;justify-content:flex-end}.flex-between-center{display:flex;align-items:center;justify-content:space-between}.flex-around-center{display:flex;align-items:center;justify-content:space-around}.flex-left-bottom{display:flex;align-items:flex-end;justify-content:flex-start}.flex-center-bottom{display:flex;align-items:flex-end;justify-content:center}.flex-right-bottom{display:flex;align-items:flex-end;justify-content:flex-end}.flex-between-bottom{display:flex;align-items:flex-end;justify-content:space-between}.flex-around-bottom{display:flex;align-items:flex-end;justify-content:space-around}.compliance-rate{width:376px;height:120px;padding:12px;font-size:14px;color:#fff;background:rgba(68,136,208,.1);border-radius:4px}.compliance-rate-one{flex-direction:column}.compliance-rate-one-icon{margin-top:2px}.compliance-rate-one-icon img{width:80px}.compliance-rate-one-label{margin-top:-2px;margin-bottom:4px}.compliance-rate-one-value span:nth-child(1){margin-right:4px;font-family:Oswald;font-size:16px;font-weight:500;background:linear-gradient(180deg,#fff 27%,#1ad9ff 80%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.compliance-rate-one-value span:nth-child(2){color:#909399}.key-river{width:376px;height:138px;background:#05213d;font-size:14px;font-weight:500;color:#fff}.key-river-one{flex-direction:column}.key-river-one-content{position:relative;margin:4px 0}.key-river-one-content-text{position:absolute;top:40%;width:100%;font-size:16px;font-weight:500;color:#15f3a3;text-align:center;text-shadow:0 4px 10px 0 rgba(0,0,0,.3)}.key-river-one-content-text img{width:80px}.key-river-one-compare span{margin-right:4px;color:#909399}.outlet-online{width:376px;padding:12px;font-size:14px;color:#fff;background:rgba(68,136,208,.1);border-radius:4px}.outlet-online .toggle-list .list-one{box-sizing:border-box;width:174px;height:24px;cursor:pointer;background:#001f4c;border:1px solid #003580;border-radius:2px}.outlet-online .toggle-list .active{background:#0069ff;border:none}.outlet-online .chart-content{width:100%;height:124px;padding-top:16px}.outlet-online .chart-content .left{width:105px;height:105px;text-align:center}.outlet-online .chart-content .left .pie-chart{width:100%;height:100%;margin-top:-12px}.outlet-online .chart-content .left .total span:last-child{font-family:Oswald;font-size:16px;font-weight:500}.outlet-online .chart-content .legend{flex:1;margin-left:10px}.outlet-online .chart-content .legend .legend-one{margin-bottom:8px}.outlet-online .chart-content .legend .legend-one:last-child{margin-bottom:0}.outlet-online .chart-content .legend .legend-one .circle{width:10px;height:10px;margin-right:4px;border-radius:5px}.outlet-online .chart-content .legend .legend-one .righ-c{font-family:Oswald;font-size:14px;font-weight:400}.outlet-online .chart-content .legend .legend-one .righ-c .num{color:#00deff}.outlet-online .chart-content .legend .legend-one .righ-c .split{color:rgba(255,255,255,.5)}.env-online{flex-wrap:wrap;width:376px;padding:12px;font-size:14px;font-weight:500;color:#fff;box-sizing:border-box;background:rgba(68,136,208,.1);border:1px solid rgba(68,136,208,.2);border-radius:4px}.env-online .item-one{width:45.5%;margin-bottom:11px}.env-online .item-one:nth-last-child(-n+2){margin-bottom:0}.env-online .item-one .value{font-family:Oswald;font-size:14px;font-weight:400}.env-online .item-one .value .online{color:#00deff}.dv-wgms-auxiliary-judgment{box-sizing:border-box;width:376px;min-height:168px;background:#05213d}.dv-wgms-auxiliary-judgment .conclusion-box{box-sizing:border-box;width:100%;height:100%;padding:12px;background:rgba(68,136,208,.1);border:1px solid rgba(68,136,208,.2);border-radius:4px}.dv-wgms-auxiliary-judgment .conclusion-box .conclusion-text{margin-bottom:8px;font-family:MiSans;font-size:14px;font-weight:400;line-height:20px;color:#fff}.dv-wgms-auxiliary-judgment .conclusion-box .conclusion-text:last-child{margin-bottom:0}.dv-wgms-changes-along-the-process{box-sizing:border-box;width:376px;height:212px;background:#05213d}.dv-wgms-changes-along-the-process .chart{width:100%;height:100%}.chlorophyll-a-change-rate .change-rate{display:flex;justify-content:space-between;padding:10px 15px 0}.chlorophyll-a-change-rate .change-rate .rate-one{position:relative;height:132px;text-align:center}.chlorophyll-a-change-rate .change-rate .rate-one .value{margin-left:14px}.chlorophyll-a-change-rate .change-rate .rate-one .value>span:nth-child(1){font-family:Furore;font-size:24px}.chlorophyll-a-change-rate .change-rate .rate-one .value>span:nth-child(2){margin-right:4px;font-size:12px;color:rgba(255,255,255,.7)}.chlorophyll-a-change-rate .change-rate .rate-one .trend{position:absolute;top:26px;width:100%;height:10px}.chlorophyll-a-change-rate .change-rate .rate-one .trend img{width:10px;height:10px}.chlorophyll-a-change-rate .change-rate .rate-one .zao{width:86px;height:90px;margin-top:-2px}.chlorophyll-a-change-rate .change-rate .rate-one .label{font-family:TRENDS;font-size:14px;color:#fff}.dv-wgms-cross-section-correlation{box-sizing:border-box;width:376px;height:200px;background:#05213d}.dv-wgms-cross-section-correlation .section-correlation-table{width:100%;height:100%}.dv-wgms-cross-section-correlation .section-correlation-table .section-correlation-list{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:18px;line-height:16px}.dv-wgms-cross-section-correlation .section-correlation-table .section-correlation-list span{display:block;font-family:MiSans;font-size:14px;font-weight:500}.dv-wgms-cross-section-correlation .section-correlation-table .section-correlation-list.header{margin-top:8px}.dv-wgms-cross-section-correlation .section-correlation-table .section-correlation-list.header span{font-family:MiSans;font-size:14px;font-weight:500;color:#909399}.dv-wgms-cross-section-correlation .section-correlation-table .section-correlation-list .sort{width:24px;padding-left:4px;font-family:Oswald;color:#fff;text-align:left}.dv-wgms-cross-section-correlation .section-correlation-table .section-correlation-list .name{width:80px;overflow:hidden;color:#fff;text-align:center;text-overflow:ellipsis;white-space:nowrap}.dv-wgms-cross-section-correlation .section-correlation-table .section-correlation-list .progress{width:140px}.dv-wgms-cross-section-correlation .section-correlation-table .section-correlation-list .correlation-coefficient{flex:1;font-family:Oswald;text-align:center}.dv-wgms-cross-section-correlation .section-correlation-table .section-correlation-list .correlation-coefficient.green{color:#15f3a3}.dv-wgms-cross-section-correlation .section-correlation-table .section-correlation-list .alarm{flex:1;font-family:Oswald;text-align:center}.dv-wgms-cross-section-correlation .section-correlation-table .section-correlation-list .alarm.red{color:#f84439}.dv-wgms-distribution-points{display:flex;align-items:center;justify-content:space-between;width:376px;height:181.37px;font-size:14px;font-weight:500;color:#fff}.dv-wgms-distribution-points .dv-wgms-distribution-font-box{display:flex;align-items:center;justify-content:center;width:104px;height:157.37px;background:url(./images//distribution-back.png) 100% no-repeat}.dv-wgms-distribution-points .dv-wgms-distribution-font-blue{font-size:24px;font-weight:500;line-height:24px;text-align:center;background:linear-gradient(180deg,#fff 0,#62d3ff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dv-wgms-distribution-points .dv-wgms-distribution-name{font-size:14px;font-weight:500;line-height:14px;color:#fff;text-align:center}.dv-wgms-environmental-analysis{width:376px;height:136px}.dv-wgms-environmental-analysis .dv-wgms-factor-top{display:flex;align-items:center;justify-content:space-between;width:100%;padding-right:10px}.dv-wgms-environmental-analysis .dv-wgms-factor-top .dv-wgms-factor-top-name{margin-bottom:12px;font-size:14px;font-weight:500;color:#fff}.dv-wgms-environmental-analysis .dv-wgms-factor-box{display:flex;flex-direction:column;width:100%;height:100%;padding:12px 16px;box-sizing:border-box;background:rgba(68,136,208,.1);border:1px solid rgba(68,136,208,.2);border-radius:4px}.dv-wgms-environmental-analysis .dv-wgms-factor-body{display:flex;justify-content:space-between}.dv-wgms-environmental-analysis .dv-wgms-factor-body .dv-wgms-factor-body-item{position:relative;display:flex;flex-direction:column;align-items:center;min-width:78px}.dv-wgms-environmental-analysis .dv-wgms-factor-body .dv-wgms-factor-body-item .dv-wgms-fator-pie{position:absolute;top:-9px;left:-40px;z-index:1;width:160px;height:100px}.dv-wgms-environmental-analysis .dv-wgms-factor-body .dv-wgms-factor-body-item .dv-wgms-factor-value{margin:6px 0 28px;font-family:Furore;font-size:20px;font-weight:400;line-height:30px;color:#0df;letter-spacing:0}.dv-wgms-environmental-analysis .dv-wgms-factor-body .dv-wgms-factor-body-item .dv-wgms-factor-name{position:absolute;bottom:-15px;z-index:2;width:85px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:400;color:#fff;-webkit-text-stroke:transparent 1px}.dv-wgms-environmental-analysis .dv-wgms-environmental-no-data{margin:20px auto;font-size:14px;font-weight:500;color:#fff}.factor-trend-comparison{box-sizing:border-box;width:376px}.factor-trend-comparison .chart{width:100%;height:260px}.flex-bw-c{display:flex;align-items:center;justify-content:space-between}.flex-c-c{display:flex;align-items:center;justify-content:center}.mgb12{margin-bottom:12px}.mgb8{margin-bottom:8px}.white-60{color:rgba(255,255,255,.6)}.mgr4{margin-right:4px}.dv-wgms-lake-river-index{width:376px;font-size:14px;font-weight:500;color:#fff}.dv-wgms-lake-river-index .dv-wgms-lake-river-item{box-sizing:border-box;width:100%;margin-bottom:16px;border-radius:4px}.dv-wgms-lake-river-index .dv-wgms-lake-river-item .dv-wgms-lake-level-box{width:44px;height:22px;margin-right:6px;line-height:22px;text-align:center;background:#03a9f4;border-radius:21px}.dv-wgms-lake-river-index .dv-wgms-lake-river-item:last-child{margin-bottom:0}.dv-wgms-lake-river-index .dv-wgms-river-detail{padding:12px;box-sizing:border-box;background:rgba(68,136,208,.1);border:1px solid rgba(68,136,208,.2);border-radius:4px}.chlorophyll-a-change-rate{box-sizing:border-box;width:376px;height:var(--height);background-size:100% 100%}.chlorophyll-a-change-rate .chart{width:100%;height:160px}.n-p-trend-change{box-sizing:border-box;width:376px}.n-p-trend-change .chart{width:100%;height:260px}.dv-wgms-pollution-source{width:376px;color:#fff}.dv-wgms-pollution-source .dv-wgms-key-source{height:182px;padding:12px;box-sizing:border-box;background:rgba(68,136,208,.1);border:1px solid rgba(68,136,208,.2);border-radius:4px}.dv-wgms-pollution-source .dv-wgms-key-source .dv-wgms-title-text{display:flex;justify-content:space-between;font-size:14px;font-weight:500;color:#fff}.dv-wgms-pollution-source .dv-wgms-key-source .dv-wgms-key-list{height:130px;margin-top:10px}.dv-wgms-pollution-source .dv-wgms-key-source .dv-wgms-key-list .dv-wgms-key-one{margin-bottom:10px}.dv-wgms-pollution-source .dv-wgms-key-source .dv-wgms-key-list .dv-wgms-key-one .dv-wgms-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px;font-size:16px;font-weight:400;color:#fff;-webkit-text-stroke:transparent 1px}.dv-wgms-pollution-source .dv-wgms-key-source .dv-wgms-key-list .dv-wgms-key-one .dv-wgms-top .dv-wgms-left span:nth-child(1){margin-right:15px}.dv-wgms-pollution-source .dv-wgms-key-source .dv-wgms-key-list .dv-wgms-key-one .dv-wgms-top .dv-wgms-left span:nth-child(2){font-size:14px;font-weight:500;color:#fff}.dv-wgms-pollution-source .dv-wgms-key-source .dv-wgms-key-list .dv-wgms-key-one .dv-wgms-top .dv-wgms-right{font-size:16px;color:#f54455}.dv-wgms-pollution-source .dv-wgms-key-source .dv-wgms-key-list .dv-wgms-key-one .dv-wgms-bar{position:relative;width:100%;height:12px}.dv-wgms-pollution-source .dv-wgms-key-source .dv-wgms-key-list .dv-wgms-key-one:last-child{margin-bottom:0}.dv-wgms-pollution-source .dv-wgms-statistic-content{display:flex;justify-content:space-between;margin-top:10px}.dv-wgms-pollution-source .dv-wgms-statistic-content .dv-wgms-statistic-box{width:182px;height:146px;padding:10px 24px 12px 12px;box-sizing:border-box;background:rgba(68,136,208,.1);border:1px solid rgba(68,136,208,.2);border-radius:4px;font-size:14px;font-weight:500;color:#fff}.dv-wgms-pollution-source .dv-wgms-statistic-content .dv-wgms-statistic-box .dv-wgms-total-content{display:flex;align-items:center;justify-content:space-between;height:20px;margin-top:12px}.dv-wgms-pollution-source .dv-wgms-statistic-content .dv-wgms-statistic-box .dv-wgms-total-content .dv-wgms-left{font-size:14px}.dv-wgms-pollution-source .dv-wgms-statistic-content .dv-wgms-statistic-box .dv-wgms-total-content .dv-wgms-right{display:flex}.dv-wgms-pollution-source .dv-wgms-statistic-content .dv-wgms-statistic-box .dv-wgms-total-content .dv-wgms-right .dv-wgms-chart{width:20px;height:20px;margin-left:8px}.dv-wgms-pollution-source .dv-wgms-statistic-content .dv-wgms-statistic-box .dv-wgms-legend{margin-top:8px}.dv-wgms-pollution-source .dv-wgms-statistic-content .dv-wgms-statistic-box .dv-wgms-legend .dv-wgms-legend-one{display:flex;justify-content:space-between;margin-bottom:7px}.dv-wgms-pollution-source .dv-wgms-statistic-content .dv-wgms-statistic-box .dv-wgms-legend .dv-wgms-legend-one .dv-wgms-left{display:flex;align-items:center}.dv-wgms-pollution-source .dv-wgms-statistic-content .dv-wgms-statistic-box .dv-wgms-legend .dv-wgms-legend-one .dv-wgms-left .dv-wgms-circle{width:10px;height:10px;margin-right:4px;border-radius:50%}.dv-wgms-pollution-source .dv-wgms-statistic-content .dv-wgms-statistic-box .dv-wgms-legend .dv-wgms-legend-one .dv-wgms-left .dv-wgms-name{font-size:14px}.dv-wgms-pollution-source .dv-wgms-statistic-content .dv-wgms-statistic-box .dv-wgms-legend .dv-wgms-legend-one .dv-wgms-right{display:flex;align-items:center}.dv-wgms-pollution-source .dv-wgms-statistic-content .dv-wgms-statistic-box .dv-wgms-legend .dv-wgms-legend-one .dv-wgms-right span:nth-child(1){color:#2ac94f}.dv-wgms-pollution-source .dv-wgms-statistic-content .dv-wgms-statistic-box .dv-wgms-legend .dv-wgms-legend-one .dv-wgms-right span:nth-child(2){color:#fff}.dv-wgms-pollution-source .dv-wgms-statistic-content .dv-wgms-statistic-box .dv-wgms-legend .dv-wgms-legend-one:last-child{margin-bottom:0}.dv-wgms-pollution-source .dv-wgms-statistic-content .dv-wgms-statistic-box .dv-wgms-port-list{padding-top:32px}.dv-wgms-pollution-source .dv-wgms-statistic-content .dv-wgms-statistic-box .dv-wgms-port-list .dv-wgms-port-one{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.dv-wgms-pollution-source .dv-wgms-statistic-content .dv-wgms-statistic-box .dv-wgms-port-list .dv-wgms-port-one .dv-wgms-name{font-size:14px;font-weight:500;color:#fff}.dv-wgms-pollution-source .dv-wgms-statistic-content .dv-wgms-statistic-box .dv-wgms-port-list .dv-wgms-port-one .dv-wgms-value span:nth-child(1){font-size:16px;font-weight:400;-webkit-text-stroke:transparent 1px;margin-right:4px;color:#f54455}.dv-wgms-pollution-source .dv-wgms-statistic-content .dv-wgms-statistic-box .dv-wgms-port-list .dv-wgms-port-one .dv-wgms-value span:nth-child(2),.dv-wgms-subordinate-ranking-table{color:#fff;font-weight:500;font-size:14px}.dv-wgms-seven-day-kline{box-sizing:border-box;width:376px;height:212px;background:#05213d}.dv-wgms-seven-day-kline .chart{width:100%;height:100%}.dv-wgms-subordinate-ranking-table{width:376px}.dv-wgms-subordinate-ranking-table .dv-wgms-sub-scroll-table{width:100%;height:256px;margin:0 auto;overflow-x:hidden}.dv-wgms-subordinate-ranking-table .dv-wgms-subordinate-ranking-list{display:flex;margin-top:4px;line-height:32px}.dv-wgms-subordinate-ranking-table .dv-wgms-subordinate-ranking-list .dv-wgms-subordinate-ranking-sort{display:block;width:12.5%;padding-left:8px;text-align:center}.dv-wgms-subordinate-ranking-table .dv-wgms-subordinate-ranking-list .dv-wgms-subordinate-ranking-name{display:block;width:21%;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}.dv-wgms-subordinate-ranking-table .dv-wgms-subordinate-ranking-list .dv-wgms-subordinate-ranking-percent{display:flex;align-items:center;width:66.5%}.dv-wgms-subordinate-ranking-table .dv-wgms-subordinate-ranking-list .dv-wgms-subordinate-ranking-percent .dv-wgms-ranking-percent-progress{width:80%;height:8px;padding:0 8px}.dv-wgms-subordinate-ranking-table .dv-wgms-subordinate-ranking-list .dv-wgms-subordinate-ranking-percent .dv-wgms-ranking-percent-num{display:block;width:20%;padding-right:8px;color:#00deff;text-align:center}.dv-wgms-surrounding-pollution{box-sizing:border-box;width:376px;height:412px;background:#05213d}.dv-wgms-surrounding-pollution .surrounding-comm-box{box-sizing:border-box;padding:12px;background:rgba(0,47,93,.3);border:1px solid #00366a;border-radius:4px}.dv-wgms-surrounding-pollution .surrounding-comm-box.different{padding:8px 16px}.dv-wgms-surrounding-pollution .surrounding-comm-box .name-num-box{display:flex;flex-direction:column;align-items:center;justify-content:space-between;height:100%}.dv-wgms-surrounding-pollution .surrounding-comm-box .name-num-box.pd10{padding:10px}.dv-wgms-surrounding-pollution .surrounding-comm-box .name-num-box .name{font-family:MiSans;font-size:14px;font-weight:500;line-height:20px;color:#fff;text-align:center}.dv-wgms-surrounding-pollution .surrounding-comm-box .name-num-box .num{font-family:Oswald;font-size:16px;font-weight:400;line-height:16px}.dv-wgms-surrounding-pollution .surrounding-comm-box .name-num-box .num.red{color:#f84439}.dv-wgms-surrounding-pollution .surrounding-comm-box .name-num-box .num-box{display:flex;justify-content:center}.dv-wgms-surrounding-pollution .surrounding-comm-box .name-num-box .num-box .total{font-family:Oswald;font-size:16px;font-weight:400;line-height:16px;color:#fff}.dv-wgms-surrounding-pollution .surrounding-two-flex{display:flex;justify-content:space-between;width:100%;height:142px;margin-bottom:12px}.dv-wgms-surrounding-pollution .surrounding-two-flex .surrounding-two-left{width:267px;height:100%}.dv-wgms-surrounding-pollution .surrounding-two-flex .surrounding-two-left .title-box{display:flex;align-items:center;justify-content:space-between;width:100%}.dv-wgms-surrounding-pollution .surrounding-two-flex .surrounding-two-left .title-box .title{font-family:MiSans;font-size:14px;font-weight:500;color:#fff}.dv-wgms-surrounding-pollution .surrounding-two-flex .surrounding-two-left .impact-list{margin-top:4px}.dv-wgms-surrounding-pollution .surrounding-two-flex .surrounding-two-left .impact-list .impact-list-every{display:flex;align-items:center;justify-content:space-between;line-height:32px}.dv-wgms-surrounding-pollution .surrounding-two-flex .surrounding-two-left .impact-list .impact-list-every span{display:block;font-family:Oswald;font-size:16px;font-weight:400}.dv-wgms-surrounding-pollution .surrounding-two-flex .surrounding-two-left .impact-list .impact-list-every .sort{width:24px;line-height:18px;color:rgba(255,255,255,.8);text-align:center}.dv-wgms-surrounding-pollution .surrounding-two-flex .surrounding-two-left .impact-list .impact-list-every .name{flex:1;overflow:hidden;font-family:MiSans;font-size:16px;font-weight:400;color:#fff;text-overflow:ellipsis;white-space:nowrap}.dv-wgms-surrounding-pollution .surrounding-two-flex .surrounding-two-left .impact-list .impact-list-every .num{width:40px;color:#f84439;text-align:right}.dv-wgms-surrounding-pollution .surrounding-two-flex .surrounding-two-left .empty-data{width:100%;margin-top:20px;color:rgba(255,255,255,.6);text-align:center}.dv-wgms-upstream-section .section-correlation-table .section-correlation-list.header,.water-quality-status-bottom{margin-top:8px}.dv-wgms-surrounding-pollution .surrounding-two-flex .surrounding-two-right{width:calc(100% - 267px - 12px);height:100%}.dv-wgms-surrounding-pollution .surrounding-three-flex{display:flex;justify-content:space-between;width:100%;height:80px}.dv-wgms-surrounding-pollution .surrounding-three-flex .surrounding-three-item{width:calc(33.3333% - 8px);height:100%}.dv-wgms-upstream-section{box-sizing:border-box;width:376px;height:136px;background:#05213d}.dv-wgms-upstream-section .section-correlation-table{width:100%;height:100%}.dv-wgms-upstream-section .section-correlation-table .section-correlation-list{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:18px;line-height:16px}.dv-wgms-upstream-section .section-correlation-table .section-correlation-list span{display:block;font-family:MiSans;font-size:14px;font-weight:500}.dv-wgms-upstream-section .section-correlation-table .section-correlation-list.header span{font-family:MiSans;font-size:14px;font-weight:500;color:#909399}.dv-wgms-upstream-section .section-correlation-table .section-correlation-list.header .progress{display:flex;justify-content:space-between;padding-left:8px}.dv-wgms-upstream-section .section-correlation-table .section-correlation-list .sort{width:24px;padding-left:4px;font-family:Oswald;color:#fff;text-align:left}.dv-wgms-upstream-section .section-correlation-table .section-correlation-list .name{width:80px;overflow:hidden;color:#fff;text-align:center;text-overflow:ellipsis;white-space:nowrap}.dv-wgms-upstream-section .section-correlation-table .section-correlation-list .progress{width:216px}.dv-wgms-upstream-section .section-correlation-table .section-correlation-list .correlation-coefficient{flex:1;font-family:Oswald;text-align:center}.dv-wgms-upstream-section .section-correlation-table .section-correlation-list .correlation-coefficient.green{color:#15f3a3}.dv-wgms-upstream-section .section-correlation-table .section-correlation-list .alarm{flex:1;font-family:Oswald;text-align:center}.dv-wgms-upstream-section .section-correlation-table .section-correlation-list .alarm.red{color:#f84439}.dv-wgms-upstream-impact{box-sizing:border-box;width:376px;height:212px;background:#05213d}.dv-wgms-upstream-impact .chart{width:100%;height:100%}.dv-wgms-water-quality-rainfall{box-sizing:border-box;width:376px;height:212px;background:#05213d}.dv-wgms-water-quality-rainfall .chart{width:100%;height:100%}.water-category{display:flex;align-items:center;justify-content:space-around;width:376px;height:168px;background:#05213d;font-size:14px;font-weight:500;color:#fff}.water-category .chart-pie{width:130px;height:130px}.water-category .section-water-quality-lengend{width:calc(100% - 146px)}.water-category .section-water-quality-lengend .lengend-item{display:flex;align-items:center;margin-bottom:6px}.water-category .section-water-quality-lengend .lengend-item:last-child{margin-bottom:0}.water-category .section-water-quality-lengend .lengend-item .icon{display:block;flex-shrink:0;width:10px;height:10px;border-radius:50%}.water-category .section-water-quality-lengend .lengend-item .name{width:48px;margin-left:4px}.water-category .section-water-quality-lengend .lengend-item .flex-num{display:flex;align-items:center;justify-content:center;width:70px}.water-category .section-water-quality-lengend .lengend-item .num{font-family:Oswald;color:#0df}.water-category .section-water-quality-lengend .lengend-item .percent{font-family:Oswald}.water-category .section-water-quality-lengend .lengend-item .text{color:#909399}.water-category .section-water-quality-lengend .lengend-item .compare{display:block;width:56px;font-family:Oswald;font-weight:400;color:#2ac94f;text-align:right}.water-category .section-water-quality-lengend .lengend-item .img-icon{margin-left:4px}.water-quality{width:376px;padding:12px;background:#05213d}.water-quality-status{padding:9px 12px;margin-bottom:12px;font-size:14px;font-weight:500;color:#fff;box-sizing:border-box;background:rgba(68,136,208,.1);border:1px solid rgba(68,136,208,.2);border-radius:4px}.water-quality-status:last-child{margin-bottom:0}.water-quality-status-top{margin-bottom:8px}.water-quality-status-top .rate{font-family:Oswald}.water-quality-status-bottom .text{color:#909399}.water-quality-status-bottom .value{margin-left:4px;font-family:Oswald}.water-quality-status-bottom img{margin-left:4px}
+@charset "UTF-8";.flex-center-top,.flex-left-top{display:flex;align-items:flex-start}.compliance-rate,.env-online,.outlet-online{border:1px solid rgba(68,136,208,.2);box-sizing:border-box}.flex-left-top{justify-content:flex-start}.flex-center-top{justify-content:center}.flex-between-top,.flex-right-top{align-items:flex-start;display:flex}.flex-right-top{justify-content:flex-end}.flex-between-top{justify-content:space-between}.flex-around-top{display:flex;align-items:flex-start;justify-content:space-around}.flex-left-center{display:flex;align-items:center;justify-content:flex-start}.flex-center-center{display:flex;align-items:center;justify-content:center}.flex-right-center{display:flex;align-items:center;justify-content:flex-end}.flex-between-center{display:flex;align-items:center;justify-content:space-between}.flex-around-center{display:flex;align-items:center;justify-content:space-around}.flex-left-bottom{display:flex;align-items:flex-end;justify-content:flex-start}.flex-center-bottom{display:flex;align-items:flex-end;justify-content:center}.flex-right-bottom{display:flex;align-items:flex-end;justify-content:flex-end}.flex-between-bottom{display:flex;align-items:flex-end;justify-content:space-between}.flex-around-bottom{display:flex;align-items:flex-end;justify-content:space-around}.compliance-rate{width:376px;height:120px;padding:12px;font-size:14px;font-weight:500;color:#fff;background:rgba(68,136,208,.1);border-radius:4px}.compliance-rate-one{flex-direction:column}.compliance-rate-one-icon{margin-top:2px}.compliance-rate-one-icon img{width:80px}.compliance-rate-one-label{margin-top:-2px;margin-bottom:4px}.compliance-rate-one-value span:nth-child(1){margin-right:4px;font-family:Oswald;font-size:16px;font-weight:500;background:linear-gradient(180deg,#fff 27%,#1ad9ff 80%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.compliance-rate-one-value span:nth-child(2){color:#909399}.key-river{width:376px;height:138px;background:#05213d;font-size:14px;font-weight:500;color:#fff}.key-river-one{flex-direction:column}.key-river-one-content{position:relative;margin:4px 0}.key-river-one-content-text{position:absolute;top:40%;width:100%;font-size:16px;font-weight:500;color:#15f3a3;text-align:center;text-shadow:0 4px 10px 0 rgba(0,0,0,.3)}.key-river-one-content-text img{width:80px}.key-river-one-compare span{margin-right:4px;color:#909399}.outlet-online{width:376px;padding:12px;font-size:14px;font-weight:500;color:#fff;background:rgba(68,136,208,.1);border-radius:4px}.outlet-online .toggle-list .list-one{box-sizing:border-box;width:174px;height:24px;cursor:pointer;background:#001f4c;border:1px solid #003580;border-radius:2px}.outlet-online .toggle-list .active{background:#0069ff;border:none}.outlet-online .chart-content{width:100%;height:124px;padding-top:16px}.outlet-online .chart-content .left{width:105px;height:105px;text-align:center}.outlet-online .chart-content .left .pie-chart{width:100%;height:100%;margin-top:-12px}.outlet-online .chart-content .left .total span:last-child{font-family:Oswald;font-size:16px;font-weight:500}.outlet-online .chart-content .legend{flex:1;margin-left:10px}.outlet-online .chart-content .legend .legend-one{margin-bottom:8px}.outlet-online .chart-content .legend .legend-one:last-child{margin-bottom:0}.outlet-online .chart-content .legend .legend-one .circle{width:10px;height:10px;margin-right:4px;border-radius:5px}.outlet-online .chart-content .legend .legend-one .righ-c{font-family:Oswald;font-size:14px;font-weight:400}.outlet-online .chart-content .legend .legend-one .righ-c .num{color:#00deff}.outlet-online .chart-content .legend .legend-one .righ-c .split{color:rgba(255,255,255,.5)}.env-online{flex-wrap:wrap;width:376px;padding:12px;font-size:14px;font-weight:500;color:#fff;background:rgba(68,136,208,.1);border-radius:4px}.env-online .item-one{width:45.5%;margin-bottom:11px}.env-online .item-one:nth-last-child(-n+2){margin-bottom:0}.env-online .item-one .value{font-family:Oswald;font-size:14px;font-weight:400}.env-online .item-one .value .online{color:#00deff}.dv-wgms-auxiliary-judgment{box-sizing:border-box;width:376px;min-height:168px;background:#05213d}.dv-wgms-auxiliary-judgment .conclusion-box{box-sizing:border-box;width:100%;height:100%;padding:12px;background:rgba(68,136,208,.1);border:1px solid rgba(68,136,208,.2);border-radius:4px}.dv-wgms-auxiliary-judgment .conclusion-box .conclusion-text{margin-bottom:8px;font-family:MiSans;font-size:14px;font-weight:400;line-height:20px;color:#fff}.dv-wgms-auxiliary-judgment .conclusion-box .conclusion-text:last-child{margin-bottom:0}.dv-wgms-changes-along-the-process{box-sizing:border-box;width:376px;height:212px;background:#05213d}.dv-wgms-changes-along-the-process .chart{width:100%;height:100%}.dv-wgms-distribution-points{display:flex;align-items:center;justify-content:space-between;width:376px;height:181.37px;font-size:14px;font-weight:500;color:#fff}.dv-wgms-distribution-points .dv-wgms-distribution-font-box{display:flex;align-items:center;justify-content:center;width:104px;height:157.37px;background:url(./images//distribution-back.png) 100% no-repeat}.dv-wgms-distribution-points .dv-wgms-distribution-font-blue{font-size:24px;font-weight:500;line-height:24px;text-align:center;background:linear-gradient(180deg,#fff 0,#62d3ff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dv-wgms-distribution-points .dv-wgms-distribution-name{font-size:14px;font-weight:500;line-height:14px;color:#fff;text-align:center}.dv-wgms-cross-section-correlation{box-sizing:border-box;width:376px;height:200px;background:#05213d}.dv-wgms-cross-section-correlation .section-correlation-table{width:100%;height:100%}.dv-wgms-cross-section-correlation .section-correlation-table .section-correlation-list{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:18px;line-height:16px}.dv-wgms-cross-section-correlation .section-correlation-table .section-correlation-list span{display:block;font-family:MiSans;font-size:14px;font-weight:500}.dv-wgms-cross-section-correlation .section-correlation-table .section-correlation-list.header{margin-top:8px}.dv-wgms-cross-section-correlation .section-correlation-table .section-correlation-list.header span{font-family:MiSans;font-size:14px;font-weight:500;color:#909399}.dv-wgms-cross-section-correlation .section-correlation-table .section-correlation-list .sort{width:24px;padding-left:4px;font-family:Oswald;color:#fff;text-align:left}.dv-wgms-cross-section-correlation .section-correlation-table .section-correlation-list .name{width:80px;overflow:hidden;color:#fff;text-align:center;text-overflow:ellipsis;white-space:nowrap}.dv-wgms-cross-section-correlation .section-correlation-table .section-correlation-list .progress{width:140px}.dv-wgms-cross-section-correlation .section-correlation-table .section-correlation-list .correlation-coefficient{flex:1;font-family:Oswald;text-align:center}.dv-wgms-cross-section-correlation .section-correlation-table .section-correlation-list .correlation-coefficient.green{color:#15f3a3}.dv-wgms-cross-section-correlation .section-correlation-table .section-correlation-list .alarm{flex:1;font-family:Oswald;text-align:center}.dv-wgms-cross-section-correlation .section-correlation-table .section-correlation-list .alarm.red{color:#f84439}.chlorophyll-a-change-rate .change-rate{display:flex;justify-content:space-between;padding:10px 15px 0}.chlorophyll-a-change-rate .change-rate .rate-one{position:relative;height:132px;text-align:center}.chlorophyll-a-change-rate .change-rate .rate-one .value{margin-left:14px}.chlorophyll-a-change-rate .change-rate .rate-one .value>span:nth-child(1){font-family:Furore;font-size:24px}.chlorophyll-a-change-rate .change-rate .rate-one .value>span:nth-child(2){margin-right:4px;font-size:12px;color:rgba(255,255,255,.7)}.chlorophyll-a-change-rate .change-rate .rate-one .trend{position:absolute;top:26px;width:100%;height:10px}.chlorophyll-a-change-rate .change-rate .rate-one .trend img{width:10px;height:10px}.chlorophyll-a-change-rate .change-rate .rate-one .zao{width:86px;height:90px;margin-top:-2px}.chlorophyll-a-change-rate .change-rate .rate-one .label{font-family:TRENDS;font-size:14px;color:#fff}.dv-wgms-environmental-analysis{width:376px;height:136px}.dv-wgms-environmental-analysis .dv-wgms-factor-top{display:flex;align-items:center;justify-content:space-between;width:100%;padding-right:10px}.dv-wgms-environmental-analysis .dv-wgms-factor-top .dv-wgms-factor-top-name{margin-bottom:12px;font-size:14px;font-weight:500;color:#fff}.dv-wgms-environmental-analysis .dv-wgms-factor-box{display:flex;flex-direction:column;width:100%;height:100%;padding:12px 16px;box-sizing:border-box;background:rgba(68,136,208,.1);border:1px solid rgba(68,136,208,.2);border-radius:4px}.dv-wgms-environmental-analysis .dv-wgms-factor-body{display:flex;justify-content:space-between}.dv-wgms-environmental-analysis .dv-wgms-factor-body .dv-wgms-factor-body-item{position:relative;display:flex;flex-direction:column;align-items:center;min-width:78px}.dv-wgms-environmental-analysis .dv-wgms-factor-body .dv-wgms-factor-body-item .dv-wgms-fator-pie{position:absolute;top:-9px;left:-40px;z-index:1;width:160px;height:100px}.dv-wgms-environmental-analysis .dv-wgms-factor-body .dv-wgms-factor-body-item .dv-wgms-factor-value{margin:6px 0 28px;font-family:Furore;font-size:20px;font-weight:400;line-height:30px;color:#0df;letter-spacing:0}.dv-wgms-environmental-analysis .dv-wgms-factor-body .dv-wgms-factor-body-item .dv-wgms-factor-name{position:absolute;bottom:-15px;z-index:2;width:85px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:400;color:#fff;-webkit-text-stroke:transparent 1px}.dv-wgms-environmental-analysis .dv-wgms-environmental-no-data{margin:20px auto;font-size:14px;font-weight:500;color:#fff}.factor-trend-comparison{box-sizing:border-box;width:376px}.factor-trend-comparison .chart{width:100%;height:260px}.dv-wgms-pollution-source{width:376px;color:#fff}.dv-wgms-pollution-source .dv-wgms-key-source{height:182px;padding:12px;box-sizing:border-box;background:rgba(68,136,208,.1);border:1px solid rgba(68,136,208,.2);border-radius:4px}.dv-wgms-pollution-source .dv-wgms-key-source .dv-wgms-title-text{display:flex;justify-content:space-between;font-size:14px;font-weight:500;color:#fff}.dv-wgms-pollution-source .dv-wgms-key-source .dv-wgms-key-list{height:130px;margin-top:10px}.dv-wgms-pollution-source .dv-wgms-key-source .dv-wgms-key-list .dv-wgms-key-one{margin-bottom:10px}.dv-wgms-pollution-source .dv-wgms-key-source .dv-wgms-key-list .dv-wgms-key-one .dv-wgms-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px;font-size:16px;font-weight:400;color:#fff;-webkit-text-stroke:transparent 1px}.dv-wgms-pollution-source .dv-wgms-key-source .dv-wgms-key-list .dv-wgms-key-one .dv-wgms-top .dv-wgms-left span:nth-child(1){margin-right:15px}.dv-wgms-pollution-source .dv-wgms-key-source .dv-wgms-key-list .dv-wgms-key-one .dv-wgms-top .dv-wgms-left span:nth-child(2){font-size:14px;font-weight:500;color:#fff}.dv-wgms-pollution-source .dv-wgms-key-source .dv-wgms-key-list .dv-wgms-key-one .dv-wgms-top .dv-wgms-right{font-size:16px;color:#f54455}.dv-wgms-pollution-source .dv-wgms-key-source .dv-wgms-key-list .dv-wgms-key-one .dv-wgms-bar{position:relative;width:100%;height:12px}.dv-wgms-pollution-source .dv-wgms-key-source .dv-wgms-key-list .dv-wgms-key-one:last-child{margin-bottom:0}.dv-wgms-pollution-source .dv-wgms-statistic-content{display:flex;justify-content:space-between;margin-top:10px}.dv-wgms-pollution-source .dv-wgms-statistic-content .dv-wgms-statistic-box{width:182px;height:146px;padding:10px 24px 12px 12px;box-sizing:border-box;background:rgba(68,136,208,.1);border:1px solid rgba(68,136,208,.2);border-radius:4px;font-size:14px;font-weight:500;color:#fff}.dv-wgms-pollution-source .dv-wgms-statistic-content .dv-wgms-statistic-box .dv-wgms-total-content{display:flex;align-items:center;justify-content:space-between;height:20px;margin-top:12px}.dv-wgms-pollution-source .dv-wgms-statistic-content .dv-wgms-statistic-box .dv-wgms-legend,.dv-wgms-upstream-section .section-correlation-table .section-correlation-list.header{margin-top:8px}.dv-wgms-pollution-source .dv-wgms-statistic-content .dv-wgms-statistic-box .dv-wgms-total-content .dv-wgms-left{font-size:14px}.dv-wgms-pollution-source .dv-wgms-statistic-content .dv-wgms-statistic-box .dv-wgms-total-content .dv-wgms-right{display:flex}.dv-wgms-pollution-source .dv-wgms-statistic-content .dv-wgms-statistic-box .dv-wgms-total-content .dv-wgms-right .dv-wgms-chart{width:20px;height:20px;margin-left:8px}.dv-wgms-pollution-source .dv-wgms-statistic-content .dv-wgms-statistic-box .dv-wgms-legend .dv-wgms-legend-one{display:flex;justify-content:space-between;margin-bottom:7px}.dv-wgms-pollution-source .dv-wgms-statistic-content .dv-wgms-statistic-box .dv-wgms-legend .dv-wgms-legend-one .dv-wgms-left{display:flex;align-items:center}.dv-wgms-pollution-source .dv-wgms-statistic-content .dv-wgms-statistic-box .dv-wgms-legend .dv-wgms-legend-one .dv-wgms-left .dv-wgms-circle{width:10px;height:10px;margin-right:4px;border-radius:50%}.dv-wgms-pollution-source .dv-wgms-statistic-content .dv-wgms-statistic-box .dv-wgms-legend .dv-wgms-legend-one .dv-wgms-left .dv-wgms-name{font-size:14px}.dv-wgms-pollution-source .dv-wgms-statistic-content .dv-wgms-statistic-box .dv-wgms-legend .dv-wgms-legend-one .dv-wgms-right{display:flex;align-items:center}.dv-wgms-pollution-source .dv-wgms-statistic-content .dv-wgms-statistic-box .dv-wgms-legend .dv-wgms-legend-one .dv-wgms-right span:nth-child(1){color:#2ac94f}.dv-wgms-pollution-source .dv-wgms-statistic-content .dv-wgms-statistic-box .dv-wgms-legend .dv-wgms-legend-one .dv-wgms-right span:nth-child(2){color:#fff}.dv-wgms-pollution-source .dv-wgms-statistic-content .dv-wgms-statistic-box .dv-wgms-legend .dv-wgms-legend-one:last-child{margin-bottom:0}.dv-wgms-pollution-source .dv-wgms-statistic-content .dv-wgms-statistic-box .dv-wgms-port-list{padding-top:32px}.dv-wgms-pollution-source .dv-wgms-statistic-content .dv-wgms-statistic-box .dv-wgms-port-list .dv-wgms-port-one{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.dv-wgms-pollution-source .dv-wgms-statistic-content .dv-wgms-statistic-box .dv-wgms-port-list .dv-wgms-port-one .dv-wgms-name{font-size:14px;font-weight:500;color:#fff}.dv-wgms-pollution-source .dv-wgms-statistic-content .dv-wgms-statistic-box .dv-wgms-port-list .dv-wgms-port-one .dv-wgms-value span:nth-child(1){font-size:16px;font-weight:400;-webkit-text-stroke:transparent 1px;margin-right:4px;color:#f54455}.dv-wgms-pollution-source .dv-wgms-statistic-content .dv-wgms-statistic-box .dv-wgms-port-list .dv-wgms-port-one .dv-wgms-value span:nth-child(2){font-size:14px;font-weight:500;color:#fff}.flex-bw-c{display:flex;align-items:center;justify-content:space-between}.flex-c-c{display:flex;align-items:center;justify-content:center}.mgb12{margin-bottom:12px}.mgb8{margin-bottom:8px}.white-60{color:rgba(255,255,255,.6)}.mgr4{margin-right:4px}.dv-wgms-lake-river-index{width:376px;font-size:14px;font-weight:500;color:#fff}.dv-wgms-lake-river-index .dv-wgms-lake-river-item{box-sizing:border-box;width:100%;margin-bottom:16px;border-radius:4px}.dv-wgms-lake-river-index .dv-wgms-lake-river-item .dv-wgms-lake-level-box{width:44px;height:22px;margin-right:6px;line-height:22px;text-align:center;background:#03a9f4;border-radius:21px}.dv-wgms-lake-river-index .dv-wgms-lake-river-item:last-child{margin-bottom:0}.dv-wgms-lake-river-index .dv-wgms-river-detail{padding:12px;box-sizing:border-box;background:rgba(68,136,208,.1);border:1px solid rgba(68,136,208,.2);border-radius:4px}.chlorophyll-a-change-rate{box-sizing:border-box;width:376px;height:var(--height);background-size:100% 100%}.chlorophyll-a-change-rate .chart{width:100%;height:160px}.dv-wgms-seven-day-kline{box-sizing:border-box;width:376px;height:212px;background:#05213d}.dv-wgms-seven-day-kline .chart{width:100%;height:100%}.dv-wgms-subordinate-ranking-table{width:376px;font-size:14px;font-weight:500;color:#fff}.dv-wgms-subordinate-ranking-table .dv-wgms-sub-scroll-table{width:100%;height:256px;margin:0 auto;overflow-x:hidden}.dv-wgms-subordinate-ranking-table .dv-wgms-subordinate-ranking-list{display:flex;margin-top:4px;line-height:32px}.dv-wgms-subordinate-ranking-table .dv-wgms-subordinate-ranking-list .dv-wgms-subordinate-ranking-sort{display:block;width:12.5%;padding-left:8px;text-align:center}.dv-wgms-subordinate-ranking-table .dv-wgms-subordinate-ranking-list .dv-wgms-subordinate-ranking-name{display:block;width:21%;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}.dv-wgms-subordinate-ranking-table .dv-wgms-subordinate-ranking-list .dv-wgms-subordinate-ranking-percent{display:flex;align-items:center;width:66.5%}.dv-wgms-subordinate-ranking-table .dv-wgms-subordinate-ranking-list .dv-wgms-subordinate-ranking-percent .dv-wgms-ranking-percent-progress{width:80%;height:8px;padding:0 8px}.dv-wgms-subordinate-ranking-table .dv-wgms-subordinate-ranking-list .dv-wgms-subordinate-ranking-percent .dv-wgms-ranking-percent-num{display:block;width:20%;padding-right:8px;color:#00deff;text-align:center}.n-p-trend-change{box-sizing:border-box;width:376px}.n-p-trend-change .chart{width:100%;height:260px}.dv-wgms-upstream-impact{box-sizing:border-box;width:376px;height:212px;background:#05213d}.dv-wgms-upstream-impact .chart{width:100%;height:100%}.water-category{display:flex;align-items:center;justify-content:space-around;width:376px;height:168px;background:#05213d;font-size:14px;font-weight:500;color:#fff}.water-category .chart-pie{width:130px;height:130px}.water-category .section-water-quality-lengend{width:calc(100% - 146px)}.water-category .section-water-quality-lengend .lengend-item{display:flex;align-items:center;margin-bottom:6px}.water-category .section-water-quality-lengend .lengend-item:last-child{margin-bottom:0}.water-category .section-water-quality-lengend .lengend-item .icon{display:block;flex-shrink:0;width:10px;height:10px;border-radius:50%}.water-category .section-water-quality-lengend .lengend-item .name{width:48px;margin-left:4px}.water-category .section-water-quality-lengend .lengend-item .flex-num{display:flex;align-items:center;justify-content:center;width:70px}.water-category .section-water-quality-lengend .lengend-item .num{font-family:Oswald;color:#0df}.water-category .section-water-quality-lengend .lengend-item .percent{font-family:Oswald}.water-category .section-water-quality-lengend .lengend-item .text{color:#909399}.water-category .section-water-quality-lengend .lengend-item .compare{display:block;width:56px;font-family:Oswald;font-weight:400;color:#2ac94f;text-align:right}.water-category .section-water-quality-lengend .lengend-item .img-icon{margin-left:4px}.dv-wgms-upstream-section{box-sizing:border-box;width:376px;height:136px;background:#05213d}.dv-wgms-upstream-section .section-correlation-table{width:100%;height:100%}.dv-wgms-upstream-section .section-correlation-table .section-correlation-list{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:18px;line-height:16px}.dv-wgms-upstream-section .section-correlation-table .section-correlation-list span{display:block;font-family:MiSans;font-size:14px;font-weight:500}.dv-wgms-upstream-section .section-correlation-table .section-correlation-list.header span{font-family:MiSans;font-size:14px;font-weight:500;color:#909399}.dv-wgms-upstream-section .section-correlation-table .section-correlation-list.header .progress{display:flex;justify-content:space-between;padding-left:8px}.dv-wgms-upstream-section .section-correlation-table .section-correlation-list .sort{width:24px;padding-left:4px;font-family:Oswald;color:#fff;text-align:left}.dv-wgms-upstream-section .section-correlation-table .section-correlation-list .name{width:80px;overflow:hidden;color:#fff;text-align:center;text-overflow:ellipsis;white-space:nowrap}.dv-wgms-upstream-section .section-correlation-table .section-correlation-list .progress{width:216px}.dv-wgms-upstream-section .section-correlation-table .section-correlation-list .correlation-coefficient{flex:1;font-family:Oswald;text-align:center}.dv-wgms-upstream-section .section-correlation-table .section-correlation-list .correlation-coefficient.green{color:#15f3a3}.dv-wgms-upstream-section .section-correlation-table .section-correlation-list .alarm{flex:1;font-family:Oswald;text-align:center}.dv-wgms-upstream-section .section-correlation-table .section-correlation-list .alarm.red{color:#f84439}.dv-wgms-surrounding-pollution{box-sizing:border-box;width:376px;height:412px;background:#05213d}.dv-wgms-surrounding-pollution .surrounding-comm-box{box-sizing:border-box;padding:12px;background:rgba(0,47,93,.3);border:1px solid #00366a;border-radius:4px}.dv-wgms-surrounding-pollution .surrounding-comm-box.different{padding:8px 16px}.dv-wgms-surrounding-pollution .surrounding-comm-box .name-num-box{display:flex;flex-direction:column;align-items:center;justify-content:space-between;height:100%}.dv-wgms-surrounding-pollution .surrounding-comm-box .name-num-box.pd10{padding:10px}.dv-wgms-surrounding-pollution .surrounding-comm-box .name-num-box .name{font-family:MiSans;font-size:14px;font-weight:500;line-height:20px;color:#fff;text-align:center}.dv-wgms-surrounding-pollution .surrounding-comm-box .name-num-box .num{font-family:Oswald;font-size:16px;font-weight:400;line-height:16px}.dv-wgms-surrounding-pollution .surrounding-comm-box .name-num-box .num.red{color:#f84439}.dv-wgms-surrounding-pollution .surrounding-comm-box .name-num-box .num-box{display:flex;justify-content:center}.dv-wgms-surrounding-pollution .surrounding-comm-box .name-num-box .num-box .total{font-family:Oswald;font-size:16px;font-weight:400;line-height:16px;color:#fff}.dv-wgms-surrounding-pollution .surrounding-two-flex{display:flex;justify-content:space-between;width:100%;height:142px;margin-bottom:12px}.dv-wgms-surrounding-pollution .surrounding-two-flex .surrounding-two-left{width:267px;height:100%}.dv-wgms-surrounding-pollution .surrounding-two-flex .surrounding-two-left .title-box{display:flex;align-items:center;justify-content:space-between;width:100%}.dv-wgms-surrounding-pollution .surrounding-two-flex .surrounding-two-left .title-box .title{font-family:MiSans;font-size:14px;font-weight:500;color:#fff}.dv-wgms-surrounding-pollution .surrounding-two-flex .surrounding-two-left .impact-list{margin-top:4px}.dv-wgms-surrounding-pollution .surrounding-two-flex .surrounding-two-left .impact-list .impact-list-every{display:flex;align-items:center;justify-content:space-between;line-height:32px}.dv-wgms-surrounding-pollution .surrounding-two-flex .surrounding-two-left .impact-list .impact-list-every span{display:block;font-family:Oswald;font-size:16px;font-weight:400}.dv-wgms-surrounding-pollution .surrounding-two-flex .surrounding-two-left .impact-list .impact-list-every .sort{width:24px;line-height:18px;color:rgba(255,255,255,.8);text-align:center}.dv-wgms-surrounding-pollution .surrounding-two-flex .surrounding-two-left .impact-list .impact-list-every .name{flex:1;overflow:hidden;font-family:MiSans;font-size:16px;font-weight:400;color:#fff;text-overflow:ellipsis;white-space:nowrap}.dv-wgms-surrounding-pollution .surrounding-two-flex .surrounding-two-left .impact-list .impact-list-every .num{width:40px;color:#f84439;text-align:right}.dv-wgms-surrounding-pollution .surrounding-two-flex .surrounding-two-left .empty-data{width:100%;margin-top:20px;color:rgba(255,255,255,.6);text-align:center}.dv-wgms-surrounding-pollution .surrounding-two-flex .surrounding-two-right{width:calc(100% - 267px - 12px);height:100%}.dv-wgms-surrounding-pollution .surrounding-three-flex{display:flex;justify-content:space-between;width:100%;height:80px}.dv-wgms-surrounding-pollution .surrounding-three-flex .surrounding-three-item{width:calc(33.3333% - 8px);height:100%}.dv-wgms-water-quality-rainfall{box-sizing:border-box;width:376px;height:212px;background:#05213d}.dv-wgms-water-quality-rainfall .chart{width:100%;height:100%}.water-quality{width:376px;padding:12px;background:#05213d}.water-quality-status{padding:9px 12px;margin-bottom:12px;font-size:14px;font-weight:500;color:#fff;box-sizing:border-box;background:rgba(68,136,208,.1);border:1px solid rgba(68,136,208,.2);border-radius:4px}.water-quality-status:last-child{margin-bottom:0}.water-quality-status-top{margin-bottom:8px}.water-quality-status-top .rate{font-family:Oswald}.water-quality-status-bottom{margin-top:8px}.water-quality-status-bottom .text{color:#909399}.water-quality-status-bottom .value{margin-left:4px;font-family:Oswald}.water-quality-status-bottom img{margin-left:4px}.bar-box{display:flex;align-items:center}.bar-box .stand-bar{height:100%}.bar-box .bar-head{width:2px;height:12px}.common-panel{position:relative;width:400px}.common-panel .common-bg{position:absolute;width:100%;border-top:30px solid;border-right:70px solid;border-bottom:30px solid;border-left:70px solid;border-image-slice:30 70 30 70 fill}.common-panel .panel-content{position:absolute;width:100%;padding:8px 16px}.common-panel .top-title{position:relative;z-index:9;display:flex;align-items:center;justify-content:space-between;width:100%;height:34px;padding-left:28px;background-size:100% 100%;border-top:17px solid;border-right:30px solid;border-bottom:18px solid;border-left:30px solid;border-image-source:url(./images/title.png);border-image-slice:17 30 18 30 fill}.common-panel .top-title .text-box{position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:space-between;width:calc(100% + 17px);height:35px;transform:translateY(-18px)}.common-panel .top-title .left,.container-select .select-box{align-items:center;display:flex}.common-panel .top-title .left .main-title{max-width:320px;font-family:PangMenZhengDao;font-size:20px;color:#d8f1ff}.common-panel .top-title .left .sub{font-family:Furore;font-size:14px;color:rgba(255,255,255,.6)}@supports (-webkit-backdrop-filter:blur(30px)) or (backdrop-filter:blur(30px)){.bf-blur{background-color:rgba(0,0,0,.8);backdrop-filter:blur(30px)}}@supports not ((-webkit-backdrop-filter:blur(30px)) or (backdrop-filter:blur(30px))){.bf-blur{background-color:rgba(0,0,0,.8);box-shadow:0 10px 30px rgba(0,0,0,.18),0 6px 10px rgba(0,0,0,.22)}}.container-select{position:relative;width:100%}.container-select .select-box{justify-content:space-between;cursor:pointer}.container-select .select-box .label{margin-right:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500;color:#fff}.container-select .select-box .arrow-white{width:0;height:0;border-top:4px solid #fff;border-right:4px solid transparent;border-bottom:0 solid transparent;border-left:4px solid transparent;transform:scale(v-bind(arrowScale))}.container-select .placeholder{color:rgba(255,255,255,.5)}.container-select .option-list{position:absolute;bottom:-120px;left:50%;z-index:15;width:fit-content;min-width:60px;height:116px;padding:4px;background:radial-gradient(50% 10% at 50% 100%,rgba(61,190,233,.6) 0,rgba(61,143,233,.2) 54%,rgba(61,143,233,0) 99%),#12294f;border:1px solid #3d7cc1;border-radius:4px;transform:translateX(-50%)}.container-select .option-list .select-item{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;padding:3px 6px;margin-bottom:4px;white-space:nowrap;cursor:pointer;background:rgba(2,48,87,.5);border:1px solid rgba(40,108,157,.2);border-radius:4px;font-size:14px;font-weight:500;color:#fff}.container-select .option-list .select-item-check{background:#008dce;border:1px solid #00e5ff}.container-select .height-to-down-enter-from{bottom:-4px;height:0!important;transition:all .2s}.container-select .height-to-down-enter-active{transition:all .2s}.container-select .height-to-down-enter-to,.container-select .height-to-down-leave-from{bottom:-120px;height:116px!important;transition:all .2s}.container-select .height-to-down-leave-active{transition:all .2s}.container-select .height-to-down-leave-to{bottom:-4px;height:0!important;transition:all .2s}.container-select .arrow-line{width:6px;height:6px;margin-left:4px;border-right:1px solid #fff;border-bottom:1px solid #fff;transform:rotate(45deg) translateY(-50%) scale(v-bind(arrowScale));transform-origin:center}.container-select .arrow-line-ro{transform:rotate(225deg)!important}.container-select .select-box-father{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;padding:5px 8px;background:#023057;border:1px solid #286c9d;border-radius:4px}.container-select .select-box-father .label{width:95%}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ued_fpi/data-visual",
-  "version": "1.1.3",
+  "version": "1.1.4",
   "main": "./dist/lib/index.js",
   "module": "./dist/es/index.mjs",
   "typings": "./dist/es/index.d.ts",