@import '../../vars.less';

.box {
  min-width: 510px;
}

.flex {
  display: flex;
}

.infoRow {
  margin-top: 20px;
  display: flex;
  &:last-child {
    border-top: solid 1px @color-border;
    padding-top: 16px;
  }
  > div {
    margin-right: 20px;
  }
}

.detail {
  max-height: 200px;
  overflow: auto;
  margin-top: 12px;
}

.subTitle {
  font-size: 14px;
  color: @color-active;
  margin-top: 2px;
  padding-top: 16px;
  display: flex;
  justify-content: space-between;
  border-top: solid 2px #0C2A2C;
  :global {
    .ant-progress {
      width: 120px;
      margin-right: 26px;
    }
    .ant-progress-text {
      color: #ffffff;
    }
  }
}

.safeTitle {
  font-size: 12px;
  margin-top: 10px;
}
.list {
  display: flex;
  flex-wrap: wrap;
  padding-right: 90px;
  // margin-top: 14px;
  padding-top: 2px;
}
.item {
  font-size: 12px;
  color: #ffffff;
  padding-right: 40px;
  margin-top: -2px;
}
.itemLabel {
  border-bottom: solid 1px #04E1C2;
  color: #999999;
  padding: 8px 0;
}
.itemValue {
  padding: 8px 0;
  font-size: 16px;
}
