@keyframes resizeSensorVisibility {
from {
    top: 0;
}
}
/* see https://github.com/mozilla/pdf.js/blob/55a853b6678cf3d05681ffbb521e5228e607b5d2/test/annotation_layer_test.css */
.annotationLayer {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.annotationLayer section {
  position: absolute;
}
.annotationLayer .linkAnnotation > a {
  position: absolute;
  font-size: 1em;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.annotationLayer .linkAnnotation > a  {
  background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) 0 0 repeat;
}
.annotationLayer .linkAnnotation > a:hover {
  opacity: 0.2;
  background: #ff0;
  box-shadow: 0 0.133333rem 0.666667rem #ff0;
}
.annotationLayer .textAnnotation img {
  position: absolute;
  cursor: pointer;
}
.annotationLayer .textWidgetAnnotation input,
.annotationLayer .textWidgetAnnotation textarea,
.annotationLayer .choiceWidgetAnnotation select,
.annotationLayer .buttonWidgetAnnotation.checkBox input,
.annotationLayer .buttonWidgetAnnotation.radioButton input {
  background-color: rgba(0, 54, 255, 0.13);
  border: 0.066667rem solid transparent;
  box-sizing: border-box;
  font-size: 0.6rem;
  height: 100%;
  padding: 0 0.2rem;
  vertical-align: top;
  width: 100%;
}
.annotationLayer .textWidgetAnnotation textarea {
  font: message-box;
  font-size: 0.6rem;
  resize: none;
}
.annotationLayer .textWidgetAnnotation input[disabled],
.annotationLayer .textWidgetAnnotation textarea[disabled],
.annotationLayer .choiceWidgetAnnotation select[disabled],
.annotationLayer .buttonWidgetAnnotation.checkBox input[disabled],
.annotationLayer .buttonWidgetAnnotation.radioButton input[disabled] {
  background: none;
  border: 0.066667rem solid transparent;
  cursor: not-allowed;
}
.annotationLayer .textWidgetAnnotation input:hover,
.annotationLayer .textWidgetAnnotation textarea:hover,
.annotationLayer .choiceWidgetAnnotation select:hover,
.annotationLayer .buttonWidgetAnnotation.checkBox input:hover,
.annotationLayer .buttonWidgetAnnotation.radioButton input:hover {
  border: 0.066667rem solid #000;
}
.annotationLayer .textWidgetAnnotation input:focus,
.annotationLayer .textWidgetAnnotation textarea:focus,
.annotationLayer .choiceWidgetAnnotation select:focus {
  background: none;
  border: 0.066667rem solid transparent;
}
.annotationLayer .textWidgetAnnotation input.comb {
  font-family: monospace;
  padding-left: 0.133333rem;
  padding-right: 0;
}
.annotationLayer .textWidgetAnnotation input.comb:focus {
  /*
	 * Letter spacing is placed on the right side of each character. Hence, the
	 * letter spacing of the last character may be placed outside the visible
	 * area, causing horizontal scrolling. We avoid this by extending the width
	 * when the element has focus and revert this when it loses focus.
	 */
  width: 115%;
}
.annotationLayer .buttonWidgetAnnotation.checkBox input,
.annotationLayer .buttonWidgetAnnotation.radioButton input {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
}
.annotationLayer .popupWrapper {
  position: absolute;
  width: 20em;
}
.annotationLayer .popup {
  position: absolute;
  z-index: 200;
  max-width: 20em;
  background-color: #FFFF99;
  box-shadow: 0 0.133333rem 0.333333rem #333;
  border-radius: 0.133333rem;
  padding: 0.6em;
  margin-left: 0.333333rem;
  cursor: pointer;
  word-wrap: break-word;
}
.annotationLayer .popup h1 {
  font-size: 1em;
  border-bottom: 0.066667rem solid #000000;
  padding-bottom: 0.2em;
}
.annotationLayer .popup p {
  padding-top: 0.2em;
}
.annotationLayer .highlightAnnotation,
.annotationLayer .underlineAnnotation,
.annotationLayer .squigglyAnnotation,
.annotationLayer .strikeoutAnnotation,
.annotationLayer .lineAnnotation svg line,
.annotationLayer .fileAttachmentAnnotation {
  cursor: pointer;
}
.vue-office-docx {
  height: 100%;
  overflow-y: auto;
}

.vue-office-docx .docx-wrapper>section.docx {
  margin-bottom: 0.333333rem;
}

@media screen and (max-width: 800px) {
  .vue-office-docx .docx-wrapper {
    padding: 0.666667rem;
  }

  .vue-office-docx .docx-wrapper>section.docx {
    padding: 0.666667rem!important;
    width: 100%!important;
  }
}
body {
  margin: 0;
}

.x-spreadsheet {
  font-size: 0.866667rem;
  line-height: normal;
  user-select: none;
  -moz-user-select: none;
  font-family: 'Lato', 'Source Sans Pro', Roboto, Helvetica, Arial, sans-serif;
  box-sizing: content-box;
  background: #fff;
  -webkit-font-smoothing: antialiased;
}

.x-spreadsheet textarea {
  font: 400 0.866667rem Arial, 'Lato', 'Source Sans Pro', Roboto, Helvetica, sans-serif;
}

.x-spreadsheet-sheet {
  position: relative;
  overflow: hidden;
}

.x-spreadsheet-table {
  vertical-align: bottom;
}

.x-spreadsheet-tooltip {
  font-family: inherit;
  position: absolute;
  padding: 0.333333rem 0.666667rem;
  color: #fff;
  border-radius: 0.066667rem;
  background: #000000;
  font-size: 0.8rem;
  z-index: 201;
}

.x-spreadsheet-tooltip:before {
  pointer-events: none;
  position: absolute;
  left: calc(50% - 0.266667rem);
  top: -0.266667rem;
  content: "";
  width: 0.533333rem;
  height: 0.533333rem;
  background: inherit;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  z-index: 1;
  box-shadow: 0.066667rem 0.066667rem 0.2rem -0.066667rem rgba(0, 0, 0, 0.3);
}

.x-spreadsheet-color-palette {
  padding: 0.333333rem;
}

.x-spreadsheet-color-palette table {
  margin: 0;
  padding: 0;
  border-collapse: separate;
  border-spacing: 2;
  background: #fff;
}

.x-spreadsheet-color-palette table td {
  margin: 0;
  cursor: pointer;
  border: 0.066667rem solid transparent;
}

.x-spreadsheet-color-palette table td:hover {
  border-color: #ddd;
}

.x-spreadsheet-color-palette table td .x-spreadsheet-color-palette-cell {
  width: 1.066667rem;
  height: 1.066667rem;
}

.x-spreadsheet-border-palette {
  padding: 0.4rem;
}

.x-spreadsheet-border-palette table {
  margin: 0;
  padding: 0;
  border-collapse: separate;
  border-spacing: 0;
  background: #fff;
  table-layout: fixed;
}

.x-spreadsheet-border-palette table td {
  margin: 0;
}

.x-spreadsheet-border-palette .x-spreadsheet-border-palette-left {
  border-right: 0.066667rem solid #eee;
  padding-right: 0.4rem;
}

.x-spreadsheet-border-palette .x-spreadsheet-border-palette-left .x-spreadsheet-border-palette-cell {
  width: 2rem;
  height: 2rem;
  cursor: pointer;
  text-align: center;
}

.x-spreadsheet-border-palette .x-spreadsheet-border-palette-left .x-spreadsheet-border-palette-cell:hover {
  background-color: #eee;
}

.x-spreadsheet-border-palette .x-spreadsheet-border-palette-right {
  padding-left: 0.4rem;
}

.x-spreadsheet-border-palette .x-spreadsheet-border-palette-right .x-spreadsheet-line-type {
  position: relative;
  left: 0;
  top: -0.2rem;
}

.x-spreadsheet-dropdown {
  position: relative;
}

.x-spreadsheet-dropdown .x-spreadsheet-dropdown-content {
  position: absolute;
  z-index: 200;
  background: #fff;
  box-shadow: 0.066667rem 0.133333rem 0.333333rem 0.133333rem rgba(51, 51, 51, 0.15);
}

.x-spreadsheet-dropdown.bottom-left .x-spreadsheet-dropdown-content {
  top: calc(100% + 0.333333rem);
  left: 0;
}

.x-spreadsheet-dropdown.bottom-right .x-spreadsheet-dropdown-content {
  top: calc(100% + 0.333333rem);
  right: 0;
}

.x-spreadsheet-dropdown.top-left .x-spreadsheet-dropdown-content {
  bottom: calc(100% + 0.333333rem);
  left: 0;
}

.x-spreadsheet-dropdown.top-right .x-spreadsheet-dropdown-content {
  bottom: calc(100% + 0.333333rem);
  right: 0;
}

.x-spreadsheet-dropdown .x-spreadsheet-dropdown-title {
  padding: 0 0.333333rem;
  display: inline-block;
}

/* resizer **/

.x-spreadsheet-resizer {
  position: absolute;
  z-index: 11;
}

.x-spreadsheet-resizer .x-spreadsheet-resizer-hover {
  background-color: rgba(75, 137, 255, 0.25);
}

.x-spreadsheet-resizer .x-spreadsheet-resizer-line {
  position: absolute;
}

.x-spreadsheet-resizer.horizontal {
  cursor: row-resize;
}

.x-spreadsheet-resizer.horizontal .x-spreadsheet-resizer-line {
  border-bottom: 0.133333rem dashed #4b89ff;
  left: 0;
  bottom: 0;
}

.x-spreadsheet-resizer.vertical {
  cursor: col-resize;
}

.x-spreadsheet-resizer.vertical .x-spreadsheet-resizer-line {
  border-right: 0.133333rem dashed #4b89ff;
  top: 0;
  right: 0;
}

/* scrollbar */

.x-spreadsheet-scrollbar {
  position: absolute;
  bottom: 0;
  right: 0;
  background-color: #f4f5f8;
  opacity: 0.9;
  z-index: 12;
}

.x-spreadsheet-scrollbar.horizontal {
  right: 1rem;
  overflow-x: scroll;
  overflow-y: hidden;
}

.x-spreadsheet-scrollbar.horizontal > div {
  height: 0.066667rem;
  background: #ddd;
}

.x-spreadsheet-scrollbar.vertical {
  bottom: 1rem;
  overflow-x: hidden;
  overflow-y: scroll;
}

.x-spreadsheet-scrollbar.vertical > div {
  width: 0.066667rem;
  background: #ddd;
}

/* @{css-prefix}-overlayer */

.x-spreadsheet-overlayer {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
}

.x-spreadsheet-overlayer .x-spreadsheet-overlayer-content {
  position: absolute;
  overflow: hidden;
  pointer-events: none;
  width: 100%;
  height: 100%;
}

.x-spreadsheet-editor,
.x-spreadsheet-selector {
  box-sizing: content-box;
  position: absolute;
  overflow: hidden;
  pointer-events: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* @{css-prefix}-selector */

.x-spreadsheet-selector .hide-input {
  position: absolute;
  z-index: 0;
}

.x-spreadsheet-selector .hide-input input {
  padding: 0;
  width: 0;
  border: none!important;
}

.x-spreadsheet-selector .x-spreadsheet-selector-area {
  position: absolute;
  border: 0.133333rem solid #4b89ff;
  background: rgba(75, 137, 255, 0.1);
  z-index: 5;
}

.x-spreadsheet-selector .x-spreadsheet-selector-clipboard,
.x-spreadsheet-selector .x-spreadsheet-selector-autofill {
  position: absolute;
  background: transparent;
  z-index: 100;
}

.x-spreadsheet-selector .x-spreadsheet-selector-clipboard {
  border: 0.133333rem dashed #4b89ff;
}

.x-spreadsheet-selector .x-spreadsheet-selector-autofill {
  border: 0.066667rem dashed rgba(0, 0, 0, 0.45);
}

.x-spreadsheet-selector .x-spreadsheet-selector-corner {
  pointer-events: auto;
  position: absolute;
  cursor: crosshair;
  font-size: 0;
  height: 0.333333rem;
  width: 0.333333rem;
  right: -0.333333rem;
  bottom: -0.333333rem;
  border: 0.133333rem solid #ffffff;
  background: #4b89ff;
}

.x-spreadsheet-editor {
  z-index: 20;
}

.x-spreadsheet-editor .x-spreadsheet-editor-area {
  position: absolute;
  text-align: left;
  border: 0.133333rem solid #4b89ff;
  line-height: 0;
  z-index: 100;
  pointer-events: auto;
}

.x-spreadsheet-editor .x-spreadsheet-editor-area textarea {
  box-sizing: content-box;
  border: none;
  padding: 0 0.2rem;
  outline: none;
  resize: none;
  text-align: start;
  overflow-y: hidden;
  font: 400 0.866667rem Arial, 'Lato', 'Source Sans Pro', Roboto, Helvetica, sans-serif;
  color: inherit;
  white-space: normal;
  word-wrap: break-word;
  line-height: 1.466667rem;
  margin: 0;
}

.x-spreadsheet-editor .x-spreadsheet-editor-area .textline {
  overflow: hidden;
  visibility: hidden;
  position: fixed;
  top: 0;
  left: 0;
}

.x-spreadsheet-item {
  user-select: none;
  background: 0;
  border: 0.066667rem solid transparent;
  outline: none;
  height: 1.733333rem;
  color: rgba(0, 0, 0, 0.9);
  line-height: 1.733333rem;
  list-style: none;
  padding: 0.133333rem 0.666667rem;
  cursor: default;
  text-align: left;
  overflow: hidden;
}

.x-spreadsheet-item.disabled {
  pointer-events: none;
  opacity: 0.5;
}

.x-spreadsheet-item:hover,
.x-spreadsheet-item.active {
  background: rgba(0, 0, 0, 0.05);
}

.x-spreadsheet-item.divider {
  height: 0;
  padding: 0;
  margin: 0.333333rem 0;
  border: none;
  border-bottom: 0.066667rem solid rgba(0, 0, 0, 0.1);
}

.x-spreadsheet-item .label {
  float: right;
  opacity: 0.65;
  font-size: 1em;
}

.x-spreadsheet-item.state,
.x-spreadsheet-header.state {
  padding-left: 2.333333rem!important;
  position: relative;
}

.x-spreadsheet-item.state:before,
.x-spreadsheet-header.state:before {
  content: '';
  position: absolute;
  width: 0.666667rem;
  height: 0.666667rem;
  left: 0.8rem;
  top: calc(50% - 0.333333rem);
  background: rgba(0, 0, 0, 0.08);
  border-radius: 0.133333rem;
}

.x-spreadsheet-item.state.checked:before,
.x-spreadsheet-header.state.checked:before {
  background: #4b89ff;
}

.x-spreadsheet-checkbox {
  position: relative;
  display: inline-block;
  backface-visibility: hidden;
  outline: 0;
  vertical-align: baseline;
  font-style: normal;
  font-size: 1rem;
  line-height: 1em;
}

.x-spreadsheet-checkbox > input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0!important;
  outline: 0;
  z-index: -1;
}

.x-spreadsheet-suggest,
.x-spreadsheet-contextmenu,
.x-spreadsheet-sort-filter {
  position: absolute;
  box-shadow: 0.066667rem 0.133333rem 0.333333rem 0.133333rem rgba(51, 51, 51, 0.15);
  background: #fff;
  z-index: 100;
  width: 17.333333rem;
  pointer-events: auto;
  overflow: auto;
}

.x-spreadsheet-suggest {
  width: 13.333333rem;
}

.x-spreadsheet-filter {
  border: 0.066667rem solid #e9e9e9;
  font-size: 0.8rem;
  margin: 0.666667rem;
}

.x-spreadsheet-filter .x-spreadsheet-header {
  padding: 0.5em 0.75em;
  background: #f8f8f9;
  border-bottom: 0.066667rem solid #e9e9e9;
  border-left: 0.066667rem solid transparent;
}

.x-spreadsheet-filter .x-spreadsheet-body {
  height: 13.333333rem;
  overflow-y: auto;
}

.x-spreadsheet-filter .x-spreadsheet-body .x-spreadsheet-item {
  height: 1.333333rem;
  line-height: 1.333333rem;
}

.x-spreadsheet-sort-filter .x-spreadsheet-buttons {
  margin: 0.666667rem;
}

.x-spreadsheet-bottombar {
  height: 2.666667rem;
  padding: 0 2rem;
  text-align: left;
  background: #f5f6f7;
  display: flex;
}

.x-spreadsheet-bottombar {
  position: relative;
  border-top: 0.066667rem solid #e0e2e4;
}

.x-spreadsheet-bottombar .x-spreadsheet-menu > li {
  line-height: 2.666667rem;
  height: 2.666667rem;
  padding-top: 0;
  padding-bottom: 0;
  vertical-align: middle;
  border-right: 0.066667rem solid #e8eaed;
}

.x-spreadsheet-menu {
  display: flex;
  overflow-x: auto;
  list-style: none;
  margin: 0;
  padding: 0;
  user-select: none;
}

.x-spreadsheet-menu > li {
  float: left;
  line-height: 1.25em;
  padding: 0.785em 1em;
  margin: 0;
  vertical-align: middle;
  text-align: left;
  font-weight: 400;
  color: #80868b;
  white-space: nowrap;
  cursor: pointer;
  transition: all 0.3s;
  font-weight: bold;
}

.x-spreadsheet-menu > li.active {
  background-color: #fff;
  color: rgba(0, 0, 0, 0.65);
}

.x-spreadsheet-menu > li .x-spreadsheet-dropdown {
  display: inline-block;
}

.x-spreadsheet-print {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 100;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.x-spreadsheet-print-bar {
  background: #424242;
  height: 4rem;
  line-height: 4rem;
  padding: 0 2rem;
}

.x-spreadsheet-print-bar .-title {
  color: #fff;
  font-weight: bold;
  font-size: 1.2em;
  float: left;
}

.x-spreadsheet-print-bar .-right {
  float: right;
  margin-top: 0.8rem;
}

.x-spreadsheet-print-content {
  display: flex;
  flex: auto;
  flex-direction: row;
  background: #d0d0d0;
  height: calc(100% - 4rem);
}

.x-spreadsheet-print-content .-sider {
  flex: 0 0 20rem;
  width: 20rem;
  border-left: 0.133333rem solid #ccc;
  background: #fff;
}

.x-spreadsheet-print-content .-content {
  flex: auto;
  overflow-x: auto;
  overflow-y: scroll;
  height: 100%;
}

.x-spreadsheet-canvas-card-wraper {
  margin: 2.666667rem 1.333333rem;
}

.x-spreadsheet-canvas-card {
  background: #fff;
  margin: auto;
  page-break-before: auto;
  page-break-after: always;
  box-shadow: 0 0.533333rem 0.666667rem 0.066667rem rgba(0, 0, 0, 0.14), 0 0.2rem 0.933333rem 0.2rem rgba(0, 0, 0, 0.12), 0 0.266667rem 0.333333rem 0 rgba(0, 0, 0, 0.2);
}

.x-spreadsheet-calendar {
  color: rgba(0, 0, 0, 0.65);
  background: #ffffff;
  user-select: none;
}

.x-spreadsheet-calendar .calendar-header {
  font-weight: 700;
  line-height: 2rem;
  text-align: center;
  width: 100%;
  float: left;
  background: #f9fafb;
}

.x-spreadsheet-calendar .calendar-header .calendar-header-left {
  padding-left: 0.333333rem;
  float: left;
}

.x-spreadsheet-calendar .calendar-header .calendar-header-right {
  float: right;
}

.x-spreadsheet-calendar .calendar-header .calendar-header-right a {
  padding: 0.2rem 0;
  margin-right: 0.133333rem;
  border-radius: 0.133333rem;
}

.x-spreadsheet-calendar .calendar-header .calendar-header-right a:hover {
  background: rgba(0, 0, 0, 0.08);
}

.x-spreadsheet-calendar .calendar-body {
  border-collapse: collapse;
  border-spacing: 0;
}

.x-spreadsheet-calendar .calendar-body th,
.x-spreadsheet-calendar .calendar-body td {
  width: 14.28571429%;
  min-width: 2.133333rem;
  text-align: center;
  font-weight: 700;
  line-height: 2rem;
  padding: 0;
}

.x-spreadsheet-calendar .calendar-body td > .cell:hover {
  background: #ecf6fd;
}

.x-spreadsheet-calendar .calendar-body td > .cell.active,
.x-spreadsheet-calendar .calendar-body td > .cell.active:hover {
  background: #ecf6fd;
  color: #2185D0;
}

.x-spreadsheet-calendar .calendar-body td > .cell.disabled {
  pointer-events: none;
  opacity: 0.5;
}

.x-spreadsheet-datepicker {
  box-shadow: 0.133333rem 0.133333rem 0.333333rem rgba(0, 0, 0, 0.2);
  position: absolute;
  left: 0;
  top: calc(100% + 0.333333rem);
  z-index: 10;
  width: auto;
}

.x-spreadsheet-buttons {
  display: flex;
  justify-content: flex-end;
}

.x-spreadsheet-buttons .x-spreadsheet-button {
  margin-left: 0.533333rem;
}

.x-spreadsheet-button {
  display: inline-block;
  border-radius: 0.2rem;
  line-height: 1em;
  min-height: 1em;
  white-space: nowrap;
  text-align: center;
  cursor: pointer;
  font-size: 1em;
  font-weight: 700;
  padding: 0.75em 1em;
  color: rgba(0, 0, 0, 0.6);
  background: #E0E1E2;
  text-decoration: none;
  font-family: "Lato", "proxima-nova", "Helvetica Neue", Arial, sans-serif;
  outline: none;
  vertical-align: baseline;
  zoom: 1;
  user-select: none;
  transition: all 0.1s linear;
}

.x-spreadsheet-button.active,
.x-spreadsheet-button:hover {
  background-color: #C0C1C2;
  color: rgba(0, 0, 0, 0.8);
}

.x-spreadsheet-button.primary {
  color: #fff;
  background-color: #2185D0;
}

.x-spreadsheet-button.primary:hover,
.x-spreadsheet-button.primary.active {
  color: #fff;
  background-color: #1678c2;
}

.x-spreadsheet-form-input {
  font-size: 1em;
  position: relative;
  font-weight: 400;
  display: inline-flex;
  color: rgba(0, 0, 0, 0.87);
}

.x-spreadsheet-form-input input {
  z-index: 1;
  margin: 0;
  max-width: 100%;
  flex: 1 0 auto;
  outline: 0;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  text-align: left;
  line-height: 2rem;
  height: 2rem;
  padding: 0 0.533333rem;
  background: #fff;
  border: 0.066667rem solid #e9e9e9;
  border-radius: 0.2rem;
  transition: box-shadow 0.1s ease, border-color 0.1s ease;
  box-shadow: inset 0 0.066667rem 0.133333rem hsla(0, 0%, 4%, 0.06);
}

.x-spreadsheet-form-input input:focus {
  border-color: #4b89ff;
  box-shadow: inset 0 0.066667rem 0.133333rem rgba(75, 137, 255, 0.2);
}

.x-spreadsheet-form-select {
  position: relative;
  display: inline-block;
  background: #fff;
  border: 0.066667rem solid #e9e9e9;
  border-radius: 0.133333rem;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.87);
  user-select: none;
  box-shadow: inset 0 0.066667rem 0.133333rem hsla(0, 0%, 4%, 0.06);
}

.x-spreadsheet-form-select .input-text {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 4rem;
  width: auto;
  height: 2rem;
  line-height: 2rem;
  padding: 0 0.533333rem;
}

.x-spreadsheet-form-fields {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.x-spreadsheet-form-fields .x-spreadsheet-form-field {
  flex: 0 1 auto;
}

.x-spreadsheet-form-fields .x-spreadsheet-form-field .label {
  display: inline-block;
  margin: 0 0.666667rem 0 0;
}

.x-spreadsheet-form-field {
  display: block;
  vertical-align: middle;
  margin-left: 0.666667rem;
  margin-bottom: 0.666667rem;
}

.x-spreadsheet-form-field:first-child {
  margin-left: 0;
}

.x-spreadsheet-form-field.error .x-spreadsheet-form-select,
.x-spreadsheet-form-field.error input {
  border-color: #f04134;
}

.x-spreadsheet-form-field .tip {
  color: #f04134;
  font-size: 0.9em;
}

.x-spreadsheet-dimmer {
  display: none;
  position: absolute;
  top: 0 !important;
  left: 0 !important;
  width: 100%;
  height: 100%;
  text-align: center;
  vertical-align: middle;
  background-color: rgba(0, 0, 0, 0.6);
  opacity: 0;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  transition: background-color 0.5s linear;
  user-select: none;
  z-index: 1000;
}

.x-spreadsheet-dimmer.active {
  display: block;
  opacity: 1;
}

form fieldset {
  border: none;
}

form fieldset label {
  display: block;
  margin-bottom: 0.5em;
  font-size: 1em;
  color: #666;
}

form fieldset select {
  font-size: 1.1em;
  width: 100%;
  background-color: #fff;
  border: none;
  border-bottom: 0.133333rem solid #ddd;
  padding: 0.5em 0.85em;
  border-radius: 0.133333rem;
}

.x-spreadsheet-modal,
.x-spreadsheet-toast {
  font-size: 0.866667rem;
  position: fixed;
  z-index: 1001;
  text-align: left;
  line-height: 1.25em;
  min-width: 24rem;
  color: rgba(0, 0, 0, 0.87);
  font-family: 'Lato', 'Source Sans Pro', Roboto, Helvetica, Arial, sans-serif;
  border-radius: 0.266667rem;
  border: 0.066667rem solid rgba(0, 0, 0, 0.1);
  background-color: #fff;
  background-clip: padding-box;
  box-shadow: rgba(0, 0, 0, 0.2) 0 0.133333rem 0.533333rem;
}

.x-spreadsheet-toast {
  background-color: rgba(255, 255, 255, 0.85);
}

.x-spreadsheet-modal-header,
.x-spreadsheet-toast-header {
  font-weight: 600;
  background-clip: padding-box;
  background-color: rgba(255, 255, 255, 0.85);
  border-bottom: 0.066667rem solid rgba(0, 0, 0, 0.05);
  border-radius: 0.266667rem 0.266667rem 0 0;
}

.x-spreadsheet-toast-header {
  color: #F2711C;
}

.x-spreadsheet-modal-header {
  border-bottom: 0.066667rem solid #e0e2e4;
  background: rgba(0, 0, 0, 0.08);
  font-size: 1.0785em;
}

.x-spreadsheet-modal-header,
.x-spreadsheet-modal-content,
.x-spreadsheet-toast-header,
.x-spreadsheet-toast-content {
  padding: 0.75em 1em;
}

.x-spreadsheet-menu li:first-child {
  display: none;
}

.vue-office-excel {
  height: 100%;
}
.fade-in-linear-enter-active,
.fade-in-linear-leave-active {
  -webkit-transition: opacity .2s linear;
  transition: opacity .2s linear;
}

.fade-in-linear-enter,
.fade-in-linear-leave,
.fade-in-linear-leave-active {
  opacity: 0;
}

.el-fade-in-linear-enter-active,
.el-fade-in-linear-leave-active {
  -webkit-transition: opacity .2s linear;
  transition: opacity .2s linear;
}

.el-fade-in-linear-enter,
.el-fade-in-linear-leave,
.el-fade-in-linear-leave-active {
  opacity: 0;
}

.el-fade-in-enter-active,
.el-fade-in-leave-active {
  -webkit-transition: all .3s cubic-bezier(.55,0,.1,1);
  transition: all .3s cubic-bezier(.55,0,.1,1);
}

.el-fade-in-enter,
.el-fade-in-leave-active {
  opacity: 0;
}

.el-zoom-in-center-enter-active,
.el-zoom-in-center-leave-active {
  -webkit-transition: all .3s cubic-bezier(.55,0,.1,1);
  transition: all .3s cubic-bezier(.55,0,.1,1);
}

.el-zoom-in-center-enter,
.el-zoom-in-center-leave-active {
  opacity: 0;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
}

.el-zoom-in-top-enter-active,
.el-zoom-in-top-leave-active {
  opacity: 1;
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition: opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);
  transition: opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);
  transition: transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);
  transition: transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);
  -webkit-transform-origin: center top;
  transform-origin: center top;
}

