.detail-card{position:absolute;right:0;top:0;width:320px;background-color:#fff}.detail-card .radius-tag{border-radius:9px;border:1px solid #fff;padding:0 5px;background-color:#fff;margin-right:10px}.detail-card .radius-tag.no-border{border:none}.detail-card .radius-tag.online{color:#67c23a}.detail-card .radius-tag.green-color{background-color:#67c23a;color:#fff}.detail-card .radius-tag.orange-color{background-color:#e6a23c;color:#fff}.detail-card .radius-tag.red-color{background-color:#f56c6c;color:#fff}.detail-card .radius-tag.offline{color:#c0c4cc;background:#fff}.detail-card .radius-tag.inuse{color:#67c23a}.detail-card .radius-tag.nouse{color:#c0c4cc;background:#fff}.detail-card .radius-tag.exception{color:#f56c6c}.detail-card .radius-tag.normal{color:#67c23a}.detail-card .header{padding:16px 24px;color:#fff;position:relative}.detail-card .header.online{background-image:-webkit-gradient(linear,left top,right top,from(#a0e36c),to(#67c23a));background-image:linear-gradient(90deg,#a0e36c,#67c23a)}.detail-card .header.offline{background-image:-webkit-gradient(linear,left top,right top,from(#c6c8cc),to(#a8abb3));background-image:linear-gradient(90deg,#c6c8cc,#a8abb3)}.detail-card .header.exception{background-image:-webkit-gradient(linear,left top,right top,from(#fba5a5),to(#f56c6c));background-image:linear-gradient(90deg,#fba5a5,#f56c6c)}.detail-card .header.inuse,.detail-card .header.normal{background-image:-webkit-gradient(linear,left top,right top,from(#a0e36c),to(#67c23a));background-image:linear-gradient(90deg,#a0e36c,#67c23a)}.detail-card .header.nouse{background-image:-webkit-gradient(linear,left top,right top,from(#c6c8cc),to(#a8abb3));background-image:linear-gradient(90deg,#c6c8cc,#a8abb3)}.detail-card .header .title{font-size:18px;word-break:break-all}.detail-card .header .sub-title{font-weight:500;font-size:12px;margin-top:8px}.detail-card .header .close-btn{position:absolute;right:0;top:-10px;background:#000;width:20px;height:20px;text-align:center;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-transform:translateY(-50%);transform:translateY(-50%)}.detail-card .body{padding:10px 16px;position:relative;height:300px;overflow-y:auto}.detail-card .body .item{line-height:2;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:12px;margin:8px 0}.detail-card .body .label{display:inline;min-width:85px;color:#c0c4cc;text-align:right}.detail-card .body .value{color:#606266;word-break:break-all;font-weight:500}.detail-card .body .value .exception{color:#f56c6c;background:rgba(245,108,108,.15);border-radius:2px;padding:1px 4px}.detail-card .body .red{color:#f56c6c}.detail-card .footer{height:56px;border-top:1px solid #f4f2fc;text-align:center;line-height:56px}