@ued_fpi/data-visual 1.1.3 → 1.1.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (54) hide show
  1. package/CHANGELOG.md +10 -0
  2. package/dist/.DS_Store +0 -0
  3. package/dist/es/index.mjs +7 -7
  4. package/dist/es/ipes/src/common/Echarts.vue.mjs +1 -1
  5. package/dist/es/ipes/src/common/Echarts.vue3.mjs +2 -2
  6. package/dist/es/ipes/src/common/IpesPercentBar.vue.mjs +1 -1
  7. package/dist/es/ipes/src/common/IpesPercentBar.vue2.mjs +2 -2
  8. package/dist/es/ipes/src/common/IpesProgressBar.vue.mjs +1 -1
  9. package/dist/es/ipes/src/common/IpesProgressBar.vue2.mjs +2 -2
  10. package/dist/es/style.css +4971 -4971
  11. package/dist/es/wgms/src/ChlorophyllAchangeRate/index.d.ts +1 -1
  12. package/dist/es/wgms/src/ChlorophyllAchangeRate/index.mjs +2 -2
  13. package/dist/es/wgms/src/FactorTopThreeRanking/index.d.ts +1 -1
  14. package/dist/es/wgms/src/FactorTopThreeRanking/index.mjs +2 -2
  15. package/dist/es/wgms/src/KeyRiverWaterQualityEvaluation/index.d.ts +1 -1
  16. package/dist/es/wgms/src/KeyRiverWaterQualityEvaluation/index.mjs +2 -2
  17. package/dist/es/wgms/src/SewageOutletsOnlineMonitor/index.d.ts +1 -1
  18. package/dist/es/wgms/src/SewageOutletsOnlineMonitor/index.mjs +2 -2
  19. package/dist/es/wgms/src/WaterEnvironmentOnlineMonitor/index.d.ts +1 -1
  20. package/dist/es/wgms/src/WaterEnvironmentOnlineMonitor/index.mjs +2 -2
  21. package/dist/es/wgms/src/WaterQualityClassification/index.d.ts +1 -1
  22. package/dist/es/wgms/src/WaterQualityClassification/index.mjs +2 -2
  23. package/dist/es/wgms/src/WaterQualityStatus/index.d.ts +1 -1
  24. package/dist/es/wgms/src/WaterQualityStatus/index.mjs +2 -2
  25. package/dist/es/wgms/src/common/select-panel.vue.mjs +1 -4
  26. package/dist/es/wgms/src/index.mjs +7 -7
  27. package/dist/lib/index.js +7 -7
  28. package/dist/lib/ipes/src/common/Echarts.vue.js +1 -1
  29. package/dist/lib/ipes/src/common/Echarts.vue3.js +2 -2
  30. package/dist/lib/ipes/src/common/IpesPercentBar.vue.js +1 -1
  31. package/dist/lib/ipes/src/common/IpesPercentBar.vue2.js +2 -2
  32. package/dist/lib/ipes/src/common/IpesProgressBar.vue.js +1 -1
  33. package/dist/lib/ipes/src/common/IpesProgressBar.vue2.js +2 -2
  34. package/dist/lib/style.css +4971 -4971
  35. package/dist/lib/wgms/src/ChlorophyllAchangeRate/index.d.ts +1 -1
  36. package/dist/lib/wgms/src/ChlorophyllAchangeRate/index.js +2 -2
  37. package/dist/lib/wgms/src/FactorTopThreeRanking/index.d.ts +1 -1
  38. package/dist/lib/wgms/src/FactorTopThreeRanking/index.js +2 -2
  39. package/dist/lib/wgms/src/KeyRiverWaterQualityEvaluation/index.d.ts +1 -1
  40. package/dist/lib/wgms/src/KeyRiverWaterQualityEvaluation/index.js +2 -2
  41. package/dist/lib/wgms/src/SewageOutletsOnlineMonitor/index.d.ts +1 -1
  42. package/dist/lib/wgms/src/SewageOutletsOnlineMonitor/index.js +2 -2
  43. package/dist/lib/wgms/src/WaterEnvironmentOnlineMonitor/index.d.ts +1 -1
  44. package/dist/lib/wgms/src/WaterEnvironmentOnlineMonitor/index.js +2 -2
  45. package/dist/lib/wgms/src/WaterQualityClassification/index.d.ts +1 -1
  46. package/dist/lib/wgms/src/WaterQualityClassification/index.js +2 -2
  47. package/dist/lib/wgms/src/WaterQualityStatus/index.d.ts +1 -1
  48. package/dist/lib/wgms/src/WaterQualityStatus/index.js +2 -2
  49. package/dist/lib/wgms/src/common/select-panel.vue.js +0 -3
  50. package/dist/lib/wgms/src/index.js +7 -7
  51. package/dist/style/style-aims.css +1 -1
  52. package/dist/style/style-ipes.css +1 -1
  53. package/dist/style/style-wgms.css +1 -1
  54. package/package.json +1 -1