.el-zoom-in-top-enter,
.el-zoom-in-top-leave-active {
  opacity: 0;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
}

.el-zoom-in-bottom-enter-active,
.el-zoom-in-bottom-leave-active {
  opacity: 1;
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition: opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);
  transition: opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);
  transition: transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);
  transition: transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

.el-zoom-in-bottom-enter,
.el-zoom-in-bottom-leave-active {
  opacity: 0;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
}

.el-zoom-in-left-enter-active,
.el-zoom-in-left-leave-active {
  opacity: 1;
  -webkit-transform: scale(1,1);
  transform: scale(1,1);
  -webkit-transition: opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);
  transition: opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);
  transition: transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);
  transition: transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);
  -webkit-transform-origin: top left;
  transform-origin: top left;
}

.el-zoom-in-left-enter,
.el-zoom-in-left-leave-active {
  opacity: 0;
  -webkit-transform: scale(.45,.45);
  transform: scale(.45,.45);
}

.collapse-transition {
  -webkit-transition: .3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out;
  transition: .3s height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out;
}

.horizontal-collapse-transition {
  -webkit-transition: .3s width ease-in-out,.3s padding-left ease-in-out,.3s padding-right ease-in-out;
  transition: .3s width ease-in-out,.3s padding-left ease-in-out,.3s padding-right ease-in-out;
}

