.monitor-dashboard[data-v-80b09d62]{width:100vw;height:100vh;background:#041a21;display:flex;justify-content:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.monitor-dashboard .monitor-container[data-v-80b09d62]{width:1920px;height:1080px;background:#041a21;background-size:cover;position:relative}.monitor-dashboard .monitor-container .top-one[data-v-80b09d62]{position:absolute;left:24px;top:24px;z-index:10;font-weight:500;font-size:14px;color:hsla(0,0%,100%,.85);line-height:22px}.monitor-dashboard .monitor-container .top-title[data-v-80b09d62]{width:643px;height:70px;line-height:70px;position:absolute;left:638px;top:11px;z-index:10;font-size:60px;color:#fff;text-align:center;font-family:YouSheBiaoTiHei}.monitor-dashboard .monitor-container .top-time[data-v-80b09d62]{position:absolute;top:30px;right:24px;z-index:10;font-size:16px;color:#1fc6ff}.monitor-dashboard .monitor-container .contract-box[data-v-80b09d62],.monitor-dashboard .monitor-container .data-sum-box[data-v-80b09d62],.monitor-dashboard .monitor-container .dev-station-box[data-v-80b09d62],.monitor-dashboard .monitor-container .farmer-dev-box[data-v-80b09d62],.monitor-dashboard .monitor-container .farmer-rank-box[data-v-80b09d62]{position:absolute;z-index:10;background:rgba(31,198,255,.1);border:1px solid;-o-border-image:linear-gradient(1turn,rgba(31,198,255,.5),rgba(0,71,96,.5)) 1 1;border-image:linear-gradient(1turn,rgba(31,198,255,.5),rgba(0,71,96,.5)) 1 1}.monitor-dashboard .monitor-container .data-sum-box[data-v-80b09d62]{width:500px;height:164px;top:172px;left:24px;padding:20px 20px 20px 30px}.monitor-dashboard .monitor-container .data-sum-box .data-item[data-v-80b09d62]{height:51px;display:flex;align-items:center}.monitor-dashboard .monitor-container .data-sum-box .data-item .data-name[data-v-80b09d62]{width:70px;font-size:14px;color:hsla(0,0%,100%,.8);text-align:right}.monitor-dashboard .monitor-container .data-sum-box .data-item .data-nums[data-v-80b09d62]{width:calc(100% - 70px);padding-left:25px;font-family:YouSheBiaoTiHei}.monitor-dashboard .monitor-container .data-sum-box .data-item .data-nums>div[data-v-80b09d62]{display:inline-block;width:51px;height:51px;line-height:51px;text-align:center;margin-right:8px;background-size:cover;font-size:40px;color:#fed74c}.monitor-dashboard .monitor-container .data-sum-box .data-item .data-nums>div[data-v-80b09d62]:last-child{margin-right:0}.monitor-dashboard .monitor-container .dev-station-box[data-v-80b09d62]{width:500px;height:376px;top:408px;left:24px;padding:20px}.monitor-dashboard .monitor-container .dev-station-box .station-wrapper[data-v-80b09d62]{display:flex;align-items:center;justify-content:space-between}.monitor-dashboard .monitor-container .dev-station-box .station-wrapper .side-item[data-v-80b09d62]{width:100px;height:78px;margin-top:8px;text-align:center}.monitor-dashboard .monitor-container .dev-station-box .station-wrapper .side-item[data-v-80b09d62]:first-child{margin-top:0}.monitor-dashboard .monitor-container .dev-station-box .station-wrapper .side-item .num[data-v-80b09d62]{padding-top:8px;line-height:25px;font-weight:400;font-size:18px;color:#fed74c}.monitor-dashboard .monitor-container .dev-station-box .station-wrapper .side-item .name[data-v-80b09d62]{font-weight:400;font-size:12px;color:hsla(0,0%,100%,.8);line-height:20px}.monitor-dashboard .monitor-container .dev-station-box .station-wrapper .middle[data-v-80b09d62]{text-align:center}.monitor-dashboard .monitor-container .dev-station-box .station-wrapper .middle .images[data-v-80b09d62]{width:204px;height:164px;position:relative}.monitor-dashboard .monitor-container .dev-station-box .station-wrapper .middle .images .image-1[data-v-80b09d62]{position:absolute;top:8px;left:62px;animation:upDown-80b09d62 1.8s infinite}.monitor-dashboard .monitor-container .dev-station-box .station-wrapper .middle .images .image-2[data-v-80b09d62]{width:100%;height:100%}.monitor-dashboard .monitor-container .dev-station-box .station-wrapper .middle .images .image-3[data-v-80b09d62]{position:absolute;top:0;left:52px;animation:twinkle-80b09d62 1s infinite alternate}.monitor-dashboard .monitor-container .dev-station-box .station-wrapper .middle .num[data-v-80b09d62]{margin-top:20px;font-weight:700;font-size:20px;color:#fed74c;line-height:23px}.monitor-dashboard .monitor-container .dev-station-box .station-wrapper .middle .name[data-v-80b09d62]{margin-top:4px;font-weight:500;font-size:16px;color:#fff;line-height:20px}@keyframes upDown-80b09d62{0%{transform:translate(0)}50%{transform:translateY(-15px)}to{transform:translate(0)}}@keyframes twinkle-80b09d62{0%{opacity:.2}to{opacity:1}}.monitor-dashboard .monitor-container .contract-box[data-v-80b09d62]{width:500px;height:200px;bottom:24px;left:24px;padding:16px 20px;display:flex;align-items:center}.monitor-dashboard .monitor-container .contract-box .left-div[data-v-80b09d62]{width:154px;height:168px}.monitor-dashboard .monitor-container .contract-box .left-div .left-item[data-v-80b09d62]{margin-top:18px}.monitor-dashboard .monitor-container .contract-box .left-div .left-item>img[data-v-80b09d62]{width:40px;height:40px;vertical-align:middle}.monitor-dashboard .monitor-container .contract-box .left-div .left-item .content[data-v-80b09d62]{padding-left:16px;display:inline-block;vertical-align:middle}.monitor-dashboard .monitor-container .contract-box .left-div .left-item .content .name[data-v-80b09d62]{font-weight:400;font-size:14px;color:hsla(0,0%,100%,.8);line-height:16px}.monitor-dashboard .monitor-container .contract-box .left-div .left-item .content .num[data-v-80b09d62]{margin-top:2px;font-weight:400;font-size:18px;color:#fed74c;line-height:21px}.monitor-dashboard .monitor-container .contract-box .pie-chart[data-v-80b09d62]{width:120px;height:120px;margin-left:36px;margin-right:26px}.monitor-dashboard .monitor-container .contract-box .chart-desc .desc-item .online[data-v-80b09d62]{background:#f5bc32}.monitor-dashboard .monitor-container .contract-box .chart-desc .desc-item .offline[data-v-80b09d62]{background:#59ffff}.monitor-dashboard .monitor-container .contract-box .chart-desc .desc-item .color-circle[data-v-80b09d62]{width:12px;height:8px;display:inline-block;border-radius:2px}.monitor-dashboard .monitor-container .contract-box .chart-desc .desc-item .color-circle.online[data-v-80b09d62]{background:#f5bc32}.monitor-dashboard .monitor-container .contract-box .chart-desc .desc-item .color-circle.offline[data-v-80b09d62]{background:#59ffff}.monitor-dashboard .monitor-container .contract-box .chart-desc .desc-item .name[data-v-80b09d62]{padding-left:7px;padding-right:7px;font-weight:400;font-size:14px;color:hsla(0,0%,100%,.8);line-height:16px}.monitor-dashboard .monitor-container .contract-box .chart-desc .desc-item .num[data-v-80b09d62]{font-weight:400;font-size:14px;line-height:16px;background:none}.monitor-dashboard .monitor-container .contract-box .chart-desc .desc-item .num.online[data-v-80b09d62]{color:#f5bc32}.monitor-dashboard .monitor-container .contract-box .chart-desc .desc-item .num.offline[data-v-80b09d62]{color:#59ffff}.monitor-dashboard .monitor-container .map-box[data-v-80b09d62]{position:absolute;top:124px;left:548px;width:824px;height:932px}.monitor-dashboard .monitor-container .farmer-rank-box[data-v-80b09d62]{width:500px;height:360px;top:172px;right:24px;padding:16px}.monitor-dashboard .monitor-container .farmer-rank-box .area-type[data-v-80b09d62]{width:130px;height:32px;line-height:32px;border-radius:2px 2px 2px 2px;border:1px solid;-o-border-image:linear-gradient(180deg,#0eece4,#058fe7) 1 1;border-image:linear-gradient(180deg,#0eece4,#058fe7) 1 1;display:flex;margin-bottom:12px}.monitor-dashboard .monitor-container .farmer-rank-box .area-type>div[data-v-80b09d62]{width:64px;height:32px;font-size:14px;text-align:center;color:#0eece4}.monitor-dashboard .monitor-container .farmer-rank-box .area-type>div.active[data-v-80b09d62]{color:#fff;background:linear-gradient(180deg,#0eece4,#058fe7)}.monitor-dashboard .monitor-container .farmer-rank-box .rank-table .tr[data-v-80b09d62]{display:flex;align-items:center;border-bottom:1px solid rgba(89,255,255,.1);font-size:14px;line-height:32px;height:32px;text-align:center}.monitor-dashboard .monitor-container .farmer-rank-box .rank-table .tr.header[data-v-80b09d62]{background:rgba(31,198,255,.2);color:hsla(0,0%,100%,.65)}.monitor-dashboard .monitor-container .farmer-rank-box .rank-table .tr.body[data-v-80b09d62]{color:#fff}.monitor-dashboard .monitor-container .farmer-rank-box .rank-table .tr .td-1[data-v-80b09d62]{width:80px}.monitor-dashboard .monitor-container .farmer-rank-box .rank-table .tr .td-2[data-v-80b09d62]{width:288px}.monitor-dashboard .monitor-container .farmer-rank-box .rank-table .tr .td-3[data-v-80b09d62]{width:100px}.monitor-dashboard .monitor-container .farmer-rank-box .rank-table .no-data[data-v-80b09d62]{color:hsla(0,0%,100%,.65);text-align:center;padding-top:50px;font-size:14px}.monitor-dashboard .monitor-container .farmer-dev-box[data-v-80b09d62]{width:500px;height:180px;bottom:296px;right:24px;padding:16px 20px}.monitor-dashboard .monitor-container .farmer-dev-box .chart-desc[data-v-80b09d62]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.monitor-dashboard .monitor-container .farmer-dev-box .chart-desc .name[data-v-80b09d62]{font-size:12px;color:hsla(0,0%,100%,.8);line-height:20px}.monitor-dashboard .monitor-container .farmer-dev-box .chart-desc .color-circle[data-v-80b09d62]{display:inline-block;width:7px;height:7px;background:#fed74c;margin-right:4px}.monitor-dashboard .monitor-container .farmer-dev-box.connect[data-v-80b09d62]{bottom:24px;height:200px}.monitor-dashboard .monitor-container .farmer-dev-box.connect .color-circle[data-v-80b09d62]{background:linear-gradient(180deg,#0eece4,#058fe7)}.monitor-container canvas{zoom:calc(1/var(--zoom));transform:scale(var(--zoom));transform-origin:0 0}