@charset "UTF-8";
/*
  样式规范表
*/
.sld_refund_goods {
  padding: 20px;
}
.sld_refund_goods .refund_goods_left .refund_goods_img {
  width: 100px;
  height: 100px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.sld_refund_goods .refund_goods_left .refund_goods_des {
  margin-left: 20px;
}
.sld_refund_goods .refund_goods_left .refund_goods_des p:nth-child(1) {
  font-size: 14px;
  font-weight: 400;
  color: #333333;
  line-height: 18px;
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  width: 444px;
  margin-top: 8px;
  margin-bottom: 20px;
}
.sld_refund_goods .refund_goods_left .refund_goods_des p:nth-chid(2) {
  width: 444px;
  font-size: 14px;
  font-weight: 400;
  color: #999999;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 19px;
}
.sld_refund_goods .refund_goods_num {
  width: 100px;
  text-align: center;
  line-height: 100px;
  font-size: 12px;
}
@charset "UTF-8";
/*
  样式规范表
*/
:root {
  --backgroundColor:#F4F4F3;
  --btnBackgroundColor:#1C1C1C;
}

/**
* 全局通用样式
*/
.overflow_ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.overflow_ellipsis_two {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.flex {
  display: flex;
}
.flex_row_center_center {
  display: flex;
  justify-content: center;
  align-items: center;
}
.flex_row_center_between {
  display: flex;
  justify-content: center;
  align-items: space-between;
}
.flex_row_center_around {
  display: flex;
  justify-content: center;
  align-items: space-around;
}
.flex_row_center_start {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
.flex_row_center_end {
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
.flex_row_between_center {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.flex_row_between_between {
  display: flex;
  justify-content: space-between;
  align-items: space-between;
}
.flex_row_between_around {
  display: flex;
  justify-content: space-between;
  align-items: space-around;
}
.flex_row_between_start {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.flex_row_between_end {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.flex_row_around_center {
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.flex_row_around_between {
  display: flex;
  justify-content: space-around;
  align-items: space-between;
}
.flex_row_around_around {
  display: flex;
  justify-content: space-around;
  align-items: space-around;
}
.flex_row_around_start {
  display: flex;
  justify-content: space-around;
  align-items: flex-start;
}
.flex_row_around_end {
  display: flex;
  justify-content: space-around;
  align-items: flex-end;
}
.flex_row_start_center {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.flex_row_start_between {
  display: flex;
  justify-content: flex-start;
  align-items: space-between;
}
.flex_row_start_around {
  display: flex;
  justify-content: flex-start;
  align-items: space-around;
}
.flex_row_start_start {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.flex_row_start_end {
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
}
.flex_row_end_center {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.flex_row_end_between {
  display: flex;
  justify-content: flex-end;
  align-items: space-between;
}
.flex_row_end_around {
  display: flex;
  justify-content: flex-end;
  align-items: space-around;
}
.flex_row_end_start {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
}
.flex_row_end_end {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}
.flex_column_center_center {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.flex_column_center_between {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: space-between;
}
.flex_column_center_around {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: space-around;
}
.flex_column_center_start {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.flex_column_center_end {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
}
.flex_column_between_center {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
.flex_column_between_between {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: space-between;
}
.flex_column_between_around {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: space-around;
}
.flex_column_between_start {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}
.flex_column_between_end {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
}
.flex_column_around_center {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
}
.flex_column_around_between {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: space-between;
}
.flex_column_around_around {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: space-around;
}
.flex_column_around_start {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: flex-start;
}
.flex_column_around_end {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: flex-end;
}
.flex_column_start_center {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
.flex_column_start_between {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: space-between;
}
.flex_column_start_around {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: space-around;
}
.flex_column_start_start {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.flex_column_start_end {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
}
.flex_column_end_center {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
}
.flex_column_end_between {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: space-between;
}
.flex_column_end_around {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: space-around;
}
.flex_column_end_start {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
}
.flex_column_end_end {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
}
.clearfix:after, .clearfix:before {
  display: table;
  content: " ";
}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/* 分页的样式 start */
.sld_pagination .el-pager li.active {
  color: #1C1C1C;
}
.sld_pagination .el-pager li:hover {
  color: #1C1C1C;
}
.sld_pagination .el-input__inner:focus {
  border-color: #1C1C1C;
}

/* 分页的样式 end */
.pointer:hover {
  cursor: pointer;
}
.el-pagination {
  text-align: center;
}

/* 全局空图 start */
.sld_common_empty {
  margin: 0 auto !important;
}
.sld_common_empty .empty_img {
  width: 91px;
  margin-bottom: 15px;
}

/* 全局空图 end */
/* ElementUI-PLUS的confirm按钮样式 start */
.confirmsubmitBtn {
  background-color: var(--btnBackgroundColor) !important;
  border-color: var(--btnBackgroundColor) !important;
  width: 48%;
  height: 42px;
}
.confirmsubmitBtn span {
  color: #fff;
}
.cancelCloseBtn {
  width: 48%;
  height: 42px;
}
.cancelCloseBtn:hover {
  border-color: var(--btnBackgroundColor);
  color: var(--btnBackgroundColor);
  background-color: #fff;
}
.cancelCloseBtn:active, .cancelCloseBtn:focus {
  border-color: var(--btnBackgroundColor);
  color: var(--btnBackgroundColor);
  background-color: #fff;
}

/*  ElementUI-PLUS的confirm按钮样式 end */
/* 输入框样式start */
.el-input {
  width: 357px;
  height: 42px;
}
.el-input .el-input__inner {
  width: 100%;
  height: 42px;
  background-color: #F4F4F3;
  background: #F4F4F3;
  border-color: #D2D2D2;
}
.el-input .el-input__inner:focus {
  border-color: #1C1C1C;
}
.el-input .el-input__inner:hover {
  border-color: #1C1C1C;
}
.el-input.is-focus .el-input__inner {
  border-color: #1C1C1C;
}
.el-input .el-input__suffix .el-input__suffix-inner .el-input__count .el-input__count-inner {
  background: #F4F4F3;
}
.el-input__suffix {
  line-height: 42px;
}
select {
  background: #F4F4F3;
}
.el-dialog__footer .dialog-footer .el-button {
  width: 48%;
}
.el-dialog__footer .dialog-footer .el-button--primary {
  background-color: #1C1C1C;
  border-color: #1C1C1C;
}
.el-select-dropdown__item.selected {
  color: #1C1C1C;
}

/*输入框样式end*/
.el-dialog__header {
  padding-bottom: 20px;
  background: #EDEDED;
}
.el-dialog__header .el-dialog__title {
  display: inline-block;
  text-align: center;
  width: 100%;
}
.el-checkbox__inner:hover {
  border-color: #1C1C1C !important;
}
.el-checkbox__input.is_focus .el-checkbox__inner {
  border-color: #1C1C1C !important;
}
.el-checkbox__input.is-focus .el-checkbox__inner {
  border-color: #1C1C1C !important;
}
.el-popover {
  background: #f5f5f6 !important;
}
.el-popover .el-popper__arrow::after {
  background: #f5f5f6 !important;
  border-color: #f5f5f6 !important;
}
.el-popover .el-popper__arrow::before {
  background: #f5f5f6 !important;
  border-color: #f5f5f6 !important;
}
.el-popover .el-popconfirm .el-popconfirm__main .el-icon-info {
  color: #1c1c1c !important;
}
.el-button--primary {
  background-color: #1c1c1c;
  border-color: transparent;
}
.el-button--primary:hover {
  background-color: #1c1c1c;
  border-color: transparent;
}
.el-button--primary:active {
  background: #1c1c1c;
}
.el-button--text {
  color: #1c1c1d;
}
.el-button--text:hover {
  color: #1c1c1c;
}
.el-button--text:active {
  color: #1c1c1c;
}
.el-message--success {
  --el-message-font-color:#fff;
  background-color: rgba(0, 0, 0, 0.6);
  border-color: rgba(0, 0, 0, 0.6);
}
.el-message--success .el-message__icon.el-icon-success {
  color: #fff;
  --el-message-font-color:#fff;
  font-size: 23px;
}
.el-message--info {
  --el-message-font-color:#fff;
  background-color: rgba(0, 0, 0, 0.6);
  border-color: rgba(0, 0, 0, 0.6);
}
.el-message--info .el-message__icon.el-icon-success {
  color: #fff;
  --el-message-font-color:#fff;
  font-size: 23px;
}
.sld_apply_refund {
  width: 1010px;
  min-height: 567px;
  background: #ffffff;
  border: 1px solid #dfdfdf;
  border-radius: 2px;
  margin: 20px 0 0 20px;
  float: left;
}
.sld_apply_refund .apply_refund_top {
  width: 1008px;
  height: 38px;
  background: #f8f8f8;
  padding-right: 10px;
  box-sizing: border-box;
  cursor: pointer;
}
.sld_apply_refund .apply_refund_top img {
  width: 20px;
  height: 20px;
  margin-right: 10px;
}
.sld_apply_refund .apply_refund_top span {
  font-size: 14px;
  font-weight: 400;
  color: #333333;
}
.sld_apply_refund .apply_refund_top span:nth-child(2) {
  color: #999999;
}
.sld_apply_refund .apply_refund_info {
  width: 1007px;
  border-top: 1px solid #dddddd;
  padding: 20px 0;
  box-sizing: border-box;
}
.sld_apply_refund .apply_refund_info .refund_amount .refund_amount_edit {
  font-size: 14px;
  font-weight: bold;
  color: #999999;
}
.sld_apply_refund .apply_refund_info .refund_amount .refund_amount_edit .refund_amount_price {
  color: #1C1C1C;
}
.sld_apply_refund .apply_refund_info .refund_amount .refund_amount_edit .edit_price_btn {
  color: #1c77ff;
  margin: 0 30px;
  cursor: pointer;
}
.sld_apply_refund .apply_refund_info .refund_amount .edit_refund_amount .amount_input .el-input__inner {
  border-right: 0px;
  height: 30px;
  border-radius: 4px 0 0 4px;
}
.sld_apply_refund .apply_refund_info .refund_amount .edit_refund_amount span {
  width: 52px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  display: block;
  font-size: 12px;
  font-weight: 400;
  cursor: pointer;
}
.sld_apply_refund .apply_refund_info .refund_amount .edit_refund_amount .cancel_edit_amount {
  background: #dfdfdf;
  border: 1px solid #dfdfdf;
  color: #333333;
}
.sld_apply_refund .apply_refund_info .refund_amount .edit_refund_amount .ok_edit_amount {
  background: #1C1C1C;
  border-radius: 0 5px 5px 0;
  color: #ffffff;
}
.sld_apply_refund .apply_refund_info .apply_number .edit_apply_number {
  width: 200px;
}
.sld_apply_refund .apply_refund_info .apply_number .edit_apply_number .el-input__inner {
  height: 30px;
}
.sld_apply_refund .apply_refund_info .upload_voucher {
  padding-top: 10px;
}
.sld_apply_refund .apply_refund_info .upload_voucher .upload_img {
  width: 178px;
  height: 178px;
  border: 1px solid #dddddd;
}
.sld_apply_refund .apply_refund_btn {
  width: 80px;
  height: 30px;
  background: #1C1C1C;
  border-radius: 5px;
  font-size: 14px;
  font-weight: 400;
  color: #ffffff;
  line-height: 30px;
  text-align: center;
  margin: 37px auto;
  cursor: pointer;
}
.sld_apply_refund .pre_img_model {
  max-height: 560px;
  margin: 0 auto;
}
.sld_apply_refund .pre_img_model .pre_img {
  width: 100%;
  height: 100%;
}
.sld_apply_refund .refund_title {
  font-size: 14px;
  font-weight: 400;
  color: #333333;
  display: flex;
  justify-content: flex-end;
  width: 100px;
  margin-right: 48px;
}
.sld_apply_refund .refund_title span {
  color: #1C1C1C;
}
.sld_apply_refund .marginBottom20 {
  margin-bottom: 20px;
}
.batch_selModel {
  border: 1px solid #f2f2f2;
  padding: 20px;
}
.batch_selModel .batch_default .batch_default_pre {
  margin-bottom: 20px;
}
.batch_selModel .batch_default .batch_default_pre .batch_default_sel {
  width: 12px;
  height: 12px;
  cursor: pointer;
}
.batch_selModel .batch_default .batch_default_pre .batch_default_img {
  width: 70px;
  height: 70px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin: 0 10px;
  cursor: pointer;
}
.batch_selModel .batch_default .batch_default_pre .batch_default_des {
  cursor: pointer;
  height: 70px;
}
.batch_selModel .batch_default .batch_default_pre .batch_default_des p {
  width: 277px;
  font-size: 14px;
  font-weight: 400;
  color: #333333;
  line-height: 18px;
}
.batch_selModel .batch_default .batch_default_pre .batch_default_des p:nth-child(1) {
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: 20px;
}
.batch_selModel .batch_default .batch_default_pre .batch_default_des p:nth-child(2) {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.batch_model_btn {
  margin-top: 20px;
}
.batch_model_btn span {
  display: block;
  width: 80px;
  height: 30px;
  background: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 3px;
  text-align: center;
  line-height: 30px;
  cursor: pointer;
}
.batch_model_btn span:nth-child(2) {
  color: #ffffff;
  background: #1C1C1C;
  margin-left: 46px;
}
#elUpload,
.upload {
  display: flex;
}
.el-upload-list__item {
  transition: none !important;
}
.el-upload--picture-card:hover,
.el-upload:focus {
  border-color: #1C1C1C;
  color: #1C1C1C;
}
.el-textarea__inner:focus {
  outline: 0;
  border-color: #1C1C1C;
}
.el-select .el-input__inner:focus {
  border-color: #1C1C1C;
}
.el-select .el-input.is-focus .el-input__inner {
  border-color: #1C1C1C;
}
.el-upload-list--picture-card {
  display: flex;
}
.el-upload-list--picture-card .el-upload-list__item {
  display: flex;
  justify-content: center;
  align-items: center;
}
.el-upload-list--picture-card .el-upload-list__item-thumbnail {
  display: inline-block;
  max-width: 146px;
  max-height: 146px;
  margin: 0 auto;
  width: unset;
  height: unset;
}
.el-dialog {
  padding: 15px;
}
.el-icon-close::before {
  font-size: 20px;
}
.el-input__inner {
  line-height: 1px !important;
  /**
  * 解决el-input设置类型为number时，中文输入法光标上移问题
  **/
}
.el-radio {
  display: flex;
  align-items: center;
}
.el-radio__label {
  width: 240px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-bottom: 2px;
}
.el-icon-close-tip {
  display: none !important;
}
.el-upload-list__item-status-label {
  display: none !important;
}
.el-radio__input.is-checked .el-radio__inner {
  border-color: #1C1C1C;
  background: #1C1C1C;
}
.el-radio__input.is-checked + .el-radio__label {
  color: #1C1C1C;
}
.sld_apply_refund .el-textarea {
  width: 786px;
  resize: none;
}
.sld_apply_refund textarea {
  resize: none !important;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
input[type=number] {
  -moz-appearance: textfield;
}
.upload_count {
  font-size: 14px;
  margin-bottom: 10px;
}