/* 上传组件基础样式（勿整文件覆盖，否则附件区会空白） */
.upload {
  width: 100%;
  text-align: left;
  box-sizing: border-box;
}

.upload .t-field-box {
  padding-right: 10px;
}

.upload-list {
  margin: 5px 0;
}

.upload-list-item {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 5px 10px 5px 10px;
  border-radius: 5px;
  background: #f5f5f5;
}

.upload-list-item-content {
  max-width: 85%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

.upload-name-icon {
  width: 100%;
  display: flex;
  align-items: center;
}

.upload-icon {
  margin-left: auto;
}

.upload-list-item .icon-delete {
  margin-left: auto;
  font-size: 16px;
  color: #fa5151;
}

.upload-list-item .t-list-title {
  font-size: 14px;
  color: #000000;
}

.upload-list-item .iconfont-fontsize {
  margin-right: 5px;
  font-size: 12px;
}

.upload-list-item .icon-PDF {
  color: #ee3434;
}

.upload-list-item .icon-DPS {
  color: #ff6a10;
}

.upload-list-item .icon-XLS {
  color: #4ec10f;
}

.upload-list-item .icon-DOC {
  color: #4799e7;
}

.upload-list-item .icon-ET {
  color: #4ec10f;
}

.upload-list-item .icon-OFD {
  color: #ee3434;
}

.upload-list-item .icon-WPS {
  color: #ff6a10;
}

.upload-list-item .icon-ZIP {
  color: #337ab7;
}

.upload-list-item .icon-TXT {
  color: #4799e7;
}

.upload-list-item .icon-TIF {
  color: #ff9900;
}

.upload-list-item .icon-SWF {
  color: #a94442;
}

.upload-list-item .icon-RAR {
  color: #337ab7;
}

.upload-list-item .icon-PPT {
  color: #ff6a10;
}

.upload-list-item .icon-MP3 {
  color: #a06feb;
}

.upload-list-item .icon-MP4 {
  color: #a06feb;
}

.upload-list-item .icon-MOV {
  color: #0fb8c3;
}

.upload-list-item .icon-GIF {
  color: #ff9900;
}

.upload-list-item .icon-FLV {
  color: #0fb8c3;
}

.upload-list-item .icon-EXE {
  color: #31708f;
}

.upload-list-item .icon-AVI {
  color: #0fb8c3;
}

.upload-list-item .icon-7Z {
  color: #337ab7;
}

.upload-list-item .icon-download1 {
  margin-right: 5px;
  font-size: 16px;
}

.upload-list-item .dd-t-list-time {
  font-size: 10px;
  line-height: 12px;
}

.upload-file {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  height: 40px;
  font-size: 20px;
  background: #ffffff;
  color: rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  border: 1px dashed rgba(0, 0, 0, 0.3);
}

.upload-image {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 99px;
  background: #ffffff;
  font-size: 20px;
  color: rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  border: 1px dashed rgba(0, 0, 0, 0.3);
}

.upload-image .icon-plus {
  color: rgba(0, 0, 0, 0.3);
}

.upload-file-p {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  padding: 4px;
  margin-bottom: 5px;
  font-size: 20px;
  background: #ffffff;
  color: rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  border: 1px dashed rgba(0, 0, 0, 0.3);
}

.upload-image-p {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 99px;
  margin-right: 10px;
  padding: 0 4px;
  background: #ffffff;
  font-size: 20px;
  color: rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  border: 1px dashed rgba(0, 0, 0, 0.3);
}

.upload-image-item {
  width: 100px;
  height: 98px;
  position: relative;
  margin: 0 10px 25px 0px;
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.2);
}

.upload-progress {
  margin-bottom: 15px;
}

.upload-progress-tip {
  width: 100%;
  display: block;
  text-align: center;
  font-size: 12px;
}

.upload-progress .progress-bar.green-bar .bar-core {
  box-shadow: 0 0;
}

.upload-image-item img {
  border-radius: 10px;
}

.upload-image-content {
  position: relative;
}

.dd-upload-file {
  flex-wrap: wrap;
}

.upload-image-item .iconfont {
  position: absolute;
  right: -10px;
  top: -10px;
  background: #fa5151;
  font-size: 14px;
  width: 21px;
  height: 21px;
  line-height: 21px;
  text-align: center;
  border-radius: 50%;
  color: #fff;
  z-index: 10;
}

.upload-image-test-hidden {
  display: none;
}

.upload-image-test {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding-right: 27px;
  margin-top: 18px;
  margin-bottom: 21px;
}

.upload-image-test-left {
  font-family: PingFangSC-Regular;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.85);
}

.upload-image-test-right {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.3);
  font-family: SourceHanSansSC-Regular;
}

.dd-uploaded-delete {
  background: #ff213b;
  font-size: 14px;
  width: 21px;
  height: 21px;
  line-height: 21px;
  text-align: center;
  border-radius: 50%;
  color: #fff;
  margin: 14px 0 0 16px;
}

/* 流程表单附件：名称完整显示，过长换行（不截断省略） */
.upload-list {
  .upload-list-item {
    align-items: flex-start;
  }

  .upload-content,
  .upload-list-item,
  .upload-list-item-content,
  .upload-name-icon {
    min-width: 0;
  }

  .upload-list-item-content {
    flex: 1;
    max-width: none;
  }

  .upload-name-icon {
    align-items: flex-start;
  }

  .upload-name-icon > i {
    flex-shrink: 0;
  }

  .upload-file-name,
  .t-list-title.upload-file-name {
    flex: 1;
    min-width: 0;
    white-space: normal !important;
    word-break: break-all !important;
    overflow-wrap: break-word !important;
    word-wrap: break-word !important;
    overflow: visible !important;
    text-overflow: clip !important;
    -webkit-line-clamp: unset !important;
    line-clamp: unset !important;
    max-width: 100%;
    line-height: 1.4;
  }
}