@web-utils/component 2.0.14 → 2.2.0

package/dist/index.css

@@ -1,2060 +0,0 @@
-.address-input-wrapper {
-  width: 100%;
-}
-.address-input-item-wrapper {
-  padding-right: 5px;
-}
-.address-input-item-wrapper .el-cascader,
-.address-input-item-wrapper .el-input {
-  width: 100%;
-}
-.aside-menu-item {
-  padding: 8px 10px;
-}
-.capsule-tab {
-  display: inline;
-  margin-right: 10px;
-}
-.capsule-tab .tab-item {
-  display: inline;
-  padding: 2px 14px;
-  background-color: #fafafa;
-  border: 1px solid #ebeef5;
-  border-right: none;
-  cursor: pointer;
-}
-.capsule-tab .tab-item.active {
-  color: #fff;
-  background-color: #ef6666;
-}
-.capsule-tab .tab-item:first-child {
-  border-radius: 12px 0 0 12px;
-}
-.capsule-tab .tab-item:last-child {
-  border-right: 1px solid #ccc;
-  border-radius: 0 12px 12px 0;
-}
-.capsule-tab .tab-item:last-child.single {
-  border-radius: 12px;
-}
-.uploader {
-  position: relative;
-}
-.uploader-btn {
-  position: relative;
-  display: inline-block;
-  padding: 4px 8px;
-  color: #666;
-  font-size: 100%;
-  line-height: 1.4;
-  background: none;
-  border: 1px solid #666;
-  border-radius: 2px;
-  outline: none;
-  cursor: pointer;
-}
-.uploader-btn:hover {
-  background-color: #00000014;
-}
-.uploader-drop {
-  position: relative;
-  padding: 10px;
-  overflow: hidden;
-  background-color: #f5f5f5;
-  border: 1px dashed #ccc;
-}
-.uploader-dragover {
-  background-color: #f7f7f7;
-  border-color: #999;
-}
-.chunk-file-uploader-file {
-  position: relative;
-  height: 49px;
-  overflow: hidden;
-  line-height: 49px;
-  border-bottom: 1px solid #cdcdcd;
-}
-.chunk-file-uploader-file[status=waiting] .chunk-file-uploader-file-pause,
-.chunk-file-uploader-file[status=uploading] .chunk-file-uploader-file-pause,
-.chunk-file-uploader-file[status=paused] .chunk-file-uploader-file-resume,
-.chunk-file-uploader-file[status=error] .chunk-file-uploader-file-retry {
-  display: block;
-}
-.chunk-file-uploader-file[status=success] .chunk-file-uploader-file-remove {
-  display: none;
-}
-.chunk-file-uploader-file[status=error] .chunk-file-uploader-file-progress {
-  background: #ffe0e0;
-}
-.chunk-file-uploader-file-progress {
-  position: absolute;
-  width: 100%;
-  height: 100%;
-  background: #e2eeff;
-  transform: translate(-100%);
-}
-.chunk-file-uploader-file-progressing {
-  transition: all .4s linear;
-}
-.chunk-file-uploader-file-info {
-  position: relative;
-  z-index: 1;
-  height: 100%;
-  overflow: hidden;
-  display: flex;
-  flex-direction: row;
-}
-.chunk-file-uploader-file-info:hover {
-  background-color: #f0f0f033;
-}
-.chunk-file-uploader-file-info i,
-.chunk-file-uploader-file-info em {
-  font-style: normal;
-}
-.chunk-file-uploader-file-name,
-.chunk-file-uploader-file-size,
-.chunk-file-uploader-file-meta,
-.chunk-file-uploader-file-status,
-.chunk-file-uploader-file-actions {
-  position: relative;
-  height: 100%;
-  padding: 0 10px;
-}
-.chunk-file-uploader-file-size,
-.chunk-file-uploader-file-meta,
-.chunk-file-uploader-file-status,
-.chunk-file-uploader-file-actions {
-  flex-shrink: 0;
-}
-.chunk-file-uploader-file-name {
-  overflow: hidden;
-  white-space: nowrap;
-  text-indent: 14px;
-  text-overflow: ellipsis;
-  flex: 1 1 auto;
-}
-.chunk-file-uploader-file-icon {
-  display: inline-block;
-  width: 24px;
-  height: 24px;
-  margin-top: 13px;
-  margin-right: 8px;
-  vertical-align: top;
-}
-.chunk-file-uploader-file-icon:before {
-  display: block;
-  height: 100%;
-  color: gray;
-  font-size: 24px;
-  line-height: 1;
-  text-indent: 0;
-  content: "\1f4c3";
-}
-.chunk-file-uploader-file-icon[icon=folder]:before {
-  content: "\1f4c2";
-}
-.chunk-file-uploader-file-icon[icon=image]:before {
-  content: "\1f4ca";
-}
-.chunk-file-uploader-file-icon[icon=video]:before {
-  content: "\1f4f9";
-}
-.chunk-file-uploader-file-icon[icon=audio]:before {
-  content: "\1f3b5";
-}
-.chunk-file-uploader-file-icon[icon=document]:before {
-  content: "\1f4cb";
-}
-.chunk-file-uploader-file-actions > span {
-  display: none;
-  float: left;
-  width: 16px;
-  height: 16px;
-  margin-top: 16px;
-  margin-right: 10px;
-  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAABkCAYAAAD0ZHJ6AAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAAJcEhZcwAACxMAAAsTAQCanBgAAARkSURBVGje7ZnfS1NRHMAH4ptPkvQSuAdBkCxD8FUQJMEULUgzy1KyyPVQ4JMiiP4Bvg6EwUQQfMmwhwRDshwaKUjDVCgoSdDNHkzTJZ6+Z37Purve8+PeTb2TM/ggu+ew89l33x8H9BBCPG7GowXTJej3+wnDvEm0JuLC04+EYWftVAUv+fiCvDUdQR1BHUEdQR3BTIygvixoQS14XgTtthLVdpNWwXRLqvQ724LplFRtyrYF0yVpFLQrKRVMh6RZ0I6kkmCqklaCqpKZH0FX56Crq9jVfdDVk0RfFrSgFsxkQVmLcdKCVrKySCrryhPEyYShhzOcrFtG0EoilfHHk1CRU5rF6ZjNZhlVOW6RnMSVyyilKies4pO41diVy8wIujoHXV3FGdMHXTtJKLFYTLhZtq4vC1rwXApCZTIqgR6g1PBMCO9DL3bMMSqBHqDU8EyISDAHiGKvWwcCQG2KgjlAFCDAOhAAap0K5gKLphk8mqJgLrCIgoxRJ4J5wKpJ7gAoMkn5EBXBPGDVJHcAFJmkfIhQcAql1oBpTvTol9gG9pm4RHAKpdaAaU706JfYBvaZuJVgPQrt4sFlnOh5MC/p3lmJYD0K7eLBZZzoeTAv6d5ZnuAYHjpgEOnk5F0ufhG6v1ggOIaHDhhEOjl5l4tfhO4vthLcwAMrFNvLJO5vEwhu4IEViu1lEve3WQmyoihQFBzG/V0CQVYUBYqCw7i/SxTBcpsRbFeIYLnNCLZbCY5b5KAnxRwct8hBj9McZFVMW0ihRNBuFdMWUigRlFaxuQ9WWYjRMTiIe5z0wSoLMToGB3GPsA9aTZIJoB+nRgBnM1tzOkkmgH6cGgGczWzNpzqLx3n/aULJJgezeNw07oxQySbVywKjBOgFRnDs+VEsx8FlgVEC9AIjOPb8KJYjvSzoG7UW1IJaUAtqQS14toLNM5fN5APdwBJA8G83Pk/aK/rgzVvXzeQD3cASQPBvNz5P2ssTzAaGUIrHEO6zI5gNDKEUjyHcxxWkh4Ylcowwk1QQpIeGJXKMMJO0EgwqyjGCioJBJvDrxRMSuVOTJEXfbz1/bHwWtBL0yoQehK6RucgE+bGzanzulQh6E3IgQV+xpc8kcrfuSO7eTfJ3ZYmQw0Oy9azVKOk1C/bJ5D5F38YPeLfx0rjWJxHsS0SqsSYuxySjj5qO5Oj7xQWy2VBtFOwzCy6ryH3YfE3uh64Y1xckgstJPydEjkkeHv07Iy4Xaao15+KCWTBx6M/db+T9xivSErqaJDdzXI6yLRE8Vgg0coex/SPJvT0SbWu0KpZtbgSpCH3NRt7I5OxHkObc6heU+/M/J5vrpBFM5GBLqCQux14COXs5CNXK5OjPGm1tSMrJSOMNYQ4mVTGV/L6zTL7+DovkbFUxbSW0Wo05l8hJWsU+cRWfSh+Mt5Lb1ck/J1TvVsdDaR/MiEni+llsdZuZp62EViu+96bpNjNPWwmtVnzvFd5m9IVVC54x/wA7gNvqFG9vXQAAAABJRU5ErkJggg==) no-repeat 0 0;
-  cursor: pointer;
-}
-.chunk-file-uploader-file-actions > span:hover {
-  background-position-x: -21px;
-}
-.chunk-file-uploader-file-actions .chunk-file-uploader-file-pause {
-  background-position-y: 0;
-}
-.chunk-file-uploader-file-actions .chunk-file-uploader-file-resume {
-  background-position-y: -17px;
-}
-.chunk-file-uploader-file-actions .chunk-file-uploader-file-retry {
-  background-position-y: -53px;
-}
-.chunk-file-uploader-file-actions .chunk-file-uploader-file-remove {
-  display: block;
-  background-position-y: -34px;
-}
-.uploader-files {
-  position: relative;
-}
-.uploader-files > ul {
-  margin: 0;
-  padding: 0;
-  list-style: none;
-}
-.uploader-list {
-  position: relative;
-}
-.uploader-list > ul {
-  margin: 0;
-  padding: 0;
-  list-style: none;
-}
-.uploader-unsupport {
-  position: relative;
-  z-index: 10;
-  overflow: hidden;
-}
-.code-mirror-editor {
-  line-height: normal;
-}
-.code-mirror-editor .CodeMirror {
-  overflow: hidden;
-  border: 1px solid #dcdfe6;
-  border-radius: 4px;
-}
-.code-mirror-editor .CodeMirror.CodeMirror-focused {
-  border-color: #e34e55;
-}
-.cm-container {
-  position: fixed;
-  z-index: 9999;
-  user-select: none;
-}
-.cm-container .icon {
-  position: absolute;
-  top: 50%;
-  right: 0;
-  width: .9em;
-  height: .9em;
-  overflow: hidden;
-  vertical-align: -.15em;
-  transform: translateY(-50%);
-  fill: currentcolor;
-}
-.cm-container .cm-item-icon {
-  margin-right: 4px;
-}
-.cm-container .cm-ul {
-  width: 100%;
-  margin: 0;
-  padding: 0;
-  color: #2e2e2e;
-  list-style: none;
-  background-color: #fff;
-  box-shadow: 0 0 1px #666;
-}
-.cm-container .cm-ul li {
-  position: relative;
-  box-sizing: border-box;
-  width: 100%;
-  text-align: left;
-  cursor: pointer;
-}
-.cm-container .cm-ul li:hover > ul {
-  display: block;
-}
-.cm-container .cm-ul li div {
-  position: relative;
-  display: inline-block;
-  box-sizing: border-box;
-  width: 100%;
-  height: 100%;
-  padding: 0 .8em;
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-}
-.cm-container .cm-ul li i {
-  display: inline-block;
-  width: 1em;
-  font-size: 1.3em;
-  text-align: center;
-}
-.cm-container .cm-ul li div:hover {
-  color: #fff;
-  background-color: #666;
-}
-.cm-container .cm-ul-2,
-.cm-container .cm-ul-3 {
-  position: absolute;
-  top: 0;
-  z-index: 10000;
-  display: none;
-}
-.cm-container .cm-left svg {
-  left: 0;
-  transform: translateY(-50%) rotate(180deg);
-}
-.cm-container .cm-underline li div:after {
-  position: absolute;
-  top: 0;
-  left: 5%;
-  z-index: 10001;
-  width: 90%;
-  height: 1px;
-  background-color: #ccc;
-  content: "";
-}
-.cm-container .cm-underline li div:hover:after,
-.cm-container .cm-underline > li:first-child > div:after {
-  display: none;
-}
-.border-bottom {
-  border-bottom: 1px solid #d7dae0;
-}
-.clear-fix:after {
-  display: block;
-  clear: both;
-  height: 0;
-  visibility: hidden;
-  content: " ";
-}
-.flex-row {
-  display: flex;
-  flex-direction: row;
-  flex-shrink: 0;
-}
-.flex-row.vertical-center {
-  align-items: center;
-}
-.flex-row.vertical-start {
-  align-items: flex-start;
-}
-.flex-row.horizon-center {
-  justify-content: center;
-}
-.text-center {
-  text-align: center;
-}
-.flex-column {
-  display: flex;
-  flex-direction: column;
-}
-.flex-column.vertical-center {
-  justify-content: center;
-}
-.flex-column.horizon-center {
-  align-items: center;
-}
-.flex-item,
-.flex-item-relative {
-  flex: 1 1 auto;
-}
-.flex-item-relative {
-  position: relative;
-}
-.flex-item-relative .flex-content {
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-}
-.flex-not-shrink {
-  flex-shrink: 0;
-}
-.dynamic-table {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  width: 100%;
-}
-.dynamic-table .dynamic-table-action-icon {
-  margin-left: 10px;
-  font-weight: 700;
-  cursor: pointer;
-}
-.dynamic-table .el-form-item {
-  margin-bottom: 0;
-}
-.dynamic-table .el-table {
-  flex: 1 1 auto;
-}
-.dynamic-table .el-table td {
-  padding: 2px 0;
-}
-.dynamic-table .el-input.is-disabled .el-input__inner {
-  background-color: transparent;
-  border: none;
-}
-.echarts {
-  width: 100%;
-  height: 100%;
-}
-.editable-progress {
-  display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  justify-content: center;
-  width: 100%;
-  background-color: #e4e7ed;
-  border-radius: 100px;
-}
-.editable-progress .el-progress,
-.editable-progress .el-slider {
-  width: 100%;
-  font-weight: 700;
-}
-.editable-progress .el-slider__runway {
-  margin: 0;
-}
-.editable-progress .el-progress-bar__outer {
-  background-color: #e4e7ed;
-}
-.editable-progress .el-slider__bar,
-.editable-progress .el-slider__runway {
-  height: 22px;
-  border-radius: 100px;
-}
-.editable-progress .el-slider__button-wrapper {
-  width: 52px;
-  height: 52px;
-}
-.editable-progress .el-slider__button-wrapper .el-slider__button {
-  width: 24px;
-  height: 24px;
-}
-.editable-tree {
-  position: relative;
-}
-.editable-tree.et-tree-label-overflow-visible .et-tree-label {
-  position: static;
-}
-.et-tree-wrapper {
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  overflow: auto;
-  text-align: left;
-}
-.et-tree-wrapper .el-tree {
-  display: table;
-  width: 100%;
-  overflow: visible;
-}
-.et-tree-wrapper .el-button + .el-button {
-  margin-left: 8px !important;
-}
-.et-tree-wrapper .el-input__inner {
-  padding: 0 4px;
-}
-.et-tree-wrapper .custom-tree-node {
-  display: flex;
-  align-items: center;
-  width: 100%;
-  padding-right: 8px;
-  font-size: 14px;
-}
-.et-tree-wrapper .custom-tree-node:hover .handle-actions {
-  display: block;
-}
-.et-tree-wrapper .custom-tree-node .handle-actions {
-  display: none;
-  align-self: flex-end;
-}
-.et-tree-wrapper .custom-tree-node .node-icon {
-  margin-top: 2px;
-  margin-right: 4px;
-}
-.et-tree-wrapper .node-label {
-  align-items: center;
-}
-.et-tree-wrapper .node-input {
-  min-width: 140px;
-  margin-right: 10px;
-}
-.et-tree-wrapper .menu {
-  position: fixed;
-  z-index: 3;
-  padding: 0;
-  background: #fff;
-  border-radius: 4px;
-  box-shadow: 0 5px 10px #bebebe;
-}
-.et-tree-wrapper .menu-item {
-  display: block;
-  padding: 8px 20px 8px 8px;
-  color: #242f42;
-  font:
-    11px tahoma,
-    arial,
-    sans-serif;
-  line-height: 100%;
-  white-space: nowrap;
-  cursor: pointer;
-  user-select: none;
-}
-.et-tree-wrapper .menu .menu-item:hover {
-  color: #66b1ff;
-  background-color: #ecf5ff;
-}
-.et-tree-wrapper .menu-item-icon {
-  margin-right: 4px;
-  font-weight: 700;
-  font-size: 1.3em;
-}
-.element-dialog.el-dialog.el-dialog-resizeable {
-  display: flex;
-  flex-direction: column;
-}
-.element-dialog.el-dialog.el-dialog-resizeable .el-dialog__body {
-  position: relative;
-  flex: 1 1 auto;
-  padding: 0;
-}
-.element-dialog.el-dialog.el-dialog-resizeable .el-dialog__header {
-  position: relative;
-  font-size: 18px;
-}
-.element-dialog.el-dialog.el-dialog-resizeable .el-dialog__footer {
-  padding-bottom: 10px;
-  text-align: right;
-}
-.element-dialog.el-dialog.el-dialog-resizeable .fullscreen-btn {
-  position: absolute;
-  top: 14px;
-  right: 50px;
-  padding: 2px;
-  color: #fff;
-  background: 0 0;
-  border: none;
-  outline: 0;
-  cursor: pointer;
-}
-.element-dialog.el-dialog.el-dialog-resizeable .fullscreen-btn:hover {
-  background: #e34e55;
-}
-.element-dialog.el-dialog.el-dialog-resizeable .fullscreen-btn .el-icon-full-screen,
-.element-dialog.el-dialog.el-dialog-resizeable .fullscreen-btn .el-icon-copy-document {
-  padding: 4px;
-  font-size: 13px;
-}
-.element-dialog.el-dialog.el-dialog-resizeable .dialog-head-group {
-  position: absolute;
-  top: 50%;
-  right: 14px;
-  transform: translateY(-50%);
-}
-.element-dialog.el-dialog.is-fullscreen {
-  position: absolute;
-  top: 0 !important;
-  left: 0 !important;
-  width: 100% !important;
-  height: 100% !important;
-}
-.element-dialog.el-dialog.el-dialog--center .el-dialog__header {
-  justify-content: center;
-}
-.element-dialog.el-dialog.el-dialog--flex-column .el-dialog__body {
-  display: flex;
-  flex-direction: column;
-}
-.element-dialog.el-dialog.el-dialog--flex-row .el-dialog__body {
-  display: flex;
-  flex-direction: row;
-}
-.element-dialog.el-dialog.el-dialog__body-padding .el-dialog__body {
-  padding: 10px;
-}
-.element-dialog.el-dialog .el-dialog__body {
-  padding: 0;
-}
-.element-dialog.el-dialog .el-dialog__header {
-  display: flex;
-  flex-direction: row;
-  position: relative;
-  align-items: center;
-  padding: 4px 10px;
-  font-size: 16px;
-  background-color: #409eff;
-}
-.element-dialog.el-dialog .el-dialog__header .el-dialog__title {
-  color: #fff;
-  font-weight: 400;
-  font-size: 16px;
-}
-.element-dialog.el-dialog .header-button-wrapper {
-  position: absolute;
-  top: 50%;
-  right: 10px;
-  display: flex;
-  transform: translateY(-50%);
-}
-.element-dialog.el-dialog .header-button {
-  padding: 2px;
-  color: #fff;
-  border: none;
-  outline: 0;
-  cursor: pointer;
-}
-.element-dialog.el-dialog .header-button:hover {
-  background: #e34e55;
-}
-.empty-view,
-.error-view {
-  position: relative;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 100%;
-  height: 100%;
-  color: #909399;
-  font-size: 20px;
-  background-color: #fff;
-}
-.flex-scroller-wrapper {
-  position: relative;
-  flex: 1 1 auto;
-}
-.flex-scroller-wrapper .flex-scroller {
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-}
-.flex-scroller-wrapper .flex-scroller.content-scroll {
-  overflow: auto;
-}
-.form-checkbox-group.form-checkbox-group-row.form-checkbox-group-row-ellipsis .el-checkbox__label {
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-}
-.form-checkbox-group.form-checkbox-group-row.form-checkbox-group-row-break-word .el-checkbox__label {
-  word-wrap: break-word;
-  word-break: break-all;
-}
-.form-checkbox-group.form-checkbox-group-row .el-checkbox-group {
-  display: block;
-}
-.form-checkbox-group.form-checkbox-group-row .el-checkbox {
-  display: flex;
-  flex-direction: row;
-  flex-wrap: nowrap;
-  width: 100%;
-}
-.form-checkbox-group.form-checkbox-group-row .el-checkbox__input {
-  flex-shrink: 0;
-  top: 3px;
-}
-.form-checkbox-group.form-checkbox-group-row .el-checkbox__label {
-  flex: 1 1 auto;
-  display: block;
-  margin-bottom: 6px;
-  vertical-align: sub;
-}
-.form-checkbox-group .form-checkbox-group-other {
-  display: inline-block;
-  margin-left: 10px;
-}
-.form-checkbox-group .form-checkbox-group-other .el-form-item__label {
-  display: none;
-}
-.form-checkbox-group .el-checkbox-group {
-  line-height: inherit;
-}
-.form-checkbox-group .el-checkbox {
-  margin-right: 10px;
-  vertical-align: middle;
-}
-.form-checkbox-group .el-checkbox__label {
-  padding-left: 4px;
-}
-.form-input-number.el-input-number {
-  width: 100%;
-}
-.form-input-number.el-input-number .el-input__inner {
-  text-align: left;
-}
-.form-item.el-form-item.required:not(.is-no-asterisk) .el-form-item__label:before {
-  margin-right: 4px;
-  color: #f56c6c;
-  content: "*";
-}
-.form-item-group {
-  margin-bottom: 10px;
-  background-color: #fff;
-}
-.form-item-group.is-disabled .is-required .el-form-item__label:before,
-.form-item-group.is-disabled .required .el-form-item__label:before {
-  display: none;
-}
-.form-item-group .form-item-group-row {
-  margin: 0 !important;
-}
-.form-item-group .form-item-group-title {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  height: 30px;
-  margin: 0 0 10px;
-  padding: 0 10px;
-  color: #333;
-  font-weight: 700;
-  font-size: 14px;
-  line-height: 30px;
-  background-color: #f3f5fb;
-  cursor: pointer;
-}
-.form-radio-group.inline {
-  display: inline;
-}
-.form-radio-group.inline .el-radio {
-  float: left;
-  margin-right: 10px;
-}
-.form-radio-group.form-radio-group-row.form-radio-group-row-ellipsis .el-radio__label {
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-}
-.form-radio-group.form-radio-group-row.form-radio-group-row-break-word .el-radio__label {
-  word-wrap: break-word;
-  word-break: break-all;
-}
-.form-radio-group.form-radio-group-row .el-radio-group {
-  display: block;
-}
-.form-radio-group.form-radio-group-row .el-radio {
-  display: flex;
-  flex-direction: row;
-  flex-wrap: nowrap;
-  width: 100%;
-}
-.form-radio-group.form-radio-group-row .el-radio__input {
-  flex-shrink: 0;
-  top: 3px;
-}
-.form-radio-group.form-radio-group-row .el-radio__label {
-  flex: 1 1 auto;
-  display: block;
-  margin-bottom: 6px;
-  padding-left: 4px;
-  vertical-align: sub;
-}
-.form-radio-group .el-radio-group {
-  line-height: 1;
-}
-.form-radio-group .el-radio {
-  margin-right: 10px;
-  vertical-align: middle;
-}
-.form-radio-group .el-radio__label {
-  padding-left: 0;
-  line-height: 19px;
-}
-.form-view {
-  display: flex;
-  flex-direction: column;
-  height: 100%;
-}
-.form-view .form-scroller-wrapper {
-  position: relative;
-  flex: 1;
-}
-.form-view .not-form {
-  margin: 0 auto;
-}
-.form-view .form-view-toolbar {
-  overflow: hidden;
-}
-.form-view .form-scroller {
-  flex: 1;
-  overflow: auto;
-}
-.form-view .form-scroller .el-row {
-  position: static;
-}
-.form-view .form-content .el-form .el-row {
-  padding-right: 2rem;
-}
-.form-view .form-content .el-form .el-row .el-row {
-  padding-right: 0;
-}
-.form-view .form-card {
-  box-shadow: 0 2px 12px #0000001a;
-  max-width: 1000px;
-  margin: 14px auto;
-  padding: 20px;
-  color: #303133;
-  background-color: #fff;
-  border: 1px solid #ebeef5;
-  border-radius: 4px;
-  transition: .3s;
-}
-.form-view .form-card.un-limit {
-  max-width: 100%;
-}
-.form-view .form-nav {
-  box-shadow: 0 2px 12px #0000001a;
-  position: absolute;
-  top: 55px;
-  left: 20px;
-  background-color: #fff;
-}
-.form-view .form-nav-list {
-  min-width: 180px;
-  padding: 10px 20px;
-}
-.form-view .form-nav-header {
-  position: relative;
-  padding: 5px 20px;
-  color: #e34e55;
-  font-weight: 700;
-  font-size: 15px;
-  background-color: #f3f5fb;
-}
-.form-view .form-nav-item {
-  position: relative;
-  padding: 5px 0;
-  font-family: element-icons !important;
-  cursor: pointer;
-}
-.form-view .form-nav-item.active,
-.form-view .form-nav-item:hover {
-  color: #e34e55;
-  font-weight: 700;
-}
-.form-view .form-nav-item.active:before {
-  position: absolute;
-  left: -14px;
-  content: "\e6e0";
-}
-.form-view .form-view-title {
-  width: 100%;
-  height: 36px;
-  margin-bottom: 10px;
-  color: #333;
-  font-size: 22px;
-  line-height: 36px;
-  text-align: center;
-  background-color: #fff;
-}
-.form-view .tip {
-  margin: 20px 0;
-  padding: 8px 16px;
-  background-color: #ecf8ff;
-  border-left: 5px solid #50bfff;
-  border-radius: 4px;
-}
-.form-view .tip p {
-  color: #5e6d82;
-  font-size: 14px;
-  line-height: 1.5em;
-}
-.form-view .tip.danger {
-  background-color: #fde2e2;
-  border-left-color: #f56c6c;
-}
-.form-view .tip.danger p {
-  color: #564646;
-}
-.form-view .tip.warning {
-  background-color: #f7efe2;
-  border-left-color: #e6a23c;
-}
-.form-view .tip.warning p {
-  color: #5d564b;
-}
-.form-view .select-num {
-  color: #898989;
-  font-size: 12px;
-}
-.form-view .select-num .num {
-  font-size: 19px;
-  font-family:
-    impact,
-    Constantia,
-    Georgia;
-}
-.form-view .el-table .el-table__header th {
-  color: #595959;
-  font-weight: 400;
-  background: #fff;
-}
-.form-view .el-table td {
-  padding: 4px 0;
-}
-.form-view .el-table td .cell .el-input .el-input__inner {
-  padding-left: 4px;
-}
-.form-view .el-table td .cell .el-input.el-input--prefix .el-input__inner {
-  padding-left: 30px;
-}
-.form-view .el-table td .cell .el-input.is-disabled .el-input__suffix {
-  display: none;
-}
-.form-view .el-table td .cell .el-input.is-disabled .el-input__inner {
-  padding: 0 0 0 4px;
-  line-height: 1.6;
-  white-space: normal;
-  word-break: break-word;
-  background: transparent;
-  border: 0;
-}
-@media screen and (min-width: 1700px) {
-  .form-view.form-view__lg .form-card {
-    position: relative;
-    left: 60px;
-  }
-}
-.guide-steps {
-  margin-top: 20px;
-  margin-bottom: 20px;
-}
-.guide-steps .el-step .el-step__line-inner {
-  width: 100% !important;
-  border-width: 1px !important;
-}
-.guide-steps .el-step.current.important .el-step__head .el-step__icon.is-text {
-  color: #f55634 !important;
-  border-color: #f55634 !important;
-}
-.guide-steps .el-step.current.important .el-step__title {
-  color: #f55634 !important;
-}
-.guide-steps .el-step.available .el-step__head .el-step__icon.is-text {
-  color: #eab006 !important;
-  border-color: #eab006 !important;
-}
-.guide-steps .el-step.available .el-step__title {
-  color: #eab006 !important;
-}
-.guide-steps .el-step .el-step__icon.is-text {
-  cursor: pointer;
-}
-.guide-steps .el-step.disabled .el-step__icon.is-text {
-  cursor: not-allowed;
-}
-.icon-card {
-  padding: 14px;
-  border-radius: 4px;
-}
-.icon-card .card-icon_bg {
-  width: 48px;
-  height: 48px;
-  margin-right: 14px;
-  text-align: center;
-  border-radius: 14px;
-}
-.icon-card .card-icon {
-  font-size: 24px;
-  line-height: 48px;
-}
-.icon-card .icon-card_color {
-  font-weight: 700;
-  font-size: 18px;
-  cursor: pointer;
-}
-.icon-card.blue {
-  background: #f4f9ff;
-}
-.icon-card.blue .card-icon_bg {
-  color: #3c8efd;
-  background: #e8f2fc;
-}
-.icon-card.blue .icon-card_color {
-  color: #3c8efd;
-}
-.icon-card.orange {
-  background: #f9f5ee;
-}
-.icon-card.orange .card-icon_bg {
-  color: #fdc12e;
-  background: #fdf2dc;
-}
-.icon-card.orange .icon-card_color {
-  color: #fdc12e;
-}
-.icon-card.green {
-  background: #f1f7ed;
-}
-.icon-card.green .card-icon_bg {
-  color: #72c734;
-  background: #ddf7d9;
-}
-.icon-card.green .icon-card_color {
-  color: #72c734;
-}
-.iframe-window.element-dialog.el-dialog.el-dialog-resizeable .el-dialog__body {
-  position: relative;
-  padding: 0;
-}
-.iframe-window .iframe-window-iframe {
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  border: none;
-}
-.image-viewer .image-item {
-  display: inline-block;
-  width: 100px;
-  height: 100px;
-  cursor: pointer;
-  background-repeat: no-repeat;
-  background-size: cover;
-  background-position: center;
-  border: none;
-  background-color: transparent;
-  outline: none;
-}
-.viewer-backdrop {
-  background-color: #5e5e5e;
-}
-.el-input-number.input-number {
-  display: block;
-}
-.el-input-number.input-number .el-input-group {
-  display: inline-table;
-}
-.el-input-number.input-number .el-input {
-  width: 100%;
-}
-.input-number-range {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  width: 100%;
-}
-.loading-view {
-  position: relative;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 100%;
-  height: 100%;
-  color: #909399;
-  font-size: 20px;
-  background-color: #fff;
-}
-.nav-bar {
-  flex-shrink: 0;
-  display: flex;
-  width: 100%;
-  height: 40px;
-  background-color: #fff;
-  border-bottom: 1px #eee solid;
-}
-.nav-bar .el-button--text {
-  margin-left: 12px;
-}
-.not-implement {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  height: 100%;
-  color: gray;
-  font-size: 3em;
-  text-align: center;
-}
-.page {
-  height: 100%;
-}
-.page.vertical {
-  flex-direction: column;
-}
-.pageable-table .single-select-column .el-radio__label {
-  padding: 0;
-}
-.pageable-table {
-  flex: 1 1 auto;
-  position: relative;
-  height: 100%;
-}
-.pageable-table.auto-height {
-  position: static;
-  height: auto;
-}
-.pageable-table.auto-height .el-table {
-  position: static;
-  min-height: 200px;
-}
-.pageable-table.auto-height .pageable-table-wrapper {
-  position: static;
-}
-.pageable-table .pageable-table-wrapper {
-  display: flex;
-  flex-direction: column;
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-}
-.pageable-table .el-pagination {
-  background-color: #fff;
-}
-.pageable-table .table-status-icon {
-  font-size: 20px;
-}
-.pageable-table .pageable-table-loading {
-  display: inline-flex;
-  align-items: center;
-}
-.pageable-table .pageable-table-error {
-  display: inline-flex;
-  align-items: center;
-  color: red;
-  border: 1px solid #fca4a4;
-}
-.pageable-table .pageable-table-error:hover {
-  background-color: #fff0f0;
-}
-.pageable-table .pageable-table-total {
-  padding: 0 10px 10px;
-}
-.pageable-table .underline {
-  position: relative;
-}
-.pageable-table .underline:after {
-  position: absolute;
-  bottom: 0;
-  left: 0;
-  z-index: 1;
-  width: 100%;
-  height: 1px;
-  background-color: #606266;
-  content: "";
-}
-.pageable-table .total {
-  padding: 10px;
-}
-.egd-page-header {
-  height: 40px;
-  margin: 0 10px;
-  line-height: 40px;
-}
-.egd-page-header .align-end {
-  justify-content: flex-end;
-}
-.page-index-content {
-  display: flex;
-  flex: 1 1 auto;
-  flex-direction: column;
-  height: 100%;
-  padding: 0;
-  overflow: hidden;
-}
-.page-index-content-empty {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 100%;
-  height: 100%;
-  color: gray;
-  font-size: 20px;
-}
-.page-skeleton .page-content {
-  position: relative;
-  flex: 1 1 auto;
-  width: 100%;
-  height: 100%;
-}
-.page-skeleton .page-content.content-scroll {
-  overflow: auto;
-}
-.page-skeleton .page-content.flex-column {
-  display: flex;
-  flex-direction: column;
-  height: 0;
-}
-.page-skeleton .page-content.flex-row {
-  display: flex;
-}
-.page-skeleton-new .page-skeleton-new-header {
-  display: flex;
-  flex-direction: row;
-  height: 40px;
-  margin: 0 10px;
-  line-height: 40px;
-  border-bottom: 2px #eee solid;
-}
-.page-skeleton-new .page-skeleton-new-header .align-end {
-  justify-content: flex-end;
-}
-.page-skeleton-new .page-skeleton-new-left {
-  display: flex;
-  flex-direction: column;
-}
-.page-skeleton-new .page-skeleton-new-right {
-  flex: 1 1 auto;
-  display: flex;
-  flex-direction: column;
-}
-.page-skeleton-new .page-skeleton-new-page-content {
-  flex: 1 1 auto;
-  position: relative;
-  width: 100%;
-  height: 100%;
-}
-.page-skeleton-new .page-skeleton-new-page-content.content-scroll {
-  overflow: auto;
-}
-.page-skeleton-new .page-skeleton-new-page-content.flex-column {
-  display: flex;
-  flex-direction: column;
-}
-.page-skeleton-new .page-skeleton-new-page-content.flex-row {
-  display: flex;
-}
-.pswp {
-  z-index: 2147483647;
-}
-.pswp .pswp__error-msg {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  transform: translateY(-50%);
-}
-.pswp .error-img {
-  width: 200px;
-  margin-bottom: 10px;
-}
-.resize-observer {
-  position: absolute;
-  top: 0;
-  left: 0;
-  z-index: -1;
-  display: block;
-  width: 100%;
-  height: 100%;
-  overflow: hidden;
-  background-color: transparent;
-  border: none;
-  opacity: 0;
-  pointer-events: none;
-}
-.resize-observer > object {
-  position: absolute;
-  top: 0;
-  left: 0;
-  z-index: -1;
-  display: block;
-  width: 100%;
-  height: 100%;
-  overflow: hidden;
-  pointer-events: none;
-}
-.search-popover {
-  border-radius: 4px;
-  z-index: 100;
-  position: fixed;
-  overflow: hidden;
-  background-color: #f5f6f7;
-  display: inline-flex;
-  flex-direction: column;
-  border: 1px solid #1989fa;
-  width: 560px;
-  height: 500px;
-  top: 0;
-  left: 0;
-  transform: translate3d(calc((100vw - 560px) / 2), 15%, 0);
-  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAIAAAAmkwkpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACZJREFUeNpi/PTpEwMY8PLyMsFZnz9/ZoKzgAzG////Q1hAABBgAFeiDto+NxIZAAAAAElFTkSuQmCC);
-  background-repeat: repeat;
-}
-.search-popover .footer-tips {
-  padding: 10px;
-  text-align: left;
-  border-top: 1px solid #1989fa;
-}
-.search-popover .keyboard-key {
-  align-items: center;
-  background: linear-gradient(-225deg, #d5dbe4, #f8f8f8);
-  border-radius: 2px;
-  box-shadow:
-    inset 0 -2px #cdcde6,
-    inset 0 0 1px 1px #fff,
-    0 1px 2px 1px #1e235a66;
-  display: inline-flex;
-  height: 18px;
-  justify-content: center;
-  margin-right: .4em;
-  padding-bottom: 2px;
-  width: 20px;
-}
-.search-popover .search-input {
-  height: 46px;
-  border: 1px solid #1989fa;
-  appearance: none;
-  border-radius: 4px;
-  outline: none;
-  width: 100%;
-  box-sizing: border-box;
-  padding: 10px;
-}
-.search-popover .search-li {
-  padding: 10px;
-}
-.search-popover .search-icon {
-  color: #969faf;
-  flex-shrink: 0;
-  font-size: 24px;
-}
-.search-popover .search-item {
-  box-shadow: 0 1px 3px #d4d9e1;
-  text-decoration: none;
-  box-sizing: border-box;
-  color: #000;
-  padding: 10px;
-  display: flex;
-  align-items: center;
-  border-radius: 4px;
-  background-color: #fff;
-  overflow-x: hidden;
-}
-.search-popover .search-item .search-action {
-  display: none;
-}
-.search-popover .search-item .url {
-  color: #969faf;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  font-size: 14px;
-  overflow-x: hidden;
-}
-.search-popover .search-item.active {
-  color: #fff;
-  background-color: #1989fa;
-}
-.search-popover .search-item.active .url {
-  color: #fff;
-}
-.search-popover .search-item.active .search-action {
-  display: inline-block;
-}
-.search-popover .search-item.active .search-icon {
-  color: #fff;
-}
-.sign-panel {
-  align-items: flex-start;
-  justify-content: center;
-  width: 100%;
-  background: #fff;
-  user-select: none;
-}
-.sign-panel .sign-canvas {
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  width: 100%;
-  max-width: 100%;
-  height: 100%;
-  background: rgba(255, 255, 155, 0);
-  border: 1px solid #ccc;
-}
-.sign-panel .sign-tool-bar {
-  display: flex;
-  width: 100%;
-  border: 1px solid #ccc;
-  border-top: none;
-}
-.sign-panel .sign-tips {
-  user-select: none;
-  pointer-events: none;
-}
-.sign-panel .sign-button {
-  padding: 6px;
-  line-height: 1.6;
-  text-align: center;
-  background-color: #ebeef5;
-  cursor: pointer;
-  user-select: none;
-}
-.sign-panel .sign-button:hover {
-  color: #1989fa;
-  background-color: #d0d4de;
-}
-.sign-panel .sign-button:nth-child(n) {
-  border-right: 1px solid #ccc;
-}
-.sign-panel .sign-button:last-child {
-  border: none !important;
-}
-.sign-panel .sign-watermark {
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 100%;
-  height: 100%;
-  color: #eee;
-}
-.sign-panel .sign-view {
-  position: relative;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  min-width: 212px;
-  height: 80px;
-  background-color: #fff;
-  border: 1px solid #eee;
-}
-.sign-panel .sign-edit-icon {
-  position: absolute;
-  right: 4px;
-  bottom: 4px;
-}
-.sign-panel .sign-image {
-  display: inline-block;
-  min-width: 160px;
-  height: 80px;
-}
-.sign-panel .sign-edit {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  max-width: 100%;
-  background-color: #fff;
-}
-.sign-panel .sign-draw-area {
-  position: relative;
-  max-width: 100%;
-}
-.egd-split-wrapper {
-  position: relative;
-  width: 100%;
-  height: 100%;
-}
-.egd-split-pane {
-  position: absolute;
-}
-.egd-split-pane.left-pane,
-.egd-split-pane.right-pane {
-  top: 0;
-  bottom: 0;
-}
-.egd-split-pane.left-pane {
-  left: 0;
-}
-.egd-split-pane.right-pane {
-  right: 0;
-}
-.egd-split-pane.top-pane,
-.egd-split-pane.bottom-pane {
-  right: 0;
-  left: 0;
-}
-.egd-split-pane.top-pane {
-  top: 0;
-}
-.egd-split-pane.bottom-pane {
-  bottom: 0;
-}
-.egd-split-trigger-con {
-  position: absolute;
-  z-index: 10;
-  transform: translate(-50%, -50%);
-}
-.egd-split-trigger-bar-con {
-  position: absolute;
-  overflow: hidden;
-}
-.egd-split-trigger-bar-con.vertical {
-  top: 50%;
-  left: 1px;
-  height: 32px;
-  transform: translateY(-50%);
-}
-.egd-split-trigger-bar-con.horizontal {
-  top: 1px;
-  left: 50%;
-  width: 32px;
-  transform: translate(-50%);
-}
-.egd-split-trigger-vertical {
-  width: 6px;
-  height: 100%;
-  background: #f8f8f9;
-  box-shadow: 0 0 4px #1c243866;
-  cursor: ew-resize;
-}
-.egd-split-trigger-vertical .egd-split-trigger-bar {
-  float: left;
-  width: 4px;
-  height: 1px;
-  margin-top: 3px;
-  background: rgba(23, 35, 61, .25);
-}
-.egd-split-trigger-horizontal {
-  width: 100%;
-  height: 6px;
-  background: #f8f8f9;
-  box-shadow: 0 0 4px #1c243866;
-  cursor: ns-resize;
-}
-.egd-split-trigger-horizontal .egd-split-trigger-bar {
-  float: left;
-  width: 1px;
-  height: 4px;
-  margin-right: 3px;
-  background: rgba(23, 35, 61, .25);
-}
-.egd-split-horizontal .egd-split-trigger-con {
-  top: 50%;
-  height: 100%;
-  border-right: 1px solid #d7dae0;
-}
-.egd-split-vertical .egd-split-trigger-con {
-  left: 50%;
-  width: 100%;
-  border-bottom: 1px solid #d7dae0;
-}
-.egd-split-trigger-vertical-line,
-.egd-split-trigger-horizontal-line {
-  background-color: transparent;
-  box-shadow: none;
-}
-.egd-split .no-select {
-  -webkit-touch-callout: none;
-  user-select: none;
-}
-.stateful {
-  display: inline-block;
-  width: 14px;
-  height: 14px;
-  margin-right: 6px;
-  vertical-align: middle;
-  border-radius: 2px;
-  content: "";
-}
-.stateful.draft {
-  background-color: #d7d7d7;
-}
-.stateful.doing {
-  background-color: #14ca7a;
-}
-.stateful.overdue {
-  background-color: #feae3d;
-}
-.stateful.error {
-  background-color: red;
-}
-.stateful.done {
-  background-color: #45a3e7;
-}
-.stateful.closed {
-  background-color: #d7d7d7;
-}
-.static-pageable-table {
-  flex: 1 1 auto;
-}
-.egd-swiper {
-  position: relative;
-  height: 100%;
-  padding: 0 60px;
-}
-.egd-swiper .el-button.el-carousel__arrow {
-  padding: 0;
-  color: #fff;
-  font-size: 12px;
-  background-color: #1f2d3d1c;
-  border-color: #1f2d3d03;
-  border-radius: 50%;
-}
-.egd-swiper .el-button.el-carousel__arrow i {
-  cursor: unset;
-}
-.egd-swiper .el-button.el-carousel__arrow.is-disabled {
-  color: #fff;
-  background-color: #1f2d3d1c;
-  border-color: #1f2d3d03;
-}
-.egd-swiper .egd-swiper-box {
-  height: 100%;
-  overflow: hidden;
-  user-select: none;
-}
-.egd-swiper .egd-swiper-box .egd-swiper-content {
-  display: flex;
-  flex-direction: row;
-  flex-wrap: nowrap;
-  width: 100%;
-  height: 100%;
-  padding-top: 14px;
-  overflow: visible;
-  transform: translateZ(0);
-  transition-property: transform;
-}
-.vux-tab-ink-bar {
-  position: absolute;
-  bottom: 0;
-  left: 0;
-  height: 2px;
-  text-align: center;
-  background-color: #1989fa;
-}
-.vux-tab-ink-bar-transition-forward {
-  transition: right .3s cubic-bezier(.35, 0, .25, 1), left .3s cubic-bezier(.35, 0, .25, 1) .09s;
-}
-.vux-tab-ink-bar-transition-backward {
-  transition: right .3s cubic-bezier(.35, 0, .25, 1) .09s, left .3s cubic-bezier(.35, 0, .25, 1);
-}
-.vux-tab-bar-top .vux-tab-ink-bar {
-  top: 0;
-}
-.vux-tab {
-  position: relative;
-  display: flex;
-  height: 36px;
-  background-color: #fff;
-}
-.vux-tab button {
-  padding: 0;
-  background: 0 0;
-  border: 0;
-  outline: 0;
-  appearance: none;
-}
-.vux-tab .vux-tab-item {
-  display: block;
-  flex: 1 1 auto;
-  box-sizing: border-box;
-  width: 100%;
-  height: 100%;
-  color: #666;
-  font-size: 14px;
-  line-height: 36px;
-  text-align: center;
-  cursor: pointer;
-}
-.vux-tab .vux-tab-item.vux-tab-selected {
-  color: #1989fa;
-  border-bottom: 3px solid #1989fa;
-}
-.vux-tab-bar-top .vux-tab .vux-tab-item.vux-tab-selected {
-  border-top: 3px solid #1989fa;
-  border-bottom: none;
-}
-.vux-tab .vux-tab-item.vux-tab-disabled {
-  color: #ddd;
-}
-.vux-tab.vux-tab-no-animate .vux-tab-item.vux-tab-selected {
-  background: 0 0;
-}
-.vux-tab-bar-inner {
-  display: block;
-  height: 100%;
-  margin: auto;
-  background-color: #1989fa;
-  transition: width .3s cubic-bezier(.35, 0, .25, 1);
-}
-.vux-tab-item-badge {
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  display: inline-block;
-  box-sizing: border-box;
-  min-width: 18px;
-  height: 18px;
-  margin: auto 0 auto 4px;
-  padding: 0 4px;
-  font-size: 11px;
-  line-height: 18px;
-  vertical-align: middle;
-  background-clip: padding-box;
-  border-radius: 30px;
-}
-.vux-tab-wrap {
-  position: relative;
-  padding-top: 36px;
-}
-.vux-tab-container {
-  position: absolute;
-  top: 0;
-  right: 0;
-  left: 0;
-  height: 36px;
-  overflow: hidden;
-}
-.scrollable {
-  box-sizing: content-box;
-  padding-bottom: 17px;
-  overflow-x: auto;
-  overflow-y: hidden;
-  -webkit-overflow-scrolling: touch;
-}
-.scrollable::-webkit-scrollbar {
-  display: none;
-}
-.scrollable .vux-tab-ink-bar {
-  position: absolute;
-  bottom: 17px;
-}
-.scrollable .vux-tab-item {
-  flex: 0 0 22%;
-}
-.table-view {
-  display: flex;
-  flex-direction: column;
-  height: 100%;
-}
-.table-view .el-table--border {
-  border: none;
-}
-.table-view .border-top .el-table--border {
-  border-top: 1px solid #ebeef5;
-}
-.table-view .border-bottom .el-table--border {
-  border-bottom: 1px solid #ebeef5;
-}
-.table-view .border-left .el-table--border,
-.table-view .border-left .el-pagination {
-  border-left: 1px solid #ebeef5;
-}
-.table-view .border-right .el-table--border {
-  border-right: 1px solid #ebeef5;
-}
-.table-view .table-view-content-wrapper {
-  position: relative;
-  flex: 1;
-  overflow: hidden;
-}
-.table-view .table-view-content {
-  position: absolute;
-  top: 0;
-  left: 0;
-  display: flex;
-  width: 100%;
-  height: 100%;
-  background-color: #fff;
-}
-.table-view .table-view-sidebar {
-  flex-shrink: 0;
-  width: 240px;
-  height: 100%;
-  padding: 10px;
-  overflow: auto;
-}
-.table-view .table-view-sidebar .et-tree-wrapper {
-  display: table;
-  overflow: visible;
-}
-.table-view .table-view-table {
-  flex: 1 1 auto;
-  height: 100%;
-}
-.table-view .slide-panel {
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  z-index: 5;
-  display: flex;
-  background-color: #fff;
-  transition: right .2s ease;
-}
-.table-view .slide-panel .slide-panel-line {
-  position: relative;
-  width: 3px;
-  height: 100%;
-  background-color: #ddd;
-  flex-shrink: 0;
-}
-.table-view .slide-panel .slide-panel-line-indicator {
-  position: absolute;
-  top: 50%;
-  left: 0;
-  width: 100%;
-  height: 50px;
-  background-color: #aaa;
-  transform: translateY(-50%);
-}
-.table-view .slide-panel .slide-panel-actions {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  margin-top: 10px;
-}
-.table-view .slide-panel .slide-panel-content {
-  flex: 1;
-  padding: 10px;
-  overflow: auto;
-}
-.table-view .slide-panel .slide-panel-content .el-date-editor {
-  width: 100%;
-}
-.tag-render {
-  min-height: 80px;
-  padding-top: 3px;
-  padding-right: 5px;
-  padding-left: 5px;
-  overflow: hidden;
-  background-color: #fff;
-  border: 1px solid #d7dae0;
-  border-radius: 4px;
-}
-.tag-render .el-tag {
-  margin-top: 4px;
-}
-.tag-render .button-new-tag {
-  padding-top: 0;
-  padding-bottom: 0;
-}
-.tag-render .el-tag .el-tag__close:hover {
-  background-color: #ee8677;
-}
-.tag-render .tags-count {
-  position: absolute;
-  right: 7px;
-  bottom: -4px;
-  color: #b7b7b7;
-  font-size: .9em;
-}
-.template-tag {
-  margin: 0 10px;
-  color: #1e90ff;
-  font-weight: 700;
-  font-family: \9ed1\4f53, serif;
-  font-style: italic;
-  cursor: help !important;
-}
-.editor-shadow {
-  position: relative;
-  width: 100%;
-  height: 100%;
-  padding: 10px;
-  overflow: auto;
-  font-size: 16px;
-  font-family: \5fae\8f6f\96c5\9ed1, serif;
-  line-height: normal;
-  text-align: left;
-  word-break: normal;
-  word-spacing: 0;
-  overflow-wrap: break-word;
-  background-color: #fff;
-  border: 1px solid #dcdfe6;
-  border-radius: 4px;
-  cursor: text;
-}
-.show-placeholder {
-  position: relative;
-}
-.show-placeholder:after {
-  position: absolute;
-  top: 10px;
-  left: 11px;
-  color: #a9a9a9;
-  content: attr(placeholder);
-  pointer-events: none;
-}
-.tinymce-editor {
-  height: 100%;
-}
-.tinymce-editor.none-resize .mce-resizehandle {
-  display: none;
-}
-.tinymce-editor .mce-tinymce {
-  flex: 1;
-  height: calc(100% - 4px);
-}
-.tinymce-editor .mce-tinymce .mce-menubtn.mce-fixed-width span {
-  width: 60px;
-}
-.tinymce-editor .mce-tinymce > .mce-container-body {
-  display: flex;
-  flex-direction: column;
-  height: 100%;
-}
-.tinymce-editor .mce-tinymce > .mce-container-body > .mce-edit-area {
-  flex: 1;
-}
-.tinymce-editor .fa-icon {
-  font: 14px/1 FontAwesome !important;
-}
-.tinymce-editor .el-icon {
-  font-family: element-icons, serif !important;
-}
-.tinymce-editor .mce-label {
-  display: none;
-}
-.toolbar {
-  display: flex;
-  height: 40px;
-  padding: 0 10px;
-  line-height: 40px;
-  background-color: #fff;
-  border-bottom: 1px solid #e5e9ec;
-}
-.toolbar .toolbar-left {
-  flex: 1 1 auto;
-}
-.toolbar .toolbar-left > .form-toolbar-button:last-child .separate-line {
-  display: none;
-}
-.toolbar .toolbar-left [class*=" el-icon-"],
-.toolbar .toolbar-left [class^=el-icon-],
-.toolbar .toolbar-left i.fa {
-  margin-top: -1px;
-  color: #1989fa;
-  font-size: 15px;
-}
-.toolbar .toolbar-right .el-button {
-  display: inline-flex;
-  align-items: center;
-}
-.footer-bar {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  justify-content: center;
-  padding-top: 10px;
-}
-.footer-bar .el-button {
-  padding: 10px 40px;
-}
-.form-toolbar-button .separate-line {
-  display: inline-block;
-  width: 1px;
-  height: 18px;
-  margin: 0 10px;
-  vertical-align: middle;
-  background-color: #aaa;
-}
-.form-toolbar-button .form-toolbar-button .el-button {
-  display: inline-flex;
-  align-items: center;
-}
-.form-toolbar-button .form-toolbar-button .el-button:hover {
-  border-color: transparent;
-}
-.tags-input {
-  display: flex;
-  flex-wrap: wrap;
-  align-items: center;
-}
-.tags-input input {
-  flex: 1 1 auto;
-  background: transparent;
-  border: none;
-}
-.tags-input input:focus {
-  outline: none;
-}
-.tags-input input[type=text] {
-  color: #495057;
-}
-.tags-input-wrapper-default {
-  padding: .5rem .25rem;
-  background: #fff;
-  border: 1px solid transparent;
-  border-color: #dbdbdb;
-  border-radius: .25rem;
-}
-.tags-input span {
-  margin-right: .3rem;
-}
-.tags-input-remove {
-  position: relative;
-  display: inline-block;
-  width: .5rem;
-  height: .5rem;
-  cursor: pointer;
-}
-.tags-input-remove:before,
-.tags-input-remove:after {
-  position: absolute;
-  top: 50%;
-  left: 0;
-  width: 100%;
-  height: 2px;
-  margin-top: -1px;
-  background: #ea0000;
-  content: "";
-}
-.tags-input-remove:before {
-  transform: rotate(45deg);
-}
-.tags-input-remove:after {
-  transform: rotate(-45deg);
-}
-.tags-input-badge {
-  display: inline-block;
-  padding: .25em .4em;
-  font-weight: 700;
-  font-size: 75%;
-  line-height: 1;
-  white-space: nowrap;
-  text-align: center;
-  vertical-align: baseline;
-  border-radius: .25rem;
-}
-.tags-input-badge-pill {
-  padding-right: .6em;
-  padding-left: .6em;
-  border-radius: 10rem;
-}
-.tags-input-badge-selected-default {
-  color: #212529;
-  background-color: #f0f1f2;
-}
-.typeahead-hide-btn {
-  color: #999 !important;
-}
-.typeahead-badges > span {
-  margin-right: .3rem;
-  cursor: pointer;
-}
-.typeahead-dropdown {
-  position: absolute;
-  top: 50px;
-  right: 0;
-  z-index: 1000;
-  width: 100%;
-  max-height: 150px;
-  margin: 0;
-  padding: 0;
-  overflow: auto;
-  list-style-type: none;
-  border-radius: 4px;
-  box-shadow: 0 0 5px #d7d7d7;
-}
-.typeahead-dropdown li {
-  padding: .25rem 1rem;
-  cursor: pointer;
-}
-.tags-input-typeahead-item-default {
-  color: gray;
-  background-color: #fff;
-}
-.tags-input-typeahead-item-highlighted-default {
-  background-color: #f5f7fa;
-}
-.watermark {
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  z-index: 100;
-  height: 100%;
-  pointer-events: none;
-}
-.x-dialog .el-dialog__footer {
-  padding: 10px;
-}
-.x-dialog .el-dialog__body {
-  padding: 0;
-}
-.x-dialog .x-dialog-content {
-  max-height: 80vh;
-}