.operation-center-title{display:flex;justify-content:space-between;align-items:center;width:100%;height:3.5rem;background-image:url(/static/images/OperationCenter/title.png);padding:0 1.25rem 0 2.91667rem;left:0;top:0;z-index:2}.operation-center-title,.operation-center-title:before{background-size:100% 100%;background-repeat:no-repeat;position:absolute}.operation-center-title:before{content:"";width:1.08333rem;height:1.08333rem;left:1.25rem;background-image:url(/static/images/OperationCenter/540.png);background-position:50%}.operation-center-title p{font-size:1.5rem;font-weight:700;color:#fff;line-height:3.5rem;display:flex;align-items:center}.operation-center-title p span{display:inline-block;width:5.58333rem;height:2rem;line-height:2rem;text-align:center;margin-left:.83333rem;font-size:1rem;font-weight:400;background:rgba(0,222,255,.5);border-radius:.25rem}.operation-center-title .count{font-size:1.33333rem;color:#fff;display:flex;align-items:center}.operation-center-title .count strong{margin-left:.5rem;color:#ffd322;font-weight:700}.operation-center-small-title{display:flex;justify-content:flex-start;align-items:center;width:100%;padding-left:1.66667rem;position:relative}.operation-center-small-title:before{position:absolute;content:"";width:1rem;height:1.58333rem;left:0;background-image:url(/static/images/OperationCenter/1853.png);background-size:100% 100%;background-repeat:no-repeat;background-position:50%}.operation-center-small-title p{font-size:1.33333rem;color:#3ed3ff;margin-right:.66667rem}.operation-center-small-title span{flex:1;height:.91667rem;display:inline-block;background-size:100% 100%;background-repeat:no-repeat;background-position:50%}.operation-center-small-title span.d{background-image:url(/static/images/OperationCenter/small-title-d.png)}.operation-center-small-title span.z{background-image:url(/static/images/OperationCenter/small-title-z.png)}.operation-center-small-title span.x{background-image:url(/static/images/OperationCenter/small-title-x.png)}.operation-center-center{width:58.75rem;height:100%;display:flex;flex-direction:column;justify-content:space-between}.operation-center-center .operation-center-hrmw{width:100%;flex:1;margin-bottom:.83333rem;display:flex;flex-direction:column;justify-content:space-evenly}.operation-center-center .operation-center-hrmw-top{display:flex;flex-direction:row}.operation-center-center .operation-center-hrmw-top-item{flex:1;display:flex;flex-direction:column}.operation-center-center .operation-center-hrmw-top-item-bottom{flex-direction:row;display:flex;justify-content:center;align-items:center}.operation-center-center .operation-center-hrmw-top-item-bottom .online-charts,.operation-center-center .operation-center-hrmw-top-item-bottom .promise-charts{margin:.41667rem 1.33333rem .41667rem 0;width:9.58333rem;height:9.58333rem;background-image:url(/static/images/OperationCenter/rate.png);background-size:100% 100%;background-repeat:no-repeat;background-position:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.operation-center-center .operation-center-hrmw-top-item-bottom .online-charts span,.operation-center-center .operation-center-hrmw-top-item-bottom .promise-charts span{position:absolute;left:50%;top:50%;color:#fff}.operation-center-center .operation-center-hrmw-top-item-bottom .online-charts span.count,.operation-center-center .operation-center-hrmw-top-item-bottom .promise-charts span.count{transform:translateX(-50%) translateY(-90%);font-size:1.66667rem}.operation-center-center .operation-center-hrmw-top-item-bottom .online-charts span.name,.operation-center-center .operation-center-hrmw-top-item-bottom .promise-charts span.name{transform:translateX(-50%) translateY(10%);font-size:1.16667rem}.operation-center-center .operation-center-hrmw-top-item-bottom .online-charts .circle-progress,.operation-center-center .operation-center-hrmw-top-item-bottom .promise-charts .circle-progress{--size:100%;width:var(--size);height:var(--size)}.operation-center-center .operation-center-hrmw-top-item-bottom .online-count,.operation-center-center .operation-center-hrmw-top-item-bottom .promise-count{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;padding:.83333rem 0;height:100%;padding-left:1.66667rem;position:relative}.operation-center-center .operation-center-hrmw-top-item-bottom .online-count-item,.operation-center-center .operation-center-hrmw-top-item-bottom .promise-count-item{width:100%;display:flex;justify-content:flex-start;align-items:center}.operation-center-center .operation-center-hrmw-top-item-bottom .online-count-item:before,.operation-center-center .operation-center-hrmw-top-item-bottom .promise-count-item:before{position:absolute;content:"";display:inline-block;width:1rem;height:1rem;background-image:url(/static/images/OperationCenter/1876.png);background-size:100% 100%;background-repeat:no-repeat;background-position:50%;left:0}.operation-center-center .operation-center-hrmw-top-item-bottom .online-count-item .name,.operation-center-center .operation-center-hrmw-top-item-bottom .promise-count-item .name{color:#41c7ff;text-align:left}.operation-center-center .operation-center-hrmw-top-item-bottom .online-count-item .count,.operation-center-center .operation-center-hrmw-top-item-bottom .promise-count-item .count{color:#fff;font-weight:700;cursor:pointer;font-size:1.33333rem;margin-left:.41667rem}.operation-center-center .operation-center-hrmw .abnormal-operation-analysis,.operation-center-center .operation-center-hrmw .alarm-data-abnormal-statistics,.operation-center-center .operation-center-hrmw .base-info-abnormal-statistics,.operation-center-center .operation-center-hrmw .monitoring-data-abnormal-statistics{display:flex;justify-content:center;flex-wrap:wrap;align-items:center}.operation-center-center .operation-center-hrmw .abnormal-operation-analysis-item,.operation-center-center .operation-center-hrmw .alarm-data-abnormal-statistics-item,.operation-center-center .operation-center-hrmw .base-info-abnormal-statistics-item,.operation-center-center .operation-center-hrmw .monitoring-data-abnormal-statistics-item{display:flex;flex-direction:row;justify-content:center;align-items:center;background-color:#033955;margin:.58333rem .29167rem;margin-bottom:0;padding:.45833rem 0;min-width:0}.operation-center-center .operation-center-hrmw .abnormal-operation-analysis-item .name,.operation-center-center .operation-center-hrmw .alarm-data-abnormal-statistics-item .name,.operation-center-center .operation-center-hrmw .base-info-abnormal-statistics-item .name,.operation-center-center .operation-center-hrmw .monitoring-data-abnormal-statistics-item .name{font-size:1.16667rem;color:#41c7ff;margin-right:.83333rem;display:flex;align-items:center;min-width:0}.operation-center-center .operation-center-hrmw .abnormal-operation-analysis-item .name .label-text,.operation-center-center .operation-center-hrmw .alarm-data-abnormal-statistics-item .name .label-text,.operation-center-center .operation-center-hrmw .base-info-abnormal-statistics-item .name .label-text,.operation-center-center .operation-center-hrmw .monitoring-data-abnormal-statistics-item .name .label-text{flex:1;min-width:0;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.operation-center-center .operation-center-hrmw .abnormal-operation-analysis-item .count,.operation-center-center .operation-center-hrmw .alarm-data-abnormal-statistics-item .count,.operation-center-center .operation-center-hrmw .base-info-abnormal-statistics-item .count,.operation-center-center .operation-center-hrmw .monitoring-data-abnormal-statistics-item .count{font-size:1.5rem;color:#fff;font-weight:700;cursor:pointer;display:inline-block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom}.operation-center-center .operation-center-hrmw .abnormal-operation-analysis-item,.operation-center-center .operation-center-hrmw .base-info-abnormal-statistics-item{flex:1}.operation-center-center .operation-center-hrmw .base-info-abnormal-statistics{padding:.41667rem 2.5rem}.operation-center-center .operation-center-hrmw .alarm-data-abnormal-statistics,.operation-center-center .operation-center-hrmw .monitoring-data-abnormal-statistics{padding:.41667rem;justify-content:center}.operation-center-center .operation-center-hrmw .alarm-data-abnormal-statistics-item,.operation-center-center .operation-center-hrmw .monitoring-data-abnormal-statistics-item{margin-top:.58333rem}.operation-center-center .operation-center-hrmw .abnormal-operation-analysis{padding:.41667rem 1.66667rem 0 1.66667rem}.operation-center-center .operation-center-hrmw .abnormal-operation-analysis-item{margin:0 .41667rem}.operation-center-center .operation-center-shtx{width:100%;max-height:16.25rem;flex:1;display:flex;flex-direction:column;justify-content:space-evenly}.operation-center-center .operation-center-shtx .cmp-operation-quality{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-top:1.25rem}.operation-center-center .operation-center-shtx .cmp-operation-quality-item{display:flex;flex-direction:column;justify-content:center;align-items:center;width:13.33333rem;height:5.41667rem}.operation-center-center .operation-center-shtx .cmp-operation-quality-item .name{font-size:1.16667rem}.operation-center-center .operation-center-shtx .cmp-operation-quality-item .count{font-size:1.83333rem;color:#fff;font-weight:700;cursor:pointer}.operation-center-center .operation-center-shtx .cmp-operation-quality-item:first-of-type{background:linear-gradient(0deg,rgba(37,255,217,.5),rgba(4,223,185,0))}.operation-center-center .operation-center-shtx .cmp-operation-quality-item:first-of-type .name{color:#04dfb9}.operation-center-center .operation-center-shtx .cmp-operation-quality-item:nth-of-type(2){background:linear-gradient(0deg,rgba(37,183,250,.5),rgba(52,191,255,.5) 0,rgba(52,191,255,0))}.operation-center-center .operation-center-shtx .cmp-operation-quality-item:nth-of-type(2) .name{color:#34bfff}.operation-center-center .operation-center-shtx .cmp-operation-quality-item:nth-of-type(3){background:linear-gradient(0deg,rgba(255,180,36,.5),rgba(255,180,36,0))}.operation-center-center .operation-center-shtx .cmp-operation-quality-item:nth-of-type(3) .name{color:#ffd322}.operation-center-center .operation-center-shtx .cmp-operation-quality-item:nth-of-type(4){background:linear-gradient(0deg,rgba(255,89,81,.5),rgba(255,89,81,0))}.operation-center-center .operation-center-shtx .cmp-operation-quality-item:nth-of-type(4) .name{color:#ff5951}.operation-center-center .bg .operation-center-title{background-image:url(/static/images/OperationCenter/center-title.png)}.operation-center-tooltip{max-width:30rem}