.el-list-enter-active,
.el-list-leave-active {
  -webkit-transition: all 1s;
  transition: all 1s;
}

.el-list-enter,
.el-list-leave-active {
  opacity: 0;
  -webkit-transform: translateY(-2rem);
  transform: translateY(-2rem);
}

.el-opacity-transition {
  -webkit-transition: opacity .3s cubic-bezier(.55,0,.1,1);
  transition: opacity .3s cubic-bezier(.55,0,.1,1);
}

@font-face {
  font-family: element-icons;
  src: url(../fonts/element-icons.ff18efd1.woff) format("woff"),url(../fonts/element-icons.f1a45d74.ttf) format("truetype");
  font-weight: 400;
  font-display: "auto";
  font-style: normal;
}

[class*=" el-icon-"],
[class^=el-icon-] {
  font-family: element-icons!important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: baseline;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.el-icon-ice-cream-round:before {
  content: "\e6a0";
}

.el-icon-ice-cream-square:before {
  content: "\e6a3";
}

.el-icon-lollipop:before {
  content: "\e6a4";
}

.el-icon-potato-strips:before {
  content: "\e6a5";
}

.el-icon-milk-tea:before {
  content: "\e6a6";
}

.el-icon-ice-drink:before {
  content: "\e6a7";
}

.el-icon-ice-tea:before {
  content: "\e6a9";
}

.el-icon-coffee:before {
  content: "\e6aa";
}

.el-icon-orange:before {
  content: "\e6ab";
}

.el-icon-pear:before {
  content: "\e6ac";
}

.el-icon-apple:before {
  content: "\e6ad";
}

.el-icon-cherry:before {
  content: "\e6ae";
}

.el-icon-watermelon:before {
  content: "\e6af";
}

.el-icon-grape:before {
  content: "\e6b0";
}

.el-icon-refrigerator:before {
  content: "\e6b1";
}

.el-icon-goblet-square-full:before {
  content: "\e6b2";
}

.el-icon-goblet-square:before {
  content: "\e6b3";
}

.el-icon-goblet-full:before {
  content: "\e6b4";
}

.el-icon-goblet:before {
  content: "\e6b5";
}

.el-icon-cold-drink:before {
  content: "\e6b6";
}

.el-icon-coffee-cup:before {
  content: "\e6b8";
}

.el-icon-water-cup:before {
  content: "\e6b9";
}

.el-icon-hot-water:before {
  content: "\e6ba";
}

.el-icon-ice-cream:before {
  content: "\e6bb";
}

.el-icon-dessert:before {
  content: "\e6bc";
}

.el-icon-sugar:before {
  content: "\e6bd";
}

.el-icon-tableware:before {
  content: "\e6be";
}

.el-icon-burger:before {
  content: "\e6bf";
}

.el-icon-knife-fork:before {
  content: "\e6c1";
}

.el-icon-fork-spoon:before {
  content: "\e6c2";
}

.el-icon-chicken:before {
  content: "\e6c3";
}

.el-icon-food:before {
  content: "\e6c4";
}

.el-icon-dish-1:before {
  content: "\e6c5";
}

.el-icon-dish:before {
  content: "\e6c6";
}

.el-icon-moon-night:before {
  content: "\e6ee";
}

.el-icon-moon:before {
  content: "\e6f0";
}

.el-icon-cloudy-and-sunny:before {
  content: "\e6f1";
}

.el-icon-partly-cloudy:before {
  content: "\e6f2";
}

.el-icon-cloudy:before {
  content: "\e6f3";
}

.el-icon-sunny:before {
  content: "\e6f6";
}

.el-icon-sunset:before {
  content: "\e6f7";
}

.el-icon-sunrise-1:before {
  content: "\e6f8";
}

.el-icon-sunrise:before {
  content: "\e6f9";
}

.el-icon-heavy-rain:before {
  content: "\e6fa";
}

.el-icon-lightning:before {
  content: "\e6fb";
}

.el-icon-light-rain:before {
  content: "\e6fc";
}

.el-icon-wind-power:before {
  content: "\e6fd";
}

.el-icon-baseball:before {
  content: "\e712";
}

.el-icon-soccer:before {
  content: "\e713";
}

.el-icon-football:before {
  content: "\e715";
}

.el-icon-basketball:before {
  content: "\e716";
}

.el-icon-ship:before {
  content: "\e73f";
}

.el-icon-truck:before {
  content: "\e740";
}

.el-icon-bicycle:before {
  content: "\e741";
}

.el-icon-mobile-phone:before {
  content: "\e6d3";
}

.el-icon-service:before {
  content: "\e6d4";
}

.el-icon-key:before {
  content: "\e6e2";
}

.el-icon-unlock:before {
  content: "\e6e4";
}

.el-icon-lock:before {
  content: "\e6e5";
}

.el-icon-watch:before {
  content: "\e6fe";
}

.el-icon-watch-1:before {
  content: "\e6ff";
}

.el-icon-timer:before {
  content: "\e702";
}

.el-icon-alarm-clock:before {
  content: "\e703";
}

.el-icon-map-location:before {
  content: "\e704";
}

.el-icon-delete-location:before {
  content: "\e705";
}

.el-icon-add-location:before {
  content: "\e706";
}

.el-icon-location-information:before {
  content: "\e707";
}

.el-icon-location-outline:before {
  content: "\e708";
}

.el-icon-location:before {
  content: "\e79e";
}

.el-icon-place:before {
  content: "\e709";
}

.el-icon-discover:before {
  content: "\e70a";
}

.el-icon-first-aid-kit:before {
  content: "\e70b";
}

.el-icon-trophy-1:before {
  content: "\e70c";
}

.el-icon-trophy:before {
  content: "\e70d";
}

.el-icon-medal:before {
  content: "\e70e";
}

.el-icon-medal-1:before {
  content: "\e70f";
}

.el-icon-stopwatch:before {
  content: "\e710";
}

.el-icon-mic:before {
  content: "\e711";
}

.el-icon-copy-document:before {
  content: "\e718";
}

.el-icon-full-screen:before {
  content: "\e719";
}

.el-icon-switch-button:before {
  content: "\e71b";
}

.el-icon-aim:before {
  content: "\e71c";
}

.el-icon-crop:before {
  content: "\e71d";
}

.el-icon-odometer:before {
  content: "\e71e";
}

.el-icon-time:before {
  content: "\e71f";
}

.el-icon-bangzhu:before {
  content: "\e724";
}

.el-icon-close-notification:before {
  content: "\e726";
}

.el-icon-microphone:before {
  content: "\e727";
}

.el-icon-turn-off-microphone:before {
  content: "\e728";
}

.el-icon-position:before {
  content: "\e729";
}

.el-icon-postcard:before {
  content: "\e72a";
}

.el-icon-message:before {
  content: "\e72b";
}

.el-icon-chat-line-square:before {
  content: "\e72d";
}

.el-icon-chat-dot-square:before {
  content: "\e72e";
}

.el-icon-chat-dot-round:before {
  content: "\e72f";
}

.el-icon-chat-square:before {
  content: "\e730";
}

.el-icon-chat-line-round:before {
  content: "\e731";
}

.el-icon-chat-round:before {
  content: "\e732";
}

.el-icon-set-up:before {
  content: "\e733";
}

.el-icon-turn-off:before {
  content: "\e734";
}

.el-icon-open:before {
  content: "\e735";
}

.el-icon-connection:before {
  content: "\e736";
}

.el-icon-link:before {
  content: "\e737";
}

.el-icon-cpu:before {
  content: "\e738";
}

.el-icon-thumb:before {
  content: "\e739";
}

.el-icon-female:before {
  content: "\e73a";
}

.el-icon-male:before {
  content: "\e73b";
}

.el-icon-guide:before {
  content: "\e73c";
}

.el-icon-news:before {
  content: "\e73e";
}

.el-icon-price-tag:before {
  content: "\e744";
}

.el-icon-discount:before {
  content: "\e745";
}

.el-icon-wallet:before {
  content: "\e747";
}

.el-icon-coin:before {
  content: "\e748";
}

.el-icon-money:before {
  content: "\e749";
}

.el-icon-bank-card:before {
  content: "\e74a";
}

.el-icon-box:before {
  content: "\e74b";
}

.el-icon-present:before {
  content: "\e74c";
}

.el-icon-sell:before {
  content: "\e6d5";
}

.el-icon-sold-out:before {
  content: "\e6d6";
}

.el-icon-shopping-bag-2:before {
  content: "\e74d";
}

.el-icon-shopping-bag-1:before {
  content: "\e74e";
}

.el-icon-shopping-cart-2:before {
  content: "\e74f";
}

.el-icon-shopping-cart-1:before {
  content: "\e750";
}

.el-icon-shopping-cart-full:before {
  content: "\e751";
}

.el-icon-smoking:before {
  content: "\e752";
}

.el-icon-no-smoking:before {
  content: "\e753";
}

.el-icon-house:before {
  content: "\e754";
}

.el-icon-table-lamp:before {
  content: "\e755";
}

.el-icon-school:before {
  content: "\e756";
}

.el-icon-office-building:before {
  content: "\e757";
}

.el-icon-toilet-paper:before {
  content: "\e758";
}

.el-icon-notebook-2:before {
  content: "\e759";
}

.el-icon-notebook-1:before {
  content: "\e75a";
}

.el-icon-files:before {
  content: "\e75b";
}

.el-icon-collection:before {
  content: "\e75c";
}

.el-icon-receiving:before {
  content: "\e75d";
}

.el-icon-suitcase-1:before {
  content: "\e760";
}

.el-icon-suitcase:before {
  content: "\e761";
}

.el-icon-film:before {
  content: "\e763";
}

.el-icon-collection-tag:before {
  content: "\e765";
}

.el-icon-data-analysis:before {
  content: "\e766";
}

.el-icon-pie-chart:before {
  content: "\e767";
}

.el-icon-data-board:before {
  content: "\e768";
}

.el-icon-data-line:before {
  content: "\e76d";
}

.el-icon-reading:before {
  content: "\e769";
}

.el-icon-magic-stick:before {
  content: "\e76a";
}

.el-icon-coordinate:before {
  content: "\e76b";
}

.el-icon-mouse:before {
  content: "\e76c";
}

.el-icon-brush:before {
  content: "\e76e";
}

.el-icon-headset:before {
  content: "\e76f";
}

.el-icon-umbrella:before {
  content: "\e770";
}

.el-icon-scissors:before {
  content: "\e771";
}

.el-icon-mobile:before {
  content: "\e773";
}

.el-icon-attract:before {
  content: "\e774";
}

.el-icon-monitor:before {
  content: "\e775";
}

.el-icon-search:before {
  content: "\e778";
}

.el-icon-takeaway-box:before {
  content: "\e77a";
}

.el-icon-paperclip:before {
  content: "\e77d";
}

.el-icon-printer:before {
  content: "\e77e";
}

.el-icon-document-add:before {
  content: "\e782";
}

.el-icon-document:before {
  content: "\e785";
}

.el-icon-document-checked:before {
  content: "\e786";
}

.el-icon-document-copy:before {
  content: "\e787";
}

.el-icon-document-delete:before {
  content: "\e788";
}

.el-icon-document-remove:before {
  content: "\e789";
}

.el-icon-tickets:before {
  content: "\e78b";
}

.el-icon-folder-checked:before {
  content: "\e77f";
}

.el-icon-folder-delete:before {
  content: "\e780";
}

.el-icon-folder-remove:before {
  content: "\e781";
}

.el-icon-folder-add:before {
  content: "\e783";
}

.el-icon-folder-opened:before {
  content: "\e784";
}

.el-icon-folder:before {
  content: "\e78a";
}

.el-icon-edit-outline:before {
  content: "\e764";
}

.el-icon-edit:before {
  content: "\e78c";
}

.el-icon-date:before {
  content: "\e78e";
}

.el-icon-c-scale-to-original:before {
  content: "\e7c6";
}

.el-icon-view:before {
  content: "\e6ce";
}

.el-icon-loading:before {
  content: "\e6cf";
}

.el-icon-rank:before {
  content: "\e6d1";
}

.el-icon-sort-down:before {
  content: "\e7c4";
}

.el-icon-sort-up:before {
  content: "\e7c5";
}

.el-icon-sort:before {
  content: "\e6d2";
}

.el-icon-finished:before {
  content: "\e6cd";
}

.el-icon-refresh-left:before {
  content: "\e6c7";
}

.el-icon-refresh-right:before {
  content: "\e6c8";
}

.el-icon-refresh:before {
  content: "\e6d0";
}

.el-icon-video-play:before {
  content: "\e7c0";
}

.el-icon-video-pause:before {
  content: "\e7c1";
}

.el-icon-d-arrow-right:before {
  content: "\e6dc";
}

.el-icon-d-arrow-left:before {
  content: "\e6dd";
}

.el-icon-arrow-up:before {
  content: "\e6e1";
}

.el-icon-arrow-down:before {
  content: "\e6df";
}

.el-icon-arrow-right:before {
  content: "\e6e0";
}

.el-icon-arrow-left:before {
  content: "\e6de";
}

.el-icon-top-right:before {
  content: "\e6e7";
}

.el-icon-top-left:before {
  content: "\e6e8";
}

.el-icon-top:before {
  content: "\e6e6";
}

.el-icon-bottom:before {
  content: "\e6eb";
}

.el-icon-right:before {
  content: "\e6e9";
}

.el-icon-back:before {
  content: "\e6ea";
}

.el-icon-bottom-right:before {
  content: "\e6ec";
}

.el-icon-bottom-left:before {
  content: "\e6ed";
}

.el-icon-caret-top:before {
  content: "\e78f";
}

.el-icon-caret-bottom:before {
  content: "\e790";
}

.el-icon-caret-right:before {
  content: "\e791";
}

.el-icon-caret-left:before {
  content: "\e792";
}

.el-icon-d-caret:before {
  content: "\e79a";
}

.el-icon-share:before {
  content: "\e793";
}

.el-icon-menu:before {
  content: "\e798";
}

.el-icon-s-grid:before {
  content: "\e7a6";
}

.el-icon-s-check:before {
  content: "\e7a7";
}

.el-icon-s-data:before {
  content: "\e7a8";
}

.el-icon-s-opportunity:before {
  content: "\e7aa";
}

.el-icon-s-custom:before {
  content: "\e7ab";
}

.el-icon-s-claim:before {
  content: "\e7ad";
}

.el-icon-s-finance:before {
  content: "\e7ae";
}

.el-icon-s-comment:before {
  content: "\e7af";
}

.el-icon-s-flag:before {
  content: "\e7b0";
}

.el-icon-s-marketing:before {
  content: "\e7b1";
}

.el-icon-s-shop:before {
  content: "\e7b4";
}

.el-icon-s-open:before {
  content: "\e7b5";
}

.el-icon-s-management:before {
  content: "\e7b6";
}

.el-icon-s-ticket:before {
  content: "\e7b7";
}

.el-icon-s-release:before {
  content: "\e7b8";
}

.el-icon-s-home:before {
  content: "\e7b9";
}

.el-icon-s-promotion:before {
  content: "\e7ba";
}

.el-icon-s-operation:before {
  content: "\e7bb";
}

.el-icon-s-unfold:before {
  content: "\e7bc";
}

.el-icon-s-fold:before {
  content: "\e7a9";
}

.el-icon-s-platform:before {
  content: "\e7bd";
}

.el-icon-s-order:before {
  content: "\e7be";
}

.el-icon-s-cooperation:before {
  content: "\e7bf";
}

.el-icon-bell:before {
  content: "\e725";
}

.el-icon-message-solid:before {
  content: "\e799";
}

.el-icon-video-camera:before {
  content: "\e772";
}

.el-icon-video-camera-solid:before {
  content: "\e796";
}

.el-icon-camera:before {
  content: "\e779";
}

.el-icon-camera-solid:before {
  content: "\e79b";
}

.el-icon-download:before {
  content: "\e77c";
}

.el-icon-upload2:before {
  content: "\e77b";
}

.el-icon-upload:before {
  content: "\e7c3";
}

.el-icon-picture-outline-round:before {
  content: "\e75f";
}

.el-icon-picture-outline:before {
  content: "\e75e";
}

.el-icon-picture:before {
  content: "\e79f";
}

.el-icon-close:before {
  content: "\e6db";
}

.el-icon-check:before {
  content: "\e6da";
}

.el-icon-plus:before {
  content: "\e6d9";
}

.el-icon-minus:before {
  content: "\e6d8";
}

.el-icon-help:before {
  content: "\e73d";
}

.el-icon-s-help:before {
  content: "\e7b3";
}

.el-icon-circle-close:before {
  content: "\e78d";
}

.el-icon-circle-check:before {
  content: "\e720";
}

.el-icon-circle-plus-outline:before {
  content: "\e723";
}

.el-icon-remove-outline:before {
  content: "\e722";
}

.el-icon-zoom-out:before {
  content: "\e776";
}

.el-icon-zoom-in:before {
  content: "\e777";
}

.el-icon-error:before {
  content: "\e79d";
}

.el-icon-success:before {
  content: "\e79c";
}

.el-icon-circle-plus:before {
  content: "\e7a0";
}

.el-icon-remove:before {
  content: "\e7a2";
}

.el-icon-info:before {
  content: "\e7a1";
}

.el-icon-question:before {
  content: "\e7a4";
}

.el-icon-warning-outline:before {
  content: "\e6c9";
}

.el-icon-warning:before {
  content: "\e7a3";
}

.el-icon-goods:before {
  content: "\e7c2";
}

.el-icon-s-goods:before {
  content: "\e7b2";
}

.el-icon-star-off:before {
  content: "\e717";
}

.el-icon-star-on:before {
  content: "\e797";
}

.el-icon-more-outline:before {
  content: "\e6cc";
}

.el-icon-more:before {
  content: "\e794";
}

.el-icon-phone-outline:before {
  content: "\e6cb";
}

.el-icon-phone:before {
  content: "\e795";
}

.el-icon-user:before {
  content: "\e6e3";
}

.el-icon-user-solid:before {
  content: "\e7a5";
}

.el-icon-setting:before {
  content: "\e6ca";
}

.el-icon-s-tools:before {
  content: "\e7ac";
}

.el-icon-delete:before {
  content: "\e6d7";
}

.el-icon-delete-solid:before {
  content: "\e7c9";
}

.el-icon-eleme:before {
  content: "\e7c7";
}

.el-icon-platform-eleme:before {
  content: "\e7ca";
}

.el-icon-loading {
  -webkit-animation: rotating 2s linear infinite;
  animation: rotating 2s linear infinite;
}

.el-icon--right {
  margin-left: 0.333333rem;
}

.el-icon--left {
  margin-right: 0.333333rem;
}

@-webkit-keyframes rotating {
  0% {
    -webkit-transform: rotateZ(0);
    transform: rotateZ(0);
  }

  100% {
    -webkit-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
  }
}

@keyframes rotating {
  0% {
    -webkit-transform: rotateZ(0);
    transform: rotateZ(0);
  }

  100% {
    -webkit-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
  }
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 0.066667rem dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -0.133333rem;
  /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}
canvas[data-v-a1968bcc] {
  max-width: 100%;
  display: block;
}