.serve[data-v-bd3eeae4]{display:grid;grid-template-columns:32% 32% 32%;grid-column-gap:20px;grid-row-gap:20px}.serve .serve-item[data-v-bd3eeae4]{border-radius:4px;opacity:1;border:0 solid #ebedf0;background:#fff;box-shadow:0 4px 12px 0 rgba(57,63,73,.16862745098039217);padding:10px;padding-bottom:20px}.serve .serve-title[data-v-bd3eeae4]{display:flex}.serve .serve-title .serve-image[data-v-bd3eeae4]{width:60px}.serve .serve-title .serve-image img[data-v-bd3eeae4]{width:60px;height:60px}.serve .serve-title .serve-title-label[data-v-bd3eeae4]{flex:1;padding-left:16px}.serve .serve-title .serve-title-label div[data-v-bd3eeae4]:first-of-type{color:#242424;font-size:16px;font-weight:700;font-family:PingFang SC;padding-top:6px}.serve .serve-title .serve-title-label div:first-of-type span[data-v-bd3eeae4]{color:#8c8c8c;font-size:12px;font-weight:500;font-family:PingFang SC;text-align:left;padding-left:8px}.serve .serve-title .serve-title-label .status-box[data-v-bd3eeae4]{display:inline-block;border:2px solid #ccc;border-radius:50%;width:6px;height:6px;padding:2px!important;margin-right:4px}.serve .serve-title .serve-title-label .status-box .status-box-content[data-v-bd3eeae4]{border-radius:50%;background:#ccc}.serve .serve-title .serve-title-label .green[data-v-bd3eeae4]{border:2px solid rgba(103,194,58,.47843137254901963)}.serve .serve-title .serve-title-label .green .status-box-content[data-v-bd3eeae4]{background:#67c23a}.serve .serve-title .serve-title-label .red[data-v-bd3eeae4]{border:2px solid rgba(245,108,108,.47843137254901963)}.serve .serve-title .serve-title-label .red .status-box-content[data-v-bd3eeae4]{background:#f56c6c}.serve .serve-title .serve-title-label div[data-v-bd3eeae4]:nth-of-type(2){color:#626f84;font-size:12px;font-weight:500;font-family:PingFang SC;text-align:left;margin-top:10px}.serve .serve-title .serve-title-label .status-data span[data-v-bd3eeae4]{display:inline-block;position:relative;top:-2px}.serve .example-title[data-v-bd3eeae4]{color:#8c8c8c;font-size:12px;font-weight:500;font-family:PingFang SC;text-align:left;margin-top:20px}.serve .example-content[data-v-bd3eeae4]{display:grid;grid-template-columns:50% 50%;grid-column-gap:20px;grid-row-gap:10px;margin-top:15px;margin-left:10px}.serve .example-content .example-content-title[data-v-bd3eeae4]{color:#1466ed;font-size:12px;font-weight:500;font-family:PingFang SC;text-align:left;display:flex;line-height:16px;cursor:pointer}.serve .example-content .example-content-title img[data-v-bd3eeae4]{vertical-align:middle;margin-right:4px;width:14px;height:14px}.serve .example-content .el-button--mini[data-v-bd3eeae4]{padding:0 15px}.serve .example-content .el-tooltip-example[data-v-bd3eeae4]{display:inline-block}.serve .example-content .el-button[data-v-bd3eeae4]{display:none}.serve .example-content .example-content-ip:hover .el-button[data-v-bd3eeae4]{display:inline-block}.serve[data-v-0dd7a306]{display:grid;grid-template-columns:32% 32% 32%;grid-column-gap:20px;grid-row-gap:20px}.serve .serve-item[data-v-0dd7a306]{border-radius:4px;opacity:1;border:0 solid #ebedf0;background:#fff;box-shadow:0 4px 12px 0 rgba(57,63,73,.16862745098039217);padding:10px;padding-bottom:20px}.serve .serve-title[data-v-0dd7a306]{display:flex}.serve .serve-title .serve-image[data-v-0dd7a306]{width:60px}.serve .serve-title .serve-image img[data-v-0dd7a306]{width:60px;height:60px}.serve .serve-title .serve-title-label[data-v-0dd7a306]{flex:1;padding-left:16px}.serve .serve-title .serve-title-label div[data-v-0dd7a306]:first-of-type{color:#242424;font-size:16px;font-weight:700;font-family:PingFang SC;padding-top:6px}.serve .serve-title .serve-title-label div:first-of-type span[data-v-0dd7a306]{color:#8c8c8c;font-size:12px;font-weight:500;font-family:PingFang SC;text-align:left;padding-left:8px}.serve .serve-title .serve-title-label .status-box[data-v-0dd7a306]{display:inline-block;border:2px solid #ccc;border-radius:50%;width:6px;height:6px;padding:2px!important;margin-right:4px}.serve .serve-title .serve-title-label .status-box .status-box-content[data-v-0dd7a306]{border-radius:50%;background:#ccc}.serve .serve-title .serve-title-label .green[data-v-0dd7a306]{border:2px solid rgba(103,194,58,.47843137254901963)}.serve .serve-title .serve-title-label .green .status-box-content[data-v-0dd7a306]{background:#67c23a}.serve .serve-title .serve-title-label .red[data-v-0dd7a306]{border:2px solid rgba(245,108,108,.47843137254901963)}.serve .serve-title .serve-title-label .red .status-box-content[data-v-0dd7a306]{background:#f56c6c}.serve .serve-title .serve-title-label div[data-v-0dd7a306]:nth-of-type(2){color:#626f84;font-size:12px;font-weight:500;font-family:PingFang SC;text-align:left;margin-top:10px}.serve .serve-title .serve-title-label .status-data span[data-v-0dd7a306]{display:inline-block;position:relative;top:-2px}.serve .example-title[data-v-0dd7a306]{color:#8c8c8c;font-size:12px;font-weight:500;font-family:PingFang SC;text-align:left;margin-top:20px}.serve .example-content[data-v-0dd7a306]{display:grid;grid-template-columns:50% 50%;grid-column-gap:20px;grid-row-gap:10px;margin-top:15px;margin-left:10px}.serve .example-content .example-content-title[data-v-0dd7a306]{color:#1466ed;font-size:12px;font-weight:500;font-family:PingFang SC;text-align:left;display:flex;cursor:pointer;line-height:16px}.serve .example-content .example-content-title img[data-v-0dd7a306]{vertical-align:middle;margin-right:4px;width:14px;height:14px}.serve .example-content .el-button--mini[data-v-0dd7a306]{padding:0 15px}.serve .example-content .el-tooltip-example[data-v-0dd7a306]{display:inline-block}.serve .example-content .el-button[data-v-0dd7a306]{display:none}.serve .example-content .example-content-ip:hover .el-button[data-v-0dd7a306]{display:inline-block}