.monitor-list-item{width:517px;height:155px;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;padding:15px;background:#fff;border:1px solid #dbdfe6;border-radius:4px;margin-bottom:15px;margin-left:15px}.monitor-list-item .el-container .el-header{height:10px!important;padding:0}.monitor-list-item .el-container .el-header,.monitor-list-item .el-main{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.monitor-list-item .el-main{margin-top:14px}.monitor-list-item .el-main .status-icon{width:80px;height:80px;border-radius:4px;color:#fff;font-weight:400;font-size:12px;text-overflow:ellipsis;background-color:#43d1af;word-wrap:break-word;word-break:break-all;padding:0 10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden}.monitor-list-item .el-main .online{background:#43d1af}.monitor-list-item .el-main .offline{background:#ff5e67}.monitor-list-item .el-main .closed{background-color:#c0c4cc}.monitor-list-item .el-main .service-content .service-name{width:400px;height:40px;color:#616266;text-align:left;font-weight:400;font-size:14px;line-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.monitor-list-item .el-main .service-content .service-version{margin-top:10px;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:12px}.monitor-list-item .el-main .service-content .service-version .version-number{border:1px solid #616266;background:#467cf3;padding:0 15px;height:25px;color:#fff;width:140px;border-radius:4px;margin-right:10px;line-height:25px}.monitor-list-item .el-main .service-content .service-version .offline-version{background-color:#5288f5}.monitor-list-item .el-main .service-content .service-version .version-state{display:-webkit-box;display:-ms-flexbox;display:flex;width:67px;line-height:25px;height:25px;padding:0 15px;border:1px solid #616266;border-radius:4px;color:#616266}.monitor-list-item .el-main .service-content .service-version .version-state .state-circle{width:10px;height:10px;background:#4bcf82;border-radius:50%;margin:auto 4px auto 0}.monitor-list-item .el-main .service-content .service-version .version-state .offline-circle{background:#c0c4cc}.base-right-page .base-right-conent-page .service-using-tab .top-form{width:80%;margin:0 auto}.base-right-page .base-right-conent-page .service-using-tab .el-form{padding:15px 0!important}.base-right-page .base-right-conent-page .service-using-tab .el-form .service-search{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:30px}.base-right-page .base-right-conent-page .service-using-tab .el-form .service-search .search-status{font-size:14px;line-height:20px;color:#606266;margin-right:10px}.base-right-page .base-right-conent-page .service-using-tab .el-form .service-search .service-button{display:-webkit-box;display:-ms-flexbox;display:flex;height:30px;display:none}.base-right-page .base-right-conent-page .service-using-tab .el-form .service-search .service-button .el-button{line-height:10px}.base-right-page .base-right-conent-page .service-using-tab .el-form .el-select{width:200px;height:40px}.base-right-page .base-right-conent-page .service-using-tab .el-form .el-input{width:240px;margin-right:30px}.base-right-page .base-right-conent-page .service-using-tab .el-form .el-input__icon{margin-right:5px;line-height:32px}.base-right-page .base-right-conent-page .monitor-list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:80%;margin:0 auto}.el-button el-button--primary el-button--small{width:58px;height:30px}.base-right-page .base-right-conent-page .service-closing-tab .el-form{padding:15px 0!important}.base-right-page .base-right-conent-page .service-closing-tab .el-form .service-search{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.base-right-page .base-right-conent-page .service-closing-tab .el-form .service-search .el-input{width:240px}.base-right-page .base-right-conent-page .service-closing-tab .el-form .service-search .el-input__icon{margin-right:5px;line-height:32px}.base-right-page .base-right-conent-page .service-closing-tab .el-form .service-search .service-button{display:-webkit-box;display:-ms-flexbox;display:flex;height:30px}.base-right-page .base-right-conent-page .service-closing-tab .el-form .service-search .service-button .el-button{line-height:10px}.base-right-page .base-right-conent-page .service-closing-tab .monitor-list{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:-15px}.service-page{width:100%;height:100%;display:inline-block;padding:15px}.service-page,.service-page *{-webkit-box-sizing:border-box;box-sizing:border-box}.service-page .base-conent-page{width:100%;padding:15px;height:100%;overflow:auto;background:#fff;-webkit-box-shadow:0 0 15px 0 rgba(0,0,0,.1);box-shadow:0 0 15px 0 rgba(0,0,0,.1);border-radius:8px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box}.service-page .base-conent-page .base-left-page{width:200px;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;background:#fff;border-radius:4px;border:1px solid #dcdfe6}.service-page .base-conent-page .base-left-page ul{height:33%;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.service-page .base-conent-page .base-left-page ul:not(:first-child){border-top:1px solid #dbdfe6}.service-page .base-conent-page .base-left-page ul li{width:100%}.service-page .base-conent-page .base-left-page ul li span{margin-left:2px;font-size:14px;font-family:SourceHanSansSC-Normal;font-weight:400;color:#1d1d1d}.service-page .base-conent-page .base-left-page ul:first-child .el-progress-circle svg path:nth-child(2){stroke:url(#total)}.service-page .base-conent-page .base-left-page ul:nth-child(2) .el-progress-circle svg path:nth-child(2){stroke:url(#online)}.service-page .base-conent-page .base-left-page ul:nth-child(3) .el-progress-circle svg path:nth-child(2){stroke:url(#drops)}.service-page .base-conent-page .base-left-page ul .el-progress__text{font-size:30px!important;font-family:SourceHanSansSC-Normal;font-weight:700;color:#303133}.service-page .base-conent-page .base-left-page .percentNum .el-progress__text:after{content:"0"}.service-page .base-conent-page .base-right-page{text-align:center;width:100%;height:100%;margin-left:15px;background:#fff;border-radius:4px;padding:15px;border:1px solid #dcdfe6}.service-page .base-conent-page .base-right-page .base-right-conent-page{padding:0}.service-page .base-conent-page .base-right-page .base-right-conent-page .service-using-tab .el-form .service-search{margin-left:15px;margin-bottom:12px}.service-page .base-conent-page .base-right-page .base-right-conent-page>.el-container>.el-header{text-align:left;height:0!important;margin-bottom:15px}.service-page .base-conent-page .base-right-page .base-right-conent-page>.el-container>.el-header .el-button{margin-left:0;height:30px;font-size:14px;line-height:10px}.service-page .base-conent-page .base-right-page .el-input__inner{height:30px;line-height:30px}