.preview[data-v-7e5b32d7] {
  position: relative;
  height: 100%;
  overflow: hidden;
}
.preview .canvas[data-v-7e5b32d7] {
  position: absolute;
  top: 9999px;
  right: 9999px;
}
.preview .header[data-v-7e5b32d7] {
  height: 40px;
  background: #efefef;
}
.preview .content[data-v-7e5b32d7] {
  position: relative;
  padding: 48px 8%;
  height: 100%;
}
.preview .content .left[data-v-7e5b32d7] {
  width: 51.6%;
  height: 100%;
  float: right;
  position: relative;
}
.preview .content .left .setup-cont[data-v-7e5b32d7] {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
  z-index: 9;
}
.preview .content .left .status[data-v-7e5b32d7] {
  text-align: right;
  color: #8F8F8F;
  margin: 60px 0 16px;
  font-size: 18px;
  height: 20px;
}
.preview .content .left .status b[data-v-7e5b32d7] {
  font-size: 14px;
  font-weight: bold;
  float: left;
  color: #333;
}
.preview .content .left .status span[data-v-7e5b32d7] {
  margin-left: 8px;
}
.preview .content .left .status span.active[data-v-7e5b32d7] {
  color: #00B42A !important;
}
.preview .content .left .status span.red[data-v-7e5b32d7] {
  color: #FC4B22 !important;
}
.preview .content .left .status a[data-v-7e5b32d7] {
  color: #0497FF;
  cursor: pointer;
}
.preview .content .left .left-title[data-v-7e5b32d7] {
  font-size: 14px;
  font-weight: bold;
  float: left;
  color: #333;
  margin: 25px 0 30px;
  height: 20px;
}
.preview .content .left .excel-list[data-v-7e5b32d7] {
  width: 100%;
  height: calc(100% - 404px);
  padding: 8px;
  background: #F4F5F7;
  border-radius: 16px;
  box-sizing: border-box;
}
.preview .content .left .excel-list[data-v-7e5b32d7] th.gutter {
  display: table-cell !important;
}
.preview .content .left .excel-list .excel-search[data-v-7e5b32d7] {
  display: flex;
  margin-bottom: 8px;
}
.preview .content .left .excel-list .excel-search .el-select[data-v-7e5b32d7] {
  width: 226px;
  margin-right: 10px;
}
.preview .content .left .excel-list .excel-search .el-select[data-v-7e5b32d7] .el-input__inner {
  height: 32px;
  line-height: 32px;
  border-radius: 8px;
  padding: 0 12px;
}
.preview .content .left .excel-list .excel-search .el-select[data-v-7e5b32d7] .el-input__suffix {
  width: 18px;
  height: 24px;
  background: #F7F8FA;
  border-radius: 4px;
  top: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.preview .content .left .excel-list .excel-search .el-select[data-v-7e5b32d7] .el-input__suffix .el-select__caret {
  color: #8A95A5;
  width: 14px;
}
.preview .content .left .excel-list .excel-search .keyword[data-v-7e5b32d7] {
  width: 320px;
  height: 32px;
  background: #FFFFFF;
  border-radius: 8px;
}
.preview .content .left .excel-list .excel-search .keyword[data-v-7e5b32d7] .el-input__inner {
  height: 32px;
  line-height: 32px;
  border-radius: 8px;
  padding: 0 12px;
}
.preview .content .left .excel-list .excel-table[data-v-7e5b32d7] {
  width: 100%;
  height: calc(100% - 48px);
  border-radius: 12px;
  border: none;
  overflow: auto;
}
.preview .content .left .excel-list .excel-table[data-v-7e5b32d7] .el-table__header-wrapper tr th {
  color: #202020;
  font-weight: bold;
}
.preview .content .left .cont[data-v-7e5b32d7] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: calc(100% - 268px);
}
.preview .content .left .print-status[data-v-7e5b32d7] {
  display: flex;
  justify-content: space-between;
  height: 40px;
  align-items: center;
  margin: 24px 0 16px;
}
.preview .content .left .print-status .title[data-v-7e5b32d7] {
  font-size: 18px;
  font-weight: bold;
}
.preview .content .left .print-status .status[data-v-7e5b32d7] {
  text-align: right;
  color: #8F8F8F;
  font-size: 12px;
  margin: 0;
}
.preview .content .left .print-status .status b[data-v-7e5b32d7] {
  font-size: 14px;
  font-weight: bold;
  float: left;
  color: #333;
}
.preview .content .left .print-status .status span[data-v-7e5b32d7] {
  margin-left: 8px;
  font-weight: bold;
  color: #333;
}
.preview .content .left .print-status .status span.active[data-v-7e5b32d7] {
  color: #00B42A;
}
.preview .content .left .print-status .status span a[data-v-7e5b32d7] {
  color: #0497FF;
}
.preview .content .left .setup[data-v-7e5b32d7] {
  font-size: 14px;
  color: #4F4F4F;
  margin-bottom: 60px;
}
.preview .content .left .setup .brand-select[data-v-7e5b32d7] {
  display: flex;
  flex: 1;
  align-items: center;
}
.preview .content .left .setup .brand-select .el-select[data-v-7e5b32d7] {
  flex: 1;
}
.preview .content .left .setup .to[data-v-7e5b32d7] {
  display: inline-block;
  width: 40px;
}
.preview .content .left .setup .item-select b[data-v-7e5b32d7] {
  display: inline-block;
  width: 96px;
}
.preview .content .left .setup .item[data-v-7e5b32d7] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 16px 0;
}
.preview .content .left .setup .item.flexstart[data-v-7e5b32d7] {
  justify-content: flex-start !important;
}
.preview .content .left .setup .item[data-v-7e5b32d7] .el-input-number {
  width: 100px;
  line-height: 36px;
}
.preview .content .left .setup .item[data-v-7e5b32d7] .el-input-number span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 14px;
  background: #EBEDF0;
  border: none;
}
.preview .content .left .setup .item[data-v-7e5b32d7] .el-input-number .el-input-number__decrease {
  bottom: 4px;
  right: 4px;
  border-radius: 0px 0px 4px 4px;
}
.preview .content .left .setup .item[data-v-7e5b32d7] .el-input-number .el-input-number__decrease i::before {
  content: "\e6d8";
}
.preview .content .left .setup .item[data-v-7e5b32d7] .el-input-number .el-input-number__increase {
  top: 4px;
  right: 4px;
  border-radius: 4px 4px 0px 0px;
}
.preview .content .left .setup .item[data-v-7e5b32d7] .el-input-number .el-input-number__increase i::before {
  content: "\e6d9";
}
.preview .content .left .setup .item[data-v-7e5b32d7] .el-input-number .el-input__inner {
  height: 36px;
  line-height: 36px;
  border: none;
  background: #F4F5F7;
  border-radius: 8px;
  padding-right: 30px;
}
.preview .content .left .setup .item[data-v-7e5b32d7] .el-select {
  width: 160px;
  height: 36px;
}
.preview .content .left .setup .item[data-v-7e5b32d7] .el-select .el-input__inner {
  background: #F2F3F5;
  border: none;
  border-radius: 8px;
}
.preview .content .left .setup .item em[data-v-7e5b32d7] {
  display: flex;
  align-items: center;
  height: 36px;
  border-radius: 8px;
  padding: 0 16px;
  border: 1px solid #0497FF;
  color: #0497FF;
  margin-left: 16px;
  cursor: pointer;
}
.preview .content .left .setup .item em.brandset[data-v-7e5b32d7] {
  text-align: left;
}
.preview .content .left .setup .item em.brandset i[data-v-7e5b32d7] {
  margin-right: 4px;
  font-size: 20px;
  line-height: 20px;
}
.preview .content .left .setup .item em.disabled[data-v-7e5b32d7] {
  color: #C9CDD4;
  border-color: #C9CDD4;
  cursor: no-drop;
}
.preview .content .left .setup-print[data-v-7e5b32d7] {
  display: flex;
  justify-content: space-between;
}
.preview .content .left .setup-print em[data-v-7e5b32d7] {
  display: inline-block;
  height: 36px;
  line-height: 36px;
  border-radius: 8px;
  padding: 0 16px;
  border: 1px solid #C3C3C3;
  margin-top: 2px;
  cursor: pointer;
}
.preview .content .left .setup-btn[data-v-7e5b32d7] {
  width: 160px;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  border-radius: 8px;
  text-align: center;
  color: #fff;
  background: #0497FF;
  border-radius: 8px;
  margin-left: auto;
  cursor: pointer;
}
.preview .content .left .setup-btn[data-v-7e5b32d7]:active {
  background: #1681d9 !important;
}
.preview .content .left .setup-btn[data-v-7e5b32d7]:hover {
  background: #33b1ff;
}
.preview .content .right[data-v-7e5b32d7] {
  position: relative;
  float: left;
  width: 40%;
  height: 100%;
}
.preview .content .right .pdf-upload[data-v-7e5b32d7] {
  position: absolute;
  top: 0;
  right: 30%;
  width: 200px;
  height: 30px;
  line-height: 30px;
  background: #0497FF;
  color: #fff;
  border-radius: 4px;
  cursor: pointer;
}
.preview .content .right .pdf-upload input[data-v-7e5b32d7] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
}
.preview .content .right h3[data-v-7e5b32d7] {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 24px;
  text-align: left;
  display: flex;
  align-items: center;
}
.preview .content .right h3 span[data-v-7e5b32d7] {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  color: #465160;
  margin-right: 36px;
  font-weight: normal;
  width: 88px;
  height: 36px;
  border-radius: 8px;
  border: 1px solid #C3C3C3;
  cursor: pointer;
}
.preview .content .right h3 span i[data-v-7e5b32d7] {
  font-size: 24px;
  margin-right: 4px;
  color: #465160;
}
.preview .content .right .preview-cont[data-v-7e5b32d7] {
  height: calc(100% - 60px);
  background: #F2F2F2;
  border-radius: 16px;
}
.preview .content .right .preview-cont .canvas-cont[data-v-7e5b32d7] {
  display: flex;
  justify-content: center;
  align-items: center;
  height: calc(100% - 120px);
}
.preview .content .right .preview-cont .canvas-cont img[data-v-7e5b32d7] {
  max-width: 70%;
  margin: 0 auto;
}
.preview .content .right .preview-cont .title[data-v-7e5b32d7] {
  border-bottom: 1px solid rgba(32, 32, 32, 0.2);
  margin: 0 16px;
  box-sizing: border-box;
}
.preview .content .right .preview-cont .title p[data-v-7e5b32d7] {
  text-align: left;
  color: #465160;
  margin-bottom: 8px;
  text-indent: 8px;
}
.preview .content .right .preview-cont .title p em[data-v-7e5b32d7] {
  margin-left: 40px;
}
.preview .content .right .preview-cont .title p span[data-v-7e5b32d7] {
  display: inline-block;
  width: 68px;
  text-align: right;
}
.preview .content .right .preview-cont .title p[data-v-7e5b32d7]:first-child {
  padding-top: 16px;
  margin-bottom: 12px;
}
.preview .content .right .preview-cont .page[data-v-7e5b32d7] {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 16px;
  padding: 12px 0;
  border-top: 1px solid rgba(32, 32, 32, 0.2);
}
.preview .content .right .preview-cont .page .btn i[data-v-7e5b32d7] {
  font-size: 24px;
  cursor: pointer;
}
.preview .content .right .preview-cont .page[data-v-7e5b32d7] .el-input {
  width: 48px;
  margin: 0 8px;
}
.preview .content .right .preview-cont .page[data-v-7e5b32d7] .el-input__inner {
  width: 48px;
  height: 24px;
  background: #FFFFFF;
  border-radius: 4px;
  border: none;
  text-align: center;
  padding: 0;
}
.preview .content .right .preview-cont .page[data-v-7e5b32d7] .el-input__inner::-moz-placeholder {
  color: red;
}
.preview .content .right .preview-cont .page[data-v-7e5b32d7] .el-input__inner::placeholder {
  color: red;
}
.preview .content .right .preview-cont .page .pagenumber[data-v-7e5b32d7] {
  display: flex;
  align-items: center;
  color: #8F8F8F;
  padding: 0 8px;
}
.preview .content .right .preview-cont .page .pagenumber[data-v-7e5b32d7] .el-input-number {
  width: auto;
  line-height: 24px;
}
.preview .content .right .preview-cont .page .pagenumber[data-v-7e5b32d7] .el-input-number span {
  display: none;
}
.preview .drive .drive-tab[data-v-7e5b32d7] {
  display: flex;
  margin-bottom: 10px;
}
.preview .drive .drive-tab span[data-v-7e5b32d7] {
  width: 60px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border: 1px solid #efefef;
}
.preview .drive .drive-tab span.active[data-v-7e5b32d7] {
  color: #fff;
  background: #0497FF;
  border-color: #0497FF;
}
.preview .drive .drive-list[data-v-7e5b32d7] {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-height: 400px;
  overflow: auto;
  overflow-x: hidden;
  padding-bottom: 24px;
}
.preview .drive .drive-list .drive-item[data-v-7e5b32d7] {
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  line-height: 32px;
}
.preview .drive .drive-list .drive-item .el-select[data-v-7e5b32d7] {
  width: 200px;
}
.preview .drive .drive-list .drive-item .el-input[data-v-7e5b32d7] {
  width: 220px;
}
.preview .drive .drive-list .drive-item span[data-v-7e5b32d7] {
  display: inline-block;
  width: 110px;
  text-align: right;
}
.preview .drive .drive-list .drive-item .size[data-v-7e5b32d7] {
  width: 80px;
  margin-left: 10px;
}
.preview .drive .line[data-v-7e5b32d7] {
  text-align: left;
  border-bottom: 1px solid #efefef;
  padding: 10px 0;
  margin-bottom: 30px;
}
.preview .preview-dialog.brand-dialog[data-v-7e5b32d7] .el-dialog {
  height: 460px;
}
.preview .preview-dialog.error-dialog[data-v-7e5b32d7] .el-dialog {
  height: 240px;
}
.preview .preview-dialog.error-dialog .printerror[data-v-7e5b32d7] {
  color: #4E5969;
  line-height: 20px;
}
.preview .preview-dialog.error-dialog .printerror a[data-v-7e5b32d7] {
  color: #0497FF;
  cursor: pointer;
  text-decoration: underline;
}
.preview .preview-dialog[data-v-7e5b32d7] .el-input__inner {
  width: 196px;
  height: 36px;
  background: #F4F5F7;
  border-radius: 8px;
  border: none;
  text-align: left;
}
.preview .preview-dialog[data-v-7e5b32d7] .el-radio-group {
  min-width: 196px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.preview .preview-dialog[data-v-7e5b32d7] .el-radio {
  display: flex;
  line-height: 32px;
  align-items: center;
  width: 80px;
}
.preview .preview-dialog[data-v-7e5b32d7] .el-radio .el-radio__inner {
  border-radius: 4px;
  border: 1px solid #E5E6EB;
}
.preview .preview-dialog[data-v-7e5b32d7] .el-radio .el-radio__label {
  color: #4E5969;
  padding-left: 5px;
}
.preview .preview-dialog[data-v-7e5b32d7] .el-radio.is-checked .el-radio__inner {
  border-color: #0497FF;
  background: #0497FF;
}
.preview .preview-dialog[data-v-7e5b32d7] .el-input__suffix {
  width: 18px;
  height: 28px;
  background: #EBEDF0;
  border-radius: 4px;
  top: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.preview .preview-dialog[data-v-7e5b32d7] .el-input__suffix .el-select__caret {
  color: #8A95A5;
  width: 14px;
}
.preview .preview-dialog[data-v-7e5b32d7] .el-input-number {
  width: 196px;
  line-height: 36px;
}
.preview .preview-dialog[data-v-7e5b32d7] .el-input-number.is-disabled i {
  color: #C0C4CC;
}
.preview .preview-dialog[data-v-7e5b32d7] .el-input-number span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 14px;
  background: #EBEDF0;
  border: none;
}
.preview .preview-dialog[data-v-7e5b32d7] .el-input-number .el-input-number__decrease {
  bottom: 4px;
  right: 4px;
  border-radius: 0px 0px 4px 4px;
}
.preview .preview-dialog[data-v-7e5b32d7] .el-input-number .el-input-number__decrease i::before {
  content: "\e6d8";
}
.preview .preview-dialog[data-v-7e5b32d7] .el-input-number .el-input-number__increase {
  top: 4px;
  right: 4px;
  border-radius: 4px 4px 0px 0px;
}
.preview .preview-dialog[data-v-7e5b32d7] .el-input-number .el-input-number__increase i::before {
  content: "\e6d9";
}
.preview .preview-dialog[data-v-7e5b32d7] .el-input-number .el-input__inner {
  height: 36px;
  line-height: 36px;
  border: none;
  background: #F4F5F7;
  border-radius: 8px;
}
.management .nodata[data-v-7e5b32d7] {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.management .nodata img[data-v-7e5b32d7] {
  width: 160px;
  margin-top: 40px;
}
.management .nodata p[data-v-7e5b32d7] {
  color: #465160;
  margin-bottom: 16px;
}
.management .nodata .btn[data-v-7e5b32d7] {
  height: 36px;
  line-height: 36px;
  padding: 0 16px;
  background: #0497FF;
  border-radius: 8px;
  color: #fff;
  font-size: 14px;
  cursor: pointer;
}
.management[data-v-7e5b32d7] .el-table__header-wrapper {
  border-radius: 8px;
}
.management[data-v-7e5b32d7] .el-table__header-wrapper th.el-table__cell {
  height: 40px;
  background: #F2F2F3;
  font-size: 14px;
  font-weight: bold;
  color: #333;
}
.management[data-v-7e5b32d7] .el-table__body-wrapper tr td:first-child {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.management[data-v-7e5b32d7] .el-table__body-wrapper tr td:last-child {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.management[data-v-7e5b32d7] .el-table::before {
  height: 0;
}
.management[data-v-7e5b32d7] .el-table--enable-row-hover .el-table__body tr:hover > td.el-table__cell {
  background: #F4F5F7;
}
.management[data-v-7e5b32d7] .el-table td.el-table__cell,
.management .el-table th.el-table__cell.is-leaf[data-v-7e5b32d7] {
  border: none;
  padding: 14px 0;
}
.management .nameset[data-v-7e5b32d7] {
  font-size: 14px;
}
.management .nameset input[data-v-7e5b32d7] {
  background: transparent;
  width: 100%;
  font-size: 14px;
}
.management .nameset input.active[data-v-7e5b32d7] {
  border-bottom: 1px solid #E6E7E9;
}
.management .operate i[data-v-7e5b32d7] {
  font-size: 24px;
  margin-right: 16px;
  cursor: pointer;
}
.management .operate i[data-v-7e5b32d7]:last-child {
  margin-right: 0;
}
.optprint[data-v-7e5b32d7] {
  margin-bottom: 38px;
}
.optprint[data-v-7e5b32d7] .el-input-number .el-input__inner {
  padding: 0 16px;
}
.optprint[data-v-7e5b32d7] .el-input-number span[role=button] {
  display: none;
}
.optprint p[data-v-7e5b32d7] {
  text-align: left;
  color: #788AA2;
  line-height: 17px;
  padding-left: 86px;
  margin-top: 8px;
}
.optprint .item-select[data-v-7e5b32d7] {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.optprint .item-select b[data-v-7e5b32d7] {
  display: block;
  width: 70px;
  margin-right: 16px;
}
.optprint[data-v-7e5b32d7] .el-input {
  width: 506px !important;
}
.optprint[data-v-7e5b32d7] .el-input__inner {
  width: 506px !important;
}
.addprint .item-select[data-v-7e5b32d7] {
  text-align: left;
  margin-bottom: 24px;
  padding-left: 40px;
}
.addprint .item-select b[data-v-7e5b32d7] {
  display: inline-block;
  width: 128px;
}
.addprint .item-select[data-v-7e5b32d7] .el-input {
  width: 360px;
}
.addprint .item-select[data-v-7e5b32d7] .el-input__inner {
  width: 360px;
}
.addprint .item-select.brand[data-v-7e5b32d7] {
  height: 64px;
}
.addprint .item-select.brand[data-v-7e5b32d7] .el-input__inner {
  height: 64px;
  padding-left: 12px;
}
.addprint .item-select.brand[data-v-7e5b32d7] .el-input__suffix {
  height: 56px;
}
.addbtn[data-v-7e5b32d7] {
  height: 36px;
  line-height: 36px;
  color: #0497FF;
  cursor: pointer;
  text-align: left;
  text-indent: 20px;
  font-size: 14px;
}