.progressContentItemTitle {
  margin-top: 8px;
  overflow: hidden; //超出的文本隐藏
  font-weight: 600;
  font-size: 14px;
  white-space: nowrap; //溢出不换行
  text-overflow: ellipsis; //溢出用省略号显示
  cursor: pointer;

  &:hover {
    background-color: rgba(0, 0, 0, 0.08);
  }

  .titleSpan {
    display: inline;
    padding: 0;
    color: #aaa;
    list-style: none;

    .titleSpanItem {
      display: inline;
      margin-left: 0.7em;
      padding-right: 0.5rem;
      font-weight: 500;
      border-right: 1px solid #aaa;
    }
  }
}

.progressContentItemContent {
  border: 1px solid rgba(0, 0, 0, 0.1);

  .detailsItem {
    display: flex;
    padding-left: 10px;

    &:hover {
      .copyBtn {
        opacity: 1;
      }
    }

    .detailsItemKeys {
      width: 200px;
      overflow: hidden;
      color: #888;
      text-overflow: ellipsis;
    }

    .detailsItemValues {
      flex: 1;
      width: 100%;
      overflow: hidden;
      overflow-x: auto;
      color: rgb(237, 129, 66);
    }

    .copyBtn {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 30px;
      opacity: 0;
    }
  }
}

.none {
  display: none !important;
}

.bg_gray {
  background-color: rgba(0, 0, 0, 0.03);
}

.bg_white {
  background: #f9f9f9;
}
