@charset "UTF-8";
/* 颜色变量 */
/* 行为相关颜色 */
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.dt-upload-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
}
.dt-upload-wrap .upload-item {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  text-align: center;
  margin: 20rpx 15rpx;
  width: 150rpx;
  height: 150rpx;
  border: 2rpx dashed #c8c7cc;
  box-sizing: border-box;
}
.dt-upload-wrap .upload-item .camera {
  width: 60rpx;
  height: 60rpx;
}
.dt-upload-wrap .upload-item .title {
  font-size: 22rpx;
  margin-top: 10rpx;
  color: #999;
}
.dt-upload-wrap .upload-item .loading-wrap {
  position: absolute;
  bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  height: 30rpx;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  color: #fff;
  font-size: 16rpx;
}
.dt-upload-wrap .upload-item .loading-wrap .loading {
  width: 20rpx;
  height: 20rpx;
  margin-right: 10rpx;
}
.dt-upload-wrap .upload-item .success {
  color: #019808;
}
.dt-upload-wrap .upload-item .failed {
  color: #dc0024;
}
.dt-upload-wrap .upload-item .remove-img {
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transform: translate(45%, -45%);
          transform: translate(45%, -45%);
  width: 30rpx;
  height: 30rpx;
  padding: 10rpx;
}
.dt-upload-wrap .upload-item .file-image {
  max-width: 100%;
  max-height: 100%;
}
.dt-upload-wrap .upload-item:first-child {
  margin-left: 0;
}
.dt-upload-wrap .upload-item:last-child {
  margin-right: 0;
}

