.screenBox{min-height:700px;background-color:#333130}.screenBox .headerBox{height:200px;padding:0 20px;height:70px}.screenBox .headerBox .el-col .logo{height:40px;padding:15px 0}.screenBox .headerBox .el-col .logo img{height:40px}.screenBox .headerBox .el-col .title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;line-height:70px;font-size:24px;color:#fff}.screenBox .headerBox .el-col .btn{height:70px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.screenBox .screenBoxBg{width:100%;height:100%;background:url(../../static/img/bg.ee6e405b.png) no-repeat 50%;background-size:cover}.screenBox .contentBox{min-height:500px;padding-left:10px}.screenBox .contentBox .el-progress-bar__outer{background-color:transparent}.screenBox .contentBox .el-progress-bar__inner{text-align:center}.screenBox .contentBox .el-col{min-height:100px}.screenBox .contentBox .el-col .canvasBox1,.screenBox .contentBox .el-col .sixBox{margin:0 10px 10px 0;background:hsla(0,0%,100%,.05);overflow:hidden}.screenBox .contentBox .el-col .canvasBox1 .canvasListBox,.screenBox .contentBox .el-col .sixBox .canvasListBox{width:100%;overflow:hidden}.screenBox .contentBox .el-col .canvasBox1 .title,.screenBox .contentBox .el-col .sixBox .title{height:20px;color:#fff;font-size:16px;margin:5px 0}.screenBox .contentBox .el-col .canvasBox1 .title span,.screenBox .contentBox .el-col .sixBox .title span{border-left:4px solid #fff;padding-left:10px;font-style:italic;font-style:oblique}.screenBox .contentBox .el-col .canvasBox1 .padding10,.screenBox .contentBox .el-col .sixBox .padding10{padding:2px 2px 0;color:#bde7f9;height:30px;text-align:center}.screenBox .contentBox .el-col .canvasBox1 .listRow,.screenBox .contentBox .el-col .sixBox .listRow{margin-top:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:20px;font-size:12px}.screenBox .contentBox .el-col .canvasBox1 .listRow .height20,.screenBox .contentBox .el-col .sixBox .listRow .height20{line-height:20px;text-align:left}.screenBox .contentBox .el-col .canvasBox1 .height50,.screenBox .contentBox .el-col .sixBox .height50{min-height:20px;line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.screenBox .contentBox .el-col .canvasBox1 .alarmColor1,.screenBox .contentBox .el-col .sixBox .alarmColor1{color:#c29070}.screenBox .contentBox .el-col .canvasBox1 .alarmColor2,.screenBox .contentBox .el-col .sixBox .alarmColor2{color:#ffc332}.screenBox .contentBox .el-col .canvasBox1 .red,.screenBox .contentBox .el-col .sixBox .red{color:#e8395d}.screenBox .contentBox .el-col .canvasBox1 .yellow,.screenBox .contentBox .el-col .sixBox .yellow{color:#fcc80e}.screenBox .contentBox .el-col .canvasBox1 .green,.screenBox .contentBox .el-col .sixBox .green{color:#00c800}.screenBox .contentBox .el-col .canvasBox1 .cleaning_box,.screenBox .contentBox .el-col .sixBox .cleaning_box{width:100px;height:calc(100% - 20px);color:#bde7f9;font-size:12px;margin:10px 0 0 10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.screenBox .contentBox .el-col .canvasBox1 .cleaning_box .el-progress__text,.screenBox .contentBox .el-col .sixBox .cleaning_box .el-progress__text{color:#0ddbe7!important;font-size:18px!important}.screenBox .contentBox .el-col .canvasBox1 .cleaning_box2,.screenBox .contentBox .el-col .sixBox .cleaning_box2{height:calc(100% - 20px);color:#bde7f9;font-size:12px;margin:10px 0 0 10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.screenBox .contentBox .el-col .canvasBox1 .cleaning_box2 span,.screenBox .contentBox .el-col .sixBox .cleaning_box2 span{color:#0ddbe7;font-size:30px}.screenBox .contentBox .el-col .canvasBox1 .cleaning_box2 .el-progress__text,.screenBox .contentBox .el-col .sixBox .cleaning_box2 .el-progress__text{color:#0ddbe7!important}.screenBox .contentBox .el-col .canvasBox1 .cleaning_box3,.screenBox .contentBox .el-col .sixBox .cleaning_box3{width:100px;height:calc(100% - 20px);color:#bde7f9;font-size:12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-right:20px}.screenBox .contentBox .el-col .canvasBox1 .cleaning_box3 .el-progress__text,.screenBox .contentBox .el-col .sixBox .cleaning_box3 .el-progress__text{color:#0ddbe7!important;font-size:18px!important}.screenBox .contentBox .el-col .canvasBox1 .cleaning_box4,.screenBox .contentBox .el-col .sixBox .cleaning_box4{width:100%;height:80px;color:#bde7f9;font-size:12px;margin-top:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.screenBox .contentBox .el-col .canvasBox1 .cleaning_box4 span,.screenBox .contentBox .el-col .sixBox .cleaning_box4 span{color:#0ddbe7;font-size:30px}.screenBox .contentBox .el-col .canvasBox1 .cleaning_box5,.screenBox .contentBox .el-col .sixBox .cleaning_box5{width:100%;height:calc(100% - 100px);padding-top:20px}.screenBox .contentBox .el-col .canvasBox1 .cleaning_box5 .el-progress,.screenBox .contentBox .el-col .sixBox .cleaning_box5 .el-progress{margin:0 20px!important}.screenBox .contentBox .el-col .canvasBox1 .cleaning_box5 .el-progress__text,.screenBox .contentBox .el-col .sixBox .cleaning_box5 .el-progress__text{color:#0ddbe7!important;font-size:14px!important}.screenBox .contentBox .el-col .canvasBox1 .left_box,.screenBox .contentBox .el-col .sixBox .left_box{float:left;width:80px;height:calc(100% - 20px);color:#bde7f9;font-size:12px;margin:10px 0 0 10px}.screenBox .contentBox .el-col .canvasBox1 .left_box .column,.screenBox .contentBox .el-col .sixBox .left_box .column{width:20px;height:100%;border-radius:4px;float:left;position:relative;overflow:hidden;background-color:#0ddbe7}.screenBox .contentBox .el-col .canvasBox1 .left_box .column .columnInside,.screenBox .contentBox .el-col .sixBox .left_box .column .columnInside{width:20px;height:100%;position:absolute;left:0;bottom:0;height:0;background-color:#c4d600}.screenBox .contentBox .el-col .canvasBox1 .left_box .column1,.screenBox .contentBox .el-col .sixBox .left_box .column1{width:20px;height:50%;margin-top:5px;border-radius:4px;position:relative;overflow:hidden;background:#0ddbe7}.screenBox .contentBox .el-col .canvasBox1 .left_box .column1 .columnInsideBg,.screenBox .contentBox .el-col .sixBox .left_box .column1 .columnInsideBg{width:100%;height:100%;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAOCAYAAAAvxDzwAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADKSURBVHgBzVTLEQFBEH1vrCo3170hAksERIAMZEIIRIAIyIAMkMG6KSdXxfbTVFFc7R6800y/T03XzDThKMfJUOAMOSDTIDvtVqzEST0D11eoi+MuxQ+I4qQDcXm7qMEobglFosjAR1ZAwfj/wOIv5e/B1yJv67fjll+FPIGf3uibaI8hNUHuAdtQoScqITR3x8EbGhFMkdlUpdB3bY/BuY+jvJ+NoNR/eFWlh9lqXhqJdvb6wvXD5z5oYjAogg8Sk2vHMtSdT185d3jmWR7sEtEhAAAAAElFTkSuQmCC) no-repeat 50%;background-size:70%;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:10}.screenBox .contentBox .el-col .canvasBox1 .left_box .column1 .columnInside,.screenBox .contentBox .el-col .sixBox .left_box .column1 .columnInside{width:20px;height:100%;position:absolute;left:0;bottom:0;height:6%;background-color:#c4d600}.screenBox .contentBox .el-col .canvasBox1 .left_box .column2,.screenBox .contentBox .el-col .sixBox .left_box .column2{width:20px;height:50%;margin-bottom:5px;border-radius:4px;position:relative;overflow:hidden;background:#0ddbe7}.screenBox .contentBox .el-col .canvasBox1 .left_box .column2 .columnInsideBg,.screenBox .contentBox .el-col .sixBox .left_box .column2 .columnInsideBg{width:100%;height:100%;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAARCAYAAADQWvz5AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAHbSURBVHgBpVRBbtRAEKweG+RIAcwB4sAB84PZF+zyguwPwpFrbtzCE3LjSPjB/iC7L7B5AcuJDZd4JUSM4kxT7Y0jLwgpkVuyNO6Zrumurh7BX5amPv2ZwIu6A4VOVJAKkHf7CizFPpUyaFhc/yhn5pc+yMPnfhoi+QTVMghmkcMiCnJRfy++dWeS/dGrRpEHUe8UU4HkIejRVjZxNtJozx/gHvbgpffx3ugi6jvdbgYn8j56lCHayX6HX6vVfwGeee8ev3jH5UcWfBL3N632K+ibSHEsMd4yQ99xckNQ2nEWoOQpkB+ZWqjw8BkXkz4YST7lcrFbo6x35Ilx0u5FujbOyKE0bQMc43Rs8QTyx3ZTc14eGUctqOqUiF5FvHVDFdXtRczIDgkbwriSDuvaXJLM541K0ZwXTw2oWRVbnQTlkDCr7re+1DWqsuofuUmgXZwxs8mt455mcW6Trs6YxiEGWAvEWtcBw8xtcOSQCj3FAHNGNonJSfICA8xdCzgSOsdAk3h/VLA23zli6Ot6VS7vCtDKB/J1SzOtOCEfCDwTp3MK8QtnaNkHtmemTpBeUbgObsxRmTjVE/nnCt4QbUZmbDNl/NlT0W1z1ipKvWKX5qSlDJf4bAL9A2u0vrbnSw+5AAAAAElFTkSuQmCC) no-repeat 50%;background-size:70%;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:10}.screenBox .contentBox .el-col .canvasBox1 .left_box .column2 .columnInside,.screenBox .contentBox .el-col .sixBox .left_box .column2 .columnInside{width:20px;height:100%;position:absolute;left:0;bottom:0;height:6%;background-color:#c4d600}.screenBox .contentBox .el-col .canvasBox1 .left_box .columnText,.screenBox .contentBox .el-col .sixBox .left_box .columnText{width:calc(100% - 20px);height:100%;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;line-height:30px}.screenBox .contentBox .el-col .canvasBox1 .left_box .columnText div,.screenBox .contentBox .el-col .sixBox .left_box .columnText div{margin-bottom:6px}.screenBox .contentBox .el-col .canvasBox1 .left_box .columnText span,.screenBox .contentBox .el-col .sixBox .left_box .columnText span{color:#c4d600;font-size:20px}.screenBox .contentBox .el-col .canvasBox1 .left_box1,.screenBox .contentBox .el-col .sixBox .left_box1{float:left;width:calc(100% - 100px);margin-top:10px}.screenBox .contentBox .el-col .deviceBox{height:50px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:end;-ms-flex-align:end;align-items:end;color:#bde7f9}.screenBox .contentBox .el-col .deviceBox span{color:#0ddbe7;font-size:24px;margin-left:4px}.screenBox .contentBox .el-col .sixBox{overflow:hidden;background:hsla(0,0%,100%,.05)}.screenBox .contentBox .el-col .sixBox .echartTextBox3{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.screenBox .contentBox .el-col .sixBox .echartTextBox3 .nullBox1{background-color:#00d7e8;width:10px;height:10px;margin:5px}.screenBox .contentBox .el-col .sixBox .echartTextBox3 .nullBox2{background-color:#8863e3;width:10px;height:10px;margin:5px 5px 5px 30px}.screenBox .contentBox .el-col .sixBox .echartTextBox3 .title{color:#fff;font-size:14px;font-weight:400;margin-right:5px}.screenBox .contentBox .el-col .sixBox .echartTextBox3 .textNum{color:#00d7e8;font-size:24px;line-height:50px}.screenBox .contentBox .el-col .sixBox .echartTextBox3 .textNum span{font-size:14px}.screenBox .contentBox .el-col .sixBox .echartTextBox3 .textNum1{color:#00d7e8}.screenBox .contentBox .el-col .sixBox .echartTextBox3 .textNum2{color:#8863e3}.screenBox .contentBox .el-col .sixBox .echartBox{display:-webkit-box}.screenBox .contentBox .el-col .sixBox .echartBox .echartBox1{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.screenBox .contentBox .el-col .sixBox .echartBox .echartBox1 div{color:#fff;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;line-height:40px;font-size:16px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.screenBox .contentBox .el-col .sixBox .echartBox .echartBox1 div span{margin-right:10px;white-space:nowrap}.screenBox .contentBox .el-col .sixBox .echartBox .echartBox1 .color11{display:block;width:8px;height:8px;border-radius:50%;background-color:#00c800}.screenBox .contentBox .el-col .sixBox .echartBox .echartBox1 .color22{display:block;width:8px;height:8px;border-radius:50%;background-color:#c29070}.screenBox .contentBox .el-col .sixBox .echartBox .echartBox1 .color33{display:block;width:8px;height:8px;border-radius:50%;background-color:#fcc80e}.screenBox .contentBox .el-col .sixBox .echartBox .echartBox1 .echartBox1Img{width:80%;background-color:#030402;border-radius:50%}.screenBox .contentBox .el-col .sixBox .echartBox .echartBox3,.screenBox .contentBox .el-col .sixBox .echartBox .echartBox4{width:100%}.screenBox .contentBox .el-col .sixBox .echartBox .echartTextBox5{height:60px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.screenBox .contentBox .el-col .sixBox .echartBox .echartTextBox5 .title{color:#fff;font-size:14px;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.screenBox .contentBox .el-col .sixBox .echartBox .echartTextBox5 .textNum{color:#fcc80e;font-size:30px;line-height:50px;white-space:nowrap}.screenBox .contentBox .el-col .sixBox .echartBox .echartTextBox5 .textNum span{font-size:14px}.screenBox .contentBox .el-col .sixBox .echartBox .echartBox5{width:100%}.screenBox .contentBox .el-col .sixBox .echartBox55{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.screenBox .contentBox .el-col .sixBox .margin10{margin:0 20px 0 10px}.screenBox .contentBox .el-col .canvasBox{position:relative}.screenBox .contentBox .el-col .canvasBox .canvasTitle{position:absolute;top:0;left:0}.screenBox .contentBox .el-col .canvasBox .canvasListBox{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.screenBox .contentBox .el-col .canvasBox .canvasListBox .leftBox,.screenBox .contentBox .el-col .canvasBox .canvasListBox .rightBox{width:50%;height:100%}.screenBox .contentBox .el-col .canvasBox .canvasListBox .leftBox .rightTop,.screenBox .contentBox .el-col .canvasBox .canvasListBox .rightBox .rightTop{height:20%;padding-top:5%}.screenBox .contentBox .el-col .canvasBox .canvasListBox .leftBox .rightTop .rightListBox,.screenBox .contentBox .el-col .canvasBox .canvasListBox .rightBox .rightTop .rightListBox{height:50%;padding-left:10%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.screenBox .contentBox .el-col .canvasBox .canvasListBox .leftBox .rightTop .rightListBox .margin20,.screenBox .contentBox .el-col .canvasBox .canvasListBox .rightBox .rightTop .rightListBox .margin20{margin:0 20px}.screenBox .contentBox .el-col .canvasBox .canvasListBox .leftBox .rightTop .rightListBox .colorGreen,.screenBox .contentBox .el-col .canvasBox .canvasListBox .leftBox .rightTop .rightListBox .colorRed,.screenBox .contentBox .el-col .canvasBox .canvasListBox .rightBox .rightTop .rightListBox .colorGreen,.screenBox .contentBox .el-col .canvasBox .canvasListBox .rightBox .rightTop .rightListBox .colorRed{color:#e8395d;font-size:36px;font-weight:700}.screenBox .contentBox .el-col .canvasBox .canvasListBox .leftBox .rightTop .rightListBox .colorGreen span,.screenBox .contentBox .el-col .canvasBox .canvasListBox .leftBox .rightTop .rightListBox .colorRed span,.screenBox .contentBox .el-col .canvasBox .canvasListBox .rightBox .rightTop .rightListBox .colorGreen span,.screenBox .contentBox .el-col .canvasBox .canvasListBox .rightBox .rightTop .rightListBox .colorRed span{font-size:14px}.screenBox .contentBox .el-col .canvasBox .canvasListBox .leftBox .rightTop .rightListBox .colorGreen,.screenBox .contentBox .el-col .canvasBox .canvasListBox .rightBox .rightTop .rightListBox .colorGreen{color:#00c800}.screenBox .contentBox .el-col .canvasBox .canvasListBox .leftBox .rightCenter,.screenBox .contentBox .el-col .canvasBox .canvasListBox .rightBox .rightCenter{height:35%}.screenBox .contentBox .el-col .canvasBox .canvasListBox .leftBox .rightBottm,.screenBox .contentBox .el-col .canvasBox .canvasListBox .rightBox .rightBottm{height:25%;padding-left:10%}.screenBox .contentBox .el-col .canvasBox .canvasListBox .leftBox .rightBottm .bottomList,.screenBox .contentBox .el-col .canvasBox .canvasListBox .rightBox .rightBottm .bottomList{width:100%;height:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.screenBox .contentBox .el-col .canvasBox .canvasListBox .leftBox .rightBottm .bottomList .listLeft,.screenBox .contentBox .el-col .canvasBox .canvasListBox .leftBox .rightBottm .bottomList .listRight,.screenBox .contentBox .el-col .canvasBox .canvasListBox .rightBox .rightBottm .bottomList .listLeft,.screenBox .contentBox .el-col .canvasBox .canvasListBox .rightBox .rightBottm .bottomList .listRight{width:30%}.screenBox .contentBox .el-col .canvasBox .canvasListBox .leftBox .rightBottm .bottomList .listLeft .listTitle,.screenBox .contentBox .el-col .canvasBox .canvasListBox .leftBox .rightBottm .bottomList .listRight .listTitle,.screenBox .contentBox .el-col .canvasBox .canvasListBox .rightBox .rightBottm .bottomList .listLeft .listTitle,.screenBox .contentBox .el-col .canvasBox .canvasListBox .rightBox .rightBottm .bottomList .listRight .listTitle{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:30px;font-size:16px;color:#fff}.screenBox .contentBox .el-col .canvasBox .canvasListBox .leftBox .rightBottm .bottomList .listLeft .listContent,.screenBox .contentBox .el-col .canvasBox .canvasListBox .leftBox .rightBottm .bottomList .listRight .listContent,.screenBox .contentBox .el-col .canvasBox .canvasListBox .rightBox .rightBottm .bottomList .listLeft .listContent,.screenBox .contentBox .el-col .canvasBox .canvasListBox .rightBox .rightBottm .bottomList .listRight .listContent{font-size:28px;color:#ffc332;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.screenBox .contentBox .el-col .canvasBox .canvasListBox .leftBox .rightBottm .bottomList .listLeft .listContent span,.screenBox .contentBox .el-col .canvasBox .canvasListBox .leftBox .rightBottm .bottomList .listRight .listContent span,.screenBox .contentBox .el-col .canvasBox .canvasListBox .rightBox .rightBottm .bottomList .listLeft .listContent span,.screenBox .contentBox .el-col .canvasBox .canvasListBox .rightBox .rightBottm .bottomList .listRight .listContent span{font-size:16px;color:#fff}.screenBox .contentBox .el-col .canvasBox .canvasListBox .leftBox .rightBottm .bottomList .listRight,.screenBox .contentBox .el-col .canvasBox .canvasListBox .rightBox .rightBottm .bottomList .listRight{width:70%}.screenBox .contentBox .el-col .canvasBox .canvasListBox .leftBox{width:60%;height:94%;padding:6% 5% 0 5%}.screenBox .contentBox .proportionBox{font-size:14px;color:#fff}.screenBox .contentBox .proportionBox .title{padding:20px 0;font-size:14px;text-align:center}.screenBox .contentBox .proportionBox .list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around;line-height:50px}.screenBox .contentBox .proportionBox .list span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.screenBox .contentBox .proportionBox .list .progressBox{width:50%}.screenBox .el-carousel__indicators--horizontal{top:0}.screenBox .el-carousel__button{width:8px;height:8px;border-radius:50%}.screenBox .el-carousel__indicator.is-active button{width:12px;height:12px}.screenBox .seamless-warp{width:100%;height:calc(100% - 16px);overflow:hidden}.screenBox .canvasPsBox{-ms-flex-pack:distribute;justify-content:space-around}.screenBox .canvasPsBox,.screenBox .canvasPsBox .psBox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.screenBox .canvasPsBox .psBox{color:#fff}.screenBox .myChart7Text{text-align:center;color:#fff}.screenBox .titleHead{font-size:16px;font-weight:700;padding:4px 0 0 20px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.screenBox .titleHead,.screenBox .titleHead .example{color:#bde7f9;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.screenBox .titleHead .example{font-size:14px;margin-right:20px}.screenBox .titleHead .example .drop{width:10px;height:10px;border-radius:50%;margin-right:10px}.screenBox .titleHead .example .drop1{background-color:#0ddbe7}.screenBox .titleHead .example .drop2{background-color:#7ce57c;margin-left:30px}.screenBox .boxTop1_content{width:100%;height:calc(100% - 30px);display:-webkit-box;display:-ms-flexbox;display:flex}.screenBox .content_left{width:50%;height:100%;overflow:hidden}.screenBox .content_left .img01{background:url(../../static/img/icon05.83a91792.png) no-repeat 50%;background-size:contain}.screenBox .content_left .img01,.screenBox .content_left .img02{width:calc(100% - 20px);height:50%;color:#bde7f9;font-size:14px;text-indent:20px;line-height:100px}.screenBox .content_left .img02{background:url(../../static/img/icon06.5464b452.png) no-repeat 50%;background-size:contain}.screenBox .content_right{width:100%}.screenBox .content_right01{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#bde7f9}.screenBox .content_right01 .rightitle{width:100px;text-align:center}.screenBox .content_right01 .right01_content{width:calc(33.33333% - 26.66667px);text-align:center}.screenBox .content_right01 .right01_content1 .el-progress__text,.screenBox .content_right01 .right01_content2 .el-progress__text,.screenBox .content_right01 .right01_content3 .el-progress__text{color:#0ddbe7!important;font-size:24px!important}.screenBox .content_right02{margin:20px 0}.screenBox .consumablesBox{width:calc(100% - 40px);height:calc(100% - 70px);padding:20px}.screenBox .consumablesBox .consumablesList{width:100%;height:50px;display:-webkit-box;display:-ms-flexbox;display:flex}.screenBox .consumablesBox .consumablesList .listImg{width:15px;height:50px}.screenBox .consumablesBox .consumablesList .listImg1{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAtCAYAAABxsjF3AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAHJSURBVHgB7ZZPSuRAFMbfV0EZcGSyFWahMMy65wQznqDnBnoEPYF4BE+gfQL1BOoJzE5QobMQWlyVgijEqs8q2267k8ofI4oLv1Xl5f2qXl59VQQSUNzvxyb79l9odTarkvulhTSUh3xgrn/VUcYcCCV+zkizSJZDE6h8IDJmdwx6URYjIxsSUAGmSy4kWfnXCAYlLUyIYiy8srLruZAmo/UQjFAwPhksZrPo+vHMzV1P/1nSpXDcd8kWXUV23Ee7ZiGWXKmuFykVtFHcH3UeHjRGjqc6XClqS7t8+/tnosyDbDcHh+tB1IofKVdeR14pYLid6mVVajfeqWAORwP6nsjEVrlAUrafT+/JxFU51XUlzWvVsDk45KimUtOTF33dGH7TylUiocthotooippq2kxjGMJ6l7EEbqMPhMsc5uypa9lnh8GfgycY3HJkCprNOtgCez5XLHvDSSY0fz7wZ3s1DMrq7a+FXrDsQjK5ZhXWpEKlMAB3zfBa2sDFUooObAwDbA+H9AV/ChiC2pul3NtgezgvBu7092uYjfCjNTx5JGGpq2ErR6OhyeTIzphk9Oz+RxKp0/ezwd+504vx38L82WXXx0K5j12XsftFV8cPAAAAAElFTkSuQmCC) no-repeat 50%;background-size:77%}.screenBox .consumablesBox .consumablesList .listImg2{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAtCAYAAABBPiBWAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAALKSURBVHgB1VddbtNAEJ7xJjQolDiP4aUOUpF4Ipwg7gmaG7S5QW9QOAFwg3AC4ASkJ6BISEihIqlUiMQLLonAEHuXWcdeO8n6J1FUwRcp9s7aX2Zm5y8IGTCHQ5N7lRMB4pEAGHklfOE2GyPIQSmdcGxxH94SmQWA9AEoe9ByAQ4gB0bahj8DWwhJuAC7+uGqBZuScoY1nRx3WA02JS3/EW9WhAJGpan7HjYldR7SgQjoIhFFIoHQdR43HdgGKp+/7q3zPCYX1eG3luH5z0jaIi3N8AkHOWlp0Doho+/XMwZPdSG2QHr3YjzUnHgW+pP9xkqIGbGWV601CSVsnVCRosdMJZ2bVwg6f8ekCS05wEkWEfm2l7Udh5TBncQPjDIIRxRa6ftJUiGM7cQfZAT/1knJPAu2QYrI1ekbAgu7gv3k9VRSuj1Ut9xHSANZQQd5qZY77FBLag6/Sy07gUSePINsCIqUMJYR4VhL6s/cTpTX3IAnC1prwJHtCYG9UAnrzqexvUKKBpxGAqr4Z5iSfuolFGRVXG/p+dOF/d3B+FjlPGVKucyL1ACbivU5XfvRujqI24xBn3a0oFDq5ZkeYVa9fURKvIwlpXZMyuEMZFUX4vl0vyHvO0VIpQsmDxo96rNSY4c06kd7C6Gze/GFDsx4BQXBpm5d116WMqqY6RECF2iwnKaFTFcvB1GQQTo3HUxYD7b5bmimkq5regSdC+KCkhPwadC5ICCVabZB04uw4oJg6pPZ4dZ2LCX00cIoW6jAzErCLnOKx9DnMyasJMlkKawC0jDW1Ib5cYx+OGTKfuTev3d5azCWY48cKII1ZODm2sn/TRoMaBIFmmIuKca1tnC2/Ts+zRuC9aSVSmbfr1z/vl6fVIfEeJk392tJnWZd9XU14Qk4n19Us0tF6j8+ztgBcN4u//gVNDfmQdcrwZHnJZvdDeIv6L8FkyPfC38AAAAASUVORK5CYII=) no-repeat 50%;background-size:contain;position:relative}.screenBox .consumablesBox .consumablesList .listImg2 .smallText{position:absolute;right:-10px;bottom:10px;font-size:12px;color:#97a0c3}.screenBox .consumablesBox .consumablesList .listImg3{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAtCAYAAABBPiBWAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAALKSURBVHgB1VddbtNAEJ7xJjQolDiP4aUOUpF4Ipwg7gmaG7S5QW9QOAFwg3AC4ASkJ6BISEihIqlUiMQLLonAEHuXWcdeO8n6J1FUwRcp9s7aX2Zm5y8IGTCHQ5N7lRMB4pEAGHklfOE2GyPIQSmdcGxxH94SmQWA9AEoe9ByAQ4gB0bahj8DWwhJuAC7+uGqBZuScoY1nRx3WA02JS3/EW9WhAJGpan7HjYldR7SgQjoIhFFIoHQdR43HdgGKp+/7q3zPCYX1eG3luH5z0jaIi3N8AkHOWlp0Doho+/XMwZPdSG2QHr3YjzUnHgW+pP9xkqIGbGWV601CSVsnVCRosdMJZ2bVwg6f8ekCS05wEkWEfm2l7Udh5TBncQPjDIIRxRa6ftJUiGM7cQfZAT/1knJPAu2QYrI1ekbAgu7gv3k9VRSuj1Ut9xHSANZQQd5qZY77FBLag6/Sy07gUSePINsCIqUMJYR4VhL6s/cTpTX3IAnC1prwJHtCYG9UAnrzqexvUKKBpxGAqr4Z5iSfuolFGRVXG/p+dOF/d3B+FjlPGVKucyL1ACbivU5XfvRujqI24xBn3a0oFDq5ZkeYVa9fURKvIwlpXZMyuEMZFUX4vl0vyHvO0VIpQsmDxo96rNSY4c06kd7C6Gze/GFDsx4BQXBpm5d116WMqqY6RECF2iwnKaFTFcvB1GQQTo3HUxYD7b5bmimkq5regSdC+KCkhPwadC5ICCVabZB04uw4oJg6pPZ4dZ2LCX00cIoW6jAzErCLnOKx9DnMyasJMlkKawC0jDW1Ib5cYx+OGTKfuTev3d5azCWY48cKII1ZODm2sn/TRoMaBIFmmIuKca1tnC2/Ts+zRuC9aSVSmbfr1z/vl6fVIfEeJk392tJnWZd9XU14Qk4n19Us0tF6j8+ztgBcN4u//gVNDfmQdcrwZHnJZvdDeIv6L8FkyPfC38AAAAASUVORK5CYII=) no-repeat 50%;background-size:contain}.screenBox .consumablesBox .consumablesList .listImg4{height:50px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFuSURBVHgBvZJPTsJAFMbftIA1hTIrE1y1C92KJ5AbyA3QE6gnsN7AGxhPwBHUE9CFiYaStAvjEDdAggmGmT7fRAl/pNgEwpfMvOm89svvmynAtsWjiOuR1jcgoxK5+6Ck1bM7orGeEWxIViRcu929gHVV6oi7UiiwFHZPl/UzRwMEV5fkty4qB/9QwPTDmp4YQ65jjrxKnJnIHMMNAvhjE88YsGCyXxhj026/VTMROWG3lSByg5wKkgEydCc9lc+dG0o1aemtJHJC4SNglTxgMmiKqT5KCfef3l6gn+3nKdUfIk75EwUNTPB2eLh/BWliEINlHtEqmDOyo48qk7KhFHP11dCp9nkr4v1jr7/UiC6BAZktRstDPmbIOCDWEwN8vSeL1tIfUFNro+FB5QnSpCl+Xu5xpy0i5/X9crZfDEXN6YiI6sl80hXiL8JVJlwTd50IAka3mFBkavmLNCuNZilH5Z2yNfgapJ7ZpvQNaK2bQ6PivPwAAAAASUVORK5CYII=) no-repeat 50%;background-size:150%}.screenBox .consumablesBox .consumablesList .listIcon{width:20px;height:50px;margin-left:20px;background-color:hsla(0,0%,95.3%,.1)}.screenBox .consumablesBox .consumablesList .listIcon .listImg1{height:24px;width:20px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAOCAYAAAAvxDzwAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADUSURBVHgBzZS7DcJADIZ/+3iIihpRABPACCBoqIAN2ISMABMQJoAeRWEFNghVWroogthceEiBkqTIV91D/s7nO5lg8cJoCfAWOVDBYtKuH8gPo66C/RgymrYaAf7gGEZDVt5zXOuRF8aKIilSmLoYBVN+YfGPUnroM8h79XGrTl8LeYTZ2MrPhgNF3+Z9FsiJ1cyIMLBHu3ckFwOzUmiQJLeNMdU5Kc2IxZVMKtlvE0CpSWxcW4kOgVYgvVrRLoEsX3Nep1XiSjVtJLYFsCPC3WfsmwfRxlfNZZC1zQAAAABJRU5ErkJggg==) no-repeat 50%;background-size:60%}.screenBox .consumablesBox .consumablesList .listIcon .listImg2{height:24px;width:20px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAARCAYAAADQWvz5AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAHtSURBVHgBpVRbbtNAFD13nBcCgX9bkHB34B00pQiJr5oVlB2grqAsITugXQH+QwLy8ApqVlAj0abipw1Uip3ac3tvErdOpEptcz/8mDtz5sy5Zy5hKfrH7Oat1Dfs7BDQBrHLgFfmZSyRZ8KMmJmjty+b4Xz8Nn6eZIEx+GLBsWRCm+eRY56eb6/T73JO95RfE+WepcIHIzAgz1rsLbDpDjPuneQ7eEB8/3vpd0+z89rS+GeYotM/S70rYfPu1bP4ToA/l77j1AMq8IkJnQUgoZmkKLYa7OybWv2jMPRLTaYTGG5FswRMIYgCi5yoN5z0GdwuwXShTDywsFEtbcW2iReqiebyIhupZhNKSRh4BqZNoE1dT7LrviC72+uNPdWIJCnVCJissCF/Xo2LCnFlJOQ4JjYxEYUMO6gZ2EMLcyS5qfJv1uqRvKJy1Vexw3NhVf7/yzD6sEFVYC3S7EOP92M4bisjPCJ0ndEPSzaU8+5ihZgCEfMIK8YMCM6uiHyAFcL0h2NPKuDNRX48UEGkV2KAFYN6Z5Mj8Y1/gwy7sbX2JLkvgJ5I7HO8cPun5tT7xgiN4UHO/CsXp7+vAGubSVup29AWA7OprcYSd2h5h2+ygyNJB45Y33ribg+VfoSZyy9Y5SCO/4+bh2rQa8NU5zKy5+u/AAAAAElFTkSuQmCC) no-repeat 50%;background-size:60%}.screenBox .consumablesBox .consumablesList .listBox{width:calc(100% - 55px);height:50px;background-color:hsla(0,0%,95.3%,.1);display:-webkit-box;display:-ms-flexbox;display:flex}.screenBox .consumablesBox .consumablesList .listBox .list0{width:10%;margin-right:1px}.screenBox .consumablesBox .consumablesList .listBox .list01,.screenBox .consumablesBox .consumablesList .listBox .list02{width:100%;height:24px;margin-bottom:1px;background-color:rgba(54,154,254,.3);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.screenBox .consumablesBox .consumablesList .listBox .list03{background:rgba(54,154,254,.3) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFuSURBVHgBvZJPTsJAFMbftIA1hTIrE1y1C92KJ5AbyA3QE6gnsN7AGxhPwBHUE9CFiYaStAvjEDdAggmGmT7fRAl/pNgEwpfMvOm89svvmynAtsWjiOuR1jcgoxK5+6Ck1bM7orGeEWxIViRcu929gHVV6oi7UiiwFHZPl/UzRwMEV5fkty4qB/9QwPTDmp4YQ65jjrxKnJnIHMMNAvhjE88YsGCyXxhj026/VTMROWG3lSByg5wKkgEydCc9lc+dG0o1aemtJHJC4SNglTxgMmiKqT5KCfef3l6gn+3nKdUfIk75EwUNTPB2eLh/BWliEINlHtEqmDOyo48qk7KhFHP11dCp9nkr4v1jr7/UiC6BAZktRstDPmbIOCDWEwN8vSeL1tIfUFNro+FB5QnSpCl+Xu5xpy0i5/X9crZfDEXN6YiI6sl80hXiL8JVJlwTd50IAka3mFBkavmLNCuNZilH5Z2yNfgapJ7ZpvQNaK2bQ6PivPwAAAAASUVORK5CYII=) no-repeat 0 100%}.screenBox .consumablesBox .consumablesList .listBox .listDrop{width:10px;height:10px;border-radius:50%}.screenBox .consumablesBox .consumablesList .listBox .listDrop1{background-color:#0ddbe7}.screenBox .consumablesBox .consumablesList .listBox .listDrop2{background-color:#7ce57c}.screenBox .flootBox{width:calc(100% - 55px);height:30px;margin-left:55px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#97a0c3;font-size:14px}.screenBox .flootBox div{width:10%;text-align:center}.screenBox .boxTop3Echarts{width:100%;height:calc(100% - 30px);display:-webkit-box;display:-ms-flexbox;display:flex}.screenBox .boxTop3Echarts .boxTop3Echarts01{width:50%;height:100%}.screenBox .boxTop3Echarts .boxTop3Echarts01 .boxTop3Echarts01Titile{margin-top:20px;font-size:14px;color:#fff;text-align:center}.screenBox .boxTop3Echarts .boxTop3Echarts02{width:100%;height:100%}.screenBox .boxTop3Echarts1{width:100%;height:calc(100% - 30px)}.screenBox .boxTop3Echarts1 .boxTop3Echarts03{width:100%;height:calc(100% - 40px)}.screenBox .boxTop3Echarts1 .myChart3Title{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#bde7f9}.screenBox .boxTop3Echarts1 .myChart3Title span{font-size:24px;color:#739aff}.screenBox .boxTop3Echarts2{width:100%;height:calc(100% - 30px)}.screenBox .boxTop3Echarts2 .boxTop3Echarts02{width:100%;height:50%}.screenBox .boxTop3Echarts2 .myChart3Title{width:calc(100% - 20px);height:12.5%;margin-right:20px;color:#bde7f9;display:-webkit-box;display:-ms-flexbox;display:flex}.screenBox .boxTop3Echarts2 .myChart3Title .myChart4Box1{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.screenBox .boxTop3Echarts2 .myChart3Title .myChart4Box1,.screenBox .boxTop3Echarts2 .myChart3Title .myChart4Box2{width:33.33333%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.screenBox .boxTop3Echarts2 .myChart3Title .myChart4Box2{-webkit-box-pack:right;-ms-flex-pack:right;justify-content:right}.screenBox .boxTop3Echarts2 .myChart3Title span{font-size:24px;color:#739aff}