/** 跟进记录相关的 日志 审批任务 日程 项目 公共css */
.fl-c {
  background-color: white;
  padding: 10px 20px;
  position: relative;
}

/** 头部布局 名字 头像 */
.fl-h {
  .fl-h-img {
    display: block;
    width: 34px;
    height: 34px;
    border-radius: 17px;
    margin-right: 8px;
  }

  .fl-h-b {
    flex: 1;

    .fl-h-name {
      font-size: 13px;
      color: #333;
    }

    .fl-h-time {
      font-size: 12px;
      color: #999;
      margin-top: 3px;
    }
  }
}

/** 头部 右侧 布局*/
.fl-h-handle {
  width: auto;

  .fl-h-handle-name {
    font-size: 13px;
    color: #333;
    margin-right: 6px;
  }
}

.fl-h-mark {
  width: auto;

  .fl-h-mark-img {
    display: block;
    width: 20px;
    height: 20px;
    margin-right: 8px;
  }

  .fl-h-mark-name {
    font-size: 13px;
    color: #333;
  }
}

/** 内容区域 */
.fl-b {
  margin: 20px 0 0 40px;

  .fl-b-content {
    font-size: 13px;
    color: #333;
    margin-bottom: 10px;
  }

  .fl-b-images {
    margin-top: 5px;
    width: 310px;

    .fl-b-img-item {
      width: 98px;
      height: 98px;
      display: inline-block;
      margin: 0 4px 4px 0;
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
      position: relative;
      cursor: pointer;
    }
  }

  .fl-b-other {
    margin: 8px 0;

    .fl-b-other-name {
      margin: 10px 0;
      color: #666;
      font-size: 13px;
    }
  }
}

.fl-c:before {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  height: 1px;
  border-top: 1px solid #e5e5e5;
  color: #e5e5e5;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
  left: 15px;
  z-index: 2;
}

.fl-c:first-child:before {
  display: none;
}

/** 附件 */
.fl-b-files {
  margin-top: 10px;
}

/** 关联附件 联系人 客户 行布局 */
.cell {
  padding: 8px;
  background-color: #F5F7FA;
  border-radius: 2px;
  position: relative;

  .cell-head {
    display: block;
    width: 15px;
    height: 15px;
    margin-right: 8px;
  }

  .cell-body {
    flex: 1;
    color: #333;
    font-size: 12px;
  }

  .cell-foot {
    display: block;
    width: 20px;
    padding: 0 4px;
    margin-right: 8px;
  }
}

.cell:before {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  height: 1px;
  border-top: 1px solid #e5e5e5;
  color: #e5e5e5;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
  left: 30px;
  z-index: 2;
}

.cell:first-child:before {
  display: none;
}
