@charset "utf-8";

.upload-btn-wrap[data-v-b94c5300] { display: flex; -webkit-box-align: center; align-items: center; flex-wrap: wrap; }

.upload-file-wrap[data-v-b94c5300] { display: inline-block; }

.upload-file-wrap.upload-file-block[data-v-b94c5300] { display: block; }

.upload-file-wrap.is_new:hover .file-btn[data-v-b94c5300] { background: linear-gradient(0deg, rgba(25, 25, 26, 0.04), rgba(25, 25, 26, 0.04)), rgb(246, 246, 248) !important; }

.upload-file-wrap.is_new .file-btn[data-v-b94c5300] { -webkit-box-align: center !important; align-items: center !important; background: rgb(246, 246, 248) !important; border: none !important; border-radius: 4px !important; padding: 12px 24px !important; }

.upload-file-wrap.is_new .iconfont-upload[data-v-b94c5300] { height: 16px; line-height: 16px; margin-right: 4px; }

.upload-file-wrap.is_new .file-info[data-v-b94c5300] { display: flex; -webkit-box-align: center; align-items: center; }

.upload-file-wrap.is_new .file-info .info-txt[data-v-b94c5300] { color: rgb(25, 25, 26); font-size: 12px; line-height: 20px; text-decoration: none; }

.upload-file-wrap.is_new .file-info .upload-tip-wrap[data-v-b94c5300] { display: flex; width: 0px; -webkit-box-align: center; align-items: center; }

.upload-file-wrap.is_new .file-box[data-v-b94c5300] { display: -webkit-box; flex-wrap: nowrap; }

.upload-btn-box[data-v-b94c5300] { cursor: pointer; display: inline-block; position: relative; }

.upload-btn-box:hover .info[data-v-b94c5300] { text-decoration: underline; }

@media (max-width: 768px) {
  .upload-btn-box:hover .info[data-v-b94c5300] { text-decoration: none; }
}

.upload-btn-box:hover .info.file-info[data-v-b94c5300] { text-decoration: none; }

.upload-btn-box.upload-btn-box-img[data-v-b94c5300] { margin: 0px 10px 10px 0px; }

.file[data-v-b94c5300] { inset: 0px; cursor: pointer; display: block; font-size: 0px; height: 100%; opacity: 0; position: absolute; width: 100%; z-index: 1; }

.file[data-v-b94c5300]:hover { cursor: pointer; }

.iconfont_clear[data-v-b94c5300] { color: rgb(141, 141, 143); cursor: pointer; font-size: 14px; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); z-index: 2; }

.file-btn[data-v-b94c5300] { color: rgb(25, 25, 26); cursor: pointer; display: flex; font-size: 12px; line-height: 20px; transition: 0.3s; -webkit-box-align: center; align-items: center; background: rgb(250, 250, 251); border: 1px solid rgb(229, 229, 229); border-radius: 4px; padding: 10px 24px; }

.file-btn .iconfont[data-v-b94c5300] { font-size: 16px; height: 16px; line-height: 16px; margin-right: 4px; width: 16px; }

.file-btn .info[data-v-b94c5300] { cursor: pointer; font-size: 12px; line-height: 20px; }

.file-btn .info.files_info[data-v-b94c5300] { color: rgb(25, 25, 26); }

.file-btn .info .upload-tip-wrap[data-v-b94c5300] { display: inline-block; }

.file-btn .info .upload-tip-wrap[data-v-b94c5300] .fs-tip { z-index: 2; }

@media (max-width: 960px) {
  .file-btn .info .upload-tip-wrap[data-v-b94c5300] .fs-tip.show { z-index: auto; }
}

.file-btn .info .info-txt.line-hide[data-v-b94c5300] { text-decoration: none !important; }

.logo-btn[data-v-b94c5300] { display: flex; -webkit-box-align: center; align-items: center; background: rgb(255, 255, 255); border: 1px solid rgb(229, 229, 229); border-radius: 2px; color: rgb(25, 25, 26); cursor: pointer; height: 40px; overflow: hidden; padding: 0px 10px; position: relative; }

.logo-btn .iconfont-upload[data-v-b94c5300] { cursor: pointer; display: inline-block; font-size: 16px; margin-right: 4px; }

.logo-btn .info[data-v-b94c5300] { cursor: pointer; font-size: 14px; line-height: 22px; }

.logo-btn .info.files_info[data-v-b94c5300] { color: rgb(25, 25, 26); }

.img-btn[data-v-b94c5300] { display: flex; -webkit-box-align: center; align-items: center; background: rgb(255, 255, 255); border: 1px solid rgb(229, 229, 229); border-radius: 4px; color: rgb(141, 141, 143); height: 120px; width: 120px; -webkit-box-pack: center; justify-content: center; }

.img-btn .iconfont-add[data-v-b94c5300] { font-size: 16px; }

