.detail-card[data-v-072a03ad]{position:absolute;right:0;top:0;width:320px;background-color:#fff}.detail-card .radius-tag[data-v-072a03ad]{border-radius:9px;border:1px solid #fff;padding:0 5px;background-color:#fff;margin-right:10px}.detail-card .radius-tag.no-border[data-v-072a03ad]{border:none}.detail-card .radius-tag.online[data-v-072a03ad]{color:#67c23a}.detail-card .radius-tag.green-color[data-v-072a03ad]{background-color:#67c23a;color:#fff}.detail-card .radius-tag.orange-color[data-v-072a03ad]{background-color:#e6a23c;color:#fff}.detail-card .radius-tag.red-color[data-v-072a03ad]{background-color:#f56c6c;color:#fff}.detail-card .radius-tag.offline[data-v-072a03ad]{color:#c0c4cc;background:#fff}.detail-card .radius-tag.inuse[data-v-072a03ad]{color:#67c23a}.detail-card .radius-tag.nouse[data-v-072a03ad]{color:#c0c4cc;background:#fff}.detail-card .radius-tag.exception[data-v-072a03ad]{color:#f56c6c}.detail-card .radius-tag.normal[data-v-072a03ad]{color:#67c23a}.detail-card .header[data-v-072a03ad]{padding:16px 24px;color:#fff;position:relative}.detail-card .header.online[data-v-072a03ad]{background-image:-webkit-gradient(linear,left top,right top,from(#a0e36c),to(#67c23a));background-image:linear-gradient(90deg,#a0e36c,#67c23a)}.detail-card .header.offline[data-v-072a03ad]{background-image:-webkit-gradient(linear,left top,right top,from(#c6c8cc),to(#a8abb3));background-image:linear-gradient(90deg,#c6c8cc,#a8abb3)}.detail-card .header.exception[data-v-072a03ad]{background-image:-webkit-gradient(linear,left top,right top,from(#fba5a5),to(#f56c6c));background-image:linear-gradient(90deg,#fba5a5,#f56c6c)}.detail-card .header.inuse[data-v-072a03ad],.detail-card .header.normal[data-v-072a03ad]{background-image:-webkit-gradient(linear,left top,right top,from(#a0e36c),to(#67c23a));background-image:linear-gradient(90deg,#a0e36c,#67c23a)}.detail-card .header.nouse[data-v-072a03ad]{background-image:-webkit-gradient(linear,left top,right top,from(#c6c8cc),to(#a8abb3));background-image:linear-gradient(90deg,#c6c8cc,#a8abb3)}.detail-card .header .title[data-v-072a03ad]{font-size:18px;word-break:break-all}.detail-card .header .sub-title[data-v-072a03ad]{font-weight:500;font-size:12px;margin-top:8px}.detail-card .header .close-btn[data-v-072a03ad]{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[data-v-072a03ad]{padding:10px 16px;position:relative;max-height:216px;overflow-y:auto}.detail-card .body .item[data-v-072a03ad]{line-height:2;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:12px;margin:8px 0}.detail-card .body .label[data-v-072a03ad]{display:inline;min-width:85px;color:#c0c4cc;text-align:right}.detail-card .body .value[data-v-072a03ad]{color:#606266;word-break:break-all;font-weight:500}.detail-card .body .value .exception[data-v-072a03ad]{color:#f56c6c;background:rgba(245,108,108,.15);border-radius:2px;padding:1px 4px}.detail-card .body .red[data-v-072a03ad]{color:#f56c6c}.detail-card .footer[data-v-072a03ad]{height:56px;border-top:1px solid #f4f2fc;text-align:center;line-height:56px}.detail-card .other[data-v-072a03ad]{padding:10px 16px}.detail-card .other ul[data-v-072a03ad]{margin-top:10px;max-height:360px;overflow-y:auto}.detail-card .other ul li[data-v-072a03ad]{font-size:14px;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;padding:5px}.detail-card .other ul li .timeline[data-v-072a03ad]{width:28px;height:28px;text-align:center;line-height:28px;border-radius:50%;-webkit-box-shadow:0 0 4px #000;box-shadow:0 0 4px #000;border:1px solid #fff;color:#fff;margin-right:10px}.detail-card .other ul li .content[data-v-072a03ad]{width:80%;font-size:12px}.detail-card .other ul li .content p[data-v-072a03ad]{margin-bottom:10px}.detail-card .other ul li .content .blue-text[data-v-072a03ad]{margin-top:20px;color:#2b9dd9}.detail-card .other ul li .content .blue-text span[data-v-072a03ad]{color:red}.detail-card .other ul li[data-v-072a03ad]:not(:last-child):after{content:"";display:inline-block;width:1px;height:calc(100% - 30px);top:35px;left:19px;background-color:#2b9dd9;position:absolute}.come[data-v-072a03ad]{background-color:#67c23a}.leave[data-v-072a03ad]{background-color:#2b9dd9}