.monitor{height:100%}.monitor .monitor-content{height:calc(100% - 100px);overflow-x:scroll;padding:30px 20px 0 20px}.monitor .monitor-content .monitor-total{padding:20px;display:flex;justify-content:space-between;background-color:#fff;margin-bottom:20px}.monitor .monitor-content .monitor-total div{width:20%;text-align:center}.monitor .monitor-content .monitor-total div p:first-child{font-size:12px;color:#989db2;margin-bottom:9px}.monitor .monitor-content .monitor-total div p:last-child{color:#333;font-size:14px;font-weight:550}.monitor .monitor-content .monitor-list-box{display:flex;justify-content:space-between;flex-wrap:wrap}.monitor .monitor-content .monitor-list-box .monitor-list:nth-child(2n){margin-right:0}.monitor .monitor-content .monitor-list-box .monitor-list{width:40%;padding:20px 15px;background-color:#fff;margin-bottom:20px}.monitor .monitor-content .monitor-list-box .monitor-list .monitor-list-line{display:flex}.monitor .monitor-content .monitor-list-box .monitor-list .monitor-list-line .img{margin-right:8px}.monitor .monitor-content .monitor-list-box .monitor-list .monitor-list-line .name-info .name{color:#333;font-size:14px}.monitor .monitor-content .monitor-list-box .monitor-list .monitor-list-line .name-info .name-state{font-size:12px;color:#7ed321}.monitor .monitor-content .monitor-list-box .monitor-list .monitor-list-line span{font-size:12px;color:#333;margin-top:8px}.monitor .monitor-content .monitor-list-box .monitor-list .monitor-list-line span:first-child{color:#989db2}