.cropper-bg {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC");
}

.cropper-hide {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
}

.cropper-hidden {
  display: none !important;
}

.cropper-move {
  cursor: move;
}

.cropper-crop {
  cursor: crosshair;
}

.cropper-disabled .cropper-drag-box, .cropper-disabled .cropper-face, .cropper-disabled .cropper-line, .cropper-disabled .cropper-point {
  cursor: not-allowed;
}

.next-upload {
  position: relative;
  display: inline-block;
}

.next-upload:after {
  visibility: hidden;
  display: block;
  height: 0;
  font-size: 0;
  content: '\0020';
  clear: both;
}

.next-upload-select {
  position: relative;
}

.next-upload-select-picture-card {
  border-width: 1px;
  border-style: dashed;
  border-color: #C4C6CF;
  width: 100px;
  height: 100px;
  background-color: #FFFFFF;
  text-align: center;
  cursor: pointer;
  -webkit-transition: border-color .3s ease;
  transition: border-color .3s ease;
  display: inline-block;
  vertical-align: top;
  margin-right: 12px;
  margin-bottom: 16px;
  float: left;
}

.next-upload-select-picture-card-hovered, .next-upload-select-picture-card:hover {
  border-color: #2192D9;
}

.next-upload-select-picture-card .next-icon {
  color: #2192D9;
  font-size: 24px;
  line-height: 24px;
  margin-top: 24px;
}

.next-upload-select-picture-card .next-upload-text {
  font-size: 14px;
  margin-top: 12px;
  color: #666666;
}

.next-upload-select-picture-card.next-upload-drop-hover .next-upload-select-inner {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
}

.next-upload-select-picture-card.next-upload-drop-hover:before {
  font-family: NextIcon;
  content: '\E612';
  font-size: 48px;
  line-height: 100px;
  color: #C4C6CF;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.next-upload-select-picture-card .next-upload-select-inner {
  display: block;
  width: 100%;
  height: 100%;
  outline: none;
}

.next-upload-select-picture-card-disable {
  border-color: #E6E7EB;
}

.next-upload-select-picture-card-disable:hover {
  border-color: #E6E7EB;
  cursor: not-allowed;
}

.next-upload-select-picture-card-disable .next-upload-text {
  color: #C4C6CF;
}

.next-upload-select-picture-card-disable .next-icon {
  color: #C4C6CF;
}

.next-upload-select-hide {
  height: 0 !important;
  width: 0 !important;
  overflow: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0 !important;
  border: none;
}

.next-upload-list-picture-card {
  display: inline-block;
}

.next-upload-list-picture-card .next-upload-list-item {
  position: relative;
  display: inline-block;
  border: 1px solid #C4C6CF;
  width: 100px;
  height: 100px;
  margin: 0 12px 32px 0;
  vertical-align: middle;
  float: left;
}

.next-upload-list-picture-card .next-upload-list-item-name {
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 4px;
  font-size: 12px;
  line-height: 1;
  color: #666666;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding: 0 0;
}

.next-upload-list-picture-card .next-upload-list-item-progress {
  position: absolute;
  font-size: 0;
  bottom: 0;
  left: 0;
  width: 100%;
}

.next-upload-list-picture-card .next-upload-list-item-uploading {
  background-color: #F7F8FA;
}

.next-upload-list-picture-card .next-upload-list-item-uploading .next-progress-line-container {
  display: block;
}

.next-upload-list-picture-card .next-upload-list-item-error {
  background-color: #F7F8FA;
  border-color: #FF3333;
}

.next-upload-list-picture-card .next-upload-list-item-done.next-upload-list-item-hovered {
  border-color: #C4C6CF;
}

.next-upload-list-picture-card .next-upload-list-item-info {
  position: relative;
  height: 100%;
  padding: 0;
}

.next-upload-list-picture-card .next-upload-list-item-info:hover .next-upload-tool {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  opacity: .8;
}

.next-upload-list-picture-card .next-upload-list-item-info .next-upload-tool {
  position: absolute;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.7);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 0;
  width: 100%;
  height: 28px;
  left: 0;
  bottom: 0;
}

.next-upload-list-picture-card .next-upload-list-item-info .next-upload-tool .next-icon {
  width: 49%;
  text-align: center;
  line-height: 28px;
  color: #FFFFFF;
}

.next-upload-list-picture-card .next-upload-list-item-info .next-upload-tool .next-icon:before {
  font-size: 16px;
}

.next-upload-list-picture-card .next-upload-list-item-info .next-upload-tool-close {
  cursor: pointer;
}

.next-upload-list-picture-card .next-upload-list-item-info .next-upload-tool-download-icon {
  border-right: 1px solid #FFFFFF;
}

.next-upload-list-picture-card .next-upload-list-item-hovered .next-upload-tool {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  opacity: .8;
}

.next-upload-list-picture-card .next-upload-list-item-thumbnail {
  display: table;
  width: 100%;
  height: 100%;
  position: static;
  text-align: center;
  vertical-align: middle;
  color: #C4C6CF;
}

.next-upload-list-picture-card .next-upload-list-item-thumbnail a {
  text-decoration: none;
  color: #2192D9;
}

.next-upload-list-picture-card .next-upload-list-item-thumbnail a:hover {
  color: #0B70AF;
}

.next-upload-list-picture-card .next-upload-list-item-thumbnail>* {
  display: table-cell;
  width: 100%;
  height: 100%;
  vertical-align: middle;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center;
  font-size: 12px;
}

.next-upload-list-picture-card .next-upload-list-item-thumbnail>* *+* {
  display: block;
  cursor: pointer;
  margin-top: 8px;
}

.next-upload-list-picture-card .next-upload-list-item-thumbnail .next-icon {
  display: block;
  text-align: center;
  width: 100%;
}

.next-upload-list-picture-card .next-upload-list-item-thumbnail .next-icon:before {
  width: 48px;
  font-size: 48px;
}

.next-upload-list-text .next-upload-list-item {
  position: relative;
  width: 350px;
  height: 28px;
  background-color: #F2F3F7;
  padding: 0 8px;
  overflow: hidden;
  font-size: 12px;
  margin-bottom: 5px;
}

.next-upload-list-text .next-upload-list-item .next-icon {
  position: absolute;
  right: 12px;
  color: #999999;
  cursor: pointer;
  text-align: center;
}