:host {
  ::ng-deep {

    .sv__label,
    .sv__detail {
      line-height: 30px;
    }

    .edit-box {
      input {
        max-width: 250px;
      }

      nz-date-picker {
        min-width: 250px;
      }
    }

    .readOnly-box {
      input {
        padding-left: 0;
        color       : #000;
      }

      nz-select-top-control {
        padding-left: 0 !important;
      }
    }

    .ant-select {
      min-width: 250px;

      nz-select-top-control {
        color : #000 !important;
        cursor: text !important;
      }
    }

    // 图片展示工具样式改造
    .ant-upload.ant-upload-disabled {
      cursor: pointer;
    }

    .ant-upload.ant-upload-select-picture-card {
      width : 200px;
      height: 160px;
    }

    .ant-upload-picture-card-wrapper {
      width: auto;
    }
  }
}

.image-hover {
  .delete-icon {
    position        : absolute;
    top             : -15px;
    right           : -15px;
    color           : #F55656;
    font-size       : 28px;
    background-color: #fff;
    border-radius   : 50%;
    cursor          : pointer;
  }

  .show-icon {
    color    : #fff;
    font-size: 30px;
    cursor   : pointer;
  }
}

.image-hover:hover .mask {
  opacity: 0.8;
}

.mask {
  position           : absolute;
  width              : 200px;
  height             : 160px;
  margin-top         : -160px;
  background-color   : #4F4F4F;
  // top             : 6px;
  // left            : 12px;
  border-radius      : 6px;
  opacity            : 0;
}

.mask-over {
  position             : absolute;
  display              : flex;
  align-items          : center;
  justify-content      : center;
  width                : 200px;
  height               : 160px;
  margin-top           : -160px;
  // top               : 6px;
  // left           : 12px;
  border-radius        : 6px;

  label {
    color         : #FFF;
    font-size     : 20px;
    line-height   : 24px;
    letter-spacing: 0.7px;
  }
}