$claDetailItemWidth: 250px;
$claDetailItemPadding: 10px;
$claDetailItemNameWidth: 80px;
.cla-detail {
  .top-name{
    padding: 15px 0;
    background-color: #fff;
    color: rgba(0,0,0,.85);;
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    border-bottom: 3px solid #f5f7f9;
    margin: 0 20px 15px;
  }
  .cla-base-info{
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    border-bottom: 8px solid #f5f7f9;
    .item{
      display: flex;
      align-items: center;
      width: $claDetailItemWidth;
      padding: 0 $claDetailItemPadding;
      margin-bottom: 15px;
      .item-name{
        width: $claDetailItemNameWidth;
        text-align: right;
        color: #606266;
        &.required:before {
          content: '*';
          color: #F56C6C;
          margin-right: 4px;
        }
      }
      .item-value{
        padding-left: 5px;
        flex: 1;
        overflow:hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        -o-text-overflow:ellipsis;
      }
    }
  }
  .el-form-item__label {
    &.required:before {
      content: '*';
      color: #F56C6C;
      margin-right: 4px;
    }
  }
}
