@import '../../style/index.less';
@import '../fields/index.less';
@import '../customFields/index.less';
@prefixCls: eh-field-view;
.@{prefixCls} {
  background-color: #ffffff;
  &-hor {
    > div {
      display: flex;
      overflow: hidden;
      margin: 0 16 * @hd;
      border-bottom: 1px solid rgba(0, 0, 0, 0.08);
      padding: 16 * @hd 0;
      font-size: 16 * @hd;
      line-height: 23 * @hd;
      &:last-child {
        border-bottom: none;
      }
    }
    &-name {
      flex: none;
      margin-right: 28 * @hd;
      color: #7F7F7F;
    }
    &-value {
      flex: auto;
      text-align: right;
      color: #404040;
      overflow: hidden;
    }
  }

  &-ver {
    > div {
      padding: 12 * @hd 16 * @hd;
    }
    &-name {
      font-size: 14 * @hd;
      color: #B2B2B2;
      line-height: 20 * @hd;
    }
    &-value {
      margin-top: 4 * @hd;
      font-size: 16 * @hd;
      color: #404040;
      line-height: 23 * @hd;
    }
  }
}