package/dist/lib/wgms/src/ChlorophyllAchangeRate/index.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import _ChlorophyllAChangeRate from './index.vue';
2
- export declare const ChlorophyllAChangeRate: {
2
+ export declare const DvWgmsChlorophyllAChangeRate: {
3
3
  new (...args: any[]): {
4
4
  $: import("vue").ComponentInternalInstance;
5
5
  $data: {};
package/dist/lib/wgms/src/ChlorophyllAchangeRate/index.js CHANGED
@@ -5,7 +5,7 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
5
5
  const tools = require('../../utils/tools.js');
6
6
  const index = require('./index.vue.js');
7
7
 
8
- const ChlorophyllAChangeRate = tools.install(index.default);
8
+ const DvWgmsChlorophyllAChangeRate = tools.install(index.default);
9
9
 
10
10
  exports.default = index.default;
11
- exports.ChlorophyllAChangeRate = ChlorophyllAChangeRate;
11
+ exports.DvWgmsChlorophyllAChangeRate = DvWgmsChlorophyllAChangeRate;
package/dist/lib/wgms/src/FactorTopThreeRanking/index.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import _FactorTopThreeRanking from './index.vue';
2
- export declare const FactorTopThreeRanking: {
2
+ export declare const DvWgmsFactorTopThreeRanking: {
3
3
  new (...args: any[]): {
4
4
  $: import("vue").ComponentInternalInstance;
5
5
  $data: {};
package/dist/lib/wgms/src/FactorTopThreeRanking/index.js CHANGED
@@ -5,7 +5,7 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
5
5
  const tools = require('../../utils/tools.js');
6
6
  const index = require('./index.vue.js');
7
7
 
8
- const FactorTopThreeRanking = tools.install(index.default);
8
+ const DvWgmsFactorTopThreeRanking = tools.install(index.default);
9
9
 
10
10
  exports.default = index.default;
11
- exports.FactorTopThreeRanking = FactorTopThreeRanking;
11
+ exports.DvWgmsFactorTopThreeRanking = DvWgmsFactorTopThreeRanking;
package/dist/lib/wgms/src/KeyRiverWaterQualityEvaluation/index.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import _KeyRiverWaterQualityEvaluation from './index.vue';
2
- export declare const KeyRiverWaterQualityEvaluation: {
2
+ export declare const DvWgmsKeyRiverWaterQualityEvaluation: {
3
3
  new (...args: any[]): {
4
4
  $: import("vue").ComponentInternalInstance;
5
5
  $data: {};
package/dist/lib/wgms/src/KeyRiverWaterQualityEvaluation/index.js CHANGED
@@ -5,7 +5,7 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
5
5
  const tools = require('../../utils/tools.js');
6
6
  const index = require('./index.vue.js');
7
7
 
8
- const KeyRiverWaterQualityEvaluation = tools.install(index.default);
8
+ const DvWgmsKeyRiverWaterQualityEvaluation = tools.install(index.default);
9
9
 
10
10
  exports.default = index.default;
11
- exports.KeyRiverWaterQualityEvaluation = KeyRiverWaterQualityEvaluation;
11
+ exports.DvWgmsKeyRiverWaterQualityEvaluation = DvWgmsKeyRiverWaterQualityEvaluation;
package/dist/lib/wgms/src/SewageOutletsOnlineMonitor/index.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import _SewageOutletsOnlineMonitor from './index.vue';
2
- export declare const SewageOutletsOnlineMonitor: {
2
+ export declare const DvWgmsSewageOutletsOnlineMonitor: {
3
3
  new (...args: any[]): {
4
4
  $: import("vue").ComponentInternalInstance;
5
5
  $data: {};
package/dist/lib/wgms/src/SewageOutletsOnlineMonitor/index.js CHANGED
@@ -5,7 +5,7 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
5
5
  const tools = require('../../utils/tools.js');
6
6
  const index = require('./index.vue.js');
7
7
 
8
- const SewageOutletsOnlineMonitor = tools.install(index.default);
8
+ const DvWgmsSewageOutletsOnlineMonitor = tools.install(index.default);
9
9
 
10
10
  exports.default = index.default;
11
- exports.SewageOutletsOnlineMonitor = SewageOutletsOnlineMonitor;
11
+ exports.DvWgmsSewageOutletsOnlineMonitor = DvWgmsSewageOutletsOnlineMonitor;
package/dist/lib/wgms/src/WaterEnvironmentOnlineMonitor/index.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import _WaterEnvironmentOnlineMonitor from './index.vue';
2
- export declare const WaterEnvironmentOnlineMonitor: {
2
+ export declare const DvWgmsWaterEnvironmentOnlineMonitor: {
3
3
  new (...args: any[]): {
4
4
  $: import("vue").ComponentInternalInstance;
5
5
  $data: {};
package/dist/lib/wgms/src/WaterEnvironmentOnlineMonitor/index.js CHANGED
@@ -5,7 +5,7 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
5
5
  const tools = require('../../utils/tools.js');
6
6
  const index = require('./index.vue.js');
7
7
 
8
- const WaterEnvironmentOnlineMonitor = tools.install(index.default);
8
+ const DvWgmsWaterEnvironmentOnlineMonitor = tools.install(index.default);
9
9
 
10
10
  exports.default = index.default;
11
- exports.WaterEnvironmentOnlineMonitor = WaterEnvironmentOnlineMonitor;
11
+ exports.DvWgmsWaterEnvironmentOnlineMonitor = DvWgmsWaterEnvironmentOnlineMonitor;
package/dist/lib/wgms/src/WaterQualityClassification/index.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import _WaterQualityClassification from './index.vue';
2
- export declare const WaterQualityClassification: {
2
+ export declare const DvWgmsWaterQualityClassification: {
3
3
  new (...args: any[]): {
4
4
  $: import("vue").ComponentInternalInstance;
5
5
  $data: {};
package/dist/lib/wgms/src/WaterQualityClassification/index.js CHANGED
@@ -5,7 +5,7 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
5
5
  const tools = require('../../utils/tools.js');
6
6
  const index = require('./index.vue.js');
7
7
 
8
- const WaterQualityClassification = tools.install(index.default);
8
+ const DvWgmsWaterQualityClassification = tools.install(index.default);
9
9
 
10
10
  exports.default = index.default;
11
- exports.WaterQualityClassification = WaterQualityClassification;
11
+ exports.DvWgmsWaterQualityClassification = DvWgmsWaterQualityClassification;
package/dist/lib/wgms/src/WaterQualityStatus/index.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import _WaterQualityStatus from './index.vue';
2
- export declare const WaterQualityStatus: {
2
+ export declare const DvWgmsWaterQualityStatus: {
3
3
  new (...args: any[]): {
4
4
  $: import("vue").ComponentInternalInstance;
5
5
  $data: {};
package/dist/lib/wgms/src/WaterQualityStatus/index.js CHANGED
@@ -5,7 +5,7 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
5
5
  const tools = require('../../utils/tools.js');
6
6
  const index = require('./index.vue.js');
7
7
 
8
- const WaterQualityStatus = tools.install(index.default);
8
+ const DvWgmsWaterQualityStatus = tools.install(index.default);
9
9
 
10
10
  exports.default = index.default;
11
- exports.WaterQualityStatus = WaterQualityStatus;
11
+ exports.DvWgmsWaterQualityStatus = DvWgmsWaterQualityStatus;
package/dist/lib/wgms/src/common/select-panel.vue.js CHANGED
@@ -81,9 +81,6 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
81
81
  emits: ["change"],
82
82
  setup(__props, { emit }) {
83
83
  const props = __props;
84
- vue.useCssVars((_ctx) => ({
85
- "2b689ab8": __props.arrowScale
86
- }));
87
84
  const data = vue.reactive({
88
85
  isShowOption: false,
89
86
  label: "--",
package/dist/lib/wgms/src/index.js CHANGED
@@ -29,12 +29,12 @@ const index$m = require('./PollutionSourceControl/index.js');
29
29
 
30
30
 
31
31
  exports.DvWgmsEnvironmentalAnalysis = index.DvWgmsEnvironmentalAnalysis;
32
- exports.WaterQualityClassification = index$1.WaterQualityClassification;
33
- exports.WaterQualityStatus = index$2.WaterQualityStatus;
32
+ exports.DvWgmsWaterQualityClassification = index$1.DvWgmsWaterQualityClassification;
33
+ exports.DvWgmsWaterQualityStatus = index$2.DvWgmsWaterQualityStatus;
34
34
  exports.DvWgmsWaterQualityRainfall = index$3.DvWgmsWaterQualityRainfall;
35
- exports.WaterEnvironmentOnlineMonitor = index$4.WaterEnvironmentOnlineMonitor;
36
- exports.SewageOutletsOnlineMonitor = index$5.SewageOutletsOnlineMonitor;
37
- exports.KeyRiverWaterQualityEvaluation = index$6.KeyRiverWaterQualityEvaluation;
35
+ exports.DvWgmsWaterEnvironmentOnlineMonitor = index$4.DvWgmsWaterEnvironmentOnlineMonitor;
36
+ exports.DvWgmsSewageOutletsOnlineMonitor = index$5.DvWgmsSewageOutletsOnlineMonitor;
37
+ exports.DvWgmsKeyRiverWaterQualityEvaluation = index$6.DvWgmsKeyRiverWaterQualityEvaluation;
38
38
  exports.DrinkingWaterComplianceRate = index$7.DrinkingWaterComplianceRate;
39
39
  exports.DvWgmsSevenDayKline = index$8.DvWgmsSevenDayKline;
40
40
  exports.DvWgmsSurroundingPollution = index$9.DvWgmsSurroundingPollution;
@@ -43,8 +43,8 @@ exports.DvWgmsUpstreamImpact = index$b.DvWgmsUpstreamImpact;
43
43
  exports.DvWgmsCrossSectionCorrelation = index$c.DvWgmsCrossSectionCorrelation;
44
44
  exports.DvWgmsUpstreamSection = index$d.DvWgmsUpstreamSection;
45
45
  exports.DvWgmsSubordinateRanking = index$e.DvWgmsSubordinateRanking;
46
- exports.ChlorophyllAChangeRate = index$f.ChlorophyllAChangeRate;
47
- exports.FactorTopThreeRanking = index$g.FactorTopThreeRanking;
46
+ exports.DvWgmsChlorophyllAChangeRate = index$f.DvWgmsChlorophyllAChangeRate;
47
+ exports.DvWgmsFactorTopThreeRanking = index$g.DvWgmsFactorTopThreeRanking;
48
48
  exports.DvWgmsDistributionPoints = index$h.DvWgmsDistributionPoints;
49
49
  exports.DvWgmsLakeRiverIndex = index$i.DvWgmsLakeRiverIndex;
50
50
  exports.DvWgmsChangesAlongTheProcess = index$j.DvWgmsChangesAlongTheProcess;
package/dist/style/style-aims.css CHANGED
@@ -1 +1 @@
1
- .air-quality-calendar-container .date-time .arrow,.fpi-basic-dialog-close{width:12px;cursor:pointer}.air-quality-calendar-container .flex{display:flex;align-items:center;justify-content:center}.air-quality-calendar-container .date-time{justify-content:space-between;padding:0 8px;margin-bottom:12px}.air-quality-calendar-container .date-time .left-arrow{margin-left:16px}.air-quality-calendar-container .date-time .right-arrow{margin-right:16px}.air-quality-calendar-container .date-time .el-date-editor{height:24px}.air-quality-calendar-container .date-time .el-date-editor .el-input__wrapper{background:#001121;box-shadow:none}.air-quality-calendar-container .date-time .el-date-editor .el-input__wrapper .el-input__prefix{display:none}.air-quality-calendar-container .date-time .el-date-editor .el-input__wrapper .el-input__inner{height:24px;font-family:MiSans;font-size:16px;color:#fff;text-align:center;cursor:pointer}.air-quality-calendar-container .calendar-content .item,.air-quality-calendar-container .legends .item,.air-quality-calendar-container .weeks .item{width:calc((100% - 12px)/ 7);text-align:center}.air-quality-calendar-container .calendar-content .item,.air-quality-calendar-container .weeks .item{position:relative;margin:0 2px 2px 0}.air-quality-calendar-container .calendar-content .item:nth-child(7n),.air-quality-calendar-container .weeks .item:nth-child(7n){margin-right:0}.air-quality-calendar-container .weeks{justify-content:space-between;font-family:MiSans;font-size:12px;color:#fff;opacity:.5}.air-quality-calendar-container .calendar-content{flex-wrap:wrap;justify-content:flex-start;margin-top:8px;margin-bottom:12px}.air-quality-calendar-container .calendar-content .item{height:32px;font-family:Oswald;font-size:12px;color:#fff}.air-quality-calendar-container .calendar-content .item.pre-null{background:#fff;opacity:.02}.air-quality-calendar-container .calendar-content .item.suff-null{justify-content:flex-start;color:rgba(255,255,255,.5);background:rgba(255,255,255,.05)}.air-quality-calendar-container .calendar-content .item.suff-null .suff-null-day{padding-left:10px}.air-quality-calendar-container .calendar-content .item .day{position:absolute;top:2px;left:4px}.air-quality-calendar-container .calendar-content .item .num{position:absolute;right:4px;bottom:2px}.air-quality-calendar-container .legends{justify-content:space-between}.air-quality-calendar-container .legends .level{margin-bottom:4px;font-family:MiSans;font-size:12px;color:#fff}.air-quality-calendar-container .legends .num{width:48px;height:20px;font-family:Oswald;font-size:12px;border-radius:20px}.air-quality-realtime-top-left{align-items:center}.air-quality-realtime-top-left span:first-child{margin-right:16px;font-family:Oswald;font-size:16px;font-weight:400;line-height:16px;color:#fff}.air-quality-realtime-top-left span:last-child{display:flex;align-items:center;font-family:Oswald;font-size:40px;font-weight:500;line-height:40px;color:#33e5ff}.air-quality-realtime-container{height:156px;padding:12px;color:#fff;background-image:url(./images/bg.png);background-repeat:no-repeat;background-size:100%}.air-quality-realtime-top{display:flex;justify-content:space-between;height:48px}.air-quality-realtime-top-left{display:flex;justify-content:flex-start;width:164px;height:48px}.air-quality-realtime-top-left .aqiValue{width:72px;height:48px;margin-right:16px;font-family:Oswald;font-size:48px;font-weight:500;line-height:48px}.air-quality-realtime-top-left .aqiInfo{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;width:64px}.air-quality-realtime-top-left .aqiInfo span:first-child{font-family:Oswald;font-size:18px;font-weight:400;line-height:18px;color:#fff}.air-quality-realtime-top-left .aqiInfo span:last-child{font-family:MiSans;font-size:16px;font-weight:500;line-height:16px}.air-quality-realtime-top-right{display:flex;align-items:center;width:171px;height:48px}.air-quality-realtime-top-right .text{margin-right:16px;font-family:MiSans;font-size:14px;font-weight:400;line-height:14px;color:#fff;opacity:.6}.air-quality-realtime-top-right .value{font-family:Oswald;font-size:18px;font-weight:500}.air-quality-realtime-bottom{display:flex;height:60px;padding:0;margin:20px 0 0}.air-quality-realtime-bottom-item{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:space-between;height:60px}.air-quality-realtime-bottom-item .value{font-family:Oswald;font-size:20px;font-weight:500;line-height:20px}.air-quality-realtime-bottom-item .line{width:26px;height:4px;border-radius:100px}.air-quality-realtime-bottom-item .name{font-family:Oswald;font-size:16px;font-weight:500;line-height:16px;color:#fff}.factor-realtime-rank-chart-container{width:374px;height:200px;cursor:pointer}.factor-realtime-rank-chart-echarts{height:100%}.factor-realtime-rank-list-container{height:200px;cursor:pointer}.factor-realtime-rank-list-header{display:flex;height:14px;padding:0;margin:0 0 12px;font-size:14px;line-height:14px;color:#909399;list-style:none}.factor-realtime-rank-list-header>li:first-child{flex-shrink:0;width:34px}.factor-realtime-rank-list-header>li:nth-child(2){width:282px}.factor-realtime-rank-list-header>li:nth-child(2)>span{display:block;width:100px;text-align:right}.factor-realtime-rank-list-header>li:last-child{flex-shrink:0;width:44px;text-align:center}.factor-realtime-rank-list-list-wrap{width:100%;padding:0;margin:0}.factor-realtime-rank-list-list-item{box-sizing:border-box;display:flex;align-items:center;height:32px;padding:9px 0;font-size:14px;line-height:14px;color:#fff}.factor-realtime-rank-list-list-item .rank{width:30px;font-family:Oswald}.factor-realtime-rank-list-list-item .progress-box{display:flex;align-items:center;width:282px;font-family:MiSans}.factor-realtime-rank-list-list-item .progress-box .name{width:100px;margin-right:8px;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}.factor-realtime-rank-list-list-item .progress-box .bar{position:relative;flex:1;height:8px;background:rgba(255,255,255,.1)}.factor-realtime-rank-list-list-item .progress-box .progress-bar{position:absolute;top:0;left:0;height:100%}.factor-realtime-rank-list-list-item .progress-box .progress-bar::after{position:absolute;top:-2px;right:-2px;width:2px;height:12px;content:" ";background:inherit}.factor-realtime-rank-list-list-item .value{width:44px;text-align:center}.fpi-aims-factor-target-year-period-container .flex{display:flex;align-items:center;justify-content:center}.fpi-aims-factor-target-year-period-container .rollingContainer{overflow-x:auto}.fpi-aims-factor-target-year-period-container .list{align-items:flex-start;justify-content:flex-start;width:1000px;margin-top:12px}.fpi-aims-factor-target-year-period-container .list .item{flex-direction:column;align-items:flex-start;font-family:MiSans;font-size:12px;color:#fff}.fpi-aims-factor-target-year-period-container .list .item .name{margin-right:4px;opacity:.5}.fpi-aims-factor-target-year-period-container .list .item .unit{margin-left:4px;font-family:Oswald;font-size:12px;opacity:.5}.fpi-aims-factor-target-year-period-container .list .item .factorName{margin-bottom:8px;font-size:14px;font-weight:500}.fpi-basic-card-header-title,.fpi-basic-dialog-header-title{font-weight:600;color:#fff}.fpi-aims-factor-target-year-period-container .list .item .factorValue{margin-bottom:8px;font-family:Oswald;font-size:24px}.fpi-aims-factor-target-year-period-container .list .item .target{margin-bottom:8px;font-family:Oswald}.fpi-aims-factor-target-year-period-container .list .item .period img{margin-top:-3px;margin-left:2px;vertical-align:middle}.main-pollution-year-ratio-container{height:176px}.main-pollution-year-ratio-echarts{width:100%;height:100%}.cieq-contributio-ratio-container{height:170px}.cieq-contributio-ratio-echarts{width:100%;height:100%}.air-time-series-analysis-container{height:176px}.air-time-series-analysis-echarts{width:100%;height:100%}.air-time-series-analysis-triangle{display:inline-block;width:0;height:0;margin-right:5px;border-right:5px solid transparent;border-left:5px solid transparent}.air-time-series-analysis-diamond{display:inline-block;width:0;height:0;margin-right:5px;border-style:solid;border-width:5px;-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.air-time-series-analysis-circle,.air-time-series-analysis-rect,.air-time-series-analysis-roundRect{display:inline-block;width:10px;height:10px;margin-right:5px}.air-time-series-analysis-roundRect{border-radius:2px}.air-time-series-analysis-circle{border-radius:10px}.fpi-weather-condition-container{display:flex;flex-direction:row}.fpi-weather-condition-container .fpi-weather-condition-list{position:relative;display:flex;flex:1;flex-direction:column;align-items:center;max-width:63px}.fpi-weather-condition-container .fpi-weather-condition-list img{width:40px;height:40px}.fpi-weather-condition-container .fpi-weather-condition-list .condition{font-size:14px;line-height:14px;color:#fff}.fpi-weather-condition-container .fpi-weather-condition-list .condition-value{position:absolute;top:24px;z-index:10;font-size:20px;font-weight:600;line-height:20px;color:#00deff}.fpi-weather-condition-container .fpi-weather-condition-list .unit{font-size:12px;line-height:12px;color:#fff;opacity:.5}.fpi-basic-card-header-title,.fpi-basic-dialog-header-title{font-family:MiSans;font-size:20px;line-height:20px;letter-spacing:0;box-sizing:border-box}.basicDialogAnimation-enter-active{animation:basic-dialog-animation-enter .3s}.fpi-basic-dialog-container{position:absolute;top:0;left:50%;box-sizing:border-box;padding:0 12px 12px;background:#001121;box-shadow:0 8px 16px -8px rgba(0,0,0,.16),0 12px 32px 0 rgba(0,0,0,.12),0 16px 48px 16px rgba(0,0,0,.08);backdrop-filter:blur(30px)}.fpi-basic-dialog-header{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;height:40px;padding:10px 4px}.fpi-basic-card-header,.fpi-basic-dialog-header-left,.fpi-basic-dialog-header-right{align-items:center;display:flex}.fpi-basic-dialog-close{height:12px;color:#d3c9c9}.fpi-basic-dialog-close:hover{color:#fff}.fpi-basic-dialog-content{box-sizing:border-box;padding:12px;background:#05213d}.fpi-basic-card-container{box-sizing:border-box;border:1px solid transparent;backdrop-filter:blur(30px)}.fpi-basic-card-container-checked{background:#000;border:1px solid #05ffd2;border-radius:4px;box-shadow:0 0 8px 0 #05ffe6}.fpi-basic-card-header{box-sizing:border-box;justify-content:space-between;height:40px;padding:10px 16px;background:#000}.fpi-basic-card-header-left{display:flex;align-items:center}.fpi-basic-card-content{box-sizing:border-box;padding:12px;background:#001121}.echarts{width:100%;height:100%}.fpi-basic-panel-container{position:absolute;z-index:10;box-sizing:content-box}.fpi-basic-panel-scroll-container{padding:10px}
1
+ .air-quality-realtime-top-left{align-items:center}.air-quality-realtime-top-left span:first-child{margin-right:16px;font-family:Oswald;font-size:16px;font-weight:400;line-height:16px;color:#fff}.air-quality-realtime-top-left span:last-child{display:flex;align-items:center;font-family:Oswald;font-size:40px;font-weight:500;line-height:40px;color:#33e5ff}.air-quality-realtime-container{height:156px;padding:12px;color:#fff;background-image:url(./images/bg.png);background-repeat:no-repeat;background-size:100%}.air-quality-realtime-top{display:flex;justify-content:space-between;height:48px}.air-quality-realtime-top-left{display:flex;justify-content:flex-start;width:164px;height:48px}.air-quality-realtime-top-left .aqiValue{width:72px;height:48px;margin-right:16px;font-family:Oswald;font-size:48px;font-weight:500;line-height:48px}.air-quality-realtime-top-left .aqiInfo{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;width:64px}.air-quality-realtime-top-left .aqiInfo span:first-child{font-family:Oswald;font-size:18px;font-weight:400;line-height:18px;color:#fff}.air-quality-realtime-top-left .aqiInfo span:last-child{font-family:MiSans;font-size:16px;font-weight:500;line-height:16px}.air-quality-realtime-top-right{display:flex;align-items:center;width:171px;height:48px}.air-quality-realtime-top-right .text{margin-right:16px;font-family:MiSans;font-size:14px;font-weight:400;line-height:14px;color:#fff;opacity:.6}.air-quality-realtime-top-right .value{font-family:Oswald;font-size:18px;font-weight:500}.air-quality-realtime-bottom{display:flex;height:60px;padding:0;margin:20px 0 0}.air-quality-realtime-bottom-item{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:space-between;height:60px}.air-quality-realtime-bottom-item .value{font-family:Oswald;font-size:20px;font-weight:500;line-height:20px}.air-quality-realtime-bottom-item .line{width:26px;height:4px;border-radius:100px}.air-quality-calendar-container .date-time .arrow,.fpi-basic-dialog-close{width:12px;cursor:pointer}.air-quality-realtime-bottom-item .name{font-family:Oswald;font-size:16px;font-weight:500;line-height:16px;color:#fff}.air-quality-calendar-container .flex{display:flex;align-items:center;justify-content:center}.air-quality-calendar-container .date-time{justify-content:space-between;padding:0 8px;margin-bottom:12px}.air-quality-calendar-container .date-time .left-arrow{margin-left:16px}.air-quality-calendar-container .date-time .right-arrow{margin-right:16px}.air-quality-calendar-container .date-time .el-date-editor{height:24px}.air-quality-calendar-container .date-time .el-date-editor .el-input__wrapper{background:#001121;box-shadow:none}.air-quality-calendar-container .date-time .el-date-editor .el-input__wrapper .el-input__prefix{display:none}.air-quality-calendar-container .date-time .el-date-editor .el-input__wrapper .el-input__inner{height:24px;font-family:MiSans;font-size:16px;color:#fff;text-align:center;cursor:pointer}.air-quality-calendar-container .calendar-content .item,.air-quality-calendar-container .legends .item,.air-quality-calendar-container .weeks .item{width:calc((100% - 12px)/ 7);text-align:center}.air-quality-calendar-container .calendar-content .item,.air-quality-calendar-container .weeks .item{position:relative;margin:0 2px 2px 0}.air-quality-calendar-container .calendar-content .item:nth-child(7n),.air-quality-calendar-container .weeks .item:nth-child(7n){margin-right:0}.air-quality-calendar-container .weeks{justify-content:space-between;font-family:MiSans;font-size:12px;color:#fff;opacity:.5}.air-quality-calendar-container .calendar-content{flex-wrap:wrap;justify-content:flex-start;margin-top:8px;margin-bottom:12px}.air-quality-calendar-container .calendar-content .item{height:32px;font-family:Oswald;font-size:12px;color:#fff}.air-quality-calendar-container .calendar-content .item.pre-null{background:#fff;opacity:.02}.air-quality-calendar-container .calendar-content .item.suff-null{justify-content:flex-start;color:rgba(255,255,255,.5);background:rgba(255,255,255,.05)}.air-quality-calendar-container .calendar-content .item.suff-null .suff-null-day{padding-left:10px}.air-quality-calendar-container .calendar-content .item .day{position:absolute;top:2px;left:4px}.air-quality-calendar-container .calendar-content .item .num{position:absolute;right:4px;bottom:2px}.air-quality-calendar-container .legends{justify-content:space-between}.air-quality-calendar-container .legends .level{margin-bottom:4px;font-family:MiSans;font-size:12px;color:#fff}.air-quality-calendar-container .legends .num{width:48px;height:20px;font-family:Oswald;font-size:12px;border-radius:20px}.factor-realtime-rank-chart-container{width:374px;height:200px;cursor:pointer}.factor-realtime-rank-chart-echarts{height:100%}.factor-realtime-rank-list-container{height:200px;cursor:pointer}.factor-realtime-rank-list-header{display:flex;height:14px;padding:0;margin:0 0 12px;font-size:14px;line-height:14px;color:#909399;list-style:none}.factor-realtime-rank-list-header>li:first-child{flex-shrink:0;width:34px}.factor-realtime-rank-list-header>li:nth-child(2){width:282px}.factor-realtime-rank-list-header>li:nth-child(2)>span{display:block;width:100px;text-align:right}.factor-realtime-rank-list-header>li:last-child{flex-shrink:0;width:44px;text-align:center}.factor-realtime-rank-list-list-wrap{width:100%;padding:0;margin:0}.factor-realtime-rank-list-list-item{box-sizing:border-box;display:flex;align-items:center;height:32px;padding:9px 0;font-size:14px;line-height:14px;color:#fff}.factor-realtime-rank-list-list-item .rank{width:30px;font-family:Oswald}.factor-realtime-rank-list-list-item .progress-box{display:flex;align-items:center;width:282px;font-family:MiSans}.factor-realtime-rank-list-list-item .progress-box .name{width:100px;margin-right:8px;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}.factor-realtime-rank-list-list-item .progress-box .bar{position:relative;flex:1;height:8px;background:rgba(255,255,255,.1)}.factor-realtime-rank-list-list-item .progress-box .progress-bar{position:absolute;top:0;left:0;height:100%}.factor-realtime-rank-list-list-item .progress-box .progress-bar::after{position:absolute;top:-2px;right:-2px;width:2px;height:12px;content:" ";background:inherit}.factor-realtime-rank-list-list-item .value{width:44px;text-align:center}.fpi-aims-factor-target-year-period-container .flex{display:flex;align-items:center;justify-content:center}.fpi-aims-factor-target-year-period-container .rollingContainer{overflow-x:auto}.fpi-aims-factor-target-year-period-container .list{align-items:flex-start;justify-content:flex-start;width:1000px;margin-top:12px}.fpi-aims-factor-target-year-period-container .list .item{flex-direction:column;align-items:flex-start;font-family:MiSans;font-size:12px;color:#fff}.fpi-aims-factor-target-year-period-container .list .item .name{margin-right:4px;opacity:.5}.fpi-aims-factor-target-year-period-container .list .item .unit{margin-left:4px;font-family:Oswald;font-size:12px;opacity:.5}.fpi-aims-factor-target-year-period-container .list .item .factorName{margin-bottom:8px;font-size:14px;font-weight:500}.fpi-aims-factor-target-year-period-container .list .item .factorValue{margin-bottom:8px;font-family:Oswald;font-size:24px}.fpi-aims-factor-target-year-period-container .list .item .target{margin-bottom:8px;font-family:Oswald}.fpi-aims-factor-target-year-period-container .list .item .period img{margin-top:-3px;margin-left:2px;vertical-align:middle}.main-pollution-year-ratio-container{height:176px}.main-pollution-year-ratio-echarts{width:100%;height:100%}.air-time-series-analysis-container{height:176px}.air-time-series-analysis-echarts{width:100%;height:100%}.air-time-series-analysis-triangle{display:inline-block;width:0;height:0;margin-right:5px;border-right:5px solid transparent;border-left:5px solid transparent}.air-time-series-analysis-diamond{display:inline-block;width:0;height:0;margin-right:5px;border-style:solid;border-width:5px;-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.air-time-series-analysis-circle,.air-time-series-analysis-rect,.air-time-series-analysis-roundRect{display:inline-block;width:10px;height:10px;margin-right:5px}.air-time-series-analysis-roundRect{border-radius:2px}.air-time-series-analysis-circle{border-radius:10px}.cieq-contributio-ratio-container{height:170px}.cieq-contributio-ratio-echarts{width:100%;height:100%}.fpi-weather-condition-container{display:flex;flex-direction:row}.fpi-weather-condition-container .fpi-weather-condition-list{position:relative;display:flex;flex:1;flex-direction:column;align-items:center;max-width:63px}.fpi-weather-condition-container .fpi-weather-condition-list img{width:40px;height:40px}.fpi-weather-condition-container .fpi-weather-condition-list .condition{font-size:14px;line-height:14px;color:#fff}.fpi-weather-condition-container .fpi-weather-condition-list .condition-value{position:absolute;top:24px;z-index:10;font-size:20px;font-weight:600;line-height:20px;color:#00deff}.fpi-weather-condition-container .fpi-weather-condition-list .unit{font-size:12px;line-height:12px;color:#fff;opacity:.5}.fpi-basic-card-header-title,.fpi-basic-dialog-header-title{font-family:MiSans;font-size:20px;font-weight:600;line-height:20px;letter-spacing:0;box-sizing:border-box}.fpi-basic-card-container{box-sizing:border-box;border:1px solid transparent;backdrop-filter:blur(30px)}.fpi-basic-card-container-checked{background:#000;border:1px solid #05ffd2;border-radius:4px;box-shadow:0 0 8px 0 #05ffe6}.fpi-basic-card-header{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;height:40px;padding:10px 16px;background:#000}.fpi-basic-card-header-left{display:flex;align-items:center}.fpi-basic-card-header-title{color:#fff}.fpi-basic-card-content{box-sizing:border-box;padding:12px;background:#001121}.basicDialogAnimation-enter-active{animation:basic-dialog-animation-enter .3s}.fpi-basic-dialog-container{position:absolute;top:0;left:50%;box-sizing:border-box;padding:0 12px 12px;background:#001121;box-shadow:0 8px 16px -8px rgba(0,0,0,.16),0 12px 32px 0 rgba(0,0,0,.12),0 16px 48px 16px rgba(0,0,0,.08);backdrop-filter:blur(30px)}.fpi-basic-dialog-header{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;height:40px;padding:10px 4px}.fpi-basic-dialog-header-left,.fpi-basic-dialog-header-right{display:flex;align-items:center}.fpi-basic-dialog-close{height:12px;color:#d3c9c9}.fpi-basic-dialog-close:hover,.fpi-basic-dialog-header-title{color:#fff}.fpi-basic-dialog-content{box-sizing:border-box;padding:12px;background:#05213d}.fpi-basic-panel-container{position:absolute;z-index:10;box-sizing:content-box}.fpi-basic-panel-scroll-container{padding:10px}.echarts{width:100%;height:100%}
package/dist/style/style-ipes.css CHANGED
@@ -1 +1 @@
1
- @charset "UTF-8";.dv-ipes-access-vehicle .access-list,.mgb8{margin-top:8px}.echarts{width:100%;height:100%}.dv-ipes-access-vehicle{box-sizing:border-box;width:100%}.dv-ipes-access-vehicle .access-header{display:flex;align-items:center;justify-content:space-between;white-space:nowrap}.dv-ipes-access-vehicle .access-header .module-icon{width:14px;height:14px;margin-right:4px}.dv-ipes-access-vehicle .access-header__title{display:flex;align-items:center;font-size:18px;line-height:18px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.dv-ipes-access-vehicle .access-header__title--sub{font-size:18px;color:rgba(255,255,255,.6)}.dv-ipes-access-vehicle .access-statistics{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;padding:8px 0;text-align:center}.dv-ipes-access-vehicle .access-statistics .access-statistics-item{flex:1;width:97px;height:90px}.dv-ipes-access-vehicle .access-statistics .access-statistics-item--entry{background:url(./images/vehicle-car-entry.png) center center no-repeat;background-size:87px 90px}.dv-ipes-access-vehicle .access-statistics .access-statistics-item--entry .access-statistics-item__total{color:#8decff;background:linear-gradient(180deg,#fff 19%,#8decff 89%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.dv-ipes-access-vehicle .access-statistics .access-statistics-item--exit{background:url(./images/vehicle-car-exit.png) center center no-repeat;background-size:87px 90px}.dv-ipes-access-vehicle .access-statistics .access-statistics-item--exit .access-statistics-item__total{color:#ffeebf;background:linear-gradient(180deg,#fff 19%,#ffeebf 89%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.dv-ipes-access-vehicle .access-statistics .access-statistics-item__total{margin-bottom:8px;font-size:24px;line-height:24px}.dv-ipes-access-vehicle .access-statistics .access-statistics-item__type{position:static;z-index:1;font-size:18px;line-height:18px;color:#fff}.dv-ipes-access-vehicle .access-list .access-list-item{box-sizing:border-box;display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;width:100%;height:36px;padding:8px;margin:0 0 8px;white-space:nowrap;cursor:pointer;background:rgba(27,121,211,.2);border:1px solid rgba(170,201,255,.1);border-radius:3px;transition:ease all 180ms}.air-quality .card-panel-right .card-panel-main .text,.dv-ipes-access-vehicle .access-list .access-list-item__type{width:50px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dv-ipes-access-vehicle .access-list .access-list-item--active{box-sizing:border-box;background:#000;border:1px solid #05ffd2;box-shadow:0 0 8px 0 #05ffe6}.dv-ipes-access-vehicle .access-list .access-list-item__info{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between}.dv-ipes-access-vehicle .access-list .access-list-item__type{padding:2px 7px;margin-right:9px;font-size:18px;color:#fff;text-align:center;background:#0aaeff;border-radius:3px}.dv-ipes-access-vehicle .access-list .access-list-item__type--entry{background:#0aaeff}.dv-ipes-access-vehicle .access-list .access-list-item__type--exit{background:#ffb443}.dv-ipes-access-vehicle .access-list .access-list-item__vehicle{font-size:18px;color:#fff;letter-spacing:0}.dv-ipes-access-vehicle .access-list .access-list-item__time{font-size:18px;font-weight:400;line-height:18px;color:#fff;letter-spacing:0;opacity:.6}.air-pollution{height:304px;color:#fff}.air-pollution .enterprise-statistics{display:flex;align-items:center;height:64px;padding:16px 0 14px 16px}.air-pollution .enterprise-statistics .statistics-charts{position:relative;display:flex;align-items:center;justify-content:center;width:88px;height:44px}.air-pollution .enterprise-statistics .statistics-charts .img1{position:absolute;top:10px;left:5px;width:76.86px!important;animation:radioLineAnimation .9s linear .2s infinite alternate}.air-pollution .enterprise-statistics .statistics-charts .img2{position:absolute;top:11px;left:0;width:88px!important;animation:radioLineAnimation .9s linear .2s infinite alternate}.air-pollution .enterprise-statistics .statistics-list{width:88px;height:100%;margin-left:12.65px;font-size:12px}.air-pollution .enterprise-statistics .statistics-list>div{height:50%;line-height:25px}.air-pollution .enterprise-statistics .statistics-list>div span{display:inline-block}.air-pollution .enterprise-statistics .statistics-list>div span:nth-child(1){width:60%}.air-pollution .enterprise-statistics .statistics-list>div span:nth-child(2){width:20%;color:#03d5fb;text-align:right}.air-pollution .enterprise-statistics .statistics-list>div span:nth-child(3){width:20%;text-indent:4px;opacity:.5}.air-pollution .discharge-total{height:194px;margin:8px;background:rgba(2,176,253,.1);border:1px solid rgba(0,147,255,.1);border-radius:4px}.air-pollution .discharge-total .discharge-title{height:30px;font-family:MicrosoftYaHei;font-size:14px;font-weight:400;line-height:30px;color:#fff;text-indent:10px;letter-spacing:0}.air-pollution .discharge-total .discharge-title-small{height:20px;font-size:12px;color:#fff;text-indent:10px;opacity:.5}.air-pollution .discharge-total .box{height:calc(100% - 50px);margin:0 10px}.air-pollution .discharge-total .box .chart-statistics{height:33.3333333333%}.air-pollution .discharge-total .box .chart-statistics .chart-statistics-head{display:flex;justify-content:space-between;height:57%;font-family:MicrosoftYaHei;font-size:14px;font-weight:400;line-height:27px;letter-spacing:0}.air-pollution .discharge-total .box .chart-statistics .chart-statistics-head .statistics-head-name{max-width:85px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.air-pollution .discharge-total .box .chart-statistics .chart-statistics-head .statistics-head-number{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.air-pollution .discharge-total .box .chart-statistics .chart-statistics-body{display:flex;align-items:center;height:30%}.air-pollution .discharge-total .box .chart-statistics .chart-statistics-body .chart-statistics-body-box{display:flex;width:100%;height:4px;overflow:hidden;border-radius:4px}.air-pollution .discharge-total .box .chart-statistics .chart-statistics-body .chart-statistics-body-box .statistics-body-left{width:50%;height:4px;background-color:#ffd902}.air-pollution .discharge-total .box .chart-statistics .chart-statistics-body .chart-statistics-body-box .statistics-body-right{width:50%;height:4px;background-color:#fff;opacity:.2}.air-quality .real-time-air{position:relative;height:96px}.air-quality .real-time-air .canvas-class{position:absolute;bottom:0;left:0}.air-quality .real-time-air .real-time-air-up{position:absolute;bottom:0;left:0;width:100%;height:96px}.air-quality .real-time-air .real-title{position:absolute;top:10px;left:16px;font-family:MicrosoftYaHei;font-size:14px;font-weight:400;color:#fff;letter-spacing:0;opacity:.5}.air-quality .real-time-air .real-time{position:absolute;top:12px;left:109px;font-family:MicrosoftYaHei;font-size:12px;font-weight:400;color:#fff;letter-spacing:0;opacity:.5}.air-quality .real-time-air .real-number{position:absolute;top:36px;left:20px;font-family:MicrosoftYaHei;font-size:40px;font-weight:400;color:#ffd902;letter-spacing:0}.air-quality .real-time-air .factor-name{position:absolute;top:47px;left:80px;font-family:MicrosoftYaHei;font-size:12px;font-weight:400;color:#fff;letter-spacing:0}.air-quality .real-time-air .factor-status,.air-quality .real-time-air .first-pollute,.air-quality .real-time-air .other-factore{position:absolute;top:65px;height:16px;font-size:12px;letter-spacing:0}.air-quality .real-time-air .factor-status{left:80px;font-family:MicrosoftYaHei-Bold;font-weight:700;color:#ffd902}.air-quality .real-time-air .first-pollute{left:116px;width:24px;font-family:MicrosoftYaHei;font-weight:400;color:#fff;opacity:.5}.air-quality .real-time-air .other-factore{left:144px;width:70px;font-family:MicrosoftYaHei;font-weight:400;color:#fff}.air-quality .real-time-air .other-factore .text{width:10px;overflow:hidden;text-overflow:ellipsis}.air-quality .year-air-quality{height:290px;margin:5px 0;background:rgba(2,176,253,.1);border:1px solid rgba(0,147,255,.11);border-radius:4px}.air-quality .year-air-quality .year-air-title{height:30px;font-size:14px;font-weight:400;line-height:30px;line-height:32px;color:#fff;text-indent:10px}.air-quality .year-air-quality .excellent-rate{position:relative;height:64px;background-image:url(./images/leaf1.png)}.air-quality .year-air-quality .excellent-rate .icon-img{position:absolute;top:5px;left:8px;width:56px;height:56px;background-image:url(./images/excellent-rate.png);background-repeat:round}.air-quality .year-air-quality .excellent-rate .name{position:absolute;top:8px;left:78px;font-family:MicrosoftYaHei;font-size:12px;font-weight:400;letter-spacing:0}.air-quality .year-air-quality .excellent-rate .number{position:absolute;top:30px;left:78px;font-family:BebasNeue-Regular;font-size:24px;font-weight:400;color:#0eed95}.air-quality .year-air-quality .quality-table .table-row-header{display:flex;height:25px;font-size:12px;font-weight:400;line-height:25px;color:#8fafc7}.air-quality .year-air-quality .quality-table .table-row-header>div{flex:1}.air-quality .year-air-quality .quality-table .table-row-header .row-header1{text-indent:5px}.air-quality .year-air-quality .quality-table .table-row-header .row-header2,.air-quality .year-air-quality .quality-table .table-row-header .row-header3{text-align:center}.air-quality .year-air-quality .quality-table .table-row-body{display:flex;height:28px;line-height:28px}.air-quality .year-air-quality .quality-table .table-row-body>div{flex:1}.air-quality .year-air-quality .quality-table .table-row-body .row-body1{font-size:14px;text-indent:8px}.air-quality .year-air-quality .quality-table .table-row-body .row-body2{text-align:center}.air-quality .year-air-quality .quality-table .table-row-body .row-body3{color:#8fafc7;text-align:center}.air-quality .card-body{display:flex;width:100%;height:45px}.air-quality .card-body>.item:nth-child(1){order:1;word-wrap:break-word}.air-quality .card-body>.item:nth-child(2){order:2}.air-quality .card-body>.item:nth-child(3){order:3}.air-quality .d-flex{display:flex}.air-quality .card-panel-wrapper{float:left;margin:4px 4px 8px 16px;font-size:40px;font-weight:400;color:#00dd78;letter-spacing:0;border-radius:6px;transition:all .38s ease-out}.air-quality .card-panel-description{margin-left:4px;font-weight:700}.air-quality .card-panel-description .card-panel-text{margin-top:14px;margin-bottom:2px;font-size:12px;font-weight:400;color:#fff;letter-spacing:0}.air-quality .card-panel-description .card-panel-num{font-family:MicrosoftYaHei-Bold;font-size:12px;font-weight:700;color:#00dd78;letter-spacing:0;white-space:nowrap}.air-quality .card-panel-right{height:16px;margin-top:30px;font-size:12px;font-weight:400;color:#fff;letter-spacing:0}.air-quality .card-panel-right .card-panel-name{margin-right:4px;white-space:nowrap;opacity:.5}.air-quality .card-panel-right .card-panel-main{overflow:hidden;color:#fff;text-overflow:ellipsis;white-space:nowrap}.AirQualityManagement .real-time-air{position:relative;height:80px}.AirQualityManagement .real-time-air .canvas-class{position:absolute;top:0;left:0}.AirQualityManagement .real-time-air .real-time-air-up{position:absolute;bottom:0;left:0;width:100%;height:80px}.AirQualityManagement .real-time-air .real-title{position:absolute;top:10px;left:16px;font-family:MicrosoftYaHei;font-size:14px;font-weight:400;color:#fff;letter-spacing:0;opacity:.5}.AirQualityManagement .real-time-air .real-time{position:absolute;top:12px;left:109px;font-family:MicrosoftYaHei;font-size:12px;font-weight:400;color:#fff;letter-spacing:0;opacity:.5}.AirQualityManagement .real-time-air .pollute-div{position:absolute;top:28px;left:30px;display:flex}.AirQualityManagement .real-time-air .pollute-flex{display:flex;flex-direction:column;justify-content:center}.AirQualityManagement .real-time-air .first-pollute-flex{display:flex;align-items:flex-end;margin-bottom:8px;margin-left:16px}.AirQualityManagement .real-time-air .real-number{margin-right:4px;font-family:MicrosoftYaHei;font-size:40px;font-weight:400;color:#ffd902;letter-spacing:0}.AirQualityManagement .real-time-air .value-length{left:10px}.AirQualityManagement .real-time-air .factor-name{margin-bottom:8px;font-family:MicrosoftYaHei;font-size:12px;font-weight:400;color:#fff;letter-spacing:0}.AirQualityManagement .real-time-air .factor-status{font-family:MicrosoftYaHei-Bold;font-size:12px;font-weight:700;color:#ffd902;letter-spacing:0;white-space:nowrap}.AirQualityManagement .real-time-air .first-pollute{width:24px;height:16px;margin-right:4px;font-family:MicrosoftYaHei;font-size:12px;font-weight:400;color:#fff;letter-spacing:0;opacity:.5}.AirQualityManagement .real-time-air .other-factore{width:70px;height:16px;font-family:MicrosoftYaHei;font-size:12px;font-weight:400;color:#fff;letter-spacing:0}.AirQualityManagement .real-time-air .other-factore .text{width:70px;overflow:hidden;text-overflow:ellipsis}.AirQualityManagement .animationChartBox{position:relative;box-sizing:border-box;margin:auto auto 8px;background:no-repeat rgba(2,176,253,.1);border:1px solid transparent;border-radius:4px}.AirQualityManagement .animationChartBox .title{padding-top:6px;padding-left:8px;font-size:14px}.AirQualityManagement .animationChartBox .kqzhChart{position:absolute;top:42px;left:7%;z-index:3;width:105px;height:60px}.AirQualityManagement .animationChartBox .img_one{position:absolute;top:29%;left:6.5%;z-index:-4;width:40.5%;-webkit-animation:radioLineAnimation .9s linear .2s infinite alternate;animation:radioLineAnimation .9s linear .2s infinite alternate}.AirQualityManagement .animationChartBox .img_two{position:absolute;top:30%;left:4.2%;z-index:-4;width:45.5%;-webkit-animation:radioScaleAnimation .9s linear .2s infinite alternate;animation:radioScaleAnimation .9s linear .2s infinite alternate}.AirQualityManagement .animationChartBox .legendBox{position:absolute;top:36px;right:10px;display:flex;flex-direction:column;height:128px;font-size:12px}.AirQualityManagement .animationChartBox .legendBox .name{padding-right:8px}.AirQualityManagement .animationChartBox .legendBox .value{font-family:"Bebas Neue";font-size:16px;color:#0eed95}.AirQualityManagement .animationChartBox .legendBox .value2{color:#fff}.AirQualityManagement .animationChartBox .legendBox .mgb7{margin-bottom:7px}.AirQualityManagement .animationChartBox .legendBox .mgb14{margin-bottom:14px}.AirQualityManagement .animationChartBox .tableList{position:absolute;top:98px;z-index:4;box-sizing:border-box;width:100%;height:72px;padding:0 8px;overflow:hidden;font-size:12px}.AirQualityManagement .animationChartBox .tableList .th{opacity:.5}.AirQualityManagement .animationChartBox .tableList .tr .value1{padding-right:4px;color:#0eed95}.AirQualityManagement .animationChartBox .tableList .tr .value2{opacity:.5}.alarm-manage{font-size:24px}.alarm-manage .total{font-family:var(--font-family-number)}.alarm-manage .alarm-bar{height:168px;padding:10px 12px;margin:12px 0 24px;cursor:pointer;background:rgba(27,121,211,.2);border:1px solid rgba(170,201,255,.1);border-radius:3px}.alarm-manage .alarm-bar .total{color:var(--main-color)}.alarm-manage .alarm-bar .progress-bar{margin:20px 0}.alarm-manage .legend{min-width:400px}.alarm-manage .legend .circle{width:16px;height:16px;border-radius:16px}.alarm-manage .legend .total{text-align:center}.alarm-manage .alarm-list{height:120px;margin-top:16px}.alarm-manage .alarm-list-item{height:56px;padding-right:8px;margin-bottom:8px;cursor:pointer;background:rgba(146,30,30,.3);border:1px solid rgba(255,218,218,.1)}.alarm-manage .alarm-list-item.disabled{pointer-events:auto;cursor:not-allowed}.alarm-manage .alarm-list .time{flex-shrink:0;margin-left:12px;font-size:20px;color:rgba(255,255,255,.6)}.alarm-manage .module-title img,.alarm-manage .module-title span{vertical-align:middle}.flex-c{justify-content:center}.flex-s{justify-content:flex-start}.flex-1{flex:1}.mgr8{margin-right:8px}.mgb12{margin-bottom:12px}.single-overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.emergencyDuty{width:500px;background:#021833}.env-mg{flex-wrap:wrap;justify-content:space-around}.env-mg .list{justify-content:center;width:224px;height:92px;background-repeat:no-repeat;background-size:100% 100%}.env-mg .list-user{justify-content:space-around;width:200px;height:74px;font-family:shzhjt;background:rgba(7,31,61,.5);border:2px solid #0c3c79}.env-mg .list-user .left{width:30px;height:46px}.env-mg .list-user .right{display:flex;flex-direction:column;align-items:center}.env-mg .list-user .right span{font-size:24px;color:#fff}.env-mg .list-user .right .name{max-width:98px;font-size:24px;color:#00d4ff}.env-mg .list-event{flex-direction:column;justify-content:space-around;width:154px;height:52px;font-family:shzhjt;font-size:24px;color:#f84439;border:2px solid #561c0b}.device-row,.dv-ipes-env-manage .air-quality{font-family:var(--font-family-text)}.env-mg .list .isLeft{color:#00ff7e;border-color:#044035}.BusinessManage{box-sizing:border-box;padding:12px 20px 28px 19px;background:#071d33;border:1px solid #00a6ff}.device-row .device-row__info{box-sizing:border-box;padding:16px;background:var(--bg-color-first-panel__card);border:1px solid rgba(170,201,255,.1);border-radius:3px}.device-row .device-row__percent{display:flex;align-items:center;justify-content:flex-start;font-size:24px;line-height:24px}.device-row .device-row__percent .title{margin-right:12px;color:#fff}.device-row .device-row__percent .value{font-family:var(--font-family-number);color:var(--main-color)}.device-row .device-row__percent .date{margin-left:auto;font-size:20px;line-height:20px;color:rgba(255,255,255,.6)}.device-row .device-row__progress{width:calc(100% - 14px);height:20px;margin:16px 0}.device-row .device-row__detail{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;font-size:20px;line-height:20px;color:rgba(255,255,255,.7)}.device-row .device-row__detail .left{display:flex;flex-wrap:nowrap;align-items:center}.device-row .device-row__detail .title{display:flex;align-items:center;margin-right:8px}.device-row .device-row__detail .percent,.device-row .device-row__detail .value{font-family:var(--font-family-number)}.device-row .device-row__detail .icon{width:16px;height:16px}.device-row .device-row__detail .right{display:flex;flex-wrap:nowrap;align-items:center}.device-row .space{margin:0 4px;font-size:16px;line-height:16px;color:#fff;opacity:.2}.mgt12{margin-bottom:12px}.mgr4{margin-right:4px}.enterprise-protection-code{box-sizing:border-box;height:192px}.app-header-title{width:100%;padding:8px;font-size:14px;color:#fff}.env-codeList{box-sizing:border-box;height:32px;padding-bottom:8px;margin-bottom:8px;color:#fff}.env-codeList .code-wrap{display:flex;align-items:center;justify-content:center;width:33%}.env-codeList .code-wrap .icon,.env-codeList .code-wrap img{width:32px;height:32px;margin-right:4px}.env-codeList .code-wrap .value{font-size:14px}.enterprise-protection-code .item-module:last-child{margin-bottom:0}.common-title{height:16px;margin-bottom:6px;font-size:14px;line-height:16px;color:#fff}.env-list{position:relative;box-sizing:border-box;overflow-y:auto;background:rgba(2,176,253,.1);border:1px solid rgba(0,147,255,.1);border-radius:4px}.env-list .env-list-header{padding:8px;font-size:12px;color:rgba(255,255,255,.8);opacity:.5}.env-list .env-list-con{padding:0 8px;overflow:hidden;font-size:14px}.env-list .env-list-con .flex{margin-bottom:4px}.env-list .env-list-con .flex .name{width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.env-list .env-list-con .flex .name a{color:#fff}.env-list .env-list-con .flex .value{color:#03d5fb}.dv-ipes-env-manage{position:relative}.dv-ipes-env-manage .flex-v{display:flex;flex-direction:column}.dv-ipes-env-manage .mgl16{margin-left:16px}.dv-ipes-env-manage .cloud{position:absolute;top:20px;left:14px}.dv-ipes-env-manage .air-quality{display:flex;align-items:center;height:98px;padding:0 20px}.dv-ipes-env-manage .air-quality .air-quality__status{display:flex;align-items:center;height:100%;margin-right:20px}.dv-ipes-env-manage .air-quality .air-quality__status .air-quality__amount{z-index:0;display:flex;align-items:center;min-width:120px;height:100%;margin-right:8px;font-family:var(--font-family-number);font-size:72px;color:#ffd902}.dv-ipes-env-manage .air-quality .air-quality__status .air-quality__aqi{display:flex;flex-direction:column;justify-content:space-between;font-size:24px;white-space:nowrap}.dv-ipes-env-manage .air-quality .air-quality__status .air-quality__aqi .air-quality__aqi__label{color:#fff}.dv-ipes-env-manage .air-quality .air-quality__status .air-quality__aqi .air-quality__aqi__value{color:#ffd902}.dv-ipes-env-manage .air-quality .air-quality__pollute{display:flex;align-items:center;width:200px;height:100%;text-align:center}.dv-ipes-env-manage .air-quality .air-quality__pollute .air-quality__pollute__label{font-size:24px;color:#fff;opacity:.6}.dv-ipes-env-manage .air-quality .air-quality__pollute .air-quality__pollute__value{margin-left:8px;font-size:24px;color:#fff}.dv-ipes-env-manage .harm-list{display:flex;justify-content:space-between;margin:16px 0 18px;font-family:var(--font-family-text)}.dv-ipes-env-manage .harm-list .harm-list__column{width:150px;height:80px;text-align:center;background-repeat:no-repeat;background-size:100%}.dv-ipes-env-manage .harm-list .harm-list__column--primary{background-image:url(./images/icon-env-primary.png)}.dv-ipes-env-manage .harm-list .harm-list__column--primary .harm-list__column__value{font-size:28px;color:#0eed9b}.dv-ipes-env-manage .harm-list .harm-list__column--error{background-image:url(./images/icon-env-error.png)}.dv-ipes-env-manage .harm-list .harm-list__column--error .harm-list__column__value{font-size:28px;color:#ff5d54}.dv-ipes-env-manage .harm-list .harm-list__column--warning{background-image:url(./images/icon-env-warning.png)}.dv-ipes-env-manage .harm-list .harm-list__column--warning .harm-list__column__value{font-size:28px;color:#ff9902}.dv-ipes-env-manage .harm-list .harm-list__column .harm-list__column__label{margin-top:2px;font-size:24px;color:#fff}.dv-ipes-env-manage .harm-list .harm-list__column .harm-list__column__value{font-family:var(--font-family-number)}.dv-ipes-env-manage .date-text{line-height:1;color:rgba(255,255,255,.6)}.dv-ipes-env-manage .harm-gas{z-index:0;display:flex;align-items:center;justify-content:center;width:358px;height:32px;padding:8px 16px;margin-bottom:10px;font-family:var(--font-family-text);font-size:16px;color:#fff;text-align:center;background:radial-gradient(49% 49% at 50% 0,rgba(0,166,255,.7) 0,rgba(0,126,255,.19) 47%,rgba(0,126,255,0) 84%),radial-gradient(50% 50% at 50% 100%,#00a6ff 0,rgba(0,48,97,0) 100%),linear-gradient(90deg,rgba(0,48,97,0) 0,#003061 50%,rgba(0,48,97,0) 99%);border-style:solid;border-width:1px 0;border-image:linear-gradient(270deg,rgba(52,164,255,0) 0,#34b8ff 48%,rgba(52,164,255,0) 100%) 1 0 1 0}.dv-ipes-env-manage .harm-source{width:100%;margin-top:16px;overflow:hidden;font-family:var(--font-family-text)}.dv-ipes-env-manage .harm-source ::v-deep .el-progress-bar__outer{background:#032649}.dv-ipes-env-manage .harm-source .harm-source__inner{display:flex;width:200%;transition:ease transform .3s;transform:translate3d(0,0,0)}.dv-ipes-env-manage .harm-source .harm-source__title{display:flex;align-items:center;font-size:24px;color:#fff}.dv-ipes-env-manage .harm-source .harm-source__title .unit{opacity:.6}.dv-ipes-env-manage .harm-source .harm-source__row{box-sizing:border-box;padding:10px 12px;background:var(--bg-color-first-panel__card);border:1px solid rgba(170,201,255,.1);border-radius:3px;width:100%}.dv-ipes-env-manage .harm-source .harm-source__col{display:flex;flex-direction:column;margin:8px 0}.dv-ipes-env-manage .harm-source .harm-source__col:nth-last-child(1){margin-bottom:0}.dv-ipes-env-manage .harm-source .harm-source__total{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;font-size:24px}.dv-ipes-env-manage .harm-source .harm-source__total .label{color:#fff}.dv-ipes-env-manage .harm-source .harm-source__total .value{display:flex;align-items:center;font-family:var(--font-family-number)}.dv-ipes-env-manage .harm-source .harm-source__total .child{color:#0eed9b}.dv-ipes-env-manage .harm-source .harm-source__total .space{padding:0 2px;color:#fff;opacity:.2}.dv-ipes-env-manage .harm-source .harm-source__total .parent{color:var(--main-color)}.risk-emergency-manage{width:489px;padding:12px;font-size:24px;color:#fff;background:#05213d}.risk-emergency-manage .title{display:flex;align-items:center}.risk-emergency-manage .title .icon{margin-right:4px}.risk-emergency-manage .total{font-family:var(--font-family-number);font-size:24px;color:transparent;background:linear-gradient(180deg,#fff 19%,#8decff 89%);-webkit-background-clip:text}.risk-emergency-manage .risk_body{display:flex;justify-content:flex-start;margin:24px 0}.risk-emergency-manage .pie-card{position:relative;width:174px;height:124px}.risk-emergency-manage .pie-card .pie{width:174px;height:124px}.risk-emergency-manage .pie-card .bottom{position:absolute;bottom:8px;width:174px}.risk-emergency-manage .pie-card .top{position:absolute;top:-18px;left:50%;width:140px;transform:translateX(-50%)}.risk-emergency-manage .pie-card .label{position:absolute;top:-4px;width:100%;text-align:center}.risk-emergency-manage .pie-card .label .title{display:block}.risk-emergency-manage .pie-card .label .mgt8{margin-top:8px}.risk-emergency-manage .legend{flex:1;margin-left:24px}.risk-emergency-manage .legend .legend-item{display:flex;align-items:center;justify-content:flex-start}.risk-emergency-manage .legend .legend-item .circle{width:12px;height:12px;margin-right:4px;border-radius:12px}.risk-emergency-manage .legend .legend-item .circle,.risk-emergency-manage .legend .legend-item .typename{flex-shrink:0}.risk-emergency-manage .legend .legend-item .value{flex:1;font-family:var(--font-family-number);color:#00d4ff;text-align:right}.risk-emergency-manage .footer{display:flex;align-items:center;justify-content:center;width:100%;height:56px;background:radial-gradient(49% 49% at 50% 0,rgba(0,166,255,.7) 0,rgba(0,126,255,.19) 47%,rgba(0,126,255,0) 84%),radial-gradient(50% 50% at 50% 100%,#00a6ff 0,rgba(0,48,97,0) 100%),linear-gradient(90deg,rgba(0,48,97,0) 0,#003061 50%,rgba(0,48,97,0) 99%)}.risk-emergency-manage .footer .total{font-size:32px;line-height:1}.risk-emergency-manage .footer .mgr16{margin-right:16px}.single-item .num{color:#03d5fb}.environmental-risk-management{box-sizing:border-box;height:220px}.environmental-risk-management :only-child{margin-bottom:8px}.top-action{margin-bottom:16px;font-size:16px}.top-action span{color:#00d4ff}.middle-action{width:100%;height:10px;margin-bottom:16px;overflow:hidden;border-radius:5px}.middle-action .rate{width:25%;height:10px;background:rgba(255,255,255,.6)}.labels{color:rgba(255,255,255,.6)}.labels span:not(:last-child)::after{margin:0 2px;color:rgba(255,255,255,.6);content:"/"}.nums span:not(:last-child)::after{margin:0 2px;color:rgba(255,255,255,.7);content:"/"}.single-item{box-sizing:border-box;height:28px;padding:0 8px;color:#fff;background-color:rgba(27,121,211,.2);border:1px solid rgba(170,201,255,.1);border-radius:4px}.OrdorControl .specific-site .site-factor,.OrdorControl .specific-site .smell-number,.item-wrap{background:rgba(2,176,253,.1);box-sizing:border-box}.single-item .num:first-child{color:#0eed9b}.single-item .num:nth-child(2){color:#ff5d54}.single-item .num:nth-child(3){color:#fff}.single-item .num:not(:last-child)::after{margin:0 2px;color:rgba(255,255,255,.7);content:"/"}.dv-ipes-gas-control .single-item-wrap{margin-bottom:8px}.alarm-statistics-wrap{margin-top:16px}.item-wrap{width:100%;min-height:40px;max-height:72px;padding:8px;font-size:12px;border:1px solid rgba(0,147,255,.1);border-radius:4px}.item-wrap .top-action{display:flex;align-items:center;justify-content:space-between;height:18px;margin-bottom:6px;line-height:18px}.item-wrap .top-action .tag{box-sizing:border-box;padding:0 4px;color:#03d5fb;background:rgba(3,213,251,.3);border-radius:2px}.item-wrap .top-action .time{color:rgba(255,255,255,.6)}.item-wrap .bottom-action{display:box;width:100%;max-height:32px;overflow:hidden;line-height:16px;color:#fff;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}.tabs-wrap{display:inline-flex;align-items:center;justify-content:flex-start;width:auto;height:28px;font-size:12px;background:rgba(10,42,57,.8);border:1px solid #10354a;border-radius:4px}.tabs-wrap .tabs-item{box-sizing:border-box;min-width:40px;height:28px;padding:0 10px;line-height:28px;color:rgba(255,255,255,.6);text-align:center;cursor:pointer;border-right:1px solid #10354a}.tabs-wrap .tabs-item:last-child{border-right:none}.tabs-wrap .activeTab{margin-left:-1px;line-height:26px;color:#fff;background:rgba(9,78,115,.85);border:1px solid rgba(0,128,183,.85);border-radius:4px}.list:not(:last-child),.tab{margin-bottom:8px}.hazardous-list{height:138px;font-family:var(--font-family-text)}.hazardous-list .tool-tips__panel{box-sizing:border-box;display:flex;flex-direction:column;background:rgba(7,29,51,.95);border:1px solid rgba(0,212,255,.2);border-radius:2px;box-shadow:0 4px 10px 0 rgba(0,0,0,.05)}.hazardous-list .tool-tips__row{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;width:100%;margin-bottom:8px}.hazardous-list .tool-tips__label{margin-right:44px;font-size:16px;color:rgba(255,255,255,.6)}.hazardous-list .tool-tips__title{font-size:16px;color:#fff}.hazardous-list .tool-tips__marker{margin-right:8px}.hazardous-list .tool-tips__value{font-size:16px;color:var(--main-color)}.hazardous-list .tool-tips__suffix{margin-left:4px;font-size:16px;color:rgba(255,255,255,.6)}.dv-ipes-hazardous-vehicle-manage{box-sizing:border-box}.dv-ipes-hazardous-vehicle-manage .sealing-row{overflow:hidden}.dv-ipes-hazardous-vehicle-manage .sealing-header{display:flex;align-items:center;justify-content:space-between;white-space:nowrap}.dv-ipes-hazardous-vehicle-manage .sealing-header .module-icon{width:14px;height:14px;margin-right:4px}.dv-ipes-hazardous-vehicle-manage .sealing-header__title{display:flex;align-items:center;font-size:18px;line-height:18px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.dv-ipes-hazardous-vehicle-manage .sealing-header__title--sub{font-size:18px;color:rgba(255,255,255,.6)}.dv-ipes-hazardous-vehicle-manage .access-statistics{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;padding:8px 0;font-family:var(--font-family-text);text-align:center}.dv-ipes-hazardous-vehicle-manage .access-statistics .access-statistics-item{flex:1;width:97px;height:90px}.dv-ipes-hazardous-vehicle-manage .access-statistics .access-statistics-item--entry{background:url(./images/vehicle-car-entry.png) center center no-repeat;background-size:87px 90px}.dv-ipes-hazardous-vehicle-manage .access-statistics .access-statistics-item--entry .access-statistics-item__total{font-family:var(--font-family-number);color:#8decff;background:linear-gradient(180deg,#fff 19%,#8decff 89%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.dv-ipes-hazardous-vehicle-manage .access-statistics .access-statistics-item--exit{background:url(./images/vehicle-car-exit.png) center center no-repeat;background-size:87px 90px}.dv-ipes-hazardous-vehicle-manage .access-statistics .access-statistics-item--exit .access-statistics-item__total{font-family:var(--font-family-number);color:#ffeebf;background:linear-gradient(180deg,#fff 19%,#ffeebf 89%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.dv-ipes-hazardous-vehicle-manage .access-statistics .access-statistics-item__total{margin-bottom:8px;font-family:var(--font-family-number);font-size:24px;line-height:24px}.dv-ipes-hazardous-vehicle-manage .access-statistics .access-statistics-item__type{position:static;z-index:1;font-size:18px;line-height:18px;color:#fff}.dv-ipes-hazardous-vehicle-manage .hazardous-statistics{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;padding:8px 2px;font-family:var(--font-family-text);text-align:center}.dv-ipes-hazardous-vehicle-manage .hazardous-statistics .hazardous-statistics-item{display:flex;flex-direction:column;align-items:center;width:171px}.dv-ipes-hazardous-vehicle-manage .hazardous-statistics .hazardous-statistics-item:nth-child(1) .hazardous-statistics-item__total{height:86px;font-family:var(--font-family-number);background:url(./images/harous-car-total.png) center center no-repeat;background-size:auto 100%}.dv-ipes-hazardous-vehicle-manage .hazardous-statistics .hazardous-statistics-item:nth-child(1) .hazardous-statistics-item__total>span{color:#ffeebf;background:linear-gradient(180deg,#fff 19%,#ffeebf 89%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.dv-ipes-hazardous-vehicle-manage .hazardous-statistics .hazardous-statistics-item:nth-child(2) .hazardous-statistics-item__total{height:86px;font-family:var(--font-family-number);background:url(./images/harous-car-online.png) center center no-repeat;background-size:auto 100%}.dv-ipes-hazardous-vehicle-manage .hazardous-statistics .hazardous-statistics-item:nth-child(2) .hazardous-statistics-item__total>span{color:#8decff;background:linear-gradient(180deg,#fff 19%,#8decff 89%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.dv-ipes-hazardous-vehicle-manage .hazardous-statistics .hazardous-statistics-item__type{position:static;z-index:1;margin-bottom:7px;font-size:18px;line-height:18px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.dv-ipes-hazardous-vehicle-manage .hazardous-statistics .hazardous-statistics-item__total{width:142px;margin-bottom:12px;font-family:var(--font-family-number)}.dv-ipes-hazardous-vehicle-manage .hazardous-statistics .hazardous-statistics-item__total>span{display:block;padding-top:24px;margin-left:65px;font-size:24px;line-height:24px;text-align:left}.dv-ipes-hazardous-vehicle-manage .hazardous-statistics .hazardous-statistics-item__detail{box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;width:171px;height:56px;padding:8px 20px;background:rgba(27,121,211,.2);border:1px solid rgba(170,201,255,.1);border-radius:3px}.dv-ipes-hazardous-vehicle-manage .hazardous-statistics .hazardous-statistics-item__col{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between}.dv-ipes-hazardous-vehicle-manage .hazardous-statistics .hazardous-statistics-item__label{font-size:16px;line-height:16px;color:#fff;letter-spacing:0}.dv-ipes-hazardous-vehicle-manage .hazardous-statistics .hazardous-statistics-item__value{font-family:var(--font-family-number);font-size:16px;line-height:16px;color:#00d4ff;letter-spacing:0}.dv-ipes-inspection-manage{box-sizing:border-box;width:100%}.dv-ipes-inspection-manage .access-header{display:flex;align-items:center;justify-content:space-between;white-space:nowrap}.dv-ipes-inspection-manage .access-header .module-icon{width:14px;height:14px;margin-right:4px}.dv-ipes-inspection-manage .access-header__title{display:flex;align-items:center;font-size:18px;line-height:18px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.dv-ipes-inspection-manage .access-header__title--sub{font-size:18px;color:rgba(255,255,255,.6)}.dv-ipes-inspection-manage .inspection-total{--main-color:#00d4ff;z-index:1;margin-left:16px;font-family:var(--font-family-number);font-size:18px;color:var(--main-color)}.dv-ipes-inspection-manage .inspection-event{margin:-20px 0 8px;font-family:var(--font-family-text)}.dv-ipes-inspection-manage .inspection-event .inspection-num{display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-end}.dv-ipes-inspection-manage .inspection-event .inspection-num .right{display:flex;flex-wrap:nowrap;align-items:center;font-size:18px;line-height:18px;text-align:right}.dv-ipes-inspection-manage .inspection-event .inspection-num .value{font-family:var(--font-family-number)}.dv-ipes-inspection-manage .inspection-event .inspection-progress{height:8px;margin:10px 0}.dv-ipes-inspection-manage .inspection-event .inspection-percent{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;font-size:16px;color:rgba(255,255,255,.7)}.dv-ipes-inspection-manage .inspection-event .inspection-percent .left{display:flex;flex-wrap:nowrap;align-items:center}.dv-ipes-inspection-manage .inspection-event .inspection-percent .title{display:flex;align-items:center;margin-right:8px}.dv-ipes-inspection-manage .inspection-event .inspection-percent .right{display:flex;flex-wrap:nowrap;align-items:center;font-size:16px;line-height:16px;text-align:right}.dv-ipes-inspection-manage .inspection-event .space{margin:0 4px;font-size:16px;line-height:16px;color:#fff;opacity:.2}.dv-ipes-inspection-manage .inspection-list{margin-top:6px;font-family:var(--font-family-text)}.dv-ipes-inspection-manage .inspection-list .inspection-list-item{box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;width:358px;height:60px;padding:7px 16px;margin:0 0 8px;white-space:nowrap;cursor:pointer;background:var(--bg-color-first-panel__card);border:1px solid rgba(170,201,255,.1);border-radius:3px;transition:ease all 180ms;--bg-color-first-panel__card:rgba(27, 121, 211, 0.2)}.dv-ipes-inspection-manage .inspection-list .inspection-list-item--active{box-sizing:border-box;background:#000;border:1px solid #05ffd2;box-shadow:0 0 8px 0 #05ffe6}.dv-ipes-inspection-manage .inspection-list .inspection-list-item__name{width:100%;overflow:hidden;font-size:18px;color:#fff;text-overflow:ellipsis;white-space:nowrap}.dv-ipes-inspection-manage .inspection-list .inspection-list-item__time{font-size:16px;font-weight:400;line-height:16px;color:#fff;opacity:.6}.empty-data .text,.pre-level{opacity:.5}.app-item{width:200px;height:28px;cursor:pointer;background:no-repeat rgba(2,176,253,.1);border:1px solid rgba(0,147,255,.1);border-radius:4px}.app-item:hover{background:rgba(2,166,253,.25);border:1px solid #005377}.app-item-active{background:linear-gradient(90deg,rgba(2,137,253,.2) 0,rgba(2,137,253,.4) 20%,rgba(2,147,253,0) 100%);border:1px solid #0080b7}@keyframes clippath{0%,100%{clip-path:inset(0 0 95% 0)}25%{clip-path:inset(0 95% 0 0)}50%{clip-path:inset(95% 0 0 0)}75%{clip-path:inset(0 0 0 95%)}}.empty-data{width:100%;height:100%;text-align:center}.empty-data img{width:200px;height:128px}.number-wrap{width:auto;color:rgba(255,255,255,.2)}.number-wrap span:not(.last)::after{padding-right:1px;padding-left:1px;color:rgba(255,255,255,.2);content:"/"}.number-wrap span:last-child::after{content:""}.pre-level{margin:0 8px 4px 16px;font-size:12px;color:#fff}.OrdorControl .specific-site .site-factor .item-factor .right,.item-module{margin-left:8px}.energy-top{height:16px;margin-top:6px;margin-bottom:6px}.energy-bottom{width:100%;height:4px}.module-content{box-sizing:border-box;width:100%;padding-bottom:8px}.item-module{box-sizing:border-box;width:calc(100% - 16px);padding:0 8px;margin-bottom:4px;line-height:16px}.module-content .item-module:last-child{margin-bottom:0;color:#fff}.empty{margin-top:64px}.mgt4{margin-top:4px}.mgb4{margin-bottom:4px}.item-common{height:40px}.percentage-wrap{width:100%;height:4px;overflow:hidden;background:#1b455d;border-radius:2px}.percentage-wrap .percentage-item{height:100%}.flex{align-items:center;justify-content:space-between}.OrdorControl{height:272px}.OrdorControl .specific-site{color:#fff}.OrdorControl .specific-site .site-name{display:flex;padding:8px 8px 0;margin-bottom:4px;font-size:12px;line-height:12px}.OrdorControl .specific-site .site-name .site-title{width:108px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.OrdorControl .specific-site .site-name .time{white-space:nowrap;opacity:.7}.OrdorControl .specific-site .site-factor{max-height:108px;padding:4px 8px;margin:8px;overflow:hidden;border:1px solid rgba(0,147,255,.1);border-radius:4px}.OrdorControl .specific-site .site-factor .item-factor{display:flex;align-items:center;justify-content:space-between;font-family:MicrosoftYaHei;font-size:12px;line-height:16px}.OrdorControl .specific-site .site-factor .item-factor .left{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.OrdorControl .specific-site .site-factor .item-factor+.item-factor{margin-top:4px}.OrdorControl .specific-site .smell-number{height:120px;padding:4px;margin:0 8px;border:1px solid rgba(0,147,255,.1);border-radius:4px}.OrdorControl .specific-site .smell-number .head{display:flex;justify-content:space-between}.OrdorControl .specific-site .smell-number .head .title{font-size:14px;color:#fff}.OrdorControl .specific-site .smell-number .head .unit{font-size:12px;color:#fff;opacity:.5}.OrdorControl .specific-site .smell-number .echarts-bar{height:81px}.pollutant-source-manage{display:flex;width:489px;padding:12px;font-size:24px;color:#fff;background:#05213d}.pollutant-source-manage .card-box{display:flex;flex-direction:column;align-items:center;width:50%;height:80px;cursor:pointer;background:rgba(27,121,211,.2);border:1px solid rgba(170,201,255,.1);border-radius:3px}.pollutant-source-manage .card-box.active{background:#000;border:1px solid #00ff95}.pollutant-source-manage .card-box .title{margin-bottom:8px}.pollutant-source-manage .card-box .flex-c{display:flex;justify-content:center}.pollutant-source-manage .card-box .flex-c .status{display:flex;font-family:var(--font-family-number);font-size:28px}.pollutant-source-manage .card-box .flex-c .status span{padding:0 2px}.pollutant-source-manage .card-box+.card-box{margin-left:8px}.dv-ipes-real-timeAir-quality-manage{position:relative}.dv-ipes-real-timeAir-quality-manage .flex{display:flex;align-items:center;justify-content:space-between}.dv-ipes-real-timeAir-quality-manage .flex-c{justify-content:center}.dv-ipes-real-timeAir-quality-manage .flex-s{justify-content:flex-start}.dv-ipes-real-timeAir-quality-manage .absolute{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.dv-ipes-real-timeAir-quality-manage .cloud{top:50px;left:14px}.dv-ipes-real-timeAir-quality-manage .airQuality{align-items:flex-end;padding-left:40px;margin-top:18px}.dv-ipes-real-timeAir-quality-manage .airQuality .value{font-family:var(--font-family-number);font-size:72px;line-height:72px}.dv-ipes-real-timeAir-quality-manage .airQuality .main-pollutant{margin-left:20px;color:rgba(255,255,255,.6)}.dv-ipes-real-timeAir-quality-manage .featureAnalysis .value{font-family:var(--font-family-number);color:var(--main-color)}.dv-ipes-real-timeAir-quality-manage .mainPollutants-item{position:relative}.dv-ipes-real-timeAir-quality-manage .mainPollutants-item .pollutant-name,.dv-ipes-real-timeAir-quality-manage .mainPollutants-item .value{color:transparent;background:linear-gradient(180deg,#fff 19%,#8decff 89%);-webkit-background-clip:text}.dv-ipes-real-timeAir-quality-manage .mainPollutants-item .value{position:absolute;top:4px;font-family:var(--font-family-number)}.dv-ipes-real-timeAir-quality-manage .mainPollutants-item img{margin:0 25px}.dv-ipes-real-timeAir-quality-manage ::v-deep .el-empty{padding:10px 0}.dv-ipes-real-timeAir-quality-manage ::v-deep .el-empty .el-empty__description{margin-top:0}.dv-ipes-sealing-manage{box-sizing:border-box}.dv-ipes-sealing-manage .sealing-header{display:flex;align-items:center;justify-content:space-between;white-space:nowrap}.dv-ipes-sealing-manage .sealing-header .module-icon{width:14px;height:14px;margin-right:4px}.dv-ipes-sealing-manage .sealing-header__title{display:flex;align-items:center;font-size:18px;line-height:18px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.dv-ipes-sealing-manage .sealing-header__title--sub{font-size:18px;color:rgba(255,255,255,.6)}.dv-ipes-sealing-manage .access-statistics{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;padding:8px 0;font-family:var(--font-family-text);text-align:center}.dv-ipes-sealing-manage .access-statistics .access-statistics-item{flex:1;width:97px;height:90px}.dv-ipes-sealing-manage .access-statistics .access-statistics-item--entry{background:url(./images/vehicle-car-entry.png) center center no-repeat;background-size:87px 90px}.dv-ipes-sealing-manage .access-statistics .access-statistics-item--entry .access-statistics-item__total{font-family:var(--font-family-number);color:#8decff;background:linear-gradient(180deg,#fff 19%,#8decff 89%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.dv-ipes-sealing-manage .access-statistics .access-statistics-item--exit{background:url(./images/vehicle-car-exit.png) center center no-repeat;background-size:87px 90px}.dv-ipes-sealing-manage .access-statistics .access-statistics-item--exit .access-statistics-item__total{font-family:var(--font-family-number);color:#ffeebf;background:linear-gradient(180deg,#fff 19%,#ffeebf 89%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.dv-ipes-sealing-manage .access-statistics .access-statistics-item__total{margin-bottom:8px;font-family:var(--font-family-number);font-size:24px;line-height:24px}.dv-ipes-sealing-manage .access-statistics .access-statistics-item__type{position:static;z-index:1;font-size:18px;line-height:18px;color:#fff}.dv-ipes-sealing-manage .hazardous-statistics{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;padding:8px 2px;font-family:var(--font-family-text);text-align:center}.dv-ipes-sealing-manage .hazardous-statistics .hazardous-statistics-item{display:flex;flex-direction:column;align-items:center;width:171px}.dv-ipes-sealing-manage .hazardous-statistics .hazardous-statistics-item:nth-child(1) .hazardous-statistics-item__total{height:86px;font-family:var(--font-family-number);background:url(./images/harous-car-total.png) center center no-repeat;background-size:auto 100%}.dv-ipes-sealing-manage .hazardous-statistics .hazardous-statistics-item:nth-child(1) .hazardous-statistics-item__total>span{color:#ffeebf;background:linear-gradient(180deg,#fff 19%,#ffeebf 89%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.dv-ipes-sealing-manage .hazardous-statistics .hazardous-statistics-item:nth-child(2) .hazardous-statistics-item__total{height:86px;font-family:var(--font-family-number);background:url(./images/harous-car-online.png) center center no-repeat;background-size:auto 100%}.dv-ipes-sealing-manage .hazardous-statistics .hazardous-statistics-item:nth-child(2) .hazardous-statistics-item__total>span{color:#8decff;background:linear-gradient(180deg,#fff 19%,#8decff 89%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.dv-ipes-sealing-manage .hazardous-statistics .hazardous-statistics-item__type{position:static;z-index:1;margin-bottom:7px;font-size:18px;line-height:18px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.dv-ipes-sealing-manage .hazardous-statistics .hazardous-statistics-item__total{width:142px;margin-bottom:12px;font-family:var(--font-family-number)}.dv-ipes-sealing-manage .hazardous-statistics .hazardous-statistics-item__total>span{display:block;padding-top:24px;margin-left:65px;font-size:24px;line-height:24px;text-align:left}.dv-ipes-sealing-manage .hazardous-statistics .hazardous-statistics-item__detail{box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;width:171px;height:56px;padding:8px 20px;background:rgba(27,121,211,.2);border:1px solid rgba(170,201,255,.1);border-radius:3px}.dv-ipes-sealing-manage .hazardous-statistics .hazardous-statistics-item__col{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between}.dv-ipes-sealing-manage .hazardous-statistics .hazardous-statistics-item__label{font-size:16px;line-height:16px;color:#fff;letter-spacing:0}.dv-ipes-sealing-manage .hazardous-statistics .hazardous-statistics-item__value{font-family:var(--font-family-number);font-size:16px;line-height:16px;color:#00d4ff;letter-spacing:0}.flex{display:flex}.taskDispose{height:280px}.taskDispose .common-title{display:flex;justify-content:space-between;height:16px;margin-bottom:6px;font-size:14px;line-height:16px;color:#fff}.taskDispose .common-title .title-small{display:flex;font-size:12px;font-weight:400;color:#fff;letter-spacing:0}.taskDispose .common-title .title-small .title-small1{position:relative;width:50px;margin-right:4px}.taskDispose .common-title .title-small .title-small1::before{position:absolute;top:4px;left:-12px;width:8px;height:8px;content:"";background-color:#0eed95}.taskDispose .common-title .title-small .title-small2{position:relative;width:37px}.taskDispose .common-title .title-small .title-small2::before{position:absolute;top:4px;left:-12px;width:8px;height:8px;content:"";background-color:#ffbe00}.taskDispose .monitoring-points{position:relative;height:124px}.taskDispose .monitoring-points .item1{position:absolute;top:50px;left:32px;width:36px;font-size:1px;text-align:center}.taskDispose .monitoring-points .item2{position:absolute;top:50px;left:120px;width:36px;font-size:1px;text-align:center}.taskDispose .duty-name{box-sizing:border-box;width:100%;padding:4px 0 9px 16px}.taskDispose .duty-name .duty-title{width:100%;height:16px;font-family:MicrosoftYaHei;font-size:14px;font-weight:400;line-height:16px;color:#fff;letter-spacing:0}.taskDispose .echarts-wrap{width:100%;height:100px;margin:10px 0;text-align:center}.taskDispose .echarts-wrap .echarts-item{height:100%}.taskDispose .echarts-wrap .echarts-content{width:90px;height:70px}.taskDispose .echarts-wrap .point-title{width:100%;height:16px;margin-top:6px;line-height:16px;color:#fff}.taskDispose .echarts-pie{width:60px;height:60px}.taskDispose .itemsBox .lefts,.taskDispose .itemsBox .rights{height:16px;font-size:12px;font-weight:400;letter-spacing:0;color:#fff}.taskDispose .itemsBox{display:flex;justify-content:space-between;padding-bottom:6px}.taskDispose .itemsBox .lefts{padding-left:16px;opacity:.5}.taskDispose .itemsBox .rights{padding-right:16px}.vocStatistics{height:120px}.vocStatistics .vocHeader{color:#fff}.vocStatistics .vocContent{display:flex;margin-top:12px}.vocStatistics .vocContent .base-item{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:96px;height:74px;background:url(./img/voc_bg.png) center/cover no-repeat;background-position-y:bottom}.vocStatistics .vocContent .base-item .year{color:#fff;opacity:.6}.vocStatistics .vocContent .base-item .value{font-size:14px;font-weight:700;color:#fff}.dv-ipes-water-network{box-sizing:border-box}.dv-ipes-water-network .sealing-header{display:flex;align-items:center;justify-content:space-between;white-space:nowrap}.dv-ipes-water-network .sealing-header .module-icon{width:14px;height:14px;margin-right:4px}.dv-ipes-water-network .sealing-header__title{display:flex;align-items:center;font-size:18px;line-height:18px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.dv-ipes-water-network .sealing-header__title--sub{font-size:18px;color:rgba(255,255,255,.6)}.dv-ipes-water-network .water-device{font-family:var(--font-family-text)}.dv-ipes-water-network .water-device .water-device__info{margin:8px 0 12px;box-sizing:border-box;padding:8px 12px;background:rgba(27,121,211,.2);border:1px solid rgba(170,201,255,.1);border-radius:3px}.dv-ipes-water-network .water-device .water-device__percent{display:flex;align-items:center;justify-content:space-between;font-size:18px}.dv-ipes-water-network .water-device .water-device__percent .title{color:#fff}.dv-ipes-water-network .water-device .water-device__percent .value{font-family:var(--font-family-number);--main-color:#00d4ff;color:var(--main-color)}.dv-ipes-water-network .water-device .water-device__progress{margin:12px 0}.dv-ipes-water-network .water-device .water-device__detail{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;font-size:16px;color:rgba(255,255,255,.7)}.dv-ipes-water-network .water-device .water-device__detail .left{display:flex;flex-wrap:nowrap;align-items:center}.dv-ipes-water-network .water-device .water-device__detail .title{display:flex;align-items:center;margin-right:8px}.dv-ipes-water-network .water-device .water-device__detail .percent,.dv-ipes-water-network .water-device .water-device__detail .value{font-family:var(--font-family-number)}.dv-ipes-water-network .water-device .water-device__detail .icon{width:16px;height:16px}.dv-ipes-water-network .water-device .water-device__detail .right{display:flex;flex-wrap:nowrap;align-items:center}.dv-ipes-water-network .water-device .space{margin:0 4px;font-size:16px;line-height:16px;color:#fff;opacity:.2}.dv-ipes-water-network .water-statistics{display:flex;align-items:center;justify-content:space-between;margin-top:16px;font-family:var(--font-family-text)}.dv-ipes-water-network .water-statistics .water-statistics__number{display:flex;flex-direction:column;justify-content:space-between;height:144px}.dv-ipes-water-network .water-statistics .water-statistics__number .water-statistics-panel{display:flex;flex-wrap:nowrap;align-items:center;width:170px;height:68px;padding:12px 8px 12px 20px;margin-bottom:8px;background:url(./images/water-panel-border.png) center no-repeat;background-size:100%}.dv-ipes-water-network .water-statistics .water-statistics__number .water-statistics-panel .icon{width:30px}.dv-ipes-water-network .water-statistics .water-statistics__number .water-statistics-panel .title{font-size:16px;line-height:16px;color:#fff}.dv-ipes-water-network .water-statistics .water-statistics__number .water-statistics-panel .value{font-family:var(--font-family-number);font-size:20px;line-height:20px;--main-color:#00d4ff;color:var(--main-color)}.dv-ipes-water-network .water-statistics .water-statistics__number .water-statistics-panel .unit{margin-left:4px;font-size:16px;line-height:16px;color:#fff;opacity:.6}.dv-ipes-water-network .water-statistics .water-statistics__number .content{display:flex;flex-direction:column;justify-content:space-between;height:100%}.dv-ipes-water-network .water-statistics .water-statistics__percent{display:flex;flex-direction:column;justify-content:space-between;height:144px;padding:0 8px 13px}.dv-ipes-water-network .water-statistics .water-statistics__percent .title{position:relative;font-size:18px;line-height:18px;color:#fff;text-align:center;text-shadow:0 1px 2px 0 rgba(0,0,0,.5)}.dv-ipes-water-network .water-statistics .water-statistics__percent .title::before{position:absolute;top:9px;left:0;width:46px;height:1px;content:"";background:rgba(25,191,246,.4)}.dv-ipes-water-network .water-statistics .water-statistics__percent .title::after{position:absolute;top:9px;right:0;width:46px;height:1px;content:"";background:rgba(25,191,246,.4)}.dv-ipes-water-network .water-statistics .water-statistics__percent .content{box-sizing:border-box;width:160px;height:104px;font-size:33px;text-align:center;background:url(./images/water-panel-percent.png) center 40% no-repeat}.dv-ipes-water-network .water-statistics .water-statistics__percent .value{font-family:var(--font-family-number);font-size:33px;font-weight:400;text-align:center;background:linear-gradient(180deg,#fff 0,#19bff6 98%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
1
+ @charset "UTF-8";.air-quality .real-time-air .factor-name,.air-quality .real-time-air .real-number,.air-quality .real-time-air .real-time,.air-quality .real-time-air .real-title{font-family:MicrosoftYaHei;letter-spacing:0;font-weight:400}.mgb8{margin-top:8px}.air-quality .real-time-air{position:relative;height:96px}.air-quality .real-time-air .canvas-class{position:absolute;bottom:0;left:0}.air-quality .real-time-air .real-time-air-up{position:absolute;bottom:0;left:0;width:100%;height:96px}.air-quality .real-time-air .real-title{position:absolute;top:10px;left:16px;font-size:14px;color:#fff;opacity:.5}.air-quality .real-time-air .real-time{position:absolute;top:12px;left:109px;font-size:12px;color:#fff;opacity:.5}.air-quality .real-time-air .real-number{position:absolute;top:36px;left:20px;font-size:40px;color:#ffd902}.air-quality .real-time-air .factor-name{position:absolute;top:47px;left:80px;font-size:12px;color:#fff}.air-quality .real-time-air .factor-status{position:absolute;top:65px;left:80px;height:16px;font-family:MicrosoftYaHei-Bold;font-size:12px;font-weight:700;color:#ffd902;letter-spacing:0}.air-quality .real-time-air .first-pollute,.air-quality .real-time-air .other-factore,.air-quality .year-air-quality .excellent-rate .name{font-family:MicrosoftYaHei;font-size:12px;position:absolute;letter-spacing:0}.air-quality .real-time-air .first-pollute{top:65px;left:116px;width:24px;height:16px;font-weight:400;color:#fff;opacity:.5}.air-quality .real-time-air .other-factore{top:65px;left:144px;width:70px;height:16px;font-weight:400;color:#fff}.air-quality .real-time-air .other-factore .text{width:10px;overflow:hidden;text-overflow:ellipsis}.air-quality .year-air-quality{height:290px;margin:5px 0;background:rgba(2,176,253,.1);border:1px solid rgba(0,147,255,.11);border-radius:4px}.air-quality .year-air-quality .year-air-title{height:30px;font-size:14px;font-weight:400;line-height:30px;line-height:32px;color:#fff;text-indent:10px}.air-quality .year-air-quality .excellent-rate{position:relative;height:64px;background-image:url(./images/leaf1.png)}.air-quality .year-air-quality .excellent-rate .icon-img{position:absolute;top:5px;left:8px;width:56px;height:56px;background-image:url(./images/excellent-rate.png);background-repeat:round}.air-quality .year-air-quality .excellent-rate .name{top:8px;left:78px;font-weight:400}.air-quality .year-air-quality .excellent-rate .number{position:absolute;top:30px;left:78px;font-family:BebasNeue-Regular;font-size:24px;font-weight:400;color:#0eed95}.air-quality .year-air-quality .quality-table .table-row-header{display:flex;height:25px;font-size:12px;font-weight:400;line-height:25px;color:#8fafc7}.air-quality .year-air-quality .quality-table .table-row-header>div{flex:1}.air-quality .year-air-quality .quality-table .table-row-header .row-header1{text-indent:5px}.air-quality .year-air-quality .quality-table .table-row-header .row-header2,.air-quality .year-air-quality .quality-table .table-row-header .row-header3{text-align:center}.air-quality .year-air-quality .quality-table .table-row-body{display:flex;height:28px;line-height:28px}.air-quality .year-air-quality .quality-table .table-row-body>div{flex:1}.air-quality .year-air-quality .quality-table .table-row-body .row-body1{font-size:14px;text-indent:8px}.air-quality .year-air-quality .quality-table .table-row-body .row-body2{text-align:center}.air-quality .year-air-quality .quality-table .table-row-body .row-body3{color:#8fafc7;text-align:center}.air-quality .card-body{display:flex;width:100%;height:45px}.air-quality .card-body>.item:nth-child(1){order:1;word-wrap:break-word}.air-quality .card-body>.item:nth-child(2){order:2}.air-quality .card-body>.item:nth-child(3){order:3}.air-quality .d-flex{display:flex}.air-quality .card-panel-wrapper{float:left;margin:4px 4px 8px 16px;font-size:40px;font-weight:400;color:#00dd78;letter-spacing:0;border-radius:6px;transition:all .38s ease-out}.air-quality .card-panel-description{margin-left:4px;font-weight:700}.air-quality .card-panel-description .card-panel-text{margin-top:14px;margin-bottom:2px;font-size:12px;font-weight:400;color:#fff;letter-spacing:0}.air-quality .card-panel-description .card-panel-num{font-family:MicrosoftYaHei-Bold;font-size:12px;font-weight:700;color:#00dd78;letter-spacing:0;white-space:nowrap}.air-quality .card-panel-right{height:16px;margin-top:30px;font-size:12px;font-weight:400;color:#fff;letter-spacing:0}.air-quality .card-panel-right .card-panel-name{margin-right:4px;white-space:nowrap;opacity:.5}.air-quality .card-panel-right .card-panel-main{overflow:hidden;color:#fff;text-overflow:ellipsis;white-space:nowrap}.air-quality .card-panel-right .card-panel-main .text{width:50px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.air-pollution{height:304px;color:#fff}.air-pollution .enterprise-statistics{display:flex;align-items:center;height:64px;padding:16px 0 14px 16px}.air-pollution .enterprise-statistics .statistics-charts{position:relative;display:flex;align-items:center;justify-content:center;width:88px;height:44px}.air-pollution .enterprise-statistics .statistics-charts .img1{position:absolute;top:10px;left:5px;width:76.86px!important;animation:radioLineAnimation .9s linear .2s infinite alternate}.air-pollution .enterprise-statistics .statistics-charts .img2{position:absolute;top:11px;left:0;width:88px!important;animation:radioLineAnimation .9s linear .2s infinite alternate}.air-pollution .enterprise-statistics .statistics-list{width:88px;height:100%;margin-left:12.65px;font-size:12px}.air-pollution .enterprise-statistics .statistics-list>div{height:50%;line-height:25px}.air-pollution .enterprise-statistics .statistics-list>div span{display:inline-block}.air-pollution .enterprise-statistics .statistics-list>div span:nth-child(1){width:60%}.air-pollution .enterprise-statistics .statistics-list>div span:nth-child(2){width:20%;color:#03d5fb;text-align:right}.air-pollution .enterprise-statistics .statistics-list>div span:nth-child(3){width:20%;text-indent:4px;opacity:.5}.air-pollution .discharge-total{height:194px;margin:8px;background:rgba(2,176,253,.1);border:1px solid rgba(0,147,255,.1);border-radius:4px}.air-pollution .discharge-total .discharge-title{height:30px;font-family:MicrosoftYaHei;font-size:14px;font-weight:400;line-height:30px;color:#fff;text-indent:10px;letter-spacing:0}.air-pollution .discharge-total .discharge-title-small{height:20px;font-size:12px;color:#fff;text-indent:10px;opacity:.5}.air-pollution .discharge-total .box{height:calc(100% - 50px);margin:0 10px}.air-pollution .discharge-total .box .chart-statistics{height:33.3333333333%}.air-pollution .discharge-total .box .chart-statistics .chart-statistics-head{display:flex;justify-content:space-between;height:57%;font-family:MicrosoftYaHei;font-size:14px;font-weight:400;line-height:27px;letter-spacing:0}.air-pollution .discharge-total .box .chart-statistics .chart-statistics-head .statistics-head-name{max-width:85px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.air-pollution .discharge-total .box .chart-statistics .chart-statistics-head .statistics-head-number{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.air-pollution .discharge-total .box .chart-statistics .chart-statistics-body{display:flex;align-items:center;height:30%}.air-pollution .discharge-total .box .chart-statistics .chart-statistics-body .chart-statistics-body-box{display:flex;width:100%;height:4px;overflow:hidden;border-radius:4px}.air-pollution .discharge-total .box .chart-statistics .chart-statistics-body .chart-statistics-body-box .statistics-body-left{width:50%;height:4px;background-color:#ffd902}.air-pollution .discharge-total .box .chart-statistics .chart-statistics-body .chart-statistics-body-box .statistics-body-right{width:50%;height:4px;background-color:#fff;opacity:.2}.AirQualityManagement .real-time-air{position:relative;height:80px}.AirQualityManagement .real-time-air .canvas-class{position:absolute;top:0;left:0}.AirQualityManagement .real-time-air .real-time-air-up{position:absolute;bottom:0;left:0;width:100%;height:80px}.AirQualityManagement .real-time-air .real-title{position:absolute;top:10px;left:16px;font-family:MicrosoftYaHei;font-size:14px;font-weight:400;color:#fff;letter-spacing:0;opacity:.5}.AirQualityManagement .real-time-air .real-time{position:absolute;top:12px;left:109px;font-family:MicrosoftYaHei;font-size:12px;font-weight:400;color:#fff;letter-spacing:0;opacity:.5}.AirQualityManagement .real-time-air .pollute-div{position:absolute;top:28px;left:30px;display:flex}.AirQualityManagement .real-time-air .pollute-flex{display:flex;flex-direction:column;justify-content:center}.AirQualityManagement .real-time-air .first-pollute-flex{display:flex;align-items:flex-end;margin-bottom:8px;margin-left:16px}.AirQualityManagement .real-time-air .real-number{margin-right:4px;font-family:MicrosoftYaHei;font-size:40px;font-weight:400;color:#ffd902;letter-spacing:0}.AirQualityManagement .real-time-air .value-length{left:10px}.AirQualityManagement .real-time-air .factor-name{margin-bottom:8px;font-family:MicrosoftYaHei;font-size:12px;font-weight:400;color:#fff;letter-spacing:0}.AirQualityManagement .real-time-air .factor-status{font-family:MicrosoftYaHei-Bold;font-size:12px;font-weight:700;color:#ffd902;letter-spacing:0;white-space:nowrap}.AirQualityManagement .real-time-air .first-pollute{width:24px;height:16px;margin-right:4px;font-family:MicrosoftYaHei;font-size:12px;font-weight:400;color:#fff;letter-spacing:0;opacity:.5}.AirQualityManagement .real-time-air .other-factore{width:70px;height:16px;font-family:MicrosoftYaHei;font-size:12px;font-weight:400;color:#fff;letter-spacing:0}.AirQualityManagement .real-time-air .other-factore .text{width:70px;overflow:hidden;text-overflow:ellipsis}.AirQualityManagement .animationChartBox{position:relative;box-sizing:border-box;margin:auto auto 8px;background:no-repeat rgba(2,176,253,.1);border:1px solid transparent;border-radius:4px}.AirQualityManagement .animationChartBox .title{padding-top:6px;padding-left:8px;font-size:14px}.AirQualityManagement .animationChartBox .kqzhChart{position:absolute;top:42px;left:7%;z-index:3;width:105px;height:60px}.AirQualityManagement .animationChartBox .img_one{position:absolute;top:29%;left:6.5%;z-index:-4;width:40.5%;-webkit-animation:radioLineAnimation .9s linear .2s infinite alternate;animation:radioLineAnimation .9s linear .2s infinite alternate}.AirQualityManagement .animationChartBox .img_two{position:absolute;top:30%;left:4.2%;z-index:-4;width:45.5%;-webkit-animation:radioScaleAnimation .9s linear .2s infinite alternate;animation:radioScaleAnimation .9s linear .2s infinite alternate}.AirQualityManagement .animationChartBox .legendBox{position:absolute;top:36px;right:10px;display:flex;flex-direction:column;height:128px;font-size:12px}.AirQualityManagement .animationChartBox .legendBox .name{padding-right:8px}.AirQualityManagement .animationChartBox .legendBox .value{font-family:"Bebas Neue";font-size:16px;color:#0eed95}.AirQualityManagement .animationChartBox .legendBox .value2{color:#fff}.AirQualityManagement .animationChartBox .legendBox .mgb7{margin-bottom:7px}.AirQualityManagement .animationChartBox .legendBox .mgb14{margin-bottom:14px}.AirQualityManagement .animationChartBox .tableList{position:absolute;top:98px;z-index:4;box-sizing:border-box;width:100%;height:72px;padding:0 8px;overflow:hidden;font-size:12px}.AirQualityManagement .animationChartBox .tableList .th{opacity:.5}.AirQualityManagement .animationChartBox .tableList .tr .value1{padding-right:4px;color:#0eed95}.AirQualityManagement .animationChartBox .tableList .tr .value2{opacity:.5}.alarm-manage{font-size:24px}.alarm-manage .total{font-family:var(--font-family-number)}.alarm-manage .alarm-bar{height:168px;padding:10px 12px;margin:12px 0 24px;cursor:pointer;background:rgba(27,121,211,.2);border:1px solid rgba(170,201,255,.1);border-radius:3px}.alarm-manage .alarm-bar .total{color:var(--main-color)}.alarm-manage .alarm-bar .progress-bar{margin:20px 0}.alarm-manage .legend{min-width:400px}.alarm-manage .legend .circle{width:16px;height:16px;border-radius:16px}.alarm-manage .legend .total{text-align:center}.alarm-manage .alarm-list{height:120px;margin-top:16px}.alarm-manage .alarm-list-item{height:56px;padding-right:8px;margin-bottom:8px;cursor:pointer;background:rgba(146,30,30,.3);border:1px solid rgba(255,218,218,.1)}.alarm-manage .alarm-list-item.disabled{pointer-events:auto;cursor:not-allowed}.alarm-manage .alarm-list .time{flex-shrink:0;margin-left:12px;font-size:20px;color:rgba(255,255,255,.6)}.alarm-manage .module-title img,.alarm-manage .module-title span{vertical-align:middle}.flex-c{justify-content:center}.flex-s{justify-content:flex-start}.flex-1{flex:1}.mgr8{margin-right:8px}.mgb12{margin-bottom:12px}.BusinessManage{box-sizing:border-box;padding:12px 20px 28px 19px;background:#071d33;border:1px solid #00a6ff}.device-row{font-family:var(--font-family-text)}.device-row .device-row__info{box-sizing:border-box;padding:16px;background:var(--bg-color-first-panel__card);border:1px solid rgba(170,201,255,.1);border-radius:3px}.device-row .device-row__percent{display:flex;align-items:center;justify-content:flex-start;font-size:24px;line-height:24px}.device-row .device-row__percent .title{margin-right:12px;color:#fff}.device-row .device-row__percent .value{font-family:var(--font-family-number);color:var(--main-color)}.device-row .device-row__percent .date{margin-left:auto;font-size:20px;line-height:20px;color:rgba(255,255,255,.6)}.device-row .device-row__progress{width:calc(100% - 14px);height:20px;margin:16px 0}.device-row .device-row__detail{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;font-size:20px;line-height:20px;color:rgba(255,255,255,.7)}.device-row .device-row__detail .left{display:flex;flex-wrap:nowrap;align-items:center}.device-row .device-row__detail .title{display:flex;align-items:center;margin-right:8px}.device-row .device-row__detail .percent,.device-row .device-row__detail .value{font-family:var(--font-family-number)}.device-row .device-row__detail .icon{width:16px;height:16px}.device-row .device-row__detail .right{display:flex;flex-wrap:nowrap;align-items:center}.device-row .space{margin:0 4px;font-size:16px;line-height:16px;color:#fff;opacity:.2}.mgt12{margin-bottom:12px}.mgr4{margin-right:4px}.single-overflow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.emergencyDuty{width:500px;background:#021833}.env-mg{flex-wrap:wrap;justify-content:space-around}.env-mg .list{justify-content:center;width:224px;height:92px;background-repeat:no-repeat;background-size:100% 100%}.env-mg .list-user{justify-content:space-around;width:200px;height:74px;font-family:shzhjt;background:rgba(7,31,61,.5);border:2px solid #0c3c79}.env-mg .list-user .left{width:30px;height:46px}.env-mg .list-user .right{display:flex;flex-direction:column;align-items:center}.env-mg .list-user .right span{font-size:24px;color:#fff}.env-mg .list-user .right .name{max-width:98px;font-size:24px;color:#00d4ff}.env-mg .list-event{flex-direction:column;justify-content:space-around;width:154px;height:52px;font-family:shzhjt;font-size:24px;color:#f84439;border:2px solid #561c0b}.env-mg .list .isLeft{color:#00ff7e;border-color:#044035}.enterprise-protection-code{box-sizing:border-box;height:192px}.app-header-title{width:100%;padding:8px;font-size:14px;color:#fff}.env-codeList{box-sizing:border-box;height:32px;padding-bottom:8px;margin-bottom:8px;color:#fff}.env-codeList .code-wrap{display:flex;align-items:center;justify-content:center;width:33%}.env-codeList .code-wrap .icon,.env-codeList .code-wrap img{width:32px;height:32px;margin-right:4px}.env-codeList .code-wrap .value{font-size:14px}.enterprise-protection-code .item-module:last-child{margin-bottom:0}.common-title{height:16px;margin-bottom:6px;font-size:14px;line-height:16px;color:#fff}.env-list{position:relative;box-sizing:border-box;overflow-y:auto;background:rgba(2,176,253,.1);border:1px solid rgba(0,147,255,.1);border-radius:4px}.env-list .env-list-header{padding:8px;font-size:12px;color:rgba(255,255,255,.8);opacity:.5}.env-list .env-list-con{padding:0 8px;overflow:hidden;font-size:14px}.env-list .env-list-con .flex{margin-bottom:4px}.env-list .env-list-con .flex .name{width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.env-list .env-list-con .flex .name a{color:#fff}.env-list .env-list-con .flex .value{color:#03d5fb}.dv-ipes-access-vehicle{box-sizing:border-box;width:100%}.dv-ipes-access-vehicle .access-header{display:flex;align-items:center;justify-content:space-between;white-space:nowrap}.dv-ipes-access-vehicle .access-header .module-icon{width:14px;height:14px;margin-right:4px}.dv-ipes-access-vehicle .access-header__title{display:flex;align-items:center;font-size:18px;line-height:18px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.dv-ipes-access-vehicle .access-header__title--sub{font-size:18px;color:rgba(255,255,255,.6)}.dv-ipes-access-vehicle .access-statistics{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;padding:8px 0;text-align:center}.dv-ipes-access-vehicle .access-statistics .access-statistics-item{flex:1;width:97px;height:90px}.dv-ipes-access-vehicle .access-statistics .access-statistics-item--entry{background:url(./images/vehicle-car-entry.png) center center no-repeat;background-size:87px 90px}.dv-ipes-access-vehicle .access-statistics .access-statistics-item--entry .access-statistics-item__total{color:#8decff;background:linear-gradient(180deg,#fff 19%,#8decff 89%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.dv-ipes-access-vehicle .access-statistics .access-statistics-item--exit{background:url(./images/vehicle-car-exit.png) center center no-repeat;background-size:87px 90px}.dv-ipes-access-vehicle .access-statistics .access-statistics-item--exit .access-statistics-item__total{color:#ffeebf;background:linear-gradient(180deg,#fff 19%,#ffeebf 89%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.dv-ipes-access-vehicle .access-statistics .access-statistics-item__total{margin-bottom:8px;font-size:24px;line-height:24px}.dv-ipes-access-vehicle .access-statistics .access-statistics-item__type{position:static;z-index:1;font-size:18px;line-height:18px;color:#fff}.dv-ipes-env-manage,.dv-ipes-real-timeAir-quality-manage,.risk-emergency-manage .pie-card{position:relative}.dv-ipes-access-vehicle .access-list{margin-top:8px}.dv-ipes-access-vehicle .access-list .access-list-item{box-sizing:border-box;display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;width:100%;height:36px;padding:8px;margin:0 0 8px;white-space:nowrap;cursor:pointer;background:rgba(27,121,211,.2);border:1px solid rgba(170,201,255,.1);border-radius:3px;transition:ease all 180ms}.dv-ipes-access-vehicle .access-list .access-list-item--active{box-sizing:border-box;background:#000;border:1px solid #05ffd2;box-shadow:0 0 8px 0 #05ffe6}.dv-ipes-access-vehicle .access-list .access-list-item__info{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between}.dv-ipes-access-vehicle .access-list .access-list-item__type{width:50px;padding:2px 7px;margin-right:9px;overflow:hidden;font-size:18px;color:#fff;text-align:center;text-overflow:ellipsis;white-space:nowrap;background:#0aaeff;border-radius:3px}.dv-ipes-access-vehicle .access-list .access-list-item__type--entry{background:#0aaeff}.dv-ipes-access-vehicle .access-list .access-list-item__type--exit{background:#ffb443}.dv-ipes-access-vehicle .access-list .access-list-item__vehicle{font-size:18px;color:#fff;letter-spacing:0}.dv-ipes-access-vehicle .access-list .access-list-item__time{font-size:18px;font-weight:400;line-height:18px;color:#fff;letter-spacing:0;opacity:.6}.dv-ipes-env-manage .flex-v{display:flex;flex-direction:column}.dv-ipes-env-manage .mgl16{margin-left:16px}.dv-ipes-env-manage .cloud{position:absolute;top:20px;left:14px}.dv-ipes-env-manage .air-quality{display:flex;align-items:center;height:98px;padding:0 20px;font-family:var(--font-family-text)}.dv-ipes-env-manage .air-quality .air-quality__status{display:flex;align-items:center;height:100%;margin-right:20px}.dv-ipes-env-manage .air-quality .air-quality__status .air-quality__amount{z-index:0;display:flex;align-items:center;min-width:120px;height:100%;margin-right:8px;font-family:var(--font-family-number);font-size:72px;color:#ffd902}.dv-ipes-env-manage .air-quality .air-quality__status .air-quality__aqi{display:flex;flex-direction:column;justify-content:space-between;font-size:24px;white-space:nowrap}.dv-ipes-env-manage .air-quality .air-quality__status .air-quality__aqi .air-quality__aqi__label{color:#fff}.dv-ipes-env-manage .air-quality .air-quality__status .air-quality__aqi .air-quality__aqi__value{color:#ffd902}.dv-ipes-env-manage .air-quality .air-quality__pollute{display:flex;align-items:center;width:200px;height:100%;text-align:center}.dv-ipes-env-manage .air-quality .air-quality__pollute .air-quality__pollute__label{font-size:24px;color:#fff;opacity:.6}.dv-ipes-env-manage .air-quality .air-quality__pollute .air-quality__pollute__value{margin-left:8px;font-size:24px;color:#fff}.dv-ipes-env-manage .harm-list{display:flex;justify-content:space-between;margin:16px 0 18px;font-family:var(--font-family-text)}.dv-ipes-env-manage .harm-list .harm-list__column{width:150px;height:80px;text-align:center;background-repeat:no-repeat;background-size:100%}.dv-ipes-env-manage .harm-list .harm-list__column--primary{background-image:url(./images/icon-env-primary.png)}.dv-ipes-env-manage .harm-list .harm-list__column--primary .harm-list__column__value{font-size:28px;color:#0eed9b}.dv-ipes-env-manage .harm-list .harm-list__column--error{background-image:url(./images/icon-env-error.png)}.dv-ipes-env-manage .harm-list .harm-list__column--error .harm-list__column__value{font-size:28px;color:#ff5d54}.dv-ipes-env-manage .harm-list .harm-list__column--warning{background-image:url(./images/icon-env-warning.png)}.dv-ipes-env-manage .harm-list .harm-list__column--warning .harm-list__column__value{font-size:28px;color:#ff9902}.dv-ipes-env-manage .harm-list .harm-list__column .harm-list__column__label{margin-top:2px;font-size:24px;color:#fff}.dv-ipes-env-manage .harm-list .harm-list__column .harm-list__column__value{font-family:var(--font-family-number)}.dv-ipes-env-manage .date-text{line-height:1;color:rgba(255,255,255,.6)}.dv-ipes-env-manage .harm-gas{z-index:0;display:flex;align-items:center;justify-content:center;width:358px;height:32px;padding:8px 16px;margin-bottom:10px;font-family:var(--font-family-text);font-size:16px;color:#fff;text-align:center;background:radial-gradient(49% 49% at 50% 0,rgba(0,166,255,.7) 0,rgba(0,126,255,.19) 47%,rgba(0,126,255,0) 84%),radial-gradient(50% 50% at 50% 100%,#00a6ff 0,rgba(0,48,97,0) 100%),linear-gradient(90deg,rgba(0,48,97,0) 0,#003061 50%,rgba(0,48,97,0) 99%);border-style:solid;border-width:1px 0;border-image:linear-gradient(270deg,rgba(52,164,255,0) 0,#34b8ff 48%,rgba(52,164,255,0) 100%) 1 0 1 0}.dv-ipes-env-manage .harm-source{width:100%;margin-top:16px;overflow:hidden;font-family:var(--font-family-text)}.dv-ipes-env-manage .harm-source ::v-deep .el-progress-bar__outer{background:#032649}.dv-ipes-env-manage .harm-source .harm-source__inner{display:flex;width:200%;transition:ease transform .3s;transform:translate3d(0,0,0)}.dv-ipes-env-manage .harm-source .harm-source__title{display:flex;align-items:center;font-size:24px;color:#fff}.dv-ipes-env-manage .harm-source .harm-source__title .unit{opacity:.6}.dv-ipes-env-manage .harm-source .harm-source__row{box-sizing:border-box;padding:10px 12px;background:var(--bg-color-first-panel__card);border:1px solid rgba(170,201,255,.1);border-radius:3px;width:100%}.dv-ipes-env-manage .harm-source .harm-source__col{display:flex;flex-direction:column;margin:8px 0}.dv-ipes-env-manage .harm-source .harm-source__col:nth-last-child(1){margin-bottom:0}.dv-ipes-env-manage .harm-source .harm-source__total{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;font-size:24px}.dv-ipes-env-manage .harm-source .harm-source__total .label{color:#fff}.dv-ipes-env-manage .harm-source .harm-source__total .value{display:flex;align-items:center;font-family:var(--font-family-number)}.dv-ipes-env-manage .harm-source .harm-source__total .child{color:#0eed9b}.dv-ipes-env-manage .harm-source .harm-source__total .space{padding:0 2px;color:#fff;opacity:.2}.dv-ipes-env-manage .harm-source .harm-source__total .parent{color:var(--main-color)}.single-item .num{color:#03d5fb}.environmental-risk-management{box-sizing:border-box;height:220px}.environmental-risk-management :only-child{margin-bottom:8px}.item-wrap{box-sizing:border-box;width:100%;min-height:40px;max-height:72px;padding:8px;font-size:12px;background:rgba(2,176,253,.1);border:1px solid rgba(0,147,255,.1);border-radius:4px}.item-wrap .top-action{display:flex;align-items:center;justify-content:space-between;height:18px;margin-bottom:6px;line-height:18px}.item-wrap .top-action .tag{box-sizing:border-box;padding:0 4px;color:#03d5fb;background:rgba(3,213,251,.3);border-radius:2px}.item-wrap .top-action .time{color:rgba(255,255,255,.6)}.item-wrap .bottom-action{display:box;width:100%;max-height:32px;overflow:hidden;line-height:16px;color:#fff;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}.tabs-wrap{display:inline-flex;align-items:center;justify-content:flex-start;width:auto;height:28px;font-size:12px;background:rgba(10,42,57,.8);border:1px solid #10354a;border-radius:4px}.tabs-wrap .tabs-item{box-sizing:border-box;min-width:40px;height:28px;padding:0 10px;line-height:28px;color:rgba(255,255,255,.6);text-align:center;cursor:pointer;border-right:1px solid #10354a}.tabs-wrap .tabs-item:last-child{border-right:none}.tabs-wrap .activeTab{margin-left:-1px;line-height:26px;color:#fff;background:rgba(9,78,115,.85);border:1px solid rgba(0,128,183,.85);border-radius:4px}.list:not(:last-child),.tab{margin-bottom:8px}.hazardous-list{height:138px;font-family:var(--font-family-text)}.hazardous-list .tool-tips__panel{box-sizing:border-box;display:flex;flex-direction:column;background:rgba(7,29,51,.95);border:1px solid rgba(0,212,255,.2);border-radius:2px;box-shadow:0 4px 10px 0 rgba(0,0,0,.05)}.hazardous-list .tool-tips__row{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;width:100%;margin-bottom:8px}.hazardous-list .tool-tips__label{margin-right:44px;font-size:16px;color:rgba(255,255,255,.6)}.hazardous-list .tool-tips__title{font-size:16px;color:#fff}.hazardous-list .tool-tips__marker{margin-right:8px}.hazardous-list .tool-tips__value{font-size:16px;color:var(--main-color)}.hazardous-list .tool-tips__suffix{margin-left:4px;font-size:16px;color:rgba(255,255,255,.6)}.dv-ipes-hazardous-vehicle-manage{box-sizing:border-box}.dv-ipes-hazardous-vehicle-manage .sealing-row{overflow:hidden}.dv-ipes-hazardous-vehicle-manage .sealing-header{display:flex;align-items:center;justify-content:space-between;white-space:nowrap}.dv-ipes-hazardous-vehicle-manage .sealing-header .module-icon{width:14px;height:14px;margin-right:4px}.dv-ipes-hazardous-vehicle-manage .sealing-header__title{display:flex;align-items:center;font-size:18px;line-height:18px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.dv-ipes-hazardous-vehicle-manage .sealing-header__title--sub{font-size:18px;color:rgba(255,255,255,.6)}.dv-ipes-hazardous-vehicle-manage .access-statistics{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;padding:8px 0;font-family:var(--font-family-text);text-align:center}.dv-ipes-hazardous-vehicle-manage .access-statistics .access-statistics-item{flex:1;width:97px;height:90px}.dv-ipes-hazardous-vehicle-manage .access-statistics .access-statistics-item--entry{background:url(./images/vehicle-car-entry.png) center center no-repeat;background-size:87px 90px}.dv-ipes-hazardous-vehicle-manage .access-statistics .access-statistics-item--entry .access-statistics-item__total{font-family:var(--font-family-number);color:#8decff;background:linear-gradient(180deg,#fff 19%,#8decff 89%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.dv-ipes-hazardous-vehicle-manage .access-statistics .access-statistics-item--exit{background:url(./images/vehicle-car-exit.png) center center no-repeat;background-size:87px 90px}.dv-ipes-hazardous-vehicle-manage .access-statistics .access-statistics-item--exit .access-statistics-item__total{font-family:var(--font-family-number);color:#ffeebf;background:linear-gradient(180deg,#fff 19%,#ffeebf 89%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.dv-ipes-hazardous-vehicle-manage .access-statistics .access-statistics-item__total{margin-bottom:8px;font-family:var(--font-family-number);font-size:24px;line-height:24px}.dv-ipes-hazardous-vehicle-manage .access-statistics .access-statistics-item__type{position:static;z-index:1;font-size:18px;line-height:18px;color:#fff}.dv-ipes-hazardous-vehicle-manage .hazardous-statistics{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;padding:8px 2px;font-family:var(--font-family-text);text-align:center}.dv-ipes-hazardous-vehicle-manage .hazardous-statistics .hazardous-statistics-item{display:flex;flex-direction:column;align-items:center;width:171px}.dv-ipes-hazardous-vehicle-manage .hazardous-statistics .hazardous-statistics-item:nth-child(1) .hazardous-statistics-item__total{height:86px;font-family:var(--font-family-number);background:url(./images/harous-car-total.png) center center no-repeat;background-size:auto 100%}.dv-ipes-hazardous-vehicle-manage .hazardous-statistics .hazardous-statistics-item:nth-child(1) .hazardous-statistics-item__total>span{color:#ffeebf;background:linear-gradient(180deg,#fff 19%,#ffeebf 89%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.dv-ipes-hazardous-vehicle-manage .hazardous-statistics .hazardous-statistics-item:nth-child(2) .hazardous-statistics-item__total{height:86px;font-family:var(--font-family-number);background:url(./images/harous-car-online.png) center center no-repeat;background-size:auto 100%}.dv-ipes-hazardous-vehicle-manage .hazardous-statistics .hazardous-statistics-item:nth-child(2) .hazardous-statistics-item__total>span{color:#8decff;background:linear-gradient(180deg,#fff 19%,#8decff 89%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.dv-ipes-hazardous-vehicle-manage .hazardous-statistics .hazardous-statistics-item__type{position:static;z-index:1;margin-bottom:7px;font-size:18px;line-height:18px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.dv-ipes-hazardous-vehicle-manage .hazardous-statistics .hazardous-statistics-item__total{width:142px;margin-bottom:12px;font-family:var(--font-family-number)}.dv-ipes-hazardous-vehicle-manage .hazardous-statistics .hazardous-statistics-item__total>span{display:block;padding-top:24px;margin-left:65px;font-size:24px;line-height:24px;text-align:left}.dv-ipes-hazardous-vehicle-manage .hazardous-statistics .hazardous-statistics-item__detail{box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;width:171px;height:56px;padding:8px 20px;background:rgba(27,121,211,.2);border:1px solid rgba(170,201,255,.1);border-radius:3px}.dv-ipes-hazardous-vehicle-manage .hazardous-statistics .hazardous-statistics-item__col{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between}.dv-ipes-hazardous-vehicle-manage .hazardous-statistics .hazardous-statistics-item__label{font-size:16px;line-height:16px;color:#fff;letter-spacing:0}.dv-ipes-hazardous-vehicle-manage .hazardous-statistics .hazardous-statistics-item__value{font-family:var(--font-family-number);font-size:16px;line-height:16px;color:#00d4ff;letter-spacing:0}.dv-ipes-inspection-manage{box-sizing:border-box;width:100%}.dv-ipes-inspection-manage .access-header{display:flex;align-items:center;justify-content:space-between;white-space:nowrap}.dv-ipes-inspection-manage .access-header .module-icon{width:14px;height:14px;margin-right:4px}.dv-ipes-inspection-manage .access-header__title{display:flex;align-items:center;font-size:18px;line-height:18px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.dv-ipes-inspection-manage .access-header__title--sub{font-size:18px;color:rgba(255,255,255,.6)}.dv-ipes-inspection-manage .inspection-total{--main-color:#00d4ff;z-index:1;margin-left:16px;font-family:var(--font-family-number);font-size:18px;color:var(--main-color)}.dv-ipes-inspection-manage .inspection-event{margin:-20px 0 8px;font-family:var(--font-family-text)}.dv-ipes-inspection-manage .inspection-event .inspection-num{display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-end}.dv-ipes-inspection-manage .inspection-event .inspection-num .right{display:flex;flex-wrap:nowrap;align-items:center;font-size:18px;line-height:18px;text-align:right}.dv-ipes-inspection-manage .inspection-event .inspection-num .value{font-family:var(--font-family-number)}.dv-ipes-inspection-manage .inspection-event .inspection-progress{height:8px;margin:10px 0}.dv-ipes-inspection-manage .inspection-event .inspection-percent{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;font-size:16px;color:rgba(255,255,255,.7)}.dv-ipes-inspection-manage .inspection-event .inspection-percent .left{display:flex;flex-wrap:nowrap;align-items:center}.dv-ipes-inspection-manage .inspection-event .inspection-percent .title{display:flex;align-items:center;margin-right:8px}.dv-ipes-inspection-manage .inspection-event .inspection-percent .right{display:flex;flex-wrap:nowrap;align-items:center;font-size:16px;line-height:16px;text-align:right}.dv-ipes-inspection-manage .inspection-event .space{margin:0 4px;font-size:16px;line-height:16px;color:#fff;opacity:.2}.dv-ipes-inspection-manage .inspection-list{margin-top:6px;font-family:var(--font-family-text)}.dv-ipes-inspection-manage .inspection-list .inspection-list-item{box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;width:358px;height:60px;padding:7px 16px;margin:0 0 8px;white-space:nowrap;cursor:pointer;background:var(--bg-color-first-panel__card);border:1px solid rgba(170,201,255,.1);border-radius:3px;transition:ease all 180ms;--bg-color-first-panel__card:rgba(27, 121, 211, 0.2)}.dv-ipes-inspection-manage .inspection-list .inspection-list-item--active{box-sizing:border-box;background:#000;border:1px solid #05ffd2;box-shadow:0 0 8px 0 #05ffe6}.dv-ipes-inspection-manage .inspection-list .inspection-list-item__name{width:100%;overflow:hidden;font-size:18px;color:#fff;text-overflow:ellipsis;white-space:nowrap}.dv-ipes-inspection-manage .inspection-list .inspection-list-item__time{font-size:16px;font-weight:400;line-height:16px;color:#fff;opacity:.6}.top-action{margin-bottom:16px;font-size:16px}.top-action span{color:#00d4ff}.middle-action{width:100%;height:10px;margin-bottom:16px;overflow:hidden;border-radius:5px}.middle-action .rate{width:25%;height:10px;background:rgba(255,255,255,.6)}.labels{color:rgba(255,255,255,.6)}.labels span:not(:last-child)::after{margin:0 2px;color:rgba(255,255,255,.6);content:"/"}.nums span:not(:last-child)::after{margin:0 2px;color:rgba(255,255,255,.7);content:"/"}.single-item{box-sizing:border-box;height:28px;padding:0 8px;color:#fff;background-color:rgba(27,121,211,.2);border:1px solid rgba(170,201,255,.1);border-radius:4px}.single-item .num:first-child{color:#0eed9b}.single-item .num:nth-child(2){color:#ff5d54}.single-item .num:nth-child(3){color:#fff}.single-item .num:not(:last-child)::after{margin:0 2px;color:rgba(255,255,255,.7);content:"/"}.dv-ipes-gas-control .single-item-wrap{margin-bottom:8px}.alarm-statistics-wrap{margin-top:16px}.risk-emergency-manage{width:489px;padding:12px;font-size:24px;color:#fff;background:#05213d}.risk-emergency-manage .title{display:flex;align-items:center}.risk-emergency-manage .title .icon{margin-right:4px}.risk-emergency-manage .total{font-family:var(--font-family-number);font-size:24px;color:transparent;background:linear-gradient(180deg,#fff 19%,#8decff 89%);-webkit-background-clip:text}.risk-emergency-manage .risk_body{display:flex;justify-content:flex-start;margin:24px 0}.risk-emergency-manage .pie-card,.risk-emergency-manage .pie-card .pie{width:174px;height:124px}.risk-emergency-manage .pie-card .bottom{position:absolute;bottom:8px;width:174px}.risk-emergency-manage .pie-card .top{position:absolute;top:-18px;left:50%;width:140px;transform:translateX(-50%)}.risk-emergency-manage .pie-card .label{position:absolute;top:-4px;width:100%;text-align:center}.risk-emergency-manage .pie-card .label .title{display:block}.risk-emergency-manage .pie-card .label .mgt8{margin-top:8px}.risk-emergency-manage .legend{flex:1;margin-left:24px}.risk-emergency-manage .legend .legend-item{display:flex;align-items:center;justify-content:flex-start}.risk-emergency-manage .legend .legend-item .circle{width:12px;height:12px;margin-right:4px;border-radius:12px}.risk-emergency-manage .legend .legend-item .circle,.risk-emergency-manage .legend .legend-item .typename{flex-shrink:0}.risk-emergency-manage .legend .legend-item .value{flex:1;font-family:var(--font-family-number);color:#00d4ff;text-align:right}.risk-emergency-manage .footer{display:flex;align-items:center;justify-content:center;width:100%;height:56px;background:radial-gradient(49% 49% at 50% 0,rgba(0,166,255,.7) 0,rgba(0,126,255,.19) 47%,rgba(0,126,255,0) 84%),radial-gradient(50% 50% at 50% 100%,#00a6ff 0,rgba(0,48,97,0) 100%),linear-gradient(90deg,rgba(0,48,97,0) 0,#003061 50%,rgba(0,48,97,0) 99%)}.risk-emergency-manage .footer .total{font-size:32px;line-height:1}.risk-emergency-manage .footer .mgr16{margin-right:16px}.pollutant-source-manage{display:flex;width:489px;padding:12px;font-size:24px;color:#fff;background:#05213d}.pollutant-source-manage .card-box{display:flex;flex-direction:column;align-items:center;width:50%;height:80px;cursor:pointer;background:rgba(27,121,211,.2);border:1px solid rgba(170,201,255,.1);border-radius:3px}.pollutant-source-manage .card-box.active{background:#000;border:1px solid #00ff95}.pollutant-source-manage .card-box .title{margin-bottom:8px}.pollutant-source-manage .card-box .flex-c{display:flex;justify-content:center}.pollutant-source-manage .card-box .flex-c .status{display:flex;font-family:var(--font-family-number);font-size:28px}.pollutant-source-manage .card-box .flex-c .status span{padding:0 2px}.pollutant-source-manage .card-box+.card-box{margin-left:8px}.dv-ipes-real-timeAir-quality-manage .flex{display:flex;align-items:center;justify-content:space-between}.dv-ipes-real-timeAir-quality-manage .flex-c{justify-content:center}.dv-ipes-real-timeAir-quality-manage .flex-s{justify-content:flex-start}.dv-ipes-real-timeAir-quality-manage .absolute{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.dv-ipes-real-timeAir-quality-manage .cloud{top:50px;left:14px}.dv-ipes-real-timeAir-quality-manage .airQuality{align-items:flex-end;padding-left:40px;margin-top:18px}.dv-ipes-real-timeAir-quality-manage .airQuality .value{font-family:var(--font-family-number);font-size:72px;line-height:72px}.dv-ipes-real-timeAir-quality-manage .airQuality .main-pollutant{margin-left:20px;color:rgba(255,255,255,.6)}.dv-ipes-real-timeAir-quality-manage .featureAnalysis .value{font-family:var(--font-family-number);color:var(--main-color)}.dv-ipes-real-timeAir-quality-manage .mainPollutants-item{position:relative}.dv-ipes-real-timeAir-quality-manage .mainPollutants-item .pollutant-name,.dv-ipes-real-timeAir-quality-manage .mainPollutants-item .value{color:transparent;background:linear-gradient(180deg,#fff 19%,#8decff 89%);-webkit-background-clip:text}.dv-ipes-real-timeAir-quality-manage .mainPollutants-item .value{position:absolute;top:4px;font-family:var(--font-family-number)}.dv-ipes-real-timeAir-quality-manage .mainPollutants-item img{margin:0 25px}.dv-ipes-real-timeAir-quality-manage ::v-deep .el-empty{padding:10px 0}.dv-ipes-real-timeAir-quality-manage ::v-deep .el-empty .el-empty__description{margin-top:0}.OrdorControl{height:272px}.OrdorControl .specific-site{color:#fff}.OrdorControl .specific-site .site-name{display:flex;padding:8px 8px 0;margin-bottom:4px;font-size:12px;line-height:12px}.OrdorControl .specific-site .site-name .site-title{width:108px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.OrdorControl .specific-site .site-name .time{white-space:nowrap;opacity:.7}.OrdorControl .specific-site .site-factor{box-sizing:border-box;max-height:108px;padding:4px 8px;margin:8px;overflow:hidden;background:rgba(2,176,253,.1);border:1px solid rgba(0,147,255,.1);border-radius:4px}.OrdorControl .specific-site .site-factor .item-factor{display:flex;align-items:center;justify-content:space-between;font-family:MicrosoftYaHei;font-size:12px;line-height:16px}.OrdorControl .specific-site .site-factor .item-factor .left{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.OrdorControl .specific-site .site-factor .item-factor .right{margin-left:8px}.OrdorControl .specific-site .site-factor .item-factor+.item-factor{margin-top:4px}.OrdorControl .specific-site .smell-number{box-sizing:border-box;height:120px;padding:4px;margin:0 8px;background:rgba(2,176,253,.1);border:1px solid rgba(0,147,255,.1);border-radius:4px}.OrdorControl .specific-site .smell-number .head{display:flex;justify-content:space-between}.OrdorControl .specific-site .smell-number .head .title{font-size:14px;color:#fff}.OrdorControl .specific-site .smell-number .head .unit{font-size:12px;color:#fff;opacity:.5}.OrdorControl .specific-site .smell-number .echarts-bar{height:81px}.app-item{width:200px;height:28px;cursor:pointer;background:no-repeat rgba(2,176,253,.1);border:1px solid rgba(0,147,255,.1);border-radius:4px}.app-item:hover{background:rgba(2,166,253,.25);border:1px solid #005377}.app-item-active{background:linear-gradient(90deg,rgba(2,137,253,.2) 0,rgba(2,137,253,.4) 20%,rgba(2,147,253,0) 100%);border:1px solid #0080b7}@keyframes clippath{0%,100%{clip-path:inset(0 0 95% 0)}25%{clip-path:inset(0 95% 0 0)}50%{clip-path:inset(95% 0 0 0)}75%{clip-path:inset(0 0 0 95%)}}.empty-data{width:100%;height:100%;text-align:center}.empty-data img{width:200px;height:128px}.empty-data .text{opacity:.5}.number-wrap{width:auto;color:rgba(255,255,255,.2)}.number-wrap span:not(.last)::after{padding-right:1px;padding-left:1px;color:rgba(255,255,255,.2);content:"/"}.number-wrap span:last-child::after{content:""}.pre-level{margin:0 8px 4px 16px;font-size:12px;color:#fff;opacity:.5}.energy-top{height:16px;margin-top:6px;margin-bottom:6px}.energy-bottom{width:100%;height:4px}.module-content{box-sizing:border-box;width:100%;padding-bottom:8px}.item-module{box-sizing:border-box;width:calc(100% - 16px);padding:0 8px;margin-bottom:4px;margin-left:8px;line-height:16px}.module-content .item-module:last-child{margin-bottom:0;color:#fff}.empty{margin-top:64px}.mgt4{margin-top:4px}.mgb4{margin-bottom:4px}.item-common{height:40px}.percentage-wrap{width:100%;height:4px;overflow:hidden;background:#1b455d;border-radius:2px}.percentage-wrap .percentage-item{height:100%}.flex{align-items:center;justify-content:space-between}.dv-ipes-sealing-manage{box-sizing:border-box}.dv-ipes-sealing-manage .sealing-header{display:flex;align-items:center;justify-content:space-between;white-space:nowrap}.dv-ipes-sealing-manage .sealing-header .module-icon{width:14px;height:14px;margin-right:4px}.dv-ipes-sealing-manage .sealing-header__title{display:flex;align-items:center;font-size:18px;line-height:18px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.dv-ipes-sealing-manage .sealing-header__title--sub{font-size:18px;color:rgba(255,255,255,.6)}.dv-ipes-sealing-manage .access-statistics{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;padding:8px 0;font-family:var(--font-family-text);text-align:center}.dv-ipes-sealing-manage .access-statistics .access-statistics-item{flex:1;width:97px;height:90px}.dv-ipes-sealing-manage .access-statistics .access-statistics-item--entry{background:url(./images/vehicle-car-entry.png) center center no-repeat;background-size:87px 90px}.dv-ipes-sealing-manage .access-statistics .access-statistics-item--entry .access-statistics-item__total{font-family:var(--font-family-number);color:#8decff;background:linear-gradient(180deg,#fff 19%,#8decff 89%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.dv-ipes-sealing-manage .access-statistics .access-statistics-item--exit{background:url(./images/vehicle-car-exit.png) center center no-repeat;background-size:87px 90px}.dv-ipes-sealing-manage .access-statistics .access-statistics-item--exit .access-statistics-item__total{font-family:var(--font-family-number);color:#ffeebf;background:linear-gradient(180deg,#fff 19%,#ffeebf 89%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.dv-ipes-sealing-manage .access-statistics .access-statistics-item__total{margin-bottom:8px;font-family:var(--font-family-number);font-size:24px;line-height:24px}.dv-ipes-sealing-manage .access-statistics .access-statistics-item__type{position:static;z-index:1;font-size:18px;line-height:18px;color:#fff}.dv-ipes-sealing-manage .hazardous-statistics{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;padding:8px 2px;font-family:var(--font-family-text);text-align:center}.dv-ipes-sealing-manage .hazardous-statistics .hazardous-statistics-item{display:flex;flex-direction:column;align-items:center;width:171px}.dv-ipes-sealing-manage .hazardous-statistics .hazardous-statistics-item:nth-child(1) .hazardous-statistics-item__total{height:86px;font-family:var(--font-family-number);background:url(./images/harous-car-total.png) center center no-repeat;background-size:auto 100%}.dv-ipes-sealing-manage .hazardous-statistics .hazardous-statistics-item:nth-child(1) .hazardous-statistics-item__total>span{color:#ffeebf;background:linear-gradient(180deg,#fff 19%,#ffeebf 89%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.dv-ipes-sealing-manage .hazardous-statistics .hazardous-statistics-item:nth-child(2) .hazardous-statistics-item__total{height:86px;font-family:var(--font-family-number);background:url(./images/harous-car-online.png) center center no-repeat;background-size:auto 100%}.dv-ipes-sealing-manage .hazardous-statistics .hazardous-statistics-item:nth-child(2) .hazardous-statistics-item__total>span{color:#8decff;background:linear-gradient(180deg,#fff 19%,#8decff 89%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.dv-ipes-sealing-manage .hazardous-statistics .hazardous-statistics-item__type{position:static;z-index:1;margin-bottom:7px;font-size:18px;line-height:18px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.dv-ipes-sealing-manage .hazardous-statistics .hazardous-statistics-item__total{width:142px;margin-bottom:12px;font-family:var(--font-family-number)}.dv-ipes-sealing-manage .hazardous-statistics .hazardous-statistics-item__total>span{display:block;padding-top:24px;margin-left:65px;font-size:24px;line-height:24px;text-align:left}.dv-ipes-sealing-manage .hazardous-statistics .hazardous-statistics-item__detail{box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;width:171px;height:56px;padding:8px 20px;background:rgba(27,121,211,.2);border:1px solid rgba(170,201,255,.1);border-radius:3px}.dv-ipes-sealing-manage .hazardous-statistics .hazardous-statistics-item__col{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between}.dv-ipes-sealing-manage .hazardous-statistics .hazardous-statistics-item__label{font-size:16px;line-height:16px;color:#fff;letter-spacing:0}.dv-ipes-sealing-manage .hazardous-statistics .hazardous-statistics-item__value{font-family:var(--font-family-number);font-size:16px;line-height:16px;color:#00d4ff;letter-spacing:0}.vocStatistics{height:120px}.vocStatistics .vocHeader{color:#fff}.vocStatistics .vocContent{display:flex;margin-top:12px}.vocStatistics .vocContent .base-item{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:96px;height:74px;background:url(./img/voc_bg.png) center/cover no-repeat;background-position-y:bottom}.vocStatistics .vocContent .base-item .year{color:#fff;opacity:.6}.vocStatistics .vocContent .base-item .value{font-size:14px;font-weight:700;color:#fff}.flex{display:flex}.taskDispose{height:280px}.taskDispose .common-title{display:flex;justify-content:space-between;height:16px;margin-bottom:6px;font-size:14px;line-height:16px;color:#fff}.taskDispose .common-title .title-small{display:flex;font-size:12px;font-weight:400;color:#fff;letter-spacing:0}.taskDispose .common-title .title-small .title-small1{position:relative;width:50px;margin-right:4px}.taskDispose .common-title .title-small .title-small1::before{position:absolute;top:4px;left:-12px;width:8px;height:8px;content:"";background-color:#0eed95}.taskDispose .common-title .title-small .title-small2{position:relative;width:37px}.taskDispose .common-title .title-small .title-small2::before{position:absolute;top:4px;left:-12px;width:8px;height:8px;content:"";background-color:#ffbe00}.taskDispose .monitoring-points{position:relative;height:124px}.taskDispose .monitoring-points .item1{position:absolute;top:50px;left:32px;width:36px;font-size:1px;text-align:center}.taskDispose .monitoring-points .item2{position:absolute;top:50px;left:120px;width:36px;font-size:1px;text-align:center}.taskDispose .duty-name{box-sizing:border-box;width:100%;padding:4px 0 9px 16px}.taskDispose .duty-name .duty-title{width:100%;height:16px;font-family:MicrosoftYaHei;font-size:14px;font-weight:400;line-height:16px;color:#fff;letter-spacing:0}.taskDispose .echarts-wrap{width:100%;height:100px;margin:10px 0;text-align:center}.taskDispose .echarts-wrap .echarts-item{height:100%}.taskDispose .echarts-wrap .echarts-content{width:90px;height:70px}.taskDispose .echarts-wrap .point-title{width:100%;height:16px;margin-top:6px;line-height:16px;color:#fff}.taskDispose .echarts-pie{width:60px;height:60px}.taskDispose .itemsBox .lefts,.taskDispose .itemsBox .rights{height:16px;font-size:12px;letter-spacing:0;color:#fff;font-weight:400}.taskDispose .itemsBox{display:flex;justify-content:space-between;padding-bottom:6px}.taskDispose .itemsBox .lefts{padding-left:16px;opacity:.5}.taskDispose .itemsBox .rights{padding-right:16px}.dv-ipes-water-network{box-sizing:border-box}.dv-ipes-water-network .sealing-header{display:flex;align-items:center;justify-content:space-between;white-space:nowrap}.dv-ipes-water-network .sealing-header .module-icon{width:14px;height:14px;margin-right:4px}.dv-ipes-water-network .sealing-header__title{display:flex;align-items:center;font-size:18px;line-height:18px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.dv-ipes-water-network .sealing-header__title--sub{font-size:18px;color:rgba(255,255,255,.6)}.dv-ipes-water-network .water-device{font-family:var(--font-family-text)}.dv-ipes-water-network .water-device .water-device__info{margin:8px 0 12px;box-sizing:border-box;padding:8px 12px;background:rgba(27,121,211,.2);border:1px solid rgba(170,201,255,.1);border-radius:3px}.dv-ipes-water-network .water-device .water-device__percent{display:flex;align-items:center;justify-content:space-between;font-size:18px}.dv-ipes-water-network .water-device .water-device__percent .title{color:#fff}.dv-ipes-water-network .water-device .water-device__percent .value{font-family:var(--font-family-number);--main-color:#00d4ff;color:var(--main-color)}.dv-ipes-water-network .water-device .water-device__progress{margin:12px 0}.dv-ipes-water-network .water-device .water-device__detail{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;font-size:16px;color:rgba(255,255,255,.7)}.dv-ipes-water-network .water-device .water-device__detail .left{display:flex;flex-wrap:nowrap;align-items:center}.dv-ipes-water-network .water-device .water-device__detail .title{display:flex;align-items:center;margin-right:8px}.dv-ipes-water-network .water-device .water-device__detail .percent,.dv-ipes-water-network .water-device .water-device__detail .value{font-family:var(--font-family-number)}.dv-ipes-water-network .water-device .water-device__detail .icon{width:16px;height:16px}.dv-ipes-water-network .water-device .water-device__detail .right{display:flex;flex-wrap:nowrap;align-items:center}.dv-ipes-water-network .water-device .space{margin:0 4px;font-size:16px;line-height:16px;color:#fff;opacity:.2}.dv-ipes-water-network .water-statistics{display:flex;align-items:center;justify-content:space-between;margin-top:16px;font-family:var(--font-family-text)}.dv-ipes-water-network .water-statistics .water-statistics__number{display:flex;flex-direction:column;justify-content:space-between;height:144px}.dv-ipes-water-network .water-statistics .water-statistics__number .water-statistics-panel{display:flex;flex-wrap:nowrap;align-items:center;width:170px;height:68px;padding:12px 8px 12px 20px;margin-bottom:8px;background:url(./images/water-panel-border.png) center no-repeat;background-size:100%}.dv-ipes-water-network .water-statistics .water-statistics__number .water-statistics-panel .icon{width:30px}.dv-ipes-water-network .water-statistics .water-statistics__number .water-statistics-panel .title{font-size:16px;line-height:16px;color:#fff}.dv-ipes-water-network .water-statistics .water-statistics__number .water-statistics-panel .value{font-family:var(--font-family-number);font-size:20px;line-height:20px;--main-color:#00d4ff;color:var(--main-color)}.dv-ipes-water-network .water-statistics .water-statistics__number .water-statistics-panel .unit{margin-left:4px;font-size:16px;line-height:16px;color:#fff;opacity:.6}.dv-ipes-water-network .water-statistics .water-statistics__number .content{display:flex;flex-direction:column;justify-content:space-between;height:100%}.dv-ipes-water-network .water-statistics .water-statistics__percent{display:flex;flex-direction:column;justify-content:space-between;height:144px;padding:0 8px 13px}.dv-ipes-water-network .water-statistics .water-statistics__percent .title{position:relative;font-size:18px;line-height:18px;color:#fff;text-align:center;text-shadow:0 1px 2px 0 rgba(0,0,0,.5)}.dv-ipes-water-network .water-statistics .water-statistics__percent .title::before{position:absolute;top:9px;left:0;width:46px;height:1px;content:"";background:rgba(25,191,246,.4)}.dv-ipes-water-network .water-statistics .water-statistics__percent .title::after{position:absolute;top:9px;right:0;width:46px;height:1px;content:"";background:rgba(25,191,246,.4)}.dv-ipes-water-network .water-statistics .water-statistics__percent .content{box-sizing:border-box;width:160px;height:104px;font-size:33px;text-align:center;background:url(./images/water-panel-percent.png) center 40% no-repeat}.dv-ipes-water-network .water-statistics .water-statistics__percent .value{font-family:var(--font-family-number);font-size:33px;font-weight:400;text-align:center;background:linear-gradient(180deg,#fff 0,#19bff6 98%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.echarts{width:100%;height:100%}.percent-bar{display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-start;height:8px;overflow:hidden;background:#fff;border-radius:4px}.percent-bar .percent-bar__inner{height:8px}.progress-bar{position:relative;height:14px}.progress-bar::before{position:absolute;top:0;right:-10px;bottom:0;width:14px;height:14px;content:"";background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAcCAYAAAB75n/uAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAFySURBVEiJvZaxjcJAEEXfWITkpgyugCsAyQkhHVgWAXTgDkiOlTsgJAFRAAVAGUvuEGkuuBXCeG28Bu5n9u78b2ufZwwB0jSda5rOQ2okwDxBZPt3oVMpit3bAjTLxqgegaG7VSLyLcacXw7QLBuhegJGD0sWkS8xxrbVR0/Mh6gePOYAI1QPmmVDz9rzAM3zAaobYNxSP0Z1o3k+CA7A2hWQtD2dU+L2dg/QNJ0j0h1HkUZ8a4d8h2Pjazfo6sO3EuDBMVQ1fG8BLTiGqoJv5MzbcAxVBV/RPB9wuWzpRkyIdsTxNArAMVQJ1q4iRDo3vGCJSEQcL4D9B+z3xPFC4HbIR9rbQojODtfyfzAFEGMsIhOgfMG8RGRy38IrvUiMOaM6A649zK+ozh6HUK3ZSVHsUF0G26sufWPU202lKH6AdYD92tXU1DwPuuO7d3u9av3IOuB7w7FXgAv53NCHRnxrOPYOcCH3+HpxfIv6/Dr+Ar+Uv7XAJFFtAAAAAElFTkSuQmCC) center no-repeat;background-size:100%}.progress-bar .progress-bar__outer__top{position:absolute;width:100%;top:0;left:0;height:50%;overflow:hidden;background:#ff4646;transform:skewX(-45deg)}.progress-bar .progress-bar__outer__top .progress-bar__inner{position:absolute;width:100%;top:0;bottom:0;left:-100%;height:100%;background:#10d08c;transition:ease transform .3s;transform:skewX(-45deg)}.progress-bar .progress-bar__outer__bottom{position:absolute;width:100%;bottom:0;left:0;height:50%;overflow:hidden;background:#ac2c2c;transform:skewX(45deg)}.progress-bar .progress-bar__outer__bottom .progress-bar__inner{position:absolute;width:100%;top:0;bottom:0;left:-100%;height:100%;background:#0d9263;transition:ease transform .3s;transform:skewX(45deg)}