.border-comp2{height:100%;padding:2px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAPBAMAAAAmOuNHAAAAFVBMVEVHcEwP+P8L/P8P/f8O+/8O+/8O/P/j3s1ZAAAABnRSTlMAIkVpzJHeLBjFAAAAHElEQVQI12MQhACGNAhgSFUCA4ZkBgigNu0EoQDHbAj2LSHh+AAAAABJRU5ErkJggg==),url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAOBAMAAAACpFvcAAAAG1BMVEVHcEwP/f8P+P8L/P8O+/8M+/8P9/8O+/8O/P9PiDA0AAAACHRSTlMAaSJFzEIhkTeslrIAAAAbSURBVAjXY/DoAAMFBkNBEKhQYIAAC9ozIhIABjQJN4dD7t0AAAAASUVORK5CYII=),url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAOBAMAAAACpFvcAAAAFVBMVEVHcEwP+P8L/P8P/f8O+/8O+/8O/P/j3s1ZAAAABnRSTlMAIkVpzJHeLBjFAAAAGUlEQVQI12MQU2CAAHowgo1BQIFBLA0MHADepQbLHkzb/wAAAABJRU5ErkJggg==),url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAPBAMAAAAmOuNHAAAAGFBMVEVHcEwO+f8P+P8L/P8P/f8O+/8O+/8O/P9I2GAQAAAAB3RSTlMAJCJFacyRedOyLAAAABxJREFUCNdjYAADUwjF4E512hgM0hnKIYBBCQIAKFUJCxBsSUcAAAAASUVORK5CYII=),url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAncAAAAICAMAAACs/yltAAAAVFBMVEVHcEyi4eJhkKJWg5el5uY1WXc/ZoEbOWEvU3IqS2xLdYxsnaye3N2Y1did3N58sr11qLWSztJ8sbuDucOIwMmNx82i4+OX09eKw8pWg5dpm6p7sLvb3YW+AAAAHHRSTlMA94Nx/jhMChYmX5Xv5DeypdkpvsfQno9/R1xuF6meYAAAAZhJREFUWMPtmNtygjAQQAEbScCWWIgg/P9/dndzYQlIHd/QHH1qIckMZ06IWfYBlFm5REr4Mn7tZ8UPfl6AblxBk0SUMloaLBa/iSP75iQjFCKAszgTFXJCCqQmtNYN0LZt13XGmCvyDVyQnPiKob/SBXgl3gF3GhgAhsHRYFBNo9NEBc2Jk9t1wIIQWp9yNpKBiSN3jtJmH6oSJJ41r0LxTihegeLVhbWOvGuDd8ZrR+LlF9IuX1sH/0HtuHjBOw3i1SheUXPrYAGzds46FawrU/WOHTy/pYbeif3eNTr0rpt7R97lD4K36N116V270zvmnVNPsuClx3dY67Kwz/Le2Y12r3fNqndsn42l49r53m3vs3HvXPDm3inJepeC9za9496x3rHgxb0zvHdevHxLvNUL3sK7Wj/qHX+/k9y89PiOfY5F8ZQP3rzPUu+q2Lqtc0Xcu83iBetoo32qd1w7JVjvZHq/e5cfUPyhdnnCuHvG++iYHIOn99z62z/AJY6htzdPgxtunOzwMJNH8A02vNqVn3Gs+AOZOD80Iqy9gQAAAABJRU5ErkJggg==);background-repeat:no-repeat,no-repeat,no-repeat,no-repeat,no-repeat;background-position:0 0,100% 0,0 100%,100% 100%,center -5px}.border-comp2 .comp2-content{height:100%;box-sizing:border-box;border:1px solid #6076ad}.monitor-wrapper[data-v-4cde4e7b]{width:100%;height:100%}.single-mode{height:100%;padding:0 20px}.single-mode .mod-top{height:150px;margin-bottom:20px}.single-mode .mod-bottom{height:calc(100% - 170px)}.single-mode .mod-bottom .el-col{height:100%}.single-mode .value-box{display:flex;height:100%;align-items:center;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAACkCAMAAABl72TbAAAANlBMVEUAm+gAoOkAn+kAoOkAoesAoOkAoOkAoOsAoOlHcEwAoOkAoOkAn+kAoOkAoOkAoOkAoOkAsPfpmzFEAAAAEnRSTlMJVBtpEOzYDP4APcIqe5uKrQQnOW/UAAAArUlEQVQoz73S2w7EEBgE4Cl1pnj/l12MLnu42KuNfPmbNE2ZAQGB05nmnMwXfCdqm7XP/lVbpjkF4hARBfk+o4eP7XnMxtPhj+UgOUiSlGSilJCHTDnjyhddVK5ChUIJS7hpaB2gx9woDaUVqZ2Fsgq2TWv/TFH//8ue9n2Hdbb73GXmwXyYFXNjhs9MR75b3rOH1Y1fvcXV6+jYzN776nfh7d6YDwB+UF2Fc+4Bp70PFOJDemQAAAAASUVORK5CYII=) no-repeat 50%;background-color:rgba(18,30,44,.6)}.single-mode .value-box .value-item{flex:1;text-align:center}.single-mode .value-box .value-item .item-title{font-size:24px;font-weight:700;color:#00a0e9}.single-mode .value-box .value-item .item-title em{font-size:24px;margin-right:10px}.single-mode .value-box .value-item .item-value{font-size:36px;font-weight:700;color:#fff}.single-mode .left-icon,.single-mode .left-icon .icon-box{height:100%;box-sizing:border-box;padding:20px}.single-mode .left-icon .icon-box{background-color:rgba(18,30,44,.6)}.single-mode .left-icon .icon-box.flex-space{display:flex;flex-direction:column;justify-content:space-between}.single-mode .left-icon .icon-box .ims-chart{height:calc(100% - 250px);overflow:hidden}.single-mode .right-chart{height:100%;padding:20px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between}.single-mode .right-chart>div{background-color:rgba(18,30,44,.6)}.modes-icon{display:flex;flex-direction:column;justify-content:center;align-items:center}.modes-icon .my-mods-icon{position:relative;border-radius:50%;color:#00080e}.modes-icon .my-mods-icon.unconnect-color{background-color:#a9a9a9}.modes-icon .my-mods-icon.normal-color{background-color:#0ef}.modes-icon .my-mods-icon.success-color{background-color:#03b36e}.modes-icon .my-mods-icon.warning-color{background-color:#ff6100}.modes-icon .my-mods-icon.danger-color{background-color:#ff4847}.modes-icon .my-mods-icon.fix-color{background-color:#ffd04f}.modes-icon .my-mods-icon.fault-color{background-color:#fb0}.modes-icon .my-mods-icon.collect-color{background-color:#00a1ff}.modes-icon .my-mods-icon em{font-size:5.5em;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.modes-icon .icon-text{display:inline-block;font-size:16px;margin-top:8px}.modes-icon .icon-text.unconnect-color{color:#a9a9a9}.modes-icon .icon-text.normal-color{color:#0ef}.modes-icon .icon-text.success-color{color:#03b36e}.modes-icon .icon-text.warning-color{color:#ff6100}.modes-icon .icon-text.danger-color{color:#ff4847}.modes-icon .icon-text.fix-color{color:#ffd04f}.modes-icon .icon-text.fault-color{color:#fb0}.modes-icon .icon-text.collect-color{color:#00a1ff}