/*!****************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/src/index.js!./node_modules/less-loader/dist/cjs.js!./src/component/web/base/FieldItem.less ***!
  \****************************************************************************************************************************************************************************************************/
/*输入框颜色值*/
/* 单选多选标签风格样式 */
/*垂直布局*/
/* 输入框字体颜色 */
/* 输入框边框颜色 */
/* 输入框锁定字体颜色 */
/* 输入框锁定边框颜色 */
/*水平布局*/
/* 字段标题字体颜色 */
/* 按钮字体颜色 */
/* 按钮边框颜色 */
.FieldItem_field-item_IotO {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  font-size: 12px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #333;
}
.FieldItem_field-item_IotO.FieldItem_grow_1E5m {
  -webkit-box-flex: 1 !important;
  -webkit-flex-grow: 1 !important;
      -ms-flex-positive: 1 !important;
          flex-grow: 1 !important;
}
.FieldItem_field-item_IotO .FieldItem_title-placeholder_2--S {
  height: 1.5em;
}
.FieldItem_field-item_IotO .FieldItem_label-wrap_3E_7 {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #666666;
}
.FieldItem_field-item_IotO .FieldItem_label-wrap_3E_7.FieldItem_label-newline_IKuX {
  width: 84px;
}
.FieldItem_field-item_IotO .FieldItem_label-wrap_3E_7 .FieldItem_design-tips_lvZa {
  font-size: 12px;
  color: #bbb;
  margin-left: 4px;
}
.FieldItem_field-item_IotO .FieldItem_label-wrap_3E_7 .FieldItem_title-wrapper_2_Nk {
  display: -webkit-box;
  width: 84px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  word-break: break-word;
  overflow: hidden;
}
.FieldItem_field-item_IotO .FieldItem_label-wrap_3E_7 .FieldItem_title-wrapper_2_Nk.FieldItem_title-align-left_3lnT {
  text-align: left;
  width: auto;
}
.FieldItem_field-item_IotO .FieldItem_label-wrap_3E_7 .FieldItem_title-wrapper_2_Nk.FieldItem_title-align-right_3Jic {
  text-align: right;
}
.FieldItem_field-item_IotO .FieldItem_label-wrap_3E_7 .FieldItem_title-wrapper_2_Nk.FieldItem_title-align-center_3iwS {
  text-align: center;
}
.FieldItem_field-item_IotO .FieldItem_value-wrap_uGTw {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  position: relative;
  color: #3D4653;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.FieldItem_field-item_IotO .FieldItem_select-model-pointer_2wnE {
  cursor: pointer;
}
.FieldItem_field-item_IotO .FieldItem_mul-value-wrap-h_3-NC {
  min-height: 32px;
}
.FieldItem_field-item_IotO .FieldItem_mul-value-wrap-v_2N3Z {
  min-height: 25px;
}
.FieldItem_field-item_IotO .FieldItem_wordBottom_7SVG {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.FieldItem_field-item_IotO .FieldItem_must_RlKP {
  color: red;
}
.FieldItem_field-item_IotO .FieldItem_valid-tip_3iVq {
  position: relative;
  height: 2px;
  width: 100%;
  border-top-width: 1px;
  border-top-style: solid;
  display: block;
  overflow: visible;
  word-break: keep-all;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  font-size: 12px;
  z-index: 1;
}
.FieldItem_field-item_IotO .FieldItem_valid-noBorder_2ZHs {
  border: none !important;
  height: 0;
}
.FieldItem_field-item_IotO .FieldItem_label-text-left_hNsS {
  -webkit-box-pack: start !important;
  -webkit-justify-content: flex-start !important;
      -ms-flex-pack: start !important;
          justify-content: flex-start !important;
}
.FieldItem_field-item_IotO .FieldItem_label-text-center_39Ux {
  -webkit-box-pack: center !important;
  -webkit-justify-content: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
}
.FieldItem_field-item_IotO .FieldItem_label-text-right_3o7b {
  -webkit-box-pack: end !important;
  -webkit-justify-content: flex-end !important;
      -ms-flex-pack: end !important;
          justify-content: flex-end !important;
}
.FieldItem_tip-text_5QOg {
  position: absolute;
  background-color: #FFDBE0;
  color: #FB2323;
  font-size: 12px;
  line-height: 1.5;
  padding: 3px 10px;
  -webkit-box-shadow: 0px 6px 16px 3px rgba(0, 0, 0, 0.08);
          box-shadow: 0px 6px 16px 3px rgba(0, 0, 0, 0.08);
  z-index: 1050;
}
.FieldItem_field-item-h-border_5-QE {
  border-bottom: 1px solid #CCC;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 2px;
}
.FieldItem_field-item-h-border_5-QE:hover {
  border-bottom: 1px solid #FF9950;
}
.FieldItem_field-item-h-border-validate_3Tzz {
  border-bottom: 1px solid #FB2323;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.FieldItem_field-item-v-border-validate_3lJp {
  border-bottom: 1px solid #FB2323;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.FieldItem_field-item-h_1hsM {
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  width: 286px;
  margin: 0px 30px 32px 0px;
}
.FieldItem_field-item-h_1hsM .FieldItem_label-wrap_3E_7 {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.FieldItem_field-item-h_1hsM .FieldItem_label-disabled_tAFq {
  color: #666;
}
.FieldItem_field-item-v_4U5w {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  margin: 0px 30px 22px 0px;
}
.FieldItem_field-item-v_4U5w .FieldItem_label-disabled_tAFq {
  color: #666;
}
.FieldItem_field-item-v_4U5w .FieldItem_value-wrap_uGTw {
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.FieldItem_field-item-v_4U5w .FieldItem_validate-value-warp_2sMR {
  margin: 0 5px 5px 5px;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  border-bottom: 1px solid #FB2323;
}
.FieldItem_field-item-v-width_3YIX {
  width: 230px;
}
.FieldItem_field-item-h-validate_qObV {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-flex-basis: 0%;
      -ms-flex-preferred-size: 0%;
          flex-basis: 0%;
  margin-left: 8px;
  position: relative;
}
.FieldItem_borderAll_2tzF {
  border: 1px solid #D9D9D9;
  border-radius: 2px;
}
.FieldItem_borderAll_2tzF.FieldItem_mul-value-wrap-v_2N3Z,
.FieldItem_borderAll_2tzF.FieldItem_mul-value-wrap-h_3-NC {
  padding: 3px 8px;
}
.FieldItem_borderAll_2tzF.FieldItem_mul-value-wrap-v_2N3Z.FieldItem_showEditButton_T3nE,
.FieldItem_borderAll_2tzF.FieldItem_mul-value-wrap-h_3-NC.FieldItem_showEditButton_T3nE {
  padding: 3px 2px 3px 8px;
}
.FieldItem_borderAll_2tzF.FieldItem_mul-value-wrap-v_2N3Z.FieldItem_is-adaptive_2RRx {
  padding: 0px 8px;
}
.FieldItem_borderAll_2tzF.FieldItem_mul-value-wrap-v_2N3Z.FieldItem_is-adaptive_2RRx.FieldItem_showEditButton_T3nE {
  padding: 0px 2px 0px 8px;
}
.FieldItem_borderAll_2tzF.FieldItem_is-text_3Oqn {
  padding: 0px 8px;
}
.FieldItem_borderAll_2tzF input,
.FieldItem_borderAll_2tzF textarea {
  height: 20px;
}
.kd-field-no-tip {
  width: 100%;
  border-top: 1px solid #999999;
  margin-bottom: 1px;
}
.FieldItem_lt-input_O9Fc {
  padding-right: 20px !important;
}
.FieldItem_no-mul-field-v_JMMw {
  height: 44px;
}
.FieldItem_no-mul-field-h_13Y8 {
  height: 34px;
}
.FieldItem_flicker_323C {
  border-color: #999999 !important;
}

/*!**********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/src/index.js!./node_modules/less-loader/dist/cjs.js!./src/component/web/base/Attachment/style/attachment.less ***!
  \**********************************************************************************************************************************************************************************************************************/
.attachment_attachmentPanel_1Ccq {
  /* // min-width: 600px; */
  padding: 10px 0px;
  /*border: 1px solid #C8CCD4;*/
  width: 100%;
  position: relative;
  min-height: 138px;
}
.attachment_attachmentPanel_1Ccq.attachment_horizontal-field_2ewI {
  padding: 0;
  min-height: 38px;
  overflow-y: overlay;
}
.attachment_attachmentPanel_1Ccq.attachment_horizontal-field_2ewI.attachment_horizontal-field-border-box_1D1Y {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.attachment_padding_3C8j {
  padding-right: 18px;
  padding-left: 18px;
}
.attachment_upload-area_1-23 {
  position: relative;
  /* margin: 6px 22px; */
  min-height: 50px;
  /*  padding: 23px 0 0 160px;*/
  font-size: 16px;
  color: #212121;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  overflow-y: auto;
}
.attachment_upload-area-disabled_1GOj {
  min-height: 50px;
  font-size: 16px;
  color: #7F93BC;
  cursor: default;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.attachment_upload-tips_2qzB {
  width: 100%;
  min-height: inherit;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #999;
  font-size: 14px;
  border: 1px dashed transparent;
  background: #FAFAFA;
}
.attachment_upload-tips_2qzB.attachment_card-tips_2L6j {
  height: 80px;
}
.attachment_upload-tips_2qzB .kdfont {
  margin-bottom: 4px;
  color: #666;
}
.attachment_upload_3JLB {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  padding-bottom: 10px;
}
.attachment_upload_3JLB .attachment_upload-btn_3GmG {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 8px;
  padding-right: 8px;
  height: 28px;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  text-decoration: none;
  line-height: 28px;
  color: #666;
  font-size: 12px;
  white-space: nowrap;
  cursor: pointer;
}
.attachment_upload_3JLB .attachment_upload-btn_3GmG .kdfont {
  margin-right: 2px;
}
.attachment_upload_3JLB .attachment_disabled_2ptO {
  color: #AAA;
  background: #F1F1F1;
  border: 1px solid #CCCCCC;
  cursor: default;
}
.attachment_upload_3JLB .attachment_expand-name_24Gr {
  margin-left: 20px;
  font-size: 12px;
  color: #999;
}
.attachment_fieldupload_3JbK {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  padding-bottom: 8px;
  border-bottom: 1px dashed #e2e2e2;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  overflow: hidden;
}
.attachment_fieldupload_3JbK .attachment_btnbox_kDoo {
  max-width: 85px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.attachment_fieldupload_3JbK .attachment_btnbox_kDoo div {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.attachment_fieldupload_3JbK .attachment_fieldbtn_27UY {
  display: inline-block;
  color: #666;
  font-size: 16px;
  margin-left: 14px;
  cursor: pointer;
}
.attachment_fieldupload_3JbK .attachment_field-expand-name_q93I {
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  color: #8D929F;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-flex-shrink: 1;
      -ms-flex-negative: 1;
          flex-shrink: 1;
}
.attachment_fieldupload_3JbK .attachment_textcontent_2rbE {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  overflow: hidden;
}
.attachment_download-btn_3DT8 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 8px;
  padding-right: 8px;
  height: 28px;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  text-decoration: none;
  line-height: 28px;
  color: #666;
  font-size: 12px;
  margin-left: 14px;
  cursor: pointer;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  white-space: nowrap;
}
.attachment_download-btn_3DT8 .kdfont {
  margin-right: 2px;
}
.attachment_download-btn_3DT8 .attachment_disabled_2ptO {
  color: #AAA;
  background: #F1F1F1;
  border: 1px solid #CCCCCC;
  cursor: default;
}
.attachment_listbox_mLqh {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  margin-top: 8px;
  cursor: default;
}
ul,
li {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}
.attachment_filelist_3voH {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  cursor: default;
}
.attachment_imglist_3cnk {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.attachment_list_jryL {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
}
.attachment_list_jryL.attachment_not-field_1s3i {
  padding-left: 17px;
}
.attachment_uploadProperty_2sFy {
  height: 36px;
  width: 40%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  font-size: 14px;
  color: #666;
  overflow: hidden;
}
.attachment_uploadProperty_2sFy .attachment_uploader_1ljl {
  margin-right: 32px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  cursor: default;
}
.attachment_uploadProperty_2sFy .attachment_uploadtime_9xzZ {
  margin-right: 32px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  cursor: default;
}
.attachment_remarkPanel_7H3- {
  height: 100%;
  margin-right: 7px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}
.attachment_remark_1nI3 {
  cursor: pointer;
  line-height: 36px;
  font-size: 14px;
  color: #5E80EB;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}
.attachment_disabledRemark_pizs {
  font-size: 14px;
  color: #AAA;
  margin-right: 7px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  cursor: default;
}
.attachment_remarkContent_r8Zb {
  font-size: 14px;
  color: #828282;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding-right: 20px;
}
.attachment_list-item-alone_3hfj {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 36px;
  font-size: 14px;
}
.attachment_list-item-alone_3hfj .attachment_previewed_3KDv {
  color: #771CAA;
}
.attachment_list-item_L0MI {
  width: 60%;
  padding-right: 50px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 36px;
  font-size: 14px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  cursor: default;
}
.attachment_list-item_L0MI .attachment_previewed_3KDv {
  color: #771CAA;
}
.attachment_imgbox_3nxP {
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}
.attachment_imgbox_3nxP .attachment_icon-14_2lSf {
  height: 100%;
  font-size: 14px;
}
.attachment_attach-icon_ykqi {
  /*img标签压缩，firefox 兼容*/
  vertical-align: middle;
  height: 16px;
  cursor: pointer;
}
.attachment_space_1Id3 {
  padding-left: 4px;
  line-height: 36px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.attachment_spaceName_2zLW {
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-flex-shrink: 1;
      -ms-flex-negative: 1;
          flex-shrink: 1;
  text-decoration: none;
  color: #212121;
  cursor: pointer;
}
.attachment_spacebox_jTDf {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}
.attachment_size-item_X6DH {
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  color: #999;
  -webkit-flex-shrink: 1;
      -ms-flex-negative: 1;
          flex-shrink: 1;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}
.attachment_error_3S3b {
  color: #f00;
}
.attachment_re-upload_Z2pa {
  display: inline-block;
  font-size: 14px;
  line-height: 36px;
  color: #7F93BC;
  margin-left: 32px;
  cursor: pointer;
}
.attachment_cancel_2z8q {
  color: #00f;
  cursor: pointer;
}
.attachment_delete-item_3jFN {
  margin-left: 34px;
  margin-right: 12px;
  cursor: pointer;
}
.attachment_btn_WTZk {
  width: 53px;
  height: 22px;
  border: 1px solid #3F4D7B;
  border-radius: 2px;
  margin-right: 20px;
  text-align: center;
  text-decoration: none;
  color: #3F4D7B;
}
.attachment_list-view-item_3AVH {
  width: 100%;
}
.attachment_list-view-item_3AVH:hover {
  background: #FFF4EC;
}
.attachment_list-view-item_3AVH a {
  margin-left: 34px;
}
.attachment_list-view-item_3AVH a:hover {
  color: #FC8555;
  background-color: #FFF1E6;
  border-color: #FC8555;
}
.attachment_progress-bar_1-ig {
  padding-left: 10px;
}
.attachment_markcontent_22N9 {
  width: 300px;
  min-height: 124px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background: #fff;
  padding-top: 8px;
}
.attachment_inputField_3wfV {
  border: 1px solid #CCCCCC;
  border-radius: 2px;
  width: 272px;
  min-height: 60px;
  font-size: 12px;
  color: #333;
  margin-bottom: 9px;
  outline: none;
  padding: 4px 8px;
}
.attachment_buttonBar_Naz0 {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.attachment_close_1RpW,
.attachment_confirm_pEGM {
  width: 60px;
  height: 26px;
  border-radius: 2px;
  font-size: 14px;
}
.attachment_close_1RpW {
  background: #fff;
  color: #666;
  margin-right: 20px;
}
.attachment_confirm_pEGM {
  background: #FC8555;
  color: #fff;
}
.attachment_btn-default_3AkF {
  position: relative;
  padding: 6px 18px;
  border-radius: 4px;
  font-size: 12px;
  cursor: pointer;
  outline: 0;
  border: 1px solid #D9D9D9;
  color: #333;
  background-color: #fff;
  display: inline-block;
  margin: 0;
}
.attachment_btn-default_3AkF.attachment_btn-cancel_3XX_ {
  margin-right: 8px;
}
.attachment_btn-default_3AkF:hover::before,
.attachment_btn-default_3AkF:active::before {
  content: '';
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}
.attachment_btn-default_3AkF:hover::before {
  background-color: rgba(255, 255, 255, 0.1);
}
.attachment_btn-default_3AkF:active::before {
  background-color: rgba(0, 0, 0, 0.1);
}
.attachment_tooltips-class_2bGI {
  max-width: none;
  pointer-events: auto !important;
  -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2) !important;
          box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2) !important;
  border-radius: 2px !important;
  padding: 0 !important;
}
.attachment_tooltips-rename_2iq7 {
  padding: 12px 16px !important;
}
.attachment_messagebox_1pLx {
  width: 300px;
  min-height: 35px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background: #FFF3C7;
  border-radius: 8px;
  font-size: 13px;
  color: #ed812b;
  position: absolute;
  margin: auto;
  left: 0px;
  right: 0px;
  top: 0px;
  -webkit-animation-name: attachment_MessageMoveIn_24PD;
          animation-name: attachment_MessageMoveIn_24PD;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  opacity: 1;
  overflow: hidden;
  z-index: 9999;
  cursor: pointer;
}
.attachment_messagebox_1pLx .attachment_img-style_3wGs {
  height: 14px;
  width: 14px;
  margin-left: 15px;
  margin-right: 10px;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.attachment_messagebox_1pLx .attachment_messagetext_1cWu {
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  white-space: normal;
  word-wrap: break-word;
  font-size: 12px;
  word-break: break-all;
  padding: 5px 10px 5px 0;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.attachment_messagebox_1pLx .attachment_delImg-style_2iv2 {
  font-size: 20px;
  margin-right: 8px;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
@-webkit-keyframes attachment_MessageMoveIn_24PD {
  0% {
    opacity: 0;
    max-height: 0px;
  }
  100% {
    opacity: 1;
    max-height: 60px;
  }
}
@keyframes attachment_MessageMoveIn_24PD {
  0% {
    opacity: 0;
    max-height: 0px;
  }
  100% {
    opacity: 1;
    max-height: 60px;
  }
}
.attachment_titlebox_2--Y {
  margin-right: 5px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.attachment_attachmentname_14Ut {
  margin-right: 5px;
  font-size: 14px;
  color: #333;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}
.attachment_attachmentnum_QT-M {
  font-size: 14px;
  color: #999999;
}
.attachment_buttonsbox_2ckx {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  padding-left: 10px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 1;
  background: #f5f5f5;
}
.attachment_buttonsbox_2ckx .attachment_actionbutton_3iI1 {
  font-size: 14px;
  color: #5E80EB;
  white-space: nowrap;
  margin-right: 10px;
  line-height: 36px;
  cursor: pointer;
  max-width: 75px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}
.attachment_buttonsbox_2ckx .attachment_deleteBut_112P {
  font-size: 14px;
  white-space: nowrap;
  margin-right: 10px;
  line-height: 36px;
  max-width: 50px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}
.attachment_buttonsbox_2ckx .attachment_BanDelBut_2tBQ {
  color: #666666;
  cursor: not-allowed;
}
.attachment_buttonsbox_2ckx .attachment_allowDelBut_2wYE {
  color: #5E80EB;
  cursor: pointer;
}
.attachment_pasteimgbox_3dSU {
  position: absolute;
  top: 0;
  right: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  border: 1px dashed #000;
  cursor: pointer;
}
.attachment_pasteimgbox_3dSU .attachment_pastetext_19Ys {
  font-size: 12px;
  color: #333;
}
.attachment_pasteimgbox_3dSU .attachment_pasteImg_1Sgf {
  height: 60px;
  width: 120px;
}
.attachment_required_1jwm {
  color: red;
}
.attachment_tooltip-input-container_3E95 {
  width: 235px;
}
.attachment_tooltip-input-container_3E95 .attachment_tooltip-input_6ZxI {
  width: 100%;
  height: 32px;
  margin-bottom: 12px;
  border: 1px solid #D9D9D9;
  padding: 7px 8px;
}
#kd-theme .kd-button.btn-default-disabled {
  background: rgba(85, 130, 243, 0.6) !important;
}
#kd-theme .kd-button.btn-default-disabled:hover::before,
#kd-theme .kd-button.btn-default-disabled:active::before {
  content: '';
  height: 0;
  width: 0;
}
.attachment_mt-0_RRdO {
  margin-top: 0;
}
.attachment_horizontal-attachment-container_1xlu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  min-height: 36px;
  padding-right: 18px;
  padding-left: 18px;
}
.attachment_horizontal-attachment-container_1xlu.attachment_align-center_1C60 {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.attachment_horizontal-attachment-container_1xlu .attachment_title-container_3lml {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 2.6;
  margin-right: 8px;
}
.attachment_horizontal-attachment-container_1xlu .attachment_title-container_3lml .attachment_title_2tZ7 {
  margin-right: 2px;
  font-size: 14px;
  color: #333;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}
.attachment_horizontal-attachment-container_1xlu .attachment_content-container_2xMv {
  max-width: calc(100% - 110px);
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  z-index: 1001;
}
.attachment_horizontal-attachment-container_1xlu .attachment_content-container_2xMv.attachment_content-with-max-width_yc91 {
  max-width: calc(100% - 60px);
}
.attachment_horizontal-attachment-container_1xlu .attachment_content-container_2xMv .attachment_upload-title_2tAP {
  font-size: 14px;
  color: #999;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}
.attachment_horizontal-attachment-container_1xlu .attachment_content-container_2xMv .attachment_upload-title_2tAP.attachment_pointer_D9eZ {
  cursor: pointer;
}
.attachment_horizontal-attachment-container_1xlu .attachment_btn-container_1EZg {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 36px;
}
.attachment_horizontal-attachment-container_1xlu .attachment_btn-container_1EZg .attachment_upload_3JLB {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.attachment_horizontal-attachment-container_1xlu .attachment_btn-container_1EZg .attachment_fieldbtn_27UY {
  display: inline-block;
  color: #666;
  font-size: 16px;
  margin-left: 14px;
  cursor: pointer;
}
.attachment_horizontal-attachment-container_1xlu .attachment_required_1jwm {
  color: red;
}
.attachment_noPreview_JQep {
  cursor: default !important;
}

/*!*****************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/index.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/src/index.js!./node_modules/less-loader/dist/cjs.js!./src/component/web/base/Attachment/style/attachmentImgItem.less ***!
  \*****************************************************************************************************************************************************************************************************************************/
.attachmentImgItem_imgcontainer_3VY8 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100px;
  margin: 15px 30px 0 0;
  position: relative;
}
.attachmentImgItem_imgcontainer_3VY8 .attachmentImgItem_imgitem_2tkK {
  width: 100px;
  height: 100px;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.attachmentImgItem_imgcontainer_3VY8 .attachmentImgItem_statusbox_g7jh,
.attachmentImgItem_imgcontainer_3VY8 .attachmentImgItem_notShowPreview_1OSg {
  height: 100px;
  width: 100px;
  font-size: 12px;
  color: #5E80EB;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGYAAABmBAMAAADL8flRAAAAJFBMVEW5w9i6w9r19vnn6/XK0uPV1f/3+fvp7fe5w9jz9fvv8/ns7/gY+/Y2AAAABnRSTlPmiObmygapICxaAAABn0lEQVRYw+3YsU7DMBQF0AgWPgB2JmY25n4Cv8DwgpMRqZc0CxMgsSc03WO12WNV/BxCFbwE5NTXQyWk3jHSkZ3rl0RKcnv2yuXpIjm/Ei53s+RE2Fwmz7S5P5qj+W+mYo3pgHJNGePwlYIxFrtsw02O71TBxv2YItTk0ISaGpo+0DhoijCTYZAyzOQYpgoy9ci0QcaOTB9h5kHGHcjYA5k6oreUOp/4OTDsvPFzHf/8ZHu3Fv8+WL6r0YVKb2um6YDHgZF63+E0ANQM52frEw5qRpc/fKt0gJqgGAfCKFFDEDUEIYwFbSxoswJtDHhjebMCbQx4U/MmA28sbzLwxvImA29q3hhMmmbTbTbLXyadMKbDLuW6GhrnNw00ZTvRgJoOo2y1Aa95AzzIec0LPCgHYdDq1oKMfhccZVBoawFGd5eyZiHiWFOIAWt6ycDfT0obERtstAKwppCMNr3ktGmlpk0lljWlCFizEEMYrY01c8lp00tKGK2aMFo1aUTAmjLKGNosJKNNEWXyPeaUHQNcJ+c3f006RR5mMf8gPwGoaNxu1ldLWQAAAABJRU5ErkJggg==);
}
.attachmentImgItem_imgcontainer_3VY8 .attachmentImgItem_statusbox_g7jh .attachmentImgItem_uploadingImg_1ehk,
.attachmentImgItem_imgcontainer_3VY8 .attachmentImgItem_notShowPreview_1OSg .attachmentImgItem_uploadingImg_1ehk {
  width: 12px;
  height: 13px;
  margin-right: 6px;
}
.attachmentImgItem_imgcontainer_3VY8 .attachmentImgItem_statusbox_g7jh .attachmentImgItem_errorImg_N9Iq,
.attachmentImgItem_imgcontainer_3VY8 .attachmentImgItem_notShowPreview_1OSg .attachmentImgItem_errorImg_N9Iq {
  width: 17px;
  height: 17px;
  margin-right: 7px;
}
.attachmentImgItem_imgcontainer_3VY8 .attachmentImgItem_statusbox_g7jh.attachmentImgItem_errorborder_1QzR,
.attachmentImgItem_imgcontainer_3VY8 .attachmentImgItem_notShowPreview_1OSg.attachmentImgItem_errorborder_1QzR {
  background-image: none;
}
.attachmentImgItem_imgcontainer_3VY8 .attachmentImgItem_statusbox_g7jh .kdfont-tishi4,
.attachmentImgItem_imgcontainer_3VY8 .attachmentImgItem_notShowPreview_1OSg .kdfont-tishi4 {
  margin-right: 2px;
  font-size: 15px;
}
.attachmentImgItem_imgcontainer_3VY8 .attachmentImgItem_uploadingborder_2LuZ {
  border: 1px solid #5E80EB;
  border-radius: 4px;
}
.attachmentImgItem_imgcontainer_3VY8 .attachmentImgItem_errorborder_1QzR {
  border: 1px solid red;
  border-radius: 4px;
}
.attachmentImgItem_imgcontainer_3VY8 .attachmentImgItem_notShowPreview_1OSg {
  height: 96px;
  width: 96px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  color: #CCCCCC;
}
.attachmentImgItem_imgcontainer_3VY8 .attachmentImgItem_notShowPreview_1OSg span {
  margin-top: 8px;
  text-align: center;
}
.attachmentImgItem_imgcontainer_3VY8 .attachmentImgItem_notShowPreview_1OSg .kdfont-suo16 {
  font-size: 24px;
}
.attachmentImgItem_imgcontainer_3VY8 .attachmentImgItem_imgName_2zGY {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  font-size: 12px;
  color: #333;
  margin-top: 6px;
  width: 100%;
  max-height: 33px;
  overflow: hidden;
}
.attachmentImgItem_imgcontainer_3VY8 .attachmentImgItem_imgName_2zGY .attachmentImgItem_previewed_1uL5 {
  color: #771CAA;
}
.attachmentImgItem_imgcontainer_3VY8 .attachmentImgItem_imgName_2zGY .attachmentImgItem_name_1ssq {
  word-break: break-all;
  white-space: normal;
}
.attachmentImgItem_imgcontainer_3VY8 .attachmentImgItem_imgbuttonsbox_3Jsv {
  position: absolute;
  top: 70px;
  left: 0;
  width: 100%;
  height: 30px;
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.attachmentImgItem_imgcontainer_3VY8 .attachmentImgItem_imgbuttonsbox_3Jsv .attachmentImgItem_imgactionbutton_2lFh {
  font-size: 18px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-flex-shrink: 1;
      -ms-flex-negative: 1;
          flex-shrink: 1;
  cursor: pointer;
  background: rgba(30, 34, 41, 0.7);
}
.attachmentImgItem_imgcontainer_3VY8 .attachmentImgItem_imgbuttonsbox_3Jsv .attachmentImgItem_BanDelBut_3m3- {
  cursor: not-allowed;
}