cyber-narrator-cn-ui/src/assets/css/components/views/charts2/domainNameResolution.scss

.type-data__column {
  display:flex;
  flex-direction: column;
  margin-left:5px;
  margin-right:0px;
  margin-top:0px;
  .type-data {
    display:flex;
    flex-flow:row wrap;
    margin-top:0px;
    .type-title {
      display:flex;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      margin-bottom:15px;
      margin-right:10px;
      font-family: PingFangSC-Semibold;
      font-size: 14px;
      color: #575757;
      line-height: 20px;
      font-weight: 600;
      .title-mark {
        width: 4px;
        height: 16px;
        margin-left:0px;
        margin-right: 6px;
        background: #38ACD2;
        border-radius: 1px;
      }
      .type-title-word {
        margin-right: 6px;
      }
    }

    .type-content {
      margin-bottom:15px;
      display:flex;
      flex-flow: row wrap;
      width:100%;
      .data-item {
        display: flex;
        justify-content: center;
        align-items: center;
        background: rgba(119,131,145,0.06);
        border: 1px solid rgba(119,131,145,0.36);
        border-radius: 2px;
        height:28px;
        padding:8px 15px;
        margin-right:10px;
        margin-bottom:15px;
        font-size: 12px;
        color: #353636;
        font-weight: 400;
      }
    }

    .type-error-content {
      width:100%;
      height: 40px;
      margin-bottom: 12px;
      position: relative;

      .type-error-content__block {
        position: absolute;
        left: -12px;
        top: -12px;
      }
    }
  }
}