#app{width:100%;height:100%;background:#001e2c;overflow:hidden}#app .funcTopFrame{height:.4323rem;width:100%;display:flex;justify-content:space-between;align-items:start;position:relative}#app .funcTopFrame .banner{display:block;position:absolute;top:0;left:0;width:100vw;height:.4428rem}#app .funcTopFrame .announcement-router-wrapper{padding-left:.1316rem;padding-top:.1105rem}#app .funcTopFrame .announcement-router-wrapper .announcement-wrapper{display:flex;flex-direction:row;align-items:center}#app .funcTopFrame .announcement-router-wrapper .announcement-wrapper .trumpet-wrapper img{width:.1265rem;display:block}#app .funcTopFrame .announcement-router-wrapper .announcement-content-wrapper{color:#fff;font-size:.0843rem;font-weight:200}#app .funcTopFrame .router-wrapper{padding-top:.0633rem;padding-right:.0843rem;display:flex;flex-direction:row;align-items:center;position:relative;z-index:10}#app .funcTopFrame .router-wrapper .router-btn{width:.5799rem;height:.1687rem;position:relative;margin-right:.0422rem}#app .funcTopFrame .router-wrapper .router-btn img{position:absolute;left:0;top:0;display:block;width:100%}#app .funcTopFrame .router-wrapper .router-btn .router-name{color:#00ffaf;font-size:.0633rem;white-space:nowrap;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);cursor:pointer}#app .funcTopFrame .router-wrapper .username-quit-wrapper{margin-left:.1687rem;font-size:.0738rem}#app .funcTopFrame .router-wrapper .username-quit-wrapper .username{color:#fff}#app .funcTopFrame .router-wrapper .username-quit-wrapper .quit{color:red;cursor:pointer}#app .funcTopFrame .title-wrapper{height:.6009rem;width:3.3737rem;position:absolute;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center}#app .funcTopFrame .title-wrapper .top-title-wrapper{padding-top:.1054rem;font-size:.2214rem;color:#d6fff7;font-weight:900;font-family:Title;text-shadow:.0053rem .0053rem .0211rem #d6fff7}#app .funcTopFrame .title-wrapper .sub-title-wrapper{position:relative;width:2.6885rem;height:.1792rem}#app .funcTopFrame .title-wrapper .sub-title-wrapper .time-background{position:absolute;width:100%;display:block}#app .funcTopFrame .title-wrapper .sub-title-wrapper .time-weather-wrapper{position:absolute;font-size:.0633rem;color:#fff;left:50%;top:50%;white-space:nowrap;transform:translate(-50%,-50%);font-style:italic}#app .funcTopFrame .title-wrapper .sub-title-wrapper .time-weather-wrapper .date,#app .funcTopFrame .title-wrapper .sub-title-wrapper .time-weather-wrapper .time,#app .funcTopFrame .title-wrapper .sub-title-wrapper .time-weather-wrapper .weather,#app .funcTopFrame .title-wrapper .sub-title-wrapper .time-weather-wrapper .week{margin-right:.0843rem}#app .middleFuncFrame{width:100%;height:3.806rem;display:flex;flex-direction:row;justify-content:space-between;padding:0 1%;box-sizing:border-box}#app .middleFuncFrame .leftFrame{width:26%;height:100%}#app .middleFuncFrame .leftFrame .statistical-output-value-wrapper{width:100%;display:flex;flex-direction:row;justify-content:start}#app .middleFuncFrame .leftFrame .statistical-output-value-wrapper .title-wrapper{width:1.2124rem;height:.2214rem;position:relative}#app .middleFuncFrame .leftFrame .statistical-output-value-wrapper .title-wrapper .title-background{position:absolute;width:100%}#app .middleFuncFrame .leftFrame .statistical-output-value-wrapper .title-wrapper .title{font-family:mokuaiTitile;font-style:italic;font-size:.0791rem;font-weight:600;color:#fff;position:absolute;left:.2741rem;top:.0843rem;white-space:nowrap}#app .middleFuncFrame .leftFrame .statistical-output-value-wrapper .statistical-wrapper{width:1.2652rem;height:1.0543rem}#app .middleFuncFrame .leftFrame .statistical-output-value-wrapper .statistical-wrapper #statistical-output{position:relative;width:1.2652rem;height:.7907rem;margin-top:.0422rem}#app .middleFuncFrame .leftFrame .statistical-output-value-wrapper .statistical-wrapper #statistical-output .statistical-background{position:absolute;display:block;width:100%;height:100%}#app .middleFuncFrame .leftFrame .statistical-output-value-wrapper .statistical-wrapper #statistical-output #statistical{width:1.2652rem;height:.7907rem}#app .middleFuncFrame .leftFrame .statistical-output-value-wrapper .statistical-wrapper #statistical-output .statistical-data-wrapper{position:absolute;right:.0843rem;top:.253rem;height:100%;display:flex;flex-direction:column}#app .middleFuncFrame .leftFrame .statistical-output-value-wrapper .statistical-wrapper #statistical-output .statistical-data-wrapper .statistical-wrapper1{height:.0422rem;display:flex;flex-direction:row;align-items:center;font-size:.0675rem}#app .middleFuncFrame .leftFrame .statistical-output-value-wrapper .statistical-wrapper #statistical-output .statistical-data-wrapper .farm{color:#00eaff}#app .middleFuncFrame .leftFrame .statistical-output-value-wrapper .statistical-wrapper #statistical-output .statistical-data-wrapper .farm .farm-decorate{width:.0843rem;height:100%;border-radius:.0084rem;background:#00eaff;margin-right:.0337rem}#app .middleFuncFrame .leftFrame .statistical-output-value-wrapper .statistical-wrapper #statistical-output .statistical-data-wrapper .animal-husbandry{color:#00ecc2;margin-top:.059rem}#app .middleFuncFrame .leftFrame .statistical-output-value-wrapper .statistical-wrapper #statistical-output .statistical-data-wrapper .animal-husbandry .animal-husbandry-decorate{width:.0843rem;height:100%;border-radius:.0084rem;background:#00ecc2;margin-right:.0337rem}#app .middleFuncFrame .leftFrame .statistical-output-value-wrapper .statistical-wrapper #statistical-output .statistical-data-wrapper .fishery{color:#feff7c;margin-top:.059rem}#app .middleFuncFrame .leftFrame .statistical-output-value-wrapper .statistical-wrapper #statistical-output .statistical-data-wrapper .fishery .fishery-decorate{width:.0843rem;height:100%;border-radius:.0084rem;background:#feff7c;margin-right:.0337rem}#app .middleFuncFrame .leftFrame .statistical-output-value-wrapper .output-value-wrapper{width:1.2652rem;height:1.0543rem}#app .middleFuncFrame .leftFrame .statistical-output-value-wrapper .output-value-wrapper .output-value{position:relative;width:1.2652rem;height:.7907rem;margin-top:.0422rem;margin-left:.0179rem}#app .middleFuncFrame .leftFrame .statistical-output-value-wrapper .output-value-wrapper .output-value .output-value-background{position:absolute;display:block;width:100%;height:100%}#app .middleFuncFrame .leftFrame .statistical-output-value-wrapper .output-value-wrapper .output-value #output-val{position:absolute;width:1.2652rem;height:.7907rem}#app .middleFuncFrame .leftFrame .statistical-output-value-wrapper .output-value-wrapper .output-value .output-wrapper{position:absolute;right:.0843rem;top:.253rem;height:100%;display:flex;flex-direction:column}#app .middleFuncFrame .leftFrame .statistical-output-value-wrapper .output-value-wrapper .output-value .output-wrapper .output-wrapper1{height:.0422rem;display:flex;flex-direction:row;align-items:center;font-size:.0675rem}#app .middleFuncFrame .leftFrame .statistical-output-value-wrapper .output-value-wrapper .output-value .output-wrapper .high{color:#37c1fe}#app .middleFuncFrame .leftFrame .statistical-output-value-wrapper .output-value-wrapper .output-value .output-wrapper .high .high-decorate{width:.0843rem;height:100%;border-radius:.0084rem;background:#37c1fe;margin-right:.0337rem}#app .middleFuncFrame .leftFrame .statistical-output-value-wrapper .output-value-wrapper .output-value .output-wrapper .middle{color:#3bf4bc;margin-top:.059rem}#app .middleFuncFrame .leftFrame .statistical-output-value-wrapper .output-value-wrapper .output-value .output-wrapper .middle .middle-decorate{width:.0843rem;height:100%;border-radius:.0084rem;background:#3bf4bc;margin-right:.0337rem}#app .middleFuncFrame .leftFrame .statistical-output-value-wrapper .output-value-wrapper .output-value .output-wrapper .low{color:#f9ca28;margin-top:.059rem}#app .middleFuncFrame .leftFrame .statistical-output-value-wrapper .output-value-wrapper .output-value .output-wrapper .low .low-decorate{width:.0843rem;height:100%;border-radius:.0084rem;background:#f9ca28;margin-right:.0337rem}#app .middleFuncFrame .leftFrame .statistical-output-columnar-wrapper{width:100%;height:.7907rem;margin-top:.0422rem;position:relative}#app .middleFuncFrame .leftFrame .statistical-output-columnar-wrapper .statistical-output-columnar-background{position:absolute;display:block;width:100%;height:100%}#app .middleFuncFrame .leftFrame .statistical-output-columnar-wrapper #statistical-output-columnar{width:100%;height:.7907rem}#app .middleFuncFrame .leftFrame .pollute-load-wrapper{width:100%;height:.9225rem;margin-top:.0675rem}#app .middleFuncFrame .leftFrame .pollute-load-wrapper .pollute-load-title-wrapper{position:relative;width:100%;height:.2214rem}#app .middleFuncFrame .leftFrame .pollute-load-wrapper .pollute-load-title-wrapper .pollute-load-title-background{display:block;position:absolute;width:100%;height:100%}#app .middleFuncFrame .leftFrame .pollute-load-wrapper .pollute-load-title-wrapper .pollute-load-title{position:absolute;font-size:.1107rem;line-height:.2214rem;font-family:mokuaiTitile;font-weight:700;font-style:italic;color:#fff;text-shadow:.0011rem .0011rem .0034rem #fff;padding-left:.3005rem;padding-top:.0169rem;white-space:nowrap}#app .middleFuncFrame .leftFrame .pollute-load-wrapper .pollute-load-content-wrapper{width:100%;height:.6747rem;margin-top:.0316rem;position:relative}#app .middleFuncFrame .leftFrame .pollute-load-wrapper .pollute-load-content-wrapper .pollute-load-content-background{position:absolute;display:block;width:100%;height:100%}#app .middleFuncFrame .leftFrame .pollute-load-wrapper .pollute-load-content-wrapper #pollute-load{position:absolute;width:100%;height:.6747rem}#app .middleFuncFrame .leftFrame .prevention-and-control-evaluate-wrapper{width:100%;height:.9172rem;margin-top:.0759rem}#app .middleFuncFrame .leftFrame .prevention-and-control-evaluate-wrapper .prevention-and-control-evaluate-title-wrapper{width:100%;height:.2214rem;position:relative}#app .middleFuncFrame .leftFrame .prevention-and-control-evaluate-wrapper .prevention-and-control-evaluate-title-wrapper .prevent-evaluate-title-background{display:block;position:absolute;width:100%;height:100%}#app .middleFuncFrame .leftFrame .prevention-and-control-evaluate-wrapper .prevention-and-control-evaluate-title-wrapper .prevention-and-control-title{position:absolute;font-size:.1107rem;line-height:.2214rem;font-family:mokuaiTitile;font-weight:700;font-style:italic;color:#fff;text-shadow:.0011rem .0011rem .0034rem #fff;padding-left:.3005rem;padding-top:.0169rem;white-space:nowrap}#app .middleFuncFrame .leftFrame .prevention-and-control-evaluate-wrapper .prevention-and-control-evaluate{width:100%;height:.6747rem;margin-top:.0316rem;position:relative}#app .middleFuncFrame .leftFrame .prevention-and-control-evaluate-wrapper .prevention-and-control-evaluate .prevention-and-control-background{position:absolute;display:block;width:100%;height:100%}#app .middleFuncFrame .leftFrame .prevention-and-control-evaluate-wrapper .prevention-and-control-evaluate #prevention-and-control-evaluate{position:absolute;width:100%;height:.6747rem}#app .middleFuncFrame .leftFrame .prevention-and-control-evaluate-wrapper .prevention-and-control-evaluate .decorate-wrapper{position:absolute;display:flex;flex-direction:row;justify-content:flex-start;align-items:center}#app .middleFuncFrame .leftFrame .prevention-and-control-evaluate-wrapper .prevention-and-control-evaluate .decorate-wrapper .decorate-pin{width:.0675rem;height:.0369rem;border-radius:.0185rem}#app .middleFuncFrame .leftFrame .prevention-and-control-evaluate-wrapper .prevention-and-control-evaluate .decorate-wrapper .decorate-title{padding-left:.0422rem;color:#fff;font-size:.069rem;white-space:nowrap}#app .middleFuncFrame .leftFrame .prevention-and-control-evaluate-wrapper .prevention-and-control-evaluate .decorate-pesticide-wrapper{left:.7222rem;top:.1002rem}#app .middleFuncFrame .leftFrame .prevention-and-control-evaluate-wrapper .prevention-and-control-evaluate .decorate-pesticide-wrapper .decorate-pesticide-pin{background:#3ff0a2}#app .middleFuncFrame .leftFrame .prevention-and-control-evaluate-wrapper .prevention-and-control-evaluate .decorate-water-wrapper{left:.7222rem;top:.195rem}#app .middleFuncFrame .leftFrame .prevention-and-control-evaluate-wrapper .prevention-and-control-evaluate .decorate-water-wrapper .decorate-water-pin{background:linear-gradient(180deg,#0aeafe 0,#45b4fe)}#app .middleFuncFrame .leftFrame .prevention-and-control-evaluate-wrapper .prevention-and-control-evaluate .decorate-air-wrapper{left:.7222rem;top:.3005rem}#app .middleFuncFrame .leftFrame .prevention-and-control-evaluate-wrapper .prevention-and-control-evaluate .decorate-air-wrapper .decorate-air-pin{background:linear-gradient(180deg,#d71c7f 0,#bd3096)}#app .middleFuncFrame .leftFrame .prevention-and-control-evaluate-wrapper .prevention-and-control-evaluate .decorate-makino-wrapper{left:.7222rem;top:.4006rem}#app .middleFuncFrame .leftFrame .prevention-and-control-evaluate-wrapper .prevention-and-control-evaluate .decorate-makino-wrapper .decorate-makino-pin{background:linear-gradient(90deg,#fdcf50 0,#fb7e8e)}#app .middleFuncFrame .leftFrame .prevention-and-control-evaluate-wrapper .prevention-and-control-evaluate .decorate-other-wrapper{left:.7222rem;top:.5008rem}#app .middleFuncFrame .leftFrame .prevention-and-control-evaluate-wrapper .prevention-and-control-evaluate .decorate-other-wrapper .decorate-other-pin{background:linear-gradient(180deg,#a047ff 0,#40acf1)}#app .middleFuncFrame .leftFrame .prevention-and-control-evaluate-wrapper .prevention-and-control-evaluate .composite-index{position:absolute;right:.7169rem;top:.0685rem;width:.622rem;height:.5377rem}#app .middleFuncFrame .leftFrame .prevention-and-control-evaluate-wrapper .prevention-and-control-evaluate .composite-index .composite-background{position:absolute;width:.622rem;height:.5377rem;display:block}#app .middleFuncFrame .leftFrame .prevention-and-control-evaluate-wrapper .prevention-and-control-evaluate .composite-index .composite-title-wrapper{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:.0664rem;color:#fff}#app .middleFuncFrame .leftFrame .prevention-and-control-evaluate-wrapper .prevention-and-control-evaluate .composite-index .composite-title-wrapper .composite-title2{margin-top:.0179rem}#app .middleFuncFrame .leftFrame .prevention-and-control-evaluate-wrapper .prevention-and-control-evaluate .composite-index .composite-title-wrapper .composite-val{margin-top:.0517rem;font-size:.1265rem;font-weight:700;color:#fcb664}#app .middleFuncFrame .leftFrame .prevention-and-control-evaluate-wrapper .prevention-and-control-evaluate .risk-level{position:absolute;right:.0738rem}#app .middleFuncFrame .leftFrame .prevention-and-control-evaluate-wrapper .prevention-and-control-evaluate .risk-level .risk-level-title{margin-top:.0854rem}#app .middleFuncFrame .leftFrame .prevention-and-control-evaluate-wrapper .prevention-and-control-evaluate .risk-level .risk-level-val{margin-top:.078rem;font-size:.1265rem;font-weight:700;color:#3ef0a6}#app .middleFuncFrame .middleFrame{width:46%}#app .middleFuncFrame .middleFrame #map{position:relative;width:100%;height:3.0047rem;margin-top:.2741rem}#app .middleFuncFrame .middleFrame #map .alibaba-map{position:absolute;width:100%;height:100%;display:block}#app .middleFuncFrame .middleFrame .data-total-wrapper{margin-top:.1371rem;width:100%;height:.3795rem;display:flex;justify-content:space-between}#app .middleFuncFrame .middleFrame .data-total-wrapper .data-item-wrapper{position:relative;width:1.0912rem;height:.3795rem;display:flex;flex-direction:row;justify-content:space-between;align-items:center}#app .middleFuncFrame .middleFrame .data-total-wrapper .data-item-wrapper .data-item-background{position:absolute;width:100%;height:100%;display:block}#app .middleFuncFrame .middleFrame .data-total-wrapper .data-item-wrapper .data-item-title-wrapper{padding-left:.116rem;font-size:.0843rem;color:#fff}#app .middleFuncFrame .middleFrame .data-total-wrapper .data-item-wrapper .data-item-val{margin-right:.1054rem}#app .middleFuncFrame .middleFrame .data-total-wrapper .breed-data .breed-data-val{color:#66e6f2;font-weight:700;font-size:.1529rem}#app .middleFuncFrame .middleFrame .data-total-wrapper .breed-scale-data .breed-scale-data-val{color:#fc963a;font-weight:700;font-size:.1529rem}#app .middleFuncFrame .middleFrame .data-total-wrapper .feces-data .feces-data-val{color:#5aebf0;font-weight:700;font-size:.1529rem}#app .middleFuncFrame .middleFrame .data-total-wrapper .soil-data .soil-data-val{color:#fa6475;font-weight:700;font-size:.1529rem}#app .middleFuncFrame .rightFrame{width:26%}#app .middleFuncFrame .rightFrame .farmland-pollute-solve-wrapper{width:100%;height:1.6869rem}#app .middleFuncFrame .rightFrame .farmland-pollute-solve-wrapper .farmland-pollute-title-wrapper{width:100%;height:.2214rem;position:relative}#app .middleFuncFrame .rightFrame .farmland-pollute-solve-wrapper .farmland-pollute-title-wrapper .farmland-pollute-title-background{position:absolute;width:100%;height:100%;display:block}#app .middleFuncFrame .rightFrame .farmland-pollute-solve-wrapper .farmland-pollute-title-wrapper .farmland-pollute-title{position:absolute;left:.2847rem;font-size:.1002rem;font-weight:700;color:#fff;text-shadow:.0011rem .0011rem .0034rem #fff;font-family:mokuaiTitile;font-style:italic;line-height:.2214rem;padding-top:.0169rem}#app .middleFuncFrame .rightFrame .farmland-pollute-solve-wrapper .farmland-pollute-solve-data-wrapper{margin-top:.0422rem;position:relative;width:100%;height:.6747rem;display:flex;flex-direction:row;justify-content:space-between;align-items:center}#app .middleFuncFrame .rightFrame .farmland-pollute-solve-wrapper .farmland-pollute-solve-data-wrapper .farmland-pollute-solve-background{position:absolute;width:100%;height:100%;display:block}#app .middleFuncFrame .rightFrame .farmland-pollute-solve-wrapper .farmland-pollute-solve-data-wrapper .farmland-pollute-solve-decorate{width:.622rem;height:.5061rem;display:block;margin-left:.1792rem}#app .middleFuncFrame .rightFrame .farmland-pollute-solve-wrapper .farmland-pollute-solve-data-wrapper .farmland-pollute-solve-data{width:1.2546rem;margin-right:.1687rem}#app .middleFuncFrame .rightFrame .farmland-pollute-solve-wrapper .farmland-pollute-solve-data-wrapper .farmland-pollute-solve-data .farmland-pollute-solve-data-area-wrapper{display:flex;flex-direction:row;align-items:end;justify-content:space-between}#app .middleFuncFrame .rightFrame .farmland-pollute-solve-wrapper .farmland-pollute-solve-data-wrapper .farmland-pollute-solve-data .farmland-pollute-solve-data-area-wrapper .farmland-pollute-solve-data-area-title{font-size:.0949rem;font-family:mokuaiXi;color:#fff;font-weight:700;font-style:italic}#app .middleFuncFrame .rightFrame .farmland-pollute-solve-wrapper .farmland-pollute-solve-data-wrapper .farmland-pollute-solve-data .farmland-pollute-solve-data-area-wrapper .farmland-pollute-solve-data-area-data{color:#f98914;font-weight:700;font-size:.1107rem}#app .middleFuncFrame .rightFrame .farmland-pollute-solve-wrapper .farmland-pollute-solve-data-wrapper .farmland-pollute-solve-data .farmland-pollute-solve-index{display:flex;flex-direction:row;align-items:end;justify-content:space-between;margin-top:.116rem}#app .middleFuncFrame .rightFrame .farmland-pollute-solve-wrapper .farmland-pollute-solve-data-wrapper .farmland-pollute-solve-data .farmland-pollute-solve-index .farmland-pollute-solve-index-title{font-size:.0949rem;font-family:mokuaiXi;color:#fff;font-weight:700;font-style:italic}#app .middleFuncFrame .rightFrame .farmland-pollute-solve-wrapper .farmland-pollute-solve-data-wrapper .farmland-pollute-solve-data .farmland-pollute-solve-index .farmland-pollute-solve-index-data{color:#57e9f1;font-weight:700;font-size:.1107rem}#app .middleFuncFrame .rightFrame .farmland-pollute-solve-wrapper .farmland-pollute-chart-wrapper{margin-top:.0422rem;width:100%;height:.7591rem;display:flex;flex-direction:row;justify-content:space-between}#app .middleFuncFrame .rightFrame .farmland-pollute-solve-wrapper .farmland-pollute-chart-wrapper .farmland-pollute-chart-left-wrapper{height:100%;width:1.2441rem;position:relative}#app .middleFuncFrame .rightFrame .farmland-pollute-solve-wrapper .farmland-pollute-chart-wrapper .farmland-pollute-chart-left-wrapper .chart-left-module-background{position:absolute;width:100%;height:100%;display:block}#app .middleFuncFrame .rightFrame .farmland-pollute-solve-wrapper .farmland-pollute-chart-wrapper .farmland-pollute-chart-left-wrapper #farmland-pollute-chart-left{position:absolute;width:.5851rem;height:.4692rem;top:.2109rem}#app .middleFuncFrame .rightFrame .farmland-pollute-solve-wrapper .farmland-pollute-chart-wrapper .farmland-pollute-chart-left-wrapper .farmland-pollute-chart-title{position:absolute;font-size:.0843rem;color:#fff;left:.0949rem;top:.0738rem;font-style:italic;font-family:mokuaiTitile;font-weight:400;text-shadow:.0011rem .0011rem .0051rem #fff}#app .middleFuncFrame .rightFrame .farmland-pollute-solve-wrapper .farmland-pollute-chart-wrapper .farmland-pollute-chart-left-wrapper .farmland-pollute-charts-pins{position:absolute;left:.6326rem;top:.2741rem}#app .middleFuncFrame .rightFrame .farmland-pollute-solve-wrapper .farmland-pollute-chart-wrapper .farmland-pollute-chart-left-wrapper .farmland-pollute-charts-pins .pin1{background:#3bf5c0}#app .middleFuncFrame .rightFrame .farmland-pollute-solve-wrapper .farmland-pollute-chart-wrapper .farmland-pollute-chart-left-wrapper .farmland-pollute-charts-pins .pin2{background:#c7f683}#app .middleFuncFrame .rightFrame .farmland-pollute-solve-wrapper .farmland-pollute-chart-wrapper .farmland-pollute-chart-left-wrapper .farmland-pollute-charts-pins .pin3{background:#f25486}#app .middleFuncFrame .rightFrame .farmland-pollute-solve-wrapper .farmland-pollute-chart-wrapper .farmland-pollute-chart-left-wrapper .farmland-pollute-charts-pins .farmland-pollute-charts-pin{display:flex;flex-direction:row;justify-content:start;align-items:center}#app .middleFuncFrame .rightFrame .farmland-pollute-solve-wrapper .farmland-pollute-chart-wrapper .farmland-pollute-chart-left-wrapper .farmland-pollute-charts-pins .farmland-pollute-charts-pin .pin-icon{width:.1054rem;height:.0738rem;border-radius:.0274rem}#app .middleFuncFrame .rightFrame .farmland-pollute-solve-wrapper .farmland-pollute-chart-wrapper .farmland-pollute-chart-left-wrapper .farmland-pollute-charts-pins .farmland-pollute-charts-pin .pin-title{font-size:.0843rem;color:#fff;margin-left:.0422rem}#app .middleFuncFrame .rightFrame .farmland-pollute-solve-wrapper .farmland-pollute-chart-wrapper .farmland-pollute-chart-right-wrapper{height:100%;width:1.2441rem;position:relative}#app .middleFuncFrame .rightFrame .farmland-pollute-solve-wrapper .farmland-pollute-chart-wrapper .farmland-pollute-chart-right-wrapper .farmland-pollute-chart-right-background{position:absolute;width:100%;height:100%;display:block}#app .middleFuncFrame .rightFrame .farmland-pollute-solve-wrapper .farmland-pollute-chart-wrapper .farmland-pollute-chart-right-wrapper .farmland-pollute-chart-right-title{position:absolute;font-size:.0843rem;color:#fff;left:.0949rem;top:.0738rem;font-style:italic;font-family:mokuaiTitile;font-weight:400;text-shadow:.0011rem .0011rem .0051rem #fff}#app .middleFuncFrame .rightFrame .farmland-pollute-solve-wrapper .farmland-pollute-chart-wrapper .farmland-pollute-chart-right-wrapper .farmland-pollute-chart-right-title1{font-size:.0685rem;color:#fff;font-style:italic;font-family:mokuaiXi;font-weight:400;text-shadow:.0011rem .0011rem .0051rem #fff}#app .middleFuncFrame .rightFrame .farmland-pollute-solve-wrapper .farmland-pollute-chart-wrapper .farmland-pollute-chart-right-wrapper .farmland-pollute-chart-right-val{font-size:.0896rem;color:#00ecc2;font-weight:700;margin-left:.1318rem}#app .middleFuncFrame .rightFrame .farmland-pollute-solve-wrapper .farmland-pollute-chart-wrapper .farmland-pollute-chart-right-wrapper .wrapper1{margin-top:.2372rem}#app .middleFuncFrame .rightFrame .farmland-pollute-solve-wrapper .farmland-pollute-chart-wrapper .farmland-pollute-chart-right-wrapper .wrapper2{margin-top:.1212rem}#app .middleFuncFrame .rightFrame .farmland-pollute-solve-wrapper .farmland-pollute-chart-wrapper .farmland-pollute-chart-right-wrapper .farmland-pollute-chart-right-item-wrapper{display:flex;flex-direction:row;align-items:end;margin-left:.2056rem}#app .middleFuncFrame .rightFrame .water-pollute-solve-wrapper{position:relative;width:100%;height:1.1017rem;margin-top:.0843rem}#app .middleFuncFrame .rightFrame .water-pollute-solve-wrapper .water-pollute-solve-title-wrapper{width:100%;height:.2267rem;position:relative}#app .middleFuncFrame .rightFrame .water-pollute-solve-wrapper .water-pollute-solve-title-wrapper .water-pollute-solve-title-background{position:absolute;width:100%;height:100%;display:block}#app .middleFuncFrame .rightFrame .water-pollute-solve-wrapper .water-pollute-solve-title-wrapper .water-pollute-solve-title{position:absolute;font-size:.1107rem;line-height:.2214rem;font-family:mokuaiTitile;font-weight:700;font-style:italic;color:#fff;text-shadow:.0011rem .0011rem .0034rem #fff;padding-left:.3005rem;padding-top:.0169rem;white-space:nowrap}#app .middleFuncFrame .rightFrame .water-pollute-solve-wrapper .water-pollute-solve-charts-wrapper{margin-top:.0422rem;width:100%;height:.8434rem;position:relative}#app .middleFuncFrame .rightFrame .water-pollute-solve-wrapper .water-pollute-solve-charts-wrapper .water-pollute-solve-charts-background{position:absolute;width:100%;height:100%;display:block}#app .middleFuncFrame .rightFrame .water-pollute-solve-wrapper .water-pollute-solve-charts-wrapper .water-pollute-title1{position:absolute;left:.1212rem;top:.0422rem;font-size:.0843rem;color:#fff;font-style:italic;font-family:mokuaiXi;font-weight:400;text-shadow:.0011rem .0011rem .0051rem #fff}#app .middleFuncFrame .rightFrame .water-pollute-solve-wrapper .water-pollute-solve-charts-wrapper .water-pollute-title2{position:absolute;top:.0422rem;left:1.476rem;font-size:.0843rem;color:#fff;font-style:italic;font-family:mokuaiXi;font-weight:400;text-shadow:.0011rem .0011rem .0084rem #fff}#app .middleFuncFrame .rightFrame .water-pollute-solve-wrapper .water-pollute-solve-charts-wrapper #water-pollute-solve-chart1{position:absolute;top:.1476rem;left:0;width:1.3706rem;height:.6537rem}#app .middleFuncFrame .rightFrame .water-pollute-solve-wrapper .water-pollute-solve-charts-wrapper #water-pollute-solve-chart2{position:absolute;top:.1476rem;width:1.0332rem;height:.6537rem;right:0}#app .middleFuncFrame .rightFrame .water-pollute-solve-wrapper .water-pollute-solve-charts-wrapper .water-pollute-pin-wrapper{position:absolute;right:.0843rem;top:.253rem;height:100%;display:flex;flex-direction:column}#app .middleFuncFrame .rightFrame .water-pollute-solve-wrapper .water-pollute-solve-charts-wrapper .water-pollute-pin-wrapper .output-wrapper1{height:.0422rem;display:flex;flex-direction:row;align-items:center;font-size:.0675rem}#app .middleFuncFrame .rightFrame .water-pollute-solve-wrapper .water-pollute-solve-charts-wrapper .water-pollute-pin-wrapper .pond{color:#37c1fe}#app .middleFuncFrame .rightFrame .water-pollute-solve-wrapper .water-pollute-solve-charts-wrapper .water-pollute-pin-wrapper .pond .pond-decorate{width:.0843rem;height:100%;border-radius:.0084rem;background:#37c1fe;margin-right:.0337rem}#app .middleFuncFrame .rightFrame .water-pollute-solve-wrapper .water-pollute-solve-charts-wrapper .water-pollute-pin-wrapper .reservoir{color:#3bf4bc;margin-top:.059rem}#app .middleFuncFrame .rightFrame .water-pollute-solve-wrapper .water-pollute-solve-charts-wrapper .water-pollute-pin-wrapper .reservoir .reservoir-decorate{width:.0843rem;height:100%;border-radius:.0084rem;background:#3bf4bc;margin-right:.0337rem}#app .middleFuncFrame .rightFrame .farm-waste-solve-wrapper{margin-top:.0633rem;width:100%;height:.9225rem}#app .middleFuncFrame .rightFrame .farm-waste-solve-wrapper .farm-waste-solve-title-wrapper{position:relative;width:100%;height:.2214rem}#app .middleFuncFrame .rightFrame .farm-waste-solve-wrapper .farm-waste-solve-title-wrapper .farm-waste-solve-title-background{position:absolute;width:100%;height:100%;display:block}#app .middleFuncFrame .rightFrame .farm-waste-solve-wrapper .farm-waste-solve-title-wrapper .farm-waste-solve-title{position:absolute;font-size:.1107rem;line-height:.2214rem;font-family:mokuaiTitile;font-weight:700;font-style:italic;color:#fff;text-shadow:.0011rem .0011rem .0034rem #fff;padding-left:.3005rem;padding-top:.0169rem;white-space:nowrap}#app .middleFuncFrame .rightFrame .farm-waste-solve-wrapper .farm-waste-solve-chart-wrapper{margin-top:.0422rem;width:100%;height:.6642rem;position:relative}#app .middleFuncFrame .rightFrame .farm-waste-solve-wrapper .farm-waste-solve-chart-wrapper .farm-waste-solve-chart-background{position:absolute;width:100%;height:100%;display:block}#app .middleFuncFrame .rightFrame .farm-waste-solve-wrapper .farm-waste-solve-chart-wrapper #farm-waste-solve-chart{position:absolute;left:0;top:0;width:.6326rem;height:100%}#app .middleFuncFrame .rightFrame .farm-waste-solve-wrapper .farm-waste-solve-chart-wrapper .farm-waste-solve-pins{position:absolute;left:.6747rem;top:.2003rem}#app .middleFuncFrame .rightFrame .farm-waste-solve-wrapper .farm-waste-solve-chart-wrapper .farm-waste-solve-pins .pin1{background:linear-gradient(90deg,#05eefe 0,#35c3fe)}#app .middleFuncFrame .rightFrame .farm-waste-solve-wrapper .farm-waste-solve-chart-wrapper .farm-waste-solve-pins .pin2{background:linear-gradient(90deg,#fdd34d 0,#fb7496)}#app .middleFuncFrame .rightFrame .farm-waste-solve-wrapper .farm-waste-solve-chart-wrapper .farm-waste-solve-pins .wrapper3{margin-top:.116rem}#app .middleFuncFrame .rightFrame .farm-waste-solve-wrapper .farm-waste-solve-chart-wrapper .farm-waste-solve-pins .farm-waste-solve-pin-wrapper{display:flex;flex-direction:row;align-items:center}#app .middleFuncFrame .rightFrame .farm-waste-solve-wrapper .farm-waste-solve-chart-wrapper .farm-waste-solve-pins .farm-waste-solve-pin-wrapper .pin-icon{width:.1054rem;height:.0738rem;border-radius:.0169rem}#app .middleFuncFrame .rightFrame .farm-waste-solve-wrapper .farm-waste-solve-chart-wrapper .farm-waste-solve-pins .farm-waste-solve-pin-wrapper .pin-title{font-size:.0685rem;color:#fff;margin-left:.0422rem}#app .middleFuncFrame .rightFrame .farm-waste-solve-wrapper .farm-waste-solve-chart-wrapper .percent-wrapper1{left:1.1914rem;top:.0685rem}#app .middleFuncFrame .rightFrame .farm-waste-solve-wrapper .farm-waste-solve-chart-wrapper .percent-wrapper2{top:.0685rem;left:1.8345rem}#app .middleFuncFrame .rightFrame .farm-waste-solve-wrapper .farm-waste-solve-chart-wrapper .percent-num1{color:#20d6fe}#app .middleFuncFrame .rightFrame .farm-waste-solve-wrapper .farm-waste-solve-chart-wrapper .percent-num2{color:#ff005f}#app .middleFuncFrame .rightFrame .farm-waste-solve-wrapper .farm-waste-solve-chart-wrapper .use-percent-wrapper{position:absolute;width:.622rem;height:.5271rem}#app .middleFuncFrame .rightFrame .farm-waste-solve-wrapper .farm-waste-solve-chart-wrapper .use-percent-wrapper .percent-wrapper-background{position:absolute;width:100%;height:100%;display:block}#app .middleFuncFrame .rightFrame .farm-waste-solve-wrapper .farm-waste-solve-chart-wrapper .use-percent-wrapper .use-percent-title{margin-top:.0843rem;font-size:.0633rem;color:#fff;width:100%;text-align:center}#app .middleFuncFrame .rightFrame .farm-waste-solve-wrapper .farm-waste-solve-chart-wrapper .use-percent-wrapper .use-percent-num{margin-top:.1371rem;font-size:.1318rem;font-weight:700;width:100%;text-align:center}#app .bottomFrame{width:100%;height:1.2757rem;display:flex;flex-direction:row;justify-content:space-between;padding:0 1%;box-sizing:border-box}#app .bottomFrame .monitor-latest-data-wrapper{margin-top:.0759rem;width:26%;height:1.2757rem;position:relative;flex-shrink:0}#app .bottomFrame .monitor-latest-data-wrapper .monitor-latest-data-title-wrapper{width:100%;height:.2109rem;position:relative}#app .bottomFrame .monitor-latest-data-wrapper .monitor-latest-data-title-wrapper .monitor-latest-data-title-background{position:absolute;width:100%;height:100%;display:block}#app .bottomFrame .monitor-latest-data-wrapper .monitor-latest-data-title-wrapper .monitor-latest-data-title{position:absolute;font-size:.1107rem;line-height:.2214rem;font-family:mokuaiTitile;font-weight:700;font-style:italic;color:#fff;text-shadow:.0011rem .0011rem .0034rem #fff;padding-left:.3005rem;padding-top:.0169rem;white-space:nowrap}#app .bottomFrame .monitor-latest-data-wrapper .monitor-latest-data-table-wrapper{margin-top:.0801rem;width:100%;height:.991rem;padding-top:.0506rem;position:relative;overflow:hidden}#app .bottomFrame .monitor-latest-data-wrapper .monitor-latest-data-table-wrapper .monitor-latest-data-background{position:absolute;width:100%;height:100%;display:block;left:0;top:0;pointer-events:none}#app .bottomFrame .monitor-latest-data-wrapper .monitor-latest-data-table-wrapper .monitor-latest-data-header{width:2.4544rem;height:.1792rem;display:flex;flex-direction:row;align-items:center;text-align:center;margin-left:.0337rem;background:#0b6c7d;color:#fff;font-size:.0843rem;font-weight:bolder;border-radius:.0337rem}#app .bottomFrame .monitor-latest-data-wrapper .monitor-latest-data-table-wrapper .monitor-latest-data-header .header1{width:.6062rem;height:.1792rem;line-height:.1792rem}#app .bottomFrame .monitor-latest-data-wrapper .monitor-latest-data-table-wrapper .monitor-latest-data-header .header2{width:.485rem;height:.1792rem;line-height:.1792rem}#app .bottomFrame .monitor-latest-data-wrapper .monitor-latest-data-table-wrapper .monitor-latest-data-header .header3{width:.369rem;height:.1792rem;line-height:.1792rem}#app .bottomFrame .monitor-latest-data-wrapper .monitor-latest-data-table-wrapper .monitor-latest-data-header .header4{width:.4323rem;height:.1792rem;line-height:.1792rem}#app .bottomFrame .monitor-latest-data-wrapper .monitor-latest-data-table-wrapper .monitor-latest-data-header .header5{width:.5482rem;height:.1792rem;line-height:.1792rem}#app .bottomFrame .monitor-latest-data-wrapper .monitor-latest-data-table-wrapper .monitor-latest-data-row:hover{background:#022e3b}#app .bottomFrame .monitor-latest-data-wrapper .monitor-latest-data-table-wrapper .monitor-latest-data-row{width:2.4544rem;height:.1771rem;display:flex;flex-direction:row;justify-content:space-around;align-items:center;text-align:center;color:#fff;font-weight:400;font-size:.0759rem;margin-left:.0337rem}#app .bottomFrame .monitor-latest-data-wrapper .monitor-latest-data-table-wrapper .monitor-latest-data-row .grow-green{color:green}#app .bottomFrame .monitor-latest-data-wrapper .monitor-latest-data-table-wrapper .monitor-latest-data-row .down-red{color:red}#app .bottomFrame .monitor-latest-data-wrapper .monitor-latest-data-table-wrapper .monitor-latest-data-row .row-data1{width:.6062rem}#app .bottomFrame .monitor-latest-data-wrapper .monitor-latest-data-table-wrapper .monitor-latest-data-row .row-data2{width:.485rem}#app .bottomFrame .monitor-latest-data-wrapper .monitor-latest-data-table-wrapper .monitor-latest-data-row .row-data3{width:.369rem}#app .bottomFrame .monitor-latest-data-wrapper .monitor-latest-data-table-wrapper .monitor-latest-data-row .row-data4{width:.4323rem}#app .bottomFrame .monitor-latest-data-wrapper .monitor-latest-data-table-wrapper .monitor-latest-data-row .row-data5{width:.5482rem}#app .bottomFrame .pollute-warning-remind-wrapper{margin-top:.0738rem;width:22%;height:1.2652rem;position:relative;flex-shrink:0}#app .bottomFrame .pollute-warning-remind-wrapper .pollute-warning-remind-title-wrapper{width:100%;height:.2214rem;position:relative}#app .bottomFrame .pollute-warning-remind-wrapper .pollute-warning-remind-title-wrapper .pollute-warning-remind-title-background{position:absolute;width:100%;height:100%;display:block}#app .bottomFrame .pollute-warning-remind-wrapper .pollute-warning-remind-title-wrapper .pollute-warning-remind-title{font-size:.1107rem;line-height:.2214rem;font-family:mokuaiTitile;font-weight:700;font-style:italic;color:#fff;text-shadow:.0011rem .0011rem .0034rem #fff;padding-left:.3005rem;padding-top:.0169rem;white-space:nowrap}#app .bottomFrame .pollute-warning-remind-wrapper .pollute-warning-remind-chart-wrapper{margin-top:.0633rem;width:100%;height:1.0016rem;position:relative}#app .bottomFrame .pollute-warning-remind-wrapper .pollute-warning-remind-chart-wrapper .pollute-background{position:absolute;width:100%;height:100%;display:block}#app .bottomFrame .pollute-warning-remind-wrapper .pollute-warning-remind-chart-wrapper #pollute-warning-remind-chart{position:absolute;width:100%;height:1.0016rem;left:0;top:0}#app .bottomFrame .non-point-source-pollution-monitoring-wrapper{margin-top:.0738rem;width:24%;height:1.2652rem;flex-shrink:0}#app .bottomFrame .non-point-source-pollution-monitoring-wrapper .non-point-title-wrapper{width:100%;height:.2214rem;position:relative}#app .bottomFrame .non-point-source-pollution-monitoring-wrapper .non-point-title-wrapper .non-point-title-background{position:absolute;width:100%;height:100%;display:block}#app .bottomFrame .non-point-source-pollution-monitoring-wrapper .non-point-title-wrapper .non-point-title{position:absolute;font-size:.1107rem;line-height:.2214rem;font-family:mokuaiTitile;font-weight:700;font-style:italic;color:#fff;text-shadow:.0011rem .0011rem .0034rem #fff;padding-left:.3005rem;padding-top:.0169rem;white-space:nowrap}#app .bottomFrame .non-point-source-pollution-monitoring-wrapper .non-point-source-pollution-chart-wrapper{margin-top:.0738rem;width:100%;height:.9931rem;position:relative}#app .bottomFrame .non-point-source-pollution-monitoring-wrapper .non-point-source-pollution-chart-wrapper .non-point-back{position:absolute;width:100%;height:100%;display:block}#app .bottomFrame .non-point-source-pollution-monitoring-wrapper .non-point-source-pollution-chart-wrapper .non-point-source-chart{position:absolute;top:.1581rem;left:.1054rem;width:1.2019rem;height:.738rem;border-radius:.0337rem;border-width:.00521rem;border-style:solid;border-color:#1de2ff}#app .bottomFrame .non-point-source-pollution-monitoring-wrapper .non-point-source-pollution-chart-wrapper .non-point-source-chart .left-arrow{position:absolute;top:50%;transform:translateY(-50%);left:-.0654rem;width:.059rem}#app .bottomFrame .non-point-source-pollution-monitoring-wrapper .non-point-source-pollution-chart-wrapper .non-point-source-chart .right-arrow{position:absolute;top:50%;transform:translateY(-50%);right:-.0654rem;width:.059rem}#app .bottomFrame .non-point-source-pollution-monitoring-wrapper .non-point-source-pollution-chart-wrapper .btn-arrow{position:absolute;top:.0527rem;right:.0685rem;display:flex;flex-direction:row;align-items:center;color:#00deff}#app .bottomFrame .non-point-source-pollution-monitoring-wrapper .non-point-source-pollution-chart-wrapper .btn-arrow .icon-i{border-radius:50%;border-width:.00521rem;border-style:solid;border-color:#00deff;margin-left:.0253rem;margin-top:.0084rem;width:.1012rem;height:.1012rem;display:flex;align-items:center;justify-content:center}#app .bottomFrame .non-point-source-pollution-monitoring-wrapper .non-point-source-pollution-chart-wrapper .device-info{position:absolute;left:1.4128rem;top:.1856rem;color:#fff;font-size:.0633rem}#app .bottomFrame .non-point-source-pollution-monitoring-wrapper .non-point-source-pollution-chart-wrapper .device-info .info{height:.1476rem}#app .bottomFrame .manual-monitor-data-wrapper{margin-top:.0738rem;width:26%;height:1.2652rem;flex-shrink:0}#app .bottomFrame .manual-monitor-data-wrapper .manual-monitor-data-title-wrapper{position:relative;width:100%;height:.2214rem}#app .bottomFrame .manual-monitor-data-wrapper .manual-monitor-data-title-wrapper .manual-monitor-data-title-background{position:absolute;width:100%;height:100%;display:block}#app .bottomFrame .manual-monitor-data-wrapper .manual-monitor-data-title-wrapper .manual-monitor-data-title{position:absolute;font-size:.1107rem;line-height:.2214rem;font-family:mokuaiTitile;font-weight:700;font-style:italic;color:#fff;text-shadow:.0011rem .0011rem .0034rem #fff;padding-left:.3005rem;padding-top:.0169rem;white-space:nowrap}#app .bottomFrame .manual-monitor-data-wrapper .manual-monitor-data-chart-wrapper{margin-top:.0675rem;width:100%;height:.9974rem;position:relative}#app .bottomFrame .manual-monitor-data-wrapper .manual-monitor-data-chart-wrapper .manual-monitor-data-chart-background{position:absolute;width:100%;height:100%;display:block}#app .bottomFrame .manual-monitor-data-wrapper .manual-monitor-data-chart-wrapper #manual-monitor-data-chart{position:absolute;width:calc(100% - .3795rem);height:100%;left:.3795rem;top:0}#app .bottomFrame .manual-monitor-data-wrapper .manual-monitor-data-chart-wrapper .wrapper1{top:.1054rem}#app .bottomFrame .manual-monitor-data-wrapper .manual-monitor-data-chart-wrapper .wrapper2{top:.3795rem}#app .bottomFrame .manual-monitor-data-wrapper .manual-monitor-data-chart-wrapper .wrapper3{top:.6537rem}#app .bottomFrame .manual-monitor-data-wrapper .manual-monitor-data-chart-wrapper .monitor-name-wrapper{position:absolute;left:.0527rem;width:.2847rem;height:.253rem;border-radius:.0169rem;display:flex;flex-direction:column;align-items:center;justify-content:center}#app .bottomFrame .manual-monitor-data-wrapper .manual-monitor-data-chart-wrapper .monitor-name-wrapper .monitor-name-background{position:absolute;width:100%;height:100%;display:block}#app .bottomFrame .manual-monitor-data-wrapper .manual-monitor-data-chart-wrapper .monitor-name-wrapper .monitor-name1,#app .bottomFrame .manual-monitor-data-wrapper .manual-monitor-data-chart-wrapper .monitor-name-wrapper .monitor-name2{font-size:.0422rem;color:#fff}*{margin:0;padding:0;box-sizing:border-box}body{width:100vw;height:100vh}