#unlimited-time{line-height:36px}.uct-cont{position:relative}.server-usage-details{padding:20px 30px}.server-usage-details .server-warn{display:flex;width:calc(100% - 260px);padding:20px 30px 30px 30px;align-items:flex-start;gap:10px;position:fixed;bottom:0px;right:0;background:var(--White);box-shadow:0px -4px 20px 0px rgba(16,24,40,0.08)}.server-usage-details .server-warn .warn-close{width:20px;height:20px;position:absolute;top:13px;right:105px;cursor:pointer}.server-usage-details .server-warn .warn-icon{width:24px;height:24px}.server-usage-details .server-warn .warn-font{display:flex;flex-direction:column;gap:15px}.server-usage-details .server-warn .warn-font .warn-con{display:flex;align-items:center}.server-usage-details .server-warn .warn-font .warn-con .warn-item{color:var(--BK_01);font-size:16px;font-weight:400;line-height:100%}.server-usage-details .server-warn .warn-font .warn-con .warn-item>b{font-weight:500}.server-usage-details .server-warn .warn-font .warn-con .warn-item>span{color:var(--Tip_01)}.server-usage-details .server-warn .warn-font .warn-con .warn-item+.warn-item{padding-left:15px;border-left:1px solid #9FABC2;margin-left:15px}.server-usage-details .server-warn .warn-font .pp1{color:var(--BK_01);font-size:14px;font-weight:400;line-height:100%}.server-usage-details .server-warn .warn-font .pp1>i{color:var(--VI_01)}.server-usage-details .back{display:flex;align-items:center;gap:10px;color:var(--BK_01);font-size:18px;font-weight:600;line-height:100%;cursor:pointer}.server-usage-details .back .back-icon{width:14px;height:14px}.server-usage-details .search-box{display:flex;align-items:center;padding:18px 25px;border-radius:6px;border:1px solid var(--Line_01);background:var(--White);height:auto;margin-top:15px}.server-usage-details .search-box .dateTime{display:flex;align-items:center}.server-usage-details .search-box .dateTime .label{color:var(--BK_01);font-size:15px;font-weight:500;line-height:100%;margin-right:7px}.server-usage-details .search-box .dateTime .server-select{width:320px}.server-usage-details .search-box .dateTime .server-select .el-input__inner{width:100%}.server-usage-details .search-box .dateTime .line{width:1px;height:30px;background-color:#E8E9F2;margin:0 20px}.server-usage-details .search-box .info-btn-small{margin-left:auto;gap:8px}.server-usage-details .search-box .info-btn-small.loading .refresh-img{animation:rotate 1s infinite linear}.server-usage-details .tab-box{border-radius:4px;background:#EDF0F5;display:inline-flex;align-items:center;gap:7px;padding:5px}.server-usage-details .tab-box .tab-pane{cursor:pointer;padding:10px 50px;color:var(--BK_01);font-size:15px;font-weight:500;line-height:100%}.server-usage-details .tab-box .tab-pane.active{border-radius:4px;background:var(--White)}.server-usage-details .echart-box{margin-top:15px;border-radius:4px;border:1px solid var(--Line_02);background:var(--White);padding:25px;display:flex;flex-wrap:wrap;gap:30px}.server-usage-details .echart-box.detail{padding-top:0;padding-left:0;padding-right:0}.server-usage-details .echart-box .echart-item{position:relative;padding:20px 0;border-radius:4px;border:1px solid var(--Line_01);background:var(--White);width:calc((100% - 60px) / 3)}.server-usage-details .echart-box .echart-item .tl{width:calc(100% - 40px);color:var(--BK_01);font-size:15px;font-weight:500;line-height:100%;padding-bottom:15px;border-bottom:1px solid var(--Line_01);margin:0 auto 30px}.server-usage-details .echart-box .echart-item .echarts{width:100%;height:230px}.server-usage-details .echart-box .echart-item .noData{position:absolute;left:50%;transform:translateX(-50%);bottom:145px;color:var(--BK_02);font-size:13px;font-weight:400;line-height:100%;height:auto}.server-usage-details .echart-box .cpu{width:100%;padding-left:25px;padding-right:25px}.server-usage-details .echart-box .ram{width:100%;padding-left:25px;padding-right:25px}.server-usage-details .echart-box .network{width:100%;display:flex;flex-wrap:wrap;gap:30px;padding-left:25px;padding-right:25px}.server-usage-details .scroll-tab{display:flex;gap:30px;border-bottom:1px solid var(--Line_01);width:100%;background-color:#FFF;z-index:1;padding-top:25px;padding-left:25px}.server-usage-details .scroll-tab .item{color:var(--BK_02);font-size:15px;font-weight:500;line-height:100%;padding-bottom:20px;cursor:pointer}.server-usage-details .scroll-tab .item.active{color:var(--BK_01);border-bottom:2px solid var(--VI_01)}.popupStyle{padding:10px 20px;border-radius:4px;box-shadow:0px 5px 20px 0px rgba(16,24,40,0.16);background:var(--White);display:inline-flex;align-items:center;gap:10px;color:var(--BK_01);font-size:15px;font-weight:400;line-height:100%;position:fixed;z-index:99;top:12vh;left:50%;transform:translateX(-50%);animation:fadeInDown .3s}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0, -40px, 0) translateX(-50%);transform:translate3d(0, -40px, 0) translateX(-50%)}to{opacity:1;-webkit-transform:translateZ(0) translateX(-50%);transform:translateZ(0) translateX(-50%)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.popRestart{display:flex;align-items:center;justify-content:center}.popRestart .pop-body{width:500px;border-radius:4px;background:var(--White);padding:25px;position:relative}.popRestart .pop-body .restart-close{width:20px;height:20px;position:absolute;top:10px;right:10px;cursor:pointer}.popRestart .pop-body .main{display:flex;gap:10px}.popRestart .pop-body .main .warn-icon{width:20px;height:20px;flex:none}.popRestart .pop-body .main .font{flex:1}.popRestart .pop-body .main .font .pp1{color:var(--BK_01);font-size:15px;font-weight:500;line-height:130%}.popRestart .pop-body .main .font .pp2{margin-top:8px;color:var(--BK_02);font-size:13px;font-weight:300;line-height:150%}.popRestart .pop-body .main .font .pp3{display:flex;padding:10px;align-items:center;gap:5px;border-radius:4px;background:var(--BG_01);color:var(--BK_02);font-size:13px;font-weight:400;line-height:150%;margin-top:20px}.popRestart .pop-body .main .font .pp3 .icon{width:18px;height:18px}.popRestart .pop-body .btn-group{margin-top:20px;display:flex;justify-content:flex-end;gap:10px}.el-loading-mask .el-loading-spinner{top:50vh}
