.clearfix:after {
  content: '';
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  overflow: hidden;
}

.formUploader {
  width: 100%;
  font-family: "Helvetica Neue", Tahoma, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", STHeitiSC, sans-serif;
}

.formUploader .form-uploader-help {
  margin: 4px 0 8px 0;
  font-size: 12px;
  color: #83898F;
  line-height: 20px;
  max-width: 250px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.formUploader .file-line {
  width: 1px;
  height: 34px;
  display: inline-block;
  vertical-align: middle;
  background: #E4EBF0;
  margin-left: 10px;
  margin-top: -2.5px;
}

.formUploader .upload-mask {
  height: 40px;
  width: inherit;
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 0;
  filter: alpha(opacity=0);
  background: #717b7c;
  border-radius: 2px;
  -webkit-transition: all 0.01s cubic-bezier(0.25, 0.1, 0.25, 1);
  -moz-transition: all 0.01s cubic-bezier(0.25, 0.1, 0.25, 1);
  -ms-transition: all 0.01s cubic-bezier(0.25, 0.1, 0.25, 1);
  -o-transition: all 0.01s cubic-bezier(0.25, 0.1, 0.25, 1);
  transition: all 0.01s cubic-bezier(0.25, 0.1, 0.25, 1);
}

.formUploader .search-view-file {
  background: url(./images/search.svg) no-repeat;
  width: 18px;
  height: 18px;
  cursor: pointer;
  line-height: 18px;
  margin-top: 11px;
  vertical-align: top;
}

.formUploader .download-view-file {
  background: url(./images/download.svg) no-repeat;
  width: 18px;
  height: 18px;
  line-height: 18px;
  margin-left: 8px;
  cursor: pointer;
  vertical-align: middle;
}

.formUploader .icon-cus-shanchu {
  width: 15px;
  height: 15px;
  font-size: 15px;
  line-height: 0;
  margin-left: 10px;
  cursor: pointer;
  vertical-align: middle;
  color: #bcc9d1;
}

.formUploader .icon-cus-shanchu:hover {
  color: #1687D9;
}

.formUploader .delete-view-file {
  width: 18px;
  height: 18px;
  line-height: 18px;
  margin-left: 8px;
  cursor: pointer;
  vertical-align: middle;
  background: url(./images/delete.svg) no-repeat;
}

.formUploader .field-left {
  float: left;
  max-width: 120px;
  margin-top: 10px;
  line-height: 24px;
  margin-right: 25px;
  font-family: "Helvetica Neue", Tahoma, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", STHeitiSC, sans-serif;
  font-size: 14px;
  color: #667580;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: right;
}

.formUploader .field-left .left-label {
  line-height: 25px;
}

.formUploader .field-right {
  width: 9999px;
  display: table-cell;
  height: inherit;
  padding-left: 5px;
  font-family: inherit;
}

.formUploader .field-right .empty-style {
  width: 100%;
  float: left;
  font-family: inherit;
  font-size: 12px;
  color: #0a1319;
  letter-spacing: 0;
  text-align: left;
  line-height: 28px;
  border-bottom: 1px solid #F5F8FA;
}

.formUploader .uploader-edit {
  width: 100%;
}

.formUploader .uploader-edit .uploader-add {
  position: relative;
  top: 2px;
  display: inline-block;
  height: 14px;
  width: 14px;
  background-size: contain;
  margin-right: 6.5px;
  background: url("./images/add.svg");
  background-position: -2px -2px;
}

.formUploader .uploader-edit.uploader_is-max a {
  color: #D5E9F8;
  cursor: no-drop;
  box-shadow: none;
}

.formUploader .uploader-edit.uploader_is-max a:hover {
  color: #D5E9F8;
  cursor: no-drop;
  box-shadow: none;
}

.formUploader .uploader-edit.uploader_is-max a input, .formUploader .uploader-edit.uploader_is-max a span {
  cursor: no-drop;
}

.formUploader .uploader-edit a {
  text-decoration: none;
  display: inline-block;
  position: relative;
  font-size: 12px;
  padding: 3px 0px;
  margin: 3px 0 5px 0;
  font-family: "Helvetica Neue", Tahoma, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", STHeitiSC, sans-serif;
  line-height: 20px;
  color: #106ECC;
  border-radius: 2px;
  min-width: 0;
  cursor: pointer;
}

.formUploader .uploader-edit .base-button-component {
  margin-top: 8px;
}

.formUploader .uploader-edit .base-button-component .base-bg-ripple {
  margin-bottom: 0;
}

.formUploader .uploader-edit .base-button-component span {
  font-size: 12px;
}

.formUploader .uploader-edit p {
  font-size: 12px;
  padding: 3px 0;
  color: #acb7bf;
  display: inline-block;
  margin: 0 0 0 5px;
}

.formUploader .uploader-edit p.error-message {
  display: block;
  margin-top: 5px;
  color: #cc4763;
}

.formUploader .uploader-edit input[type='file'] {
  cursor: pointer;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.formUploader .uploader-edit input[type='file']::-webkit-file-upload-button {
  cursor: pointer;
}

.formUploader .uploader-files {
  width: 100%;
  margin-top: 5px;
}

.formUploader .uploader-files ul {
  width: 100%;
}

.formUploader .uploader-files .form-uploader-show .show-status .file-info {
  max-width: calc(100% - 30px) !important;
}

.formUploader .uploader-files li {
  position: relative;
  box-sizing: border-box;
  width: inherit;
  padding: 5px 5px 0 5px;
  list-style: none;
  border-radius: 2px;
  float: left;
  margin-right: 5px;
  margin-bottom: 5px;
  max-width: 250px;
  min-width: 130px;
  height: 40px;
  background-color: #f5f8fa;
  color: #999999;
  font-size: 12px;
  cursor: pointer;
}

.formUploader .uploader-files li:hover .upload-mask {
  opacity: .75;
  filter: alpha(opacity=75);
  -webkit-transition: all 0.001s cubic-bezier(0.25, 0.1, 0.25, 1) 0.001s;
  -moz-transition: all 0.001s cubic-bezier(0.25, 0.1, 0.25, 1) 0.001s;
  -ms-transition: all 0.001s cubic-bezier(0.25, 0.1, 0.25, 1) 0.001s;
  -o-transition: all 0.001s cubic-bezier(0.25, 0.1, 0.25, 1) 0.001s;
  transition: all 0.001s cubic-bezier(0.25, 0.1, 0.25, 1) 0.001s;
}

.formUploader .uploader-files li .actions-view-file {
  float: right;
  margin-right: 10px;
}

.formUploader .uploader-files li div {
  display: inline-block;
}

.formUploader .uploader-files li .filenameBox {
  float: left;
}

.formUploader .uploader-files li .file-left {
  transform: scale(0.66667);
  width: 20px;
  float: left;
  line-height: 0;
}

.formUploader .uploader-files li .file-right {
  float: right;
  margin-right: -44px;
  position: absolute;
  right: 48px;
  background-color: #f5f8fa;
}

.formUploader .uploader-files li .file-center {
  position: absolute;
  box-sizing: border-box;
  padding-left: 5px;
  float: left;
  min-width: 130px;
  width: 100%;
}

.formUploader .uploader-files li .file-center .filenameBox {
  width: calc(100% - 30px);
  text-align: right;
}

.formUploader .uploader-files li .file-center .filenameBox svg {
  pointer-events: none;
}

.formUploader .uploader-files li .file-center .filenameBox p {
  max-width: calc(100% - 65px);
  text-align: left;
}

.formUploader .uploader-files li .file-center p {
  max-width: 184px;
  margin-top: 0px;
  margin-bottom: 0px;
  color: #667580;
}

.formUploader .uploader-files li .file-center .file-downIcon {
  display: none;
  padding-left: 10px;
  background-color: #fff;
}

.formUploader .uploader-files li .file-center .file-downIcon-over {
  margin-left: -30px;
  padding-left: 10px;
  background-color: #fff;
}

.formUploader .uploader-files li .file-center .file-downIcon-img {
  display: none;
  padding-left: 10px;
  background-color: #fff;
}

.formUploader .uploader-files li .file-center .file-downIcon-img-over {
  margin-left: -30px;
  padding-left: 10px;
  background-color: #fff;
}

.formUploader .uploader-files li .file-icon {
  transform-origin: top left;
  -moz-transform-origin: top left;
  -webkit-transform-origin: top left;
  -ms-transform-origin: top left;
  -o-transform-origin: top left;
  display: inline-block;
  transform: translate(-3px, -8px) scale(0.5);
  -webkit-transform: translate(-3px, -8px) scale(0.5);
  -ms-transform: translate(-3px, -8px) scale(0.5);
  -o-transform: translate(-3px, -8px) scale(0.5);
  -moz-transform: translate(-3px, -8px) scale(0.5);
}

.formUploader .uploader-files li img {
  width: 30px;
  height: 30px;
  border-radius: 2px;
}

.formUploader .uploader-files li p {
  display: inline-block;
  float: left;
  line-height: 20px;
  padding: 5px 0;
}

.formUploader .uploader-files li .file-info {
        /*
        max-width: calc(100% - 22px);*/
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.formUploader .uploader-files li .pic-type a {
  margin-right: 0px;
  padding: 0px;
  display: inline-block;
  color: #acb7bf;
}

.formUploader .uploader-files li .pic-type a.icon-fujian-xiazai {
  line-height: 0;
  color: #8f9ca6;
}

.formUploader .uploader-files li .pic-type a.icon-fujian-xiazai:hover {
  color: #1687D9;
}

.formUploader .uploader-files li .img-download {
  padding-left: 0;
}

.formUploader .uploader-files li a {
  line-height: 20px;
  text-decoration: none;
  display: inline-block;
}

.formUploader .uploader-files li:hover a {
  color: #005999;
}

.formUploader .uploader-files li:hover p {
  color: #005999;
}

.formUploader .uploader-files li .icon-fujian-xiazai {
  width: 15px;
  height: 15px;
  font-size: 15px;
  line-height: 30px;
  margin-left: 10px;
  cursor: pointer;
  vertical-align: middle;
  color: #8f9ca6;
}

.formUploader .uploader-files li .icon-fujian-xiazai:hover {
  color: #1687D9;
}

.formUploader .uploader-files .form-uploader-show {
  font-size: 0;
  min-height: 35px;
  max-width: 900px;
}

.formUploader .uploader-files .form-uploader-show .file-right {
  position: absolute;
  right: 44px;
  background-color: white;
  padding-left: 10px;
}

.formUploader .uploader-files .form-uploader-show .file-center {
  width: calc(100% - 40px);
  max-width: calc(100% - 40px);
}

.formUploader .uploader-files .form-uploader-show .file-center .show-file-right {
  padding-left: 10px;
  margin-left: -12px;
  background-color: #fff;
}

.formUploader .uploader-files .form-uploader-show li {
  position: relative;
  background-color: #fff;
  margin: 0 5px 5px 0;
  max-width: 390px;
}

.formUploader .uploader-files .form-uploader-show li:hover {
  background-color: #fff;
}

.formUploader .uploader-files .form-uploader-show li:hover .file-downIcon {
  display: inline-block;
}

.formUploader .uploader-files .form-uploader-show li:hover .file-downIcon-img {
  display: inline-block;
}

.formUploader .uploader-files .form-uploader-show .file-preview {
  cursor: pointer;
}

.formUploader progress {
    /*width: 120px;*/
  width: 100%;
  padding-right: 14px;
  height: 6px;
  display: inline-block;
  margin: 5px;
  transform: translateY(100%);
  -webkit-appearance: none;
  border: none;
}

.formUploader .form-uploader-edit progress {
  width: calc(100% - 65px);
  padding-right: 0px;
}

.formUploader progress::-webkit-progress-bar {
  background: #fff;
  border-radius: 2px;
  background: #f5f8fa;
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.3);
}

.formUploader progress::-webkit-progress-value {
  border-radius: 2px;
  background: repeating-linear-gradient(-45deg, #1687d9 0, #1687d9 8px, #96d0fa 0px, #96d0fa 16px);
}

.formUploader .file-sprite,
  .formUploader .file-aac,
  .formUploader .file-ape,
  .formUploader .file-asf,
  .formUploader .file-avi,
  .formUploader .file-doc,
  .formUploader .file-docx,
  .formUploader .file-exe,
  .formUploader .file-file,
  .formUploader .file-flac,
  .formUploader .file-flv,
  .formUploader .file-folder,
  .formUploader .file-folder2,
  .formUploader .file-gif,
  .formUploader .file-image,
  .formUploader .file-jpeg,
  .formUploader .file-jpg,
  .formUploader .file-m4a,
  .formUploader .file-m4v,
  .formUploader .file-mkv,
  .formUploader .file-mmap,
  .formUploader .file-mov,
  .formUploader .file-mp3,
  .formUploader .file-mp4,
  .formUploader .file-mpeg,
  .formUploader .file-mpg,
  .formUploader .file-music,
  .formUploader .file-none,
  .formUploader .file-ogg,
  .formUploader .file-pdf,
  .formUploader .file-pic,
  .formUploader .file-png,
  .formUploader .file-ppt,
  .formUploader .file-pptx,
  .formUploader .file-rar,
  .formUploader .file-rm,
  .formUploader .file-rmvb,
  .formUploader .file-tif,
  .formUploader .file-ts,
  .formUploader .file-txt,
  .formUploader .file-video,
  .formUploader .file-wav,
  .formUploader .file-wma,
  .formUploader .file-wmv,
  .formUploader .file-xls,
  .formUploader .file-xlsx,
  .formUploader .file-zip {
  background: url(./filetype.png) no-repeat;
  background-repeat: no-repeat;
}

.formUploader .file-aac {
  background-position: 0 -1296px;
  height: 60px;
  width: 60px;
}

.formUploader .file-ape {
  background-position: 0 -1416px;
  height: 60px;
  width: 60px;
}

.formUploader .file-asf {
  background-position: 0 -876px;
  height: 60px;
  width: 60px;
}

.formUploader .file-avi {
  background-position: 0 -1236px;
  height: 60px;
  width: 60px;
}

.formUploader .file-doc {
  background-position: 0 -2196px;
  height: 60px;
  width: 60px;
}

.formUploader .file-docx {
  background-position: 0 -1536px;
  height: 60px;
  width: 60px;
}

.formUploader .file-exe {
  background-position: 0 -1896px;
  height: 60px;
  width: 60px;
}

.formUploader .file-file {
  background-position: 0 -192px;
  height: 48px;
  width: 48px;
}

.formUploader .file-flac {
  background-position: 0 -1596px;
  height: 60px;
  width: 60px;
}

.formUploader .file-flv {
  background-position: 0 -1956px;
  height: 60px;
  width: 60px;
}

.formUploader .file-folder {
  background-position: 0 -144px;
  height: 48px;
  width: 48px;
}

.formUploader .file-folder2 {
  background-position: 0 -2556px;
  height: 32px;
  width: 46px;
}

.formUploader .file-gif {
  background-position: 0 -588px;
  height: 48px;
  width: 48px;
}

.formUploader .file-image {
  background-position: 0 -540px;
  height: 48px;
  width: 48px;
}

.formUploader .file-jpeg {
  background-position: 0 -384px;
  height: 48px;
  width: 48px;
}

.formUploader .file-jpg {
  background-position: 0 -432px;
  height: 48px;
  width: 48px;
}

.formUploader .file-m4a {
  background-position: 0 -1776px;
  height: 60px;
  width: 59px;
}

.formUploader .file-m4v {
  background-position: 0 -996px;
  height: 60px;
  width: 60px;
}

.formUploader .file-mkv {
  background-position: 0 -936px;
  height: 60px;
  width: 60px;
}

.formUploader .file-mmap {
  background-position: 0 -240px;
  height: 48px;
  width: 48px;
}

.formUploader .file-mov {
  background-position: 0 -816px;
  height: 60px;
  width: 60px;
}

.formUploader .file-mp3 {
  background-position: 0 -1476px;
  height: 60px;
  width: 60px;
}

.formUploader .file-mp4 {
  background-position: 0 -1056px;
  height: 60px;
  width: 60px;
}

.formUploader .file-mpeg {
  background-position: 0 -480px;
  height: 60px;
  width: 60px;
}

.formUploader .file-mpg {
  background-position: 0 -636px;
  height: 60px;
  width: 60px;
}

.formUploader .file-music {
  background-position: 0 -48px;
  height: 48px;
  width: 48px;
}

.formUploader .file-none {
  background-position: 0 -2016px;
  height: 60px;
  width: 60px;
}

.formUploader .file-ogg {
  background-position: 0 -1356px;
  height: 60px;
  width: 60px;
}

.formUploader .file-pdf {
  background-position: 0 -2316px;
  height: 60px;
  width: 60px;
}

.formUploader .file-pic {
  background-position: 0 0;
  height: 48px;
  width: 48px;
}

.formUploader .file-png {
  background-position: 0 -288px;
  height: 48px;
  width: 48px;
}

.formUploader .file-ppt {
  background-position: 0 -2256px;
  height: 60px;
  width: 60px;
}

.formUploader .file-pptx {
  background-position: 0 -1656px;
  height: 60px;
  width: 60px;
}

.formUploader .file-rar {
  background-position: 0 -2436px;
  height: 60px;
  width: 60px;
}

.formUploader .file-rm {
  background-position: 0 -2076px;
  height: 60px;
  width: 60px;
}

.formUploader .file-rmvb {
  background-position: 0 -696px;
  height: 60px;
  width: 60px;
}

.formUploader .file-tif {
  background-position: 0 -336px;
  height: 48px;
  width: 48px;
}

.formUploader .file-ts {
  background-position: 0 -1836px;
  height: 60px;
  width: 60px;
}

.formUploader .file-txt {
  background-position: 0 -2496px;
  height: 60px;
  width: 60px;
}

.formUploader .file-video {
  background-position: 0 -96px;
  height: 48px;
  width: 48px;
}

.formUploader .file-wav {
  background-position: 0 -1176px;
  height: 60px;
  width: 60px;
}

.formUploader .file-wma {
  background-position: 0 -1116px;
  height: 60px;
  width: 60px;
}

.formUploader .file-wmv {
  background-position: 0 -756px;
  height: 60px;
  width: 60px;
}

.formUploader .file-xls {
  background-position: 0 -2136px;
  height: 60px;
  width: 60px;
}

.formUploader .file-xlsx {
  background-position: 0 -1716px;
  height: 60px;
  width: 60px;
}

.formUploader .file-zip {
  background-position: 0 -2376px;
  height: 60px;
  width: 60px;
}

.file-picture {
  width: 26px;
  height: 30px;
  margin-left: 2px;
  vertical-align: middle;
  transform: none !important;
  background: url(./images/picture.svg) no-repeat;
  -webkit-transform: none !important;
  -moz-transform: none !important;
  -ms-transform: none !important;
  -o-transform: none !important;
}

p.error-message {
  font-size: 12px;
  margin: 0px;
  display: block;
  color: #cc4763;
}

#field-right .uploader-edit {
  margin-top: 0;
  margin-bottom: -5px;
}

.show-item .formUploader .field-left {
  margin-top: 3px;
}

.formpart .fields .show-item {
  padding: 10px 0;
}

.empty-style {
  font-family: "Helvetica Neue", Tahoma, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", STHeitiSC, sans-serif;
  font-size: 12px;
  color: #0a1319;
  letter-spacing: 0;
  text-align: left;
  line-height: inherit;
  vertical-align: middle;
}

.formUploader .uploader-edit a.focusable-upload-btn:focus {
  box-shadow: 0 0 0 5px #fff, 0 0 7px 5px #1687d9;
  border-radius: 2px;
}

.form-item_is-static {
  border-bottom: none !important;
}