.file-box[data-v-b94c5300] { flex-wrap: wrap; width: 100%; -webkit-box-align: start; align-items: flex-start; margin-top: 12px; }

.file-box[data-v-b94c5300], .file-box .file-item[data-v-b94c5300] { display: flex; }

.file-box .file-item[data-v-b94c5300] { -webkit-box-align: center; align-items: center; background: rgb(255, 255, 255); border: 1px solid rgb(229, 229, 229); border-radius: 4px; color: rgb(25, 25, 26); height: 40px; line-height: 1; margin: 0px 12px 12px 0px; padding: 0px 6px 0px 12px; }

.file-box .file-item .file-name[data-v-b94c5300] { font-size: 13px; line-height: 20px; }

.file-box .file-item .iconfont_close_box[data-v-b94c5300] { border-radius: 4px; cursor: pointer; margin-left: 16px; padding: 6px; }

.file-box .file-item .iconfont_close_box[data-v-b94c5300]:hover { background: rgba(25, 25, 26, 0.04); }

.file-box .file-item .iconfont_close_box:hover .iconfont-delete[data-v-b94c5300] { color: rgb(25, 25, 26); }

.file-box .file-item .iconfont-delete[data-v-b94c5300] { display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; color: rgb(112, 112, 112); font-size: 12px; height: 12px; width: 12px; }

.file-box.file-box-new[data-v-b94c5300] { margin-top: 2px; }

.file-box.file-box-new .file-item[data-v-b94c5300] { display: flex; height: auto; margin-bottom: 0px; margin-top: 10px; padding: 8px 12px; }

.file-box.file-box-new .file-item .left[data-v-b94c5300] { box-sizing: border-box; display: flex; padding: 3px 8px 3px 0px; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; }

.file-box.file-box-new .file-item .left .icon[data-v-b94c5300] { color: rgb(75, 75, 77); font-size: 32px; }

.file-box.file-box-new .file-item .mid[data-v-b94c5300] { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }

.file-box.file-box-new .file-item .mid .file-size[data-v-b94c5300] { color: rgb(112, 112, 112); font-size: 12px; line-height: 20px; }

.file-box.file-box-new .file-item .right[data-v-b94c5300] { display: flex; padding-left: 16px; -webkit-box-align: center; align-items: center; }

.file-box.file-box-new .file-item .right .iconfont_close_box[data-v-b94c5300] { margin-left: 0px; }

.file-box.file-box-new .file-item .right .icon[data-v-b94c5300] { margin: 0px; }

.img-item[data-v-b94c5300] { background: 50% center / contain no-repeat rgb(255, 255, 255); border: 1px solid rgb(229, 229, 229); border-radius: 4px; display: inline-block; height: 120px; line-height: 102px; margin: 0px 10px 10px 0px; padding: 8px; position: relative; width: 120px; }

.img-item img[data-v-b94c5300] { display: inline-block; margin: auto; max-height: 100%; vertical-align: middle; width: 100%; }

.img-item .iconfont-delete[data-v-b94c5300] { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; background: rgb(141, 141, 143); color: rgb(255, 255, 255); cursor: pointer; font-size: 16px; height: 22px; justify-content: center; position: absolute; right: 8px; top: 8px; width: 22px; z-index: 2; }

.files_wrap[data-v-b94c5300] { display: inline-block; }

.files_wrap .files_box .files_info[data-v-b94c5300] { margin-bottom: 6px; }

.files_wrap .files_box .files_info .iconfont_file[data-v-b94c5300] { color: rgb(25, 25, 26); display: inline-block; font-size: 14px; height: 20px; line-height: 20px; margin-right: 8px; text-align: center; width: 14px; }

.files_wrap .files_box .files_info .files_name[data-v-b94c5300] { color: rgb(25, 25, 26); font-size: 13px; line-height: 20px; margin: 0px 3px 0px 0px; }

.files_wrap .files_box .files_info .files_size[data-v-b94c5300] { color: rgb(112, 112, 112); font-size: 13px; line-height: 20px; margin: 0px 3px; }

.files_wrap .files_box .files_info .iconfont_delete[data-v-b94c5300] { color: rgb(112, 112, 112); cursor: pointer; font-size: 14px; }

.files_wrap .files_box .progress_box[data-v-b94c5300] { border: 1px solid rgb(204, 204, 204); border-radius: 8px; height: 8px; position: relative; width: calc(100% - 20px); }

.files_wrap .files_box .progress_box .progress_now[data-v-b94c5300] { background: rgb(204, 204, 204); border-radius: 6px; height: 6px; transition: 0.3s; }

.files_wrap .files_box .progress_box .iconfont_cancel[data-v-b94c5300] { color: rgb(112, 112, 112); cursor: pointer; font-size: 12px; position: absolute; right: -24px; top: 50%; transform: translateY(-50%); }