.manual-monitor-container{width:100%;height:100%;display:flex;flex-direction:column;background-color:#f7f8f9}.manual-monitor-container .page-body{flex:1;position:relative;overflow:hidden}.manual-monitor-container .page-body .menu-container{position:absolute;bottom:24px;left:0;display:flex;flex-direction:column;align-items:flex-end;z-index:1}.manual-monitor-container .page-body .menu-container .menu{height:36px;line-height:36px;padding:0 4px 0 10px;border-radius:0 18px 18px 0;background-color:#fff;box-shadow:0 0 3px rgba(0,0,0,.2);display:flex;flex-direction:row;align-items:center;transform:translateX(calc(-100% + 40px));color:#303133;transition:color .1s ease-in,opacity .1s ease-in,transform .3s ease-in;cursor:pointer;font-weight:700;opacity:.6}.manual-monitor-container .page-body .menu-container .menu+.menu{margin-top:10px}.manual-monitor-container .page-body .menu-container .menu:hover{color:var(--color-primary);opacity:1;transform:translateX(0)}.manual-monitor-container .page-body .menu-container .menu.is-active{color:var(--color-primary)}.manual-monitor-container .page-body .menu-container .menu .menu-title{font-size:14px}.manual-monitor-container .page-body .menu-container .menu .menu-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:20px}.manual-monitor-container .page-body .side-menu .el-menu-item .ui-icon{width:14px;margin-right:5px}.manual-monitor-container .page-body>.page-tabs.el-tabs{margin-top:5px;border-top:none;box-shadow:none;border-bottom:none}.manual-monitor-container .page-body>.page-tabs .el-tabs__header{margin-bottom:0;padding-right:38px}.manual-monitor-container .page-body>.page-tabs .el-tabs__content{padding:0}.manual-monitor-container .page-body>.page-tabs .el-tabs__header .el-tabs__item{padding:0 15px;height:38px;line-height:38px;font-size:14px;margin:5px 5px 0;border-radius:5px 5px 0 0;border-color:#dcdfe6;border-bottom:none}.manual-monitor-container .page-body>.page-tabs .el-tabs__item.is-active{box-shadow:0 0 3px #dedede;z-index:1}.manual-monitor-container .page-body>.page-tabs .el-tabs__header .el-tabs__item:nth-child(2){padding-left:15px}.manual-monitor-container .page-content{flex:1;box-shadow:0 0 3px #dedede;position:relative;z-index:0}