.ht-base-upload {
  display: block;
  .ivu-upload-list-file:hover>span {
    color: @primary-color;
  }
  .ivu-upload.ivu-upload-drag {
    border-radius: 0;
    img {
      width: 100%;
      height: 100%;
    }
    &:hover {
      border: 1px dashed @primary-color;
    }
  }
}

//图片列表公共  //垂直列表
.ht-base-upload-horizontal-list,.ht-base-upload-vertical-list{
  .ivu-upload-list-file,.ivu-upload-list-file-finish{
    height: 69px;
    line-height: 69px;
    background-color: @white;
    border: 1px solid @border-color-split;
    margin-bottom: 6px;
    span{
      color: @primary-color;
      height: 59px;
      display: flex;
      & .ivu-icon{
        font-size: 60px;
        width: 60px;
        height: 60px;
      }
    }
    &:hover{
      background: @white;
      span{
        color: @link-hover-color;
      }
    }
    .ht-base-upload-list-remove{
      position: absolute;
      top: -22px;
      right: 4px;
    }
  }
}

//图片水平列表
.ht-base-upload-horizontal-list{
  overflow: hidden;
    .ivu-upload-list-file,.ivu-upload-list-file-finish{
      //padding-left: 0;
      min-width: 228px;
      width: 228px;
      float: left;
      margin-right: 6px;
      span{
        .ht-base-upload-horizontal-file-name{
          display: block;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
        }
      }
    }
}
