.chart{margin:0 auto;z-index:1}.data-viz__header{box-sizing:border-box;background-image:url(../../static/img/img-bg-top.d0c8ad57.png);background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:80px;padding:0 50px;display:flex;align-items:center}.data-viz__header>div{flex:0 0 33%}.data-viz__header .logo111 img{width:260px}.data-viz__header .name{line-height:80px;text-align:center;font-size:40px;color:#0073ca;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.data-viz__header .datetime{line-height:80px;text-align:right;color:#fff}.data-viz__header .datetime,.data-viz__header .logo111{padding-bottom:12px}.data-viz__fullscreen{position:fixed;right:16px;bottom:16px;padding:1rem;z-index:1;cursor:pointer;opacity:.3;transition:.25s cubic-bezier(.5,0,.5,1);transition-property:opacity;overflow:hidden;border-radius:inherit;outline:none}.data-viz__fullscreen:before{content:"";position:absolute;top:0;right:0;width:100%;height:100%;max-width:100px;max-height:100px;opacity:.8;transition:inherit;transform:scale(.9);transform-origin:top right;transition-property:opacity,transform}.data-viz__fullscreen:hover{opacity:.99}.data-viz__fullscreen__button{position:relative;z-index:1;cursor:pointer;display:block;padding:.5rem;appearance:none;border:none;outline:none;background:#5a5f73;border-radius:6px;box-shadow:2px 2px 6px rgb(0 0 0/40%);transform:translate(.25rem) scale(.9);transition:.25s cubic-bezier(.5,0,.5,1);transition-property:transform,background-color,opacity}.data-viz__fullscreen__icon{display:block;fill:#aaaebc;width:16px;height:16px}.data-viz__container{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#081739;background-image:url(../../static/img/背景.52d71b0d.png);background-position:50%;background-repeat:no-repeat;background-size:cover;user-select:none}.data-viz__main{width:100%;height:calc(100% - 80px);min-height:500px;padding:0 20px 20px;position:relative;overflow:hidden}.data-viz__map-tooltip{position:relative;width:360px;padding:15px;color:#fff;background-color:rgba(0,0,0,.5)}.data-viz__map-tooltip .name{font-size:20px;color:#49a8c8;text-align:left;padding-bottom:5px}.data-viz__map-tooltip .info{font-size:14px;margin:5px 0}.data-viz__map-tooltip .info>.label{color:#59b1ff;display:inline-block;margin-right:5px}.data-viz__map-tooltip .index{height:72px;display:flex;justify-content:space-between;align-items:center;flex-wrap:nowrap}.data-viz__map-tooltip .index .value{margin:0 auto;text-align:center;color:#59b1ff;font-size:14px}.data-viz__map-tooltip .index .name{margin:0 auto;text-align:center;font-size:13px}.data-viz__map-tooltip .index .index--load,.data-viz__map-tooltip .index .index--load-rate{width:22%;height:100%;background-color:rgba(89,177,255,.3);padding:16px 0}.data-viz__map-tooltip .index .chart{width:54%;height:100%;background-color:rgba(89,177,255,.3)}.data-viz__map-tooltip .border-img{position:absolute}.data-viz__map-tooltip .border-img img{width:100%}.data-viz__map-tooltip .border-img.border-img--top{top:0}.data-viz__map-tooltip .border-img.border-img--bottom{bottom:0}.data-viz__panel{position:relative;width:100%}.data-viz__panel>.corner{position:absolute}.data-viz__panel>.title{display:flex;align-items:center;margin-top:16px;line-height:16px;padding:0 20px;color:#fff}.data-viz__panel>.title img{height:16px;margin-right:4px}.data-viz__security-monitor-center__operation-days>.content{box-sizing:border-box;padding:8px 20px;height:calc(100% - 32px);display:flex;justify-content:center;align-items:center}.data-viz__security-monitor-center__operation-days>.content .number{width:45px;height:55px;color:#0b78d2;font-size:36px;font-weight:600;border:2px solid #015cc8;margin-right:30px;text-align:center}.data-viz__security-monitor-center__operation-days>.content .number:last-child{margin-right:0}.data-viz__security-monitor-center__security-risk-control>.content{box-sizing:border-box;padding:8px 20px 16px;height:calc(100% - 32px)}.data-viz__security-monitor-center__security-risk-control>.content .top-section{height:65%;padding-bottom:12px;display:flex;position:relative;box-sizing:border-box}.data-viz__security-monitor-center__security-risk-control>.content .bottom-section{height:35%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:12px}.data-viz__security-monitor-center__security-risk-control>.content .top-section .chart{width:35%}.data-viz__security-monitor-center__security-risk-control>.content .top-section .index{width:65%;height:100%;color:#4789ba;font-size:13px;padding-left:12px;position:relative}.data-viz__security-monitor-center__security-risk-control>.content .top-section .index table{width:100%;height:100%}.data-viz__security-monitor-center__security-risk-control>.content .top-section .index td{line-height:20px}.data-viz__security-monitor-center__security-risk-control>.content .top-section .index .value{color:#ff8131}.data-viz__security-monitor-center__security-risk-control>.content .top-section .index .dot{display:inline-block;width:8px;height:8px;border-radius:100%}.data-viz__security-monitor-center__security-risk-control>.content .top-section .index .dot.dot--royalblue{background:#4169e1}.data-viz__security-monitor-center__security-risk-control>.content .top-section .index .dot.dot--orange{background:orange}.data-viz__security-monitor-center__security-risk-control>.content .top-section .index .dot.dot--yellow{background:#ff0}.data-viz__security-monitor-center__security-risk-control>.content .top-section .index .dot.dot--cyan{background:#0ff}.data-viz__security-monitor-center__security-risk-control>.content .top-section .index .dot.dot--pink{background:pink}.data-viz__security-monitor-center__security-risk-control>.content .top-section .index .dot.dot--gray{background:grey}.data-viz__security-monitor-center__security-risk-control>.content .top-section .index .dot.dot--mediumslateblue{background:#7b68ee}.data-viz__security-monitor-center__security-risk-control>.content .bottom-section .index-card{border:1px solid #1a3665;border-radius:12px;background-image:radial-gradient(#0c2145 30%,transparent 0);background-size:5px 5px}.data-viz__security-monitor-center__security-risk-control>.content .bottom-section .index-card p{text-align:center}.data-viz__security-monitor-center__security-risk-control>.content .bottom-section .index-card .value{height:30%;color:#4789ba;font-size:22px;font-weight:600;line-height:38px}.data-viz__security-monitor-center__security-risk-control>.content .bottom-section .index-card .title{height:30%;color:grey;font-size:13px;line-height:24px}.data-viz__security-monitor-center__security-risk-control>.content .bottom-section .index-card .percent{height:30%;color:#4789ba;font-size:13px}.data-viz__security-monitor-center__defect-governance>.content{box-sizing:border-box;padding:20px 20px 16px;height:calc(100% - 32px);display:grid;grid-template-rows:repeat(4,minmax(0,1fr));row-gap:12px}.data-viz__security-monitor-center__defect-governance>.content .card{height:100%;border:1px solid #1a3665;border-radius:12px;background-image:radial-gradient(#0c2145 30%,transparent 0);background-size:5px 5px;padding:4px 12px}.data-viz__security-monitor-center__defect-governance>.content .card.card--danger{border-color:#ff7240;background-image:radial-gradient(#1c182d 30%,transparent 0)}.data-viz__security-monitor-center__defect-governance>.content .card table{width:100%;height:100%;color:#4688e7;font-size:13px}.data-viz__security-monitor-center__defect-governance>.content .card.card--danger table{color:#ff7240}.data-viz__security-monitor-center__defect-governance>.content .card table tr td:first-child{width:40%}.data-viz__security-monitor-center__defect-governance>.content .card .value{color:#fff;font-weight:600;font-size:14px}.data-viz__security-monitor-center__defect-governance>.content .card .value.value--danger{color:red}.data-viz__security-monitor-center__defect-governance .tips{position:absolute;top:10px;right:20px}.data-viz__security-monitor-center__defect-governance .tips p{display:inline-block;border:1px solid #3a70c0;border-radius:8px;padding:2px 8px;margin-left:8px;color:grey;font-size:13px}.data-viz__security-monitor-center__defect-governance .tips p .value{font-size:16px;color:#4a90c2;font-weight:600}.data-viz__security-monitor-center__defect-governance .tips p .value.value--danger{color:red}.data-viz__security-monitor-center__job-risk-control>.content{box-sizing:border-box;padding:8px 20px;height:calc(100% - 32px)}.data-viz__security-monitor-center__job-risk-control>.content .row{width:100%;line-height:30px;color:#488cbe;font-size:14px;display:flex;border-top-left-radius:20px;border-top-right-radius:20px;border-bottom-left-radius:20px;border-bottom-right-radius:20px}.data-viz__security-monitor-center__job-risk-control>.content .row.row--head{color:#fff;background-color:#121f3d}.data-viz__security-monitor-center__job-risk-control>.content .row span:first-child{width:35%;padding-left:12px}.data-viz__security-monitor-center__job-risk-control>.content .row span:nth-child(2){width:25%}.data-viz__security-monitor-center__job-risk-control>.content .row span:nth-child(3){width:40%;padding-right:12px}.data-viz__security-monitor-center__job-risk-control>.content .row:nth-child(2n){background-color:#121f3d}.data-viz__security-monitor-center__job-risk-control>.content .seamless-warp{height:calc(100% - 30px);overflow:hidden}.data-viz__security-monitor-center__out-work-management>.content{box-sizing:border-box;padding:16px 20px;height:calc(100% - 32px);display:grid;grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));row-gap:16px;column-gap:24px;align-items:center}.data-viz__security-monitor-center__out-work-management>.content .card{height:100%;max-height:70px;border:1px solid #2f5b9f;border-radius:12px;background-image:radial-gradient(#0c2145 30%,transparent 0);background-size:5px 5px;display:flex;justify-content:space-between;align-items:center;padding:0 16px}.data-viz__security-monitor-center__out-work-management>.content .card .name{font-size:13px;color:#fff}.data-viz__security-monitor-center__out-work-management>.content .card .value{font-size:28px;color:#4b91c3;font-weight:600}.data-viz__security-monitor-center__security-edu-training>.content[data-v-eaa8ac26]{box-sizing:border-box;padding:8px 20px;height:calc(100% - 32px);position:relative}.data-viz__security-monitor-center__security-edu-training>.content>div[data-v-eaa8ac26]{height:50%;box-sizing:border-box;padding:8px 0;display:flex;align-items:center}.data-viz__security-monitor-center__security-edu-training>.content .card[data-v-eaa8ac26]{width:46%;height:100%;max-height:110px;border:1px solid #2f5b9f;border-radius:12px;position:relative}.data-viz__security-monitor-center__security-edu-training>.content .chart[data-v-eaa8ac26]{width:54%;height:100%}.data-viz__security-monitor-center__security-edu-training>.content .card .title[data-v-eaa8ac26]{line-height:28px;font-size:13px;color:#fff;border-bottom:1px solid #2f5b9f;padding-left:10px}.data-viz__security-monitor-center__security-edu-training>.content .card .title .value[data-v-eaa8ac26]{font-size:20px;color:#4b91c3;font-weight:600}.data-viz__security-monitor-center__security-edu-training>.content .card .content[data-v-eaa8ac26]{background-image:radial-gradient(#0c2145 30%,transparent 0);background-size:5px 5px;display:flex;height:calc(100% - 32px)}.data-viz__security-monitor-center__security-edu-training>.content .card .content .item[data-v-eaa8ac26]{width:50%;display:flex;flex-direction:column;justify-content:center}.data-viz__security-monitor-center__security-edu-training>.content .card .content .item p[data-v-eaa8ac26]{text-align:center}.data-viz__security-monitor-center__security-edu-training>.content .card .content .item p[data-v-eaa8ac26]:first-child{color:#fff;font-size:13px}.data-viz__security-monitor-center__security-edu-training>.content .card .content .item p[data-v-eaa8ac26]:last-child{font-size:24px;color:#4b91c3;font-weight:600}.finish[data-v-eaa8ac26]{display:flex;margin-left:.2rem}.finish .left[data-v-eaa8ac26]{margin:12px 0;display:flex;flex-direction:column}.finish .left .plan-titile[data-v-eaa8ac26]{flex:1;font-size:.14rem;color:#4aa7c5;font-weight:700}.finish .left .finish-num[data-v-eaa8ac26]{flex:1;color:#3292ff;margin-top:.1rem}.finish .left .finish-num .wl[data-v-eaa8ac26]{width:.1rem;height:.1rem;display:inline-block;border-radius:50%}.finish .left .finish-num .red[data-v-eaa8ac26]{background:#43a8ff}.finish .left .finish-num .blue[data-v-eaa8ac26]{background:#2e5b82}.finish[data-v-eaa8ac26] .el-progress__text{color:#ff8131}.finish .progress[data-v-eaa8ac26]{margin-left:.2rem}.finish .dash-pro[data-v-eaa8ac26] svg path:first-child{stroke:#2e5b82}.finish .dash-pro[data-v-eaa8ac26]{position:relative}.finish .dash-pro .zero[data-v-eaa8ac26]{position:absolute;left:.3rem;top:.8rem}.finish .dash-pro .percent[data-v-eaa8ac26]{position:absolute;left:.7rem;top:.8rem}.finish .dash-pro .cl[data-v-eaa8ac26]{color:#3292ff}.data-viz__security-monitor-center__map-chart{width:100%;height:100%;position:relative}.data-viz__security-monitor-center__map-chart .chart{width:100%;height:100%}.data-viz__security-monitor-center__map-chart .legend{position:absolute;right:20px;bottom:0;width:90px;height:70px}.data-viz__security-monitor-center__map-chart .legend .item{height:50%;width:80%;margin:0 auto;color:#fff;display:flex;align-items:center;justify-content:center}.data-viz__security-monitor-center__map-chart .legend .item img{width:24px;height:24px;margin-right:8px}.data-viz__security-monitor-center__map-chart .legend .item span{font-size:14px}.data-viz__security-monitor-center__map-chart .station-card{box-sizing:border-box;width:130px;height:70px;position:absolute;color:#fff;padding:8px 0}.data-viz__security-monitor-center__map-chart .station-card .value{color:#4789ba;margin-left:10px}.data-viz__security-monitor-center__map-chart .station-card.station-card--XHTGF{right:26px;top:40px}.data-viz__security-monitor-center__map-chart .station-card.station-card--SLJFD{right:26px;top:150px}.data-viz__security-monitor-center__map-chart .station-card.station-card--QCTFD{right:26px;top:260px}.data-viz__security-monitor-center__map-chart .station-card.station-card--YHHD{right:26px;top:370px}.data-viz__security-monitor-center__map-chart .station-card.station-card--FYFD{right:26px;top:480px}.data-viz__security-monitor-center__map-chart .station-card.station-card--TQFD{right:26px;top:590px}.data-viz__security-monitor-center__map-chart .station-card.station-card--XHTFD{left:47px;top:40px}.data-viz__security-monitor-center__map-chart .station-card.station-card--JYGF{left:47px;top:150px}.data-viz__security-monitor-center__map-chart .station-card.station-card--SLHFD{left:47px;top:254px}.data-viz__security-monitor-center__map-chart .station-card.station-card--ZYXFD{left:47px;top:370px}.data-viz__security-monitor-center__map-chart .station-card.station-card--WQFD{left:47px;top:480px}.data-viz__security-monitor-center__map-chart .station-card.station-card--JBGF{left:47px;top:590px}.station-card div{width:100%;height:100%;display:flex;flex-direction:column}.station-card div p{text-align:left;padding-left:18px;flex:1}.data-viz__security-monitor-center>.data-viz__main{display:flex}.data-viz__security-monitor-center .section-left,.data-viz__security-monitor-center .section-right{width:24%;height:100%;display:flex;flex-direction:column}.data-viz__security-monitor-center .section-middle{width:52%;height:100%}.data-viz__security-monitor-center .section-left>.data-viz__panel:first-child{height:14%;margin-bottom:12px}.data-viz__security-monitor-center .section-left>.data-viz__panel:nth-child(2){height:36%;margin-bottom:12px}.data-viz__security-monitor-center .section-left>.data-viz__panel:nth-child(3){height:50%}.data-viz__security-monitor-center .section-right>.data-viz__panel:first-child{height:38%;margin-bottom:12px}.data-viz__security-monitor-center .section-right>.data-viz__panel:nth-child(2){height:26%;margin-bottom:12px}.data-viz__security-monitor-center .section-right>.data-viz__panel:nth-child(3){height:36%}