@import 'common/var';

.qf-img-group {
  display: flex;
  flex-wrap: wrap;
  line-height: initial;

  .qf-img {
    position: relative;
    box-sizing: border-box;
    margin-right: 12px;

    img {
      width: 84px;
      height: 72px;
      border-radius: 4px;
    }

    .qf-img-delete {
      position: absolute;
      display: block;
      font-size: 16px;
      width: 17px;
      height: 17px;
      top: -2px;
      right: -2px;
      cursor: pointer;
      color: $--color-primary;
      background: #fff;
      border-radius: 50%;
      z-index: 10;
    }

    .qf-img-move {
      cursor: pointer;
      text-align: center;
      color: #979cb3;
      font-size: 13px;
    }
  }
}