.add-chart-dialog[data-v-41e9203a]  .el-dialog__body {
  min-height: 50vh;
  padding: 0;
}
.add-chart-dialog[data-v-41e9203a]  .el-dialog__body .search-box {
  padding: 10px;
  border-bottom: 1px solid #eee;
}
.add-chart-dialog[data-v-41e9203a]  .el-dialog__body .search-box .el-input__prefix {
  left: 15px;
  top: 2px;
}
.add-chart-dialog[data-v-41e9203a]  .el-dialog__body .search-box .el-input__suffix {
  right: 15px;
}
.add-chart-dialog[data-v-41e9203a]  .el-dialog__body .es-choose-list-containers {
  height: auto;
}
.add-chart-dialog[data-v-41e9203a]  .el-dialog__body .es-choose-list-containers .work-table-choose-content-item {
  height: auto;
}
.add-chart-dialog[data-v-41e9203a]  .el-dialog__body .es-choose-list-containers .work-table-choose-content-item .content-item-box .fa-round {
  color: #999;
}
.add-chart-dialog[data-v-41e9203a]  .el-dialog__body .es-choose-list-containers .work-table-choose-content-item .content-item-box:hover {
  background: #ECF6FE;
}
.add-chart-dialog .no-data[data-v-41e9203a] {
  padding: 150px 0;
  text-align: center;
}
.add-chart-dialog .no-data img[data-v-41e9203a] {
  width: 100px;
}
.add-chart-dialog .no-data .text[data-v-41e9203a] {
  padding: 8px;
  color: #999;
}
.vue-ueditor-container {
  height: 100%;
  overflow-y: hidden;
  position: relative;
}
.vue-ueditor-container .edui-default .edui-editor {
  border: none;
}
.vue-ueditor-container .edui-default .edui-icon {
  margin: 8px;
}
.vue-ueditor-container .edui1_toolbarbox {
  position: relative !important;
}
.vue-ueditor-container .edui-default .edui-editor-toolbarbox {
  padding: 0;
}
.vue-ueditor-container .edui-default .edui-editor-iframeholder {
  padding: 0 8px;
}
.vue-ueditor-container .edui-editor-iframeholder {
  padding-top: 10px;
}
.vue-ueditor-container [id*=RichEditor-] {
  min-height: 400px;
}
.vue-ueditor-container iframe[id*=ueditor] {
  min-height: 400px;
  max-height: 100%;
}
.vue-ueditor-container iframe[id*=ueditor] body.view {
  max-height: 100%;
  overflow-y: auto;
}
.vue-ueditor-container .edui-label.edui-listitem-label.edui-default {
  font-size: 10px !important;
  min-width: auto;
}
.vue-ueditor-container .edui-editor-iframeholder.edui-default {
  width: 100% !important;
  padding: 0 !important;
}
.text-board-container .content.themeDark p, .text-board-container .content.themeScience p {
  color: #F5F6F7;
}
.text-board-container .content.themeApp p {
  color: "#1A1A1C";
}
.text-board-container .content.themeAppDark p {
  color: "#CECECE";
}
.text-board-container[data-v-bce0ab22] {
  height: 100%;
  overflow-y: auto;
}
.text-board-container .content.themeDark p[data-v-bce0ab22], .text-board-container .content.themeScience p[data-v-bce0ab22] {
  color: #F5F6F7;
}
.rich-content[data-v-bce0ab22] {
  min-height: 400px;
  max-height: 70vh;
  overflow-y: hidden;
}
[data-v-bce0ab22] .el-dialog.is-fullscreen .rich-content {
  max-height: 100vh;
}
[data-v-bce0ab22] .edui-editor-iframeholder.edui-default {
  max-height: calc(70vh - 70px);
}
[data-v-bce0ab22] .is-fullscreen .edui-editor-iframeholder.edui-default {
  max-height: calc(100vh - 200px);
}
[data-v-bce0ab22] .list-paddingleft-2 {
  padding-left: 30px;
}
[data-v-bce0ab22] .list-paddingleft-2 li {
  list-style-type: inherit;
}
.filter-board-container[data-v-09c8c79c]  .condition-value .el-date-editor .el-range__icon {
  line-height: 24px;
}
.filter-board-container[data-v-09c8c79c]  .condition-value .el-date-editor .el-range-separator {
  line-height: 24px;
}
.filter-board-container[data-v-09c8c79c]  .condition-value.el-input-number {
  width: 90px;
}
.filter-board-container[data-v-09c8c79c]  .condition-value.el-input-number .el-input__inner {
  padding: 0 5px;
}
.img-board-container .content {
  height: 100%;
}
.img-board-container .content.themeDark p, .img-board-container .content.themeScience p {
  color: #f5f6f7;
}
.img-board-container .content.themeApp p {
  color: "#1A1A1C";
}
.img-board-container .content.themeAppDark p {
  color: "#CECECE";
}
.img-board-container[data-v-3a4eb7b2] {
  height: 100%;
  overflow-y: auto;
}
.img-board-container .content.themeDark p[data-v-3a4eb7b2], .img-board-container .content.themeScience p[data-v-3a4eb7b2] {
  color: #f5f6f7;
}
.img-content[data-v-3a4eb7b2] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 70vh;
}
.img-content .left[data-v-3a4eb7b2] {
  width: 240px;
  height: 100%;
  padding-left: 48px;
  border-left: 1px solid #f5f6f7;
}
.img-content .left .left-top[data-v-3a4eb7b2] {
  width: 100%;
  height: calc(100% - 40px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.img-content .left .left-top .label[data-v-3a4eb7b2] {
  font-size: 14px;
  margin-top: 10px;
}
.img-content .left .left-top .fill-type[data-v-3a4eb7b2] {
  padding-bottom: 20px;
}
.img-content .left .left-top .fill-type .radio-box[data-v-3a4eb7b2] {
  margin-top: 10px;
}
.img-content .left .left-top .img-list[data-v-3a4eb7b2] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
}
.img-content .left .left-top .img-list .list-box[data-v-3a4eb7b2] {
  height: calc(100% - 40px);
  overflow: auto;
}
.img-content .left .left-top .img-list .list-box .list-item[data-v-3a4eb7b2] {
  margin-top: 5px;
  padding-left: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.img-content .left .left-top .img-list .list-box .list-item .img-name[data-v-3a4eb7b2] {
  width: 180px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.img-content .left .left-top .img-list .list-box .list-item .operate-btn[data-v-3a4eb7b2] {
  width: 30px;
  height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
}
.img-content .left .left-top .img-list .list-box .img-active[data-v-3a4eb7b2] {
  background-color: #f5faff;
}
.img-content .right[data-v-3a4eb7b2] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.tip-empty[data-v-3a4eb7b2] {
  text-align: center;
  color: #999999;
}
.img-box[data-v-3a4eb7b2] {
  width: 100%;
  text-align: center;
}
.right-img-center[data-v-3a4eb7b2] {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.right-img-full[data-v-3a4eb7b2] {
  width: 100%;
  height: 100%;
  -o-object-fit: fill;
     object-fit: fill;
}
.sort-move[data-v-3a4eb7b2] {
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.sort-move .list-item[data-v-3a4eb7b2]:hover {
  color: #2196f3;
  background-color: #f5faff;
}
[data-v-3a4eb7b2] .el-carousel {
  height: 100%;
}
[data-v-3a4eb7b2] .el-carousel__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
[data-v-3a4eb7b2] .el-carousel__indicator .el-carousel__button {
  width: 8px;
  height: 8px;
  background-color: #cdcfcf;
  opacity: 1;
  border-radius: 50%;
}
[data-v-3a4eb7b2] .el-carousel__indicator.is-active button {
  background-color: #409eff;
  opacity: 1;
}
.embed-box[data-v-76ced5b5] {
  height: 100%;
}
.embed-box .page-content[data-v-76ced5b5] {
  height: 100%;
}
.chain-box[data-v-76ced5b5] {
  padding: 30px 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 24px;
}
.chain-box .chain-title[data-v-76ced5b5] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
[data-v-76ced5b5] .el-input__inner,[data-v-76ced5b5] .el-input-number {
  height: 32px;
  line-height: 32px;
}
.dialog-box[data-v-206b46fd] {
  text-align: center;
}
.dialog-box .dialog-contnt[data-v-206b46fd] {
  padding: 30px 0;
}
.dialog-box .head-img[data-v-206b46fd] {
  width: 60px;
  height: 60px;
  border-radius: 30px;
}
.dialog-box .content-txt[data-v-206b46fd] {
  margin-top: 16px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #1A1A1C;
  line-height: 22px;
  text-align: left;
  padding: 0 40px;
}
.dialog-box .qcode-img[data-v-206b46fd] {
  margin-top: 40px;
  width: 140px;
  height: 140px;
  vertical-align: top;
}
.dialog-box .tip[data-v-206b46fd] {
  margin-top: 16px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #2196F3;
  line-height: 22px;
  text-align: center;
}
.dialog-box .download-btn[data-v-206b46fd] {
  position: absolute;
  bottom: -64px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  height: 32px;
  padding: 0 20px;
}
[data-v-206b46fd] .el-dialog__header {
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 0 16px !important;
}
[data-v-206b46fd] .el-dialog__body {
  padding: 0;
}
.custom-content[data-v-1f0140b7] {
  padding: 30px 40px;
}
.custom-content .content-txt[data-v-1f0140b7] {
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #1A1A1C;
}
.custom-content .chain-box[data-v-1f0140b7] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 24px;
}
.custom-content .tip[data-v-1f0140b7] {
  margin-top: 4px;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #2196F3;
}
.custom-content .chain-input[data-v-1f0140b7] {
  width: 320px;
  height: 32px;
}
.custom-content .chain-btn[data-v-1f0140b7] {
  margin-left: 16px;
}
.custom-content .chain-bottom-btn[data-v-1f0140b7] {
  margin-left: 16px;
  height: 32px;
  padding: 0 20px;
}
.custom-content .icon-help[data-v-1f0140b7] {
  color: #999999;
}
.custom-content[data-v-1f0140b7]  .el-input__inner, .custom-content[data-v-1f0140b7]  .el-input-number {
  height: 32px;
  line-height: 32px;
}
.condition-rules.el-select[data-v-1c2564d5] {
  margin-left: 10px;
  width: 140px;
}
.condition-rules.el-select[data-v-1c2564d5]  .el-input.is-disabled .el-input__inner {
  border: none;
  background: #fff;
  color: #409EFF !important;
}
.condition-rules.el-select[data-v-1c2564d5]  .el-input.is-disabled .el-input__suffix {
  display: none;
}
.dark .board-design-grid .prev[data-v-1c2564d5], .dark .board-design-grid .next[data-v-1c2564d5] {
  border: 1px solid #D8D8D8;
  background: #666666;
  color: #CECECE;
}
.board-design-grid[data-v-1c2564d5] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-height: 100%;
  padding-bottom: 40px;
  overflow-y: auto;
}
.board-design-grid.themeDark[data-v-1c2564d5]  .vxe-table--body-wrapper {
  background-color: #212949;
}
.board-design-grid.themeDark[data-v-1c2564d5]  .vxe-table--border-line, .board-design-grid.themeDark[data-v-1c2564d5]  .vxe-table--header-border-line, .board-design-grid.themeDark[data-v-1c2564d5]  .vxe-table--fixed-left-wrapper, .board-design-grid.themeDark[data-v-1c2564d5]  .vxe-table--footer-wrapper {
  border-color: #666666;
}
.board-design-grid.themeDark[data-v-1c2564d5]  .vxe-table.border--full .vxe-body--column, .board-design-grid.themeDark[data-v-1c2564d5]  .vxe-table.border--full .vxe-footer--column, .board-design-grid.themeDark[data-v-1c2564d5]  .vxe-table.border--full .vxe-header--column {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#666666), to(#666666)), -webkit-gradient(linear, left top, left bottom, from(#666666), to(#666666));
  background-image: linear-gradient(#666666, #666666), linear-gradient(#666666, #666666);
}
.board-design-grid.themeScience .block-full-screen .grid-head[data-v-1c2564d5] {
  padding: 10px;
}
.board-design-grid.themeScience[data-v-1c2564d5]  .vxe-table--body-wrapper, .board-design-grid.themeScience[data-v-1c2564d5]  .vxe-table--footer-wrapper {
  background-color: transparent;
}
.board-design-grid.themeDark .full-screen-mask[data-v-1c2564d5], .board-design-grid.themeScience .full-screen-mask[data-v-1c2564d5] {
  background: #111121;
}
.board-design-grid.themeDark .pagination[data-v-1c2564d5], .board-design-grid.themeScience .pagination[data-v-1c2564d5] {
  color: #CECECE;
}
.board-design-grid.themeDark .pagination.disabled[data-v-1c2564d5], .board-design-grid.themeScience .pagination.disabled[data-v-1c2564d5] {
  color: #999;
}
.board-design-grid.themeDark[data-v-1c2564d5]  .pagination-containers, .board-design-grid.themeScience[data-v-1c2564d5]  .pagination-containers {
  background: inherit;
}
.board-design-grid.themeDark[data-v-1c2564d5]  .pagination-containers .total-text, .board-design-grid.themeScience[data-v-1c2564d5]  .pagination-containers .total-text {
  color: #999;
}
.board-design-grid.themeDark[data-v-1c2564d5]  .pagination-containers .el-pagination .btn-next, .board-design-grid.themeDark[data-v-1c2564d5]  .pagination-containers .el-pagination .btn-prev, .board-design-grid.themeDark[data-v-1c2564d5]  .pagination-containers .el-pager li, .board-design-grid.themeScience[data-v-1c2564d5]  .pagination-containers .el-pagination .btn-next, .board-design-grid.themeScience[data-v-1c2564d5]  .pagination-containers .el-pagination .btn-prev, .board-design-grid.themeScience[data-v-1c2564d5]  .pagination-containers .el-pager li {
  color: #CECECE;
  background: inherit;
}
.board-design-grid.themeDark[data-v-1c2564d5]  .pagination-containers .el-pagination .btn-next[disabled], .board-design-grid.themeDark[data-v-1c2564d5]  .pagination-containers .el-pagination .btn-prev[disabled], .board-design-grid.themeDark[data-v-1c2564d5]  .pagination-containers .el-pager li[disabled], .board-design-grid.themeScience[data-v-1c2564d5]  .pagination-containers .el-pagination .btn-next[disabled], .board-design-grid.themeScience[data-v-1c2564d5]  .pagination-containers .el-pagination .btn-prev[disabled], .board-design-grid.themeScience[data-v-1c2564d5]  .pagination-containers .el-pager li[disabled] {
  color: #999;
}
.board-design-grid.themeDark[data-v-1c2564d5]  .pagination-containers .el-pagination .btn-next.active, .board-design-grid.themeDark[data-v-1c2564d5]  .pagination-containers .el-pagination .btn-prev.active, .board-design-grid.themeDark[data-v-1c2564d5]  .pagination-containers .el-pager li.active, .board-design-grid.themeScience[data-v-1c2564d5]  .pagination-containers .el-pagination .btn-next.active, .board-design-grid.themeScience[data-v-1c2564d5]  .pagination-containers .el-pagination .btn-prev.active, .board-design-grid.themeScience[data-v-1c2564d5]  .pagination-containers .el-pager li.active {
  color: #409EFF;
}
.board-design-grid.themeDark[data-v-1c2564d5]  .pagination-containers .el-pagination__jump, .board-design-grid.themeScience[data-v-1c2564d5]  .pagination-containers .el-pagination__jump {
  color: #CECECE;
}
.board-design-grid.themeDark[data-v-1c2564d5]  .pagination-containers .el-pagination__jump .el-input__inner, .board-design-grid.themeScience[data-v-1c2564d5]  .pagination-containers .el-pagination__jump .el-input__inner {
  background: inherit;
  color: #CECECE !important;
  border-color: #999 !important;
}
.board-design-grid .full-screen-mask[data-v-1c2564d5] {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #f5f6f9;
  z-index: 96;
}
.board-design-grid .pagination[data-v-1c2564d5] {
  width: 100px;
  height: 30px;
  position: fixed;
  top: 5px;
  left: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  color: #333;
  z-index: 99;
  margin: 0 auto;
  font-size: 14px;
}
.board-design-grid .pagination .btn[data-v-1c2564d5] {
  width: 16px;
  height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 7px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  cursor: pointer;
}
.board-design-grid .pagination .btn.prev[data-v-1c2564d5] {
  margin-right: 10px;
}
.board-design-grid .pagination .btn.next[data-v-1c2564d5] {
  margin-left: 10px;
}
.board-design-grid .pagination .btn.disabled[data-v-1c2564d5] {
  color: #9c9c9c;
  pointer-events: none;
}
.board-design-grid .appPagination[data-v-1c2564d5] {
  bottom: 0px;
  height: 40px;
  padding: 0 16px;
  border-top: 1px solid #E8E8E8;
  width: 100%;
  top: auto;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.board-design-grid .appPagination .btn[data-v-1c2564d5] {
  width: 60px;
  height: 26px;
  line-height: 26px;
  padding: 0;
  display: inline-block;
  border-radius: 4px;
  border: 1px solid #D8D8D8;
}
.board-design-grid .appPagination .darkBtn[data-v-1c2564d5] {
  border: 1px solid #D8D8D8;
  background: #666666;
  color: #CECECE;
}
.board-design-grid .appPagination .current-chart-num[data-v-1c2564d5] {
  color: #2196F3;
}
.board-design-grid .appPagination .total-chart-num-dark[data-v-1c2564d5] {
  color: #1A1A1C;
}
.board-design-grid .vue-grid-layout[data-v-1c2564d5] {
  min-height: 100%;
}
.board-design-grid .vue-grid-item[data-v-1c2564d5] {
  -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.41);
          box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.41);
}
.board-design-grid .vue-grid-item.block-full-screen[data-v-1c2564d5] {
  position: fixed !important;
  left: 0 !important;
  top: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 97;
  overflow: hidden;
}
.board-design-grid .vue-grid-item.block-full-screen .grid-title[data-v-1c2564d5] {
  max-width: calc(50% - 50px);
}
.board-design-grid .vue-grid-item.block-full-screen .gird-title-full[data-v-1c2564d5] {
  max-width: calc(100% - 50px);
}
.board-design-grid .vue-grid-item.block-padding .grid-content[data-v-1c2564d5] {
  padding-bottom: 40px;
}
.board-design-grid .vue-grid-item.current-full-screen[data-v-1c2564d5] {
  z-index: 98;
}
.board-design-grid .vue-grid-item .grid-head[data-v-1c2564d5] {
  padding: 5px;
  line-height: 30px;
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.board-design-grid .vue-grid-item .grid-head .grid-operate[data-v-1c2564d5] {
  float: right;
  display: none;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: 60px;
  cursor: pointer;
  background: 0 0;
}
.board-design-grid .vue-grid-item .grid-head .grid-operate.width-150[data-v-1c2564d5] {
  width: 300px;
}
.board-design-grid .vue-grid-item .grid-head .grid-operate.width-150[data-v-1c2564d5] {
  width: 150px;
}
.board-design-grid .vue-grid-item .grid-head .grid-operate .operate-btn[data-v-1c2564d5] {
  width: 30px;
  height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.board-design-grid .vue-grid-item .grid-head .pc-grid-operate[data-v-1c2564d5] {
  display: none;
}
.board-design-grid .vue-grid-item .grid-head .app-grid-operate[data-v-1c2564d5] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.board-design-grid .vue-grid-item .grid-head .grid-title[data-v-1c2564d5] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.board-design-grid .vue-grid-item .grid-head .grid-title .title[data-v-1c2564d5] {
  padding: 0 5px;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
}
.board-design-grid .vue-grid-item .grid-head .grid-title .grid-desc[data-v-1c2564d5] {
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.board-design-grid .vue-grid-item .grid-content[data-v-1c2564d5] {
  height: 100%;
  padding: 38px 10px 10px;
}
.board-design-grid .vue-grid-item .grid-content.grid-content_text.hidden-grid-head[data-v-1c2564d5] {
  padding: 10px;
}
.board-design-grid .vue-grid-item .grid-content[data-v-1c2564d5]  .content-containers.width-calc {
  width: 100% !important;
  margin: 0 !important;
}
.board-design-grid .vue-grid-item .grid-content[data-v-1c2564d5]  .text-line {
  color: #63b2ee !important;
}
.board-design-grid .vue-grid-item .grid-content .element-text[data-v-1c2564d5] {
  height: 100%;
  overflow: hidden;
}
.board-design-grid .vue-grid-item .grid-content .no-data[data-v-1c2564d5] {
  margin-top: 30px;
  text-align: center;
  font-size: 14px;
  color: #999999;
}
.board-design-grid .vue-grid-item[data-v-1c2564d5]:hover {
  -webkit-box-shadow: 0px 1px 3px 0px #d6ecff;
          box-shadow: 0px 1px 3px 0px #d6ecff;
}
.board-design-grid .vue-grid-item:hover .pc-grid-operate[data-v-1c2564d5] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.board-recommend-design-grid-desc-tip {
  z-index: 100001 !important;
}
.date-select-containers {
  width: 100%;
  font-size: 14px;
  color: #606266;
}
.date-select-containers .select_inner {
  border: 1px solid #dcdfe6;
  width: 100%;
  padding: 5px 10px 5px 15px;
  border-radius: 3px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.date-select-containers .select_inner > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.date-select-containers .select_inner .fa-triangledownfill {
  -webkit-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;
  font-size: 13px;
}
.date-select-containers .select_inner .drop-open {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.date-select-containers .select_inner .fa-roundclosefill {
  color: #8b95a2;
  font-weight: 200;
  margin-left: 10px;
}
.date-select-containers .select_inner .fa-roundclosefill:hover {
  color: #e8382b;
}
.date-select-containers .select_content {
  width: 284px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-transition: all 0.5s ease-in-out 0s;
  transition: all 0.5s ease-in-out 0s;
  -webkit-transform-origin: center top;
          transform-origin: center top;
  z-index: 10;
  position: absolute;
  margin-top: 3px;
  padding: 10px;
  background-color: #fff;
  border: 1px solid #ebeef5;
  border-radius: 4px;
  -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}
.date-select-containers .select_content .list-containers {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  max-height: 240px;
  overflow: auto;
}
.date-select-containers .select_content .list-containers .list-item-box {
  display: block;
  padding-bottom: 5px;
}
.date-select-containers .select_content .list-containers .el-checkbox:last-of-type {
  margin-right: 30px !important;
}
.date-select-containers .select_content .list-containers .el-checkbox__label {
  display: inline;
}
.date-select-containers .no-data {
  text-align: center;
  line-height: 30px;
  color: #666666;
  font-size: 12px;
}
@charset "UTF-8";
.color-reference {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 30px;
  border-radius: 2px;
  border: 1px solid #D8D8D8;
  padding: 4px;
  cursor: pointer;
  position: relative;
  text-align: center;
  color: #5E6D82;
  background: #fff;
}
.color-reference .color-value {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 100%;
  border: 1px solid #E8E8E8;
}
.color-reference .fa-triangledownfill {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: inline-block;
  width: 22px;
  font-size: 12px;
}
.board-color-picker {
  padding: 16px 21px 0;
  white-space: normal !important;
}
.board-color-picker .color-title {
  color: #666;
  margin-bottom: 8px;
}
.board-color-picker .color-title:nth-child(3) {
  margin-top: 6px;
}
.board-color-picker .color-list .el-color-picker {
  height: 26px;
  margin-right: 14px;
  margin-bottom: 10px;
}
.board-color-picker .color-list .el-color-picker .el-color-picker__trigger {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  padding: 0;
}
.board-color-picker .color-list .el-color-picker .el-color-picker__trigger .el-color-picker__color {
  border-radius: 50%;
  border: 0;
}
.board-color-picker .color-list .el-color-picker .el-color-picker__trigger .el-color-picker__color .el-color-picker__color-inner {
  border-radius: 50%;
}
.board-color-picker .color-list .el-color-picker .el-color-picker__trigger .el-icon-close::before {
  content: "\E6D9";
  color: #999 !important;
}
.board-color-picker .color-list .el-color-picker .el-color-picker__trigger .el-icon-arrow-down::before {
  content: " ";
}
.board-color-picker .color-list .color-item {
  width: 24px;
  height: 24px;
  display: inline-block;
  vertical-align: top;
  position: relative;
  margin-right: 16px;
  margin-bottom: 10px;
  cursor: pointer;
  position: relative;
  text-align: center;
  line-height: 30px;
  border: 1px solid rgba(181, 181, 181, 0.2);
  border-radius: 50%;
}
.board-color-picker .color-list .color-item.selected {
  width: 22px;
  height: 22px;
}
.board-color-picker .color-list .color-item.selected:before {
  position: absolute;
  left: -3px;
  top: -3px;
  content: " ";
  width: 24px;
  height: 24px;
  border: 1px solid #2196F3;
  border-radius: 50%;
}
.board-color-picker .color-list .color-item:nth-child(6n) {
  margin-right: 0;
}

.collapse[data-v-24abda84]{
  width: 100%;
  position: relative;
  overflow: hidden;
  -webkit-transition: height .28s ease-in-out;
  transition: height .28s ease-in-out;
}
.collapse-controll[data-v-24abda84]{
  position: absolute;
  bottom: 6px;
  right: 8px;
  font-size: 14px;
  font-weight: 400;
  color: #6ABCFF;
  cursor: pointer;
}
.collapse-controll-icon[data-v-24abda84]{
  margin-right: 2px;
}

.time-reminder-dialog .el-dialog__body {
  padding: 0;
}
.time-reminder-dialog .el-dialog__body .el-input__inner {
  border-radius: 2px;
}
.time-reminder-dialog .time-reminder-tip {
  height: 32px;
  line-height: 32px;
  background: #F5FAFF;
  -webkit-box-shadow: inset 0px -1px 0px 0px #F5F6F7;
          box-shadow: inset 0px -1px 0px 0px #F5F6F7;
  font-size: 12px;
  padding-left: 16px;
  color: #666666;
}
.time-reminder-dialog .time-reminder-tip .tip-color {
  color: #F7B500;
  margin-right: 8px;
}
.condition-containers[data-v-04291d8a] {
  padding: 0 16px;
}
.condition-containers .noEnable[data-v-04291d8a] {
  height: 275px;
  width: 228px;
  margin: 0 auto;
  line-height: 275px;
  font-size: 14px;
  color: #666666;
}
.condition-containers .condition-item[data-v-04291d8a] {
  padding: 0 0px 16px 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.condition-containers .condition-item.flex-start[data-v-04291d8a] {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.condition-containers .condition-item .label[data-v-04291d8a] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-size: 14px;
  font-weight: 400;
  color: #666;
}
.condition-containers .condition-item .label .tip[data-v-04291d8a] {
  font-size: 12px;
  color: #666;
}
.condition-containers .condition-item .label-remmend[data-v-04291d8a] {
  color: #1A1A1C;
}
.condition-containers .condition-item .reminder-input[data-v-04291d8a] {
  /*flex: 1;*/
  width: 100%;
}
.condition-containers .condition-item .cond-content[data-v-04291d8a], .condition-containers .condition-item .time-content[data-v-04291d8a] {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.condition-containers .condition-item .cond-content > div[data-v-04291d8a], .condition-containers .condition-item .time-content > div[data-v-04291d8a] {
  width: 33.3% !important;
  padding-right: 8px;
}
.condition-containers .condition-item .cond-content > div.date-select-containers[data-v-04291d8a], .condition-containers .condition-item .time-content > div.date-select-containers[data-v-04291d8a] {
  position: relative;
}
.condition-containers .condition-item .cond-content > div[data-v-04291d8a]:last-child, .condition-containers .condition-item .time-content > div[data-v-04291d8a]:last-child {
  padding-right: 0;
}
.condition-containers .condition-item .user-content[data-v-04291d8a]  .select-list {
  border: none;
  padding: 0;
  margin-bottom: 0;
  max-height: none;
  overflow: initial;
}
.condition-containers .condition-item .user-content[data-v-04291d8a]  .select-list .select-item {
  margin: 3px 6px 3px 0;
}
.condition-containers .condition-item .user-content-tip[data-v-04291d8a] {
  display: inline-block;
  height: 32px;
  line-height: 32px;
  margin-left: 8px;
  font-size: 12px;
  color: #666666;
}
.condition-containers .condition-item .time-content[data-v-04291d8a]  .date-select-containers .select_inner {
  height: 30px;
  line-height: 30px;
  padding: 0 10px 0 15px;
}
.condition-containers .condition-item .time-content[data-v-04291d8a]  .date-select-containers .select_inner > span {
  height: 100%;
  width: 104px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.condition-containers .condition-item .style-content[data-v-04291d8a] {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.condition-containers .condition-item .style-content .el-select[data-v-04291d8a] {
  width: 33.3%;
  padding-right: 8px;
}
.condition-containers .condition-item .style-content .el-switch[data-v-04291d8a] {
  width: 32px;
}
.condition-containers .condition-item .style-content .line-preview[data-v-04291d8a] {
  width: 33.3%;
  margin-right: 8px;
  padding: 0 8px;
  border: 1px solid #DCDFE6;
  border-radius: 2px;
}
.condition-containers .condition-item .style-content .line-preview .line[data-v-04291d8a] {
  display: inline-block;
  width: 100%;
  height: 1px;
  border-top: 1px solid #000;
}
.condition-containers .condition-item .style-content .line-preview .line.dashed[data-v-04291d8a] {
  border-top-style: dashed;
}
.condition-containers .condition-item .style-content .line-preview .line.dotted[data-v-04291d8a] {
  border-top-style: dotted;
}
.condition-containers .condition-item .style-content .color-picker[data-v-04291d8a] {
  width: 33.3%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.condition-containers .condition-item .style-content .color-picker .label[data-v-04291d8a] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.condition-containers .condition-item .style-content .color-picker .label + span[data-v-04291d8a] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.condition-containers .condition-item .style-content .color-picker[data-v-04291d8a]  .color-reference {
  width: 100%;
  border: none;
  padding: 0;
}
.condition-containers .condition-item .style-content .color-picker[data-v-04291d8a]  .color-reference .color-value {
  border-radius: 4px;
}
.condition-containers .condition-item .style-content .color-picker[data-v-04291d8a]  .color-reference .fa-triangledownfill {
  display: none;
}
.condition-containers .item-switch-box[data-v-04291d8a] {
  padding-left: 0;
  height: 38px;
  line-height: 38px;
  padding-bottom: 0px;
}
.condition-containers .item-switch-box .label[data-v-04291d8a] {
  padding-right: 8px;
}
.condition-containers .condition-line[data-v-04291d8a] {
  width: 100%;
  height: 1px;
  margin: 0px 0 16px;
  border-bottom: 1px solid #E8E8E8;
}
.radio-group {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.radio-group .radio-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
.radio-group .radio-item:nth-child(odd) {
  margin-right: 16px;
}
.radio-group .radio-item .fa-round {
  color: #B2B2B2;
}
.radio-group .radio-item .name {
  padding-left: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.radio-group .radio-item .name .fa-info {
  padding-left: 4px;
  color: #2196F3;
}
.radio-group {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.radio-group .radio-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
.radio-group .radio-item:nth-child(odd) {
  margin-right: 16px;
}
.radio-group .radio-item .fa-round {
  color: #B2B2B2;
}
.radio-group .radio-item .name {
  padding-left: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.radio-group .radio-item .name .fa-info {
  padding-left: 4px;
  color: #2196F3;
}
@charset "UTF-8";
.custom-color-box[data-v-52608381] {
  white-space: normal !important;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.custom-color-box .el-color-picker[data-v-52608381] {
  height: 20px;
  width: 100%;
}
[data-v-52608381] .el-color-picker__trigger {
  width: calc(100% - 22px);
  height: 20px;
  padding: 0;
  border: none;
  display: block;
}
[data-v-52608381] .el-color-picker__trigger .el-color-picker__color {
  border: 1px solid #E8E8E8;
}
[data-v-52608381] .el-color-picker__trigger .el-icon-close::before {
  content: "\E790";
  color: #5e6d82 !important;
}
[data-v-52608381] .el-color-picker__trigger .el-icon-arrow-down::before {
  content: "\E790";
}
[data-v-52608381] .el-color-picker__trigger .el-color-picker__empty,[data-v-52608381] .el-color-picker__trigger .el-color-picker__icon {
  font-size: 18px;
  color: #5e6d82 !important;
  margin-left: calc(50% + 11px);
}
.color-reference[data-v-52608381] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 30px;
  border-radius: 2px;
  border: 1px solid #D8D8D8;
  padding: 4px;
  cursor: pointer;
  position: relative;
  text-align: center;
  color: #5E6D82;
  background: #fff;
}
.color-reference .color-value[data-v-52608381] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 100%;
  border: 1px solid #E8E8E8;
}
.color-reference .fa-triangledownfill[data-v-52608381] {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: inline-block;
  width: 22px;
  font-size: 12px;
}
.board-color-picker[data-v-52608381] {
  padding: 16px 21px 0;
  white-space: normal !important;
}
.board-color-picker .color-title[data-v-52608381] {
  color: #666;
  margin-bottom: 8px;
}
.board-color-picker .color-title[data-v-52608381]:nth-child(3) {
  margin-top: 6px;
}
.board-color-picker .color-list .el-color-picker[data-v-52608381] {
  height: 26px;
  margin-right: 14px;
  margin-bottom: 10px;
}
.board-color-picker .color-list .el-color-picker .el-color-picker__trigger[data-v-52608381] {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  padding: 0;
}
.board-color-picker .color-list .el-color-picker .el-color-picker__trigger .el-color-picker__color[data-v-52608381] {
  border-radius: 50%;
  border: 0;
}
.board-color-picker .color-list .el-color-picker .el-color-picker__trigger .el-color-picker__color .el-color-picker__color-inner[data-v-52608381] {
  border-radius: 50%;
}
.board-color-picker .color-list .el-color-picker .el-color-picker__trigger .el-icon-close[data-v-52608381]::before {
  content: "\E6D9";
  color: #999 !important;
}
.board-color-picker .color-list .el-color-picker .el-color-picker__trigger .el-icon-arrow-down[data-v-52608381]::before {
  content: " ";
}
.board-color-picker .color-list .color-item[data-v-52608381] {
  width: 24px;
  height: 24px;
  display: inline-block;
  vertical-align: top;
  position: relative;
  margin-right: 16px;
  margin-bottom: 10px;
  cursor: pointer;
  position: relative;
  text-align: center;
  line-height: 30px;
  border: 1px solid rgba(181, 181, 181, 0.2);
  border-radius: 50%;
}
.board-color-picker .color-list .color-item.selected[data-v-52608381] {
  width: 22px;
  height: 22px;
}
.board-color-picker .color-list .color-item.selected[data-v-52608381]:before {
  position: absolute;
  left: -3px;
  top: -3px;
  content: " ";
  width: 24px;
  height: 24px;
  border: 1px solid #2196F3;
  border-radius: 50%;
}
.board-color-picker .color-list .color-item[data-v-52608381]:nth-child(6n) {
  margin-right: 0;
}
.custom-btn {
  background: #FFFFFF;
  border-radius: 2px;
  border: 1px solid #D8D8D8;
  text-align: center;
  padding: 7px 0;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #2196F3;
  cursor: pointer;
}
.color-dialog .content-widget {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.color-dialog .content-widget .content-title {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-size: 14px;
  font-weight: 400;
  color: #666;
  padding-right: 12px;
}
.color-dialog .content-widget .content-title + span {
  display: inline-block;
  width: 100%;
}
.color-dialog .content-widget .custom-title {
  min-width: 58px;
}
.color-dialog .btn-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 8px;
}
.color-dialog .confirm-btn {
  padding: 5px 15px;
  background: #FFFFFF;
  border-radius: 4px;
  border: 1px solid #2196F3;
  margin-left: 13px;
  cursor: pointer;
}
.color-dialog .btn-text {
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #2196F3;
  cursor: pointer;
}
.color-editor {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.color-editor .color-col {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  height: 100%;
}
.board-color-match {
  padding: 0;
}
.board-color-match .color-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 4px 3px;
  cursor: pointer;
  border-bottom: 1px solid #D8D8D8;
}
.board-color-match .color-item.selected {
  background: #D6ECFF;
}
.board-color-match .color-item .item-color {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.board-color-match .color-item .item-color .color-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.board-color-match .color-item .item-color .color-wrapper .color-col {
  height: 22px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 23px;
          flex: 0 0 23px;
}
.board-color-match .color-item .item-text {
  padding-left: 3px;
  color: #1A1A1C;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/*!
 * Cropper.js v1.5.4
 * https://fengyuanchen.github.io/cropperjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2019-08-03T08:38:38.177Z
 */

.cropper-container {
  direction: ltr;
  font-size: 0;
  line-height: 0;
  position: relative;
  -ms-touch-action: none;
  touch-action: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.cropper-container img {
  display: block;
  height: 100%;
  image-orientation: 0deg;
  max-height: none !important;
  max-width: none !important;
  min-height: 0 !important;
  min-width: 0 !important;
  width: 100%;
}

.cropper-wrap-box,
.cropper-canvas,
.cropper-drag-box,
.cropper-crop-box,
.cropper-modal {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.cropper-wrap-box,
.cropper-canvas {
  overflow: hidden;
}

.cropper-drag-box {
  background-color: #fff;
  opacity: 0;
}

.cropper-modal {
  background-color: #000;
  opacity: 0.5;
}

.cropper-view-box {
  display: block;
  height: 100%;
  outline: 1px solid #39f;
  outline-color: rgba(51, 153, 255, 0.75);
  overflow: hidden;
  width: 100%;
}

.cropper-dashed {
  border: 0 dashed #eee;
  display: block;
  opacity: 0.5;
  position: absolute;
}

.cropper-dashed.dashed-h {
  border-bottom-width: 1px;
  border-top-width: 1px;
  height: calc(100% / 3);
  left: 0;
  top: calc(100% / 3);
  width: 100%;
}

.cropper-dashed.dashed-v {
  border-left-width: 1px;
  border-right-width: 1px;
  height: 100%;
  left: calc(100% / 3);
  top: 0;
  width: calc(100% / 3);
}

.cropper-center {
  display: block;
  height: 0;
  left: 50%;
  opacity: 0.75;
  position: absolute;
  top: 50%;
  width: 0;
}

.cropper-center::before,
.cropper-center::after {
  background-color: #eee;
  content: ' ';
  display: block;
  position: absolute;
}

.cropper-center::before {
  height: 1px;
  left: -3px;
  top: 0;
  width: 7px;
}

.cropper-center::after {
  height: 7px;
  left: 0;
  top: -3px;
  width: 1px;
}

.cropper-face,
.cropper-line,
.cropper-point {
  display: block;
  height: 100%;
  opacity: 0.1;
  position: absolute;
  width: 100%;
}

.cropper-face {
  background-color: #fff;
  left: 0;
  top: 0;
}

.cropper-line {
  background-color: #39f;
}

.cropper-line.line-e {
  cursor: ew-resize;
  right: -3px;
  top: 0;
  width: 5px;
}

.cropper-line.line-n {
  cursor: ns-resize;
  height: 5px;
  left: 0;
  top: -3px;
}

.cropper-line.line-w {
  cursor: ew-resize;
  left: -3px;
  top: 0;
  width: 5px;
}

.cropper-line.line-s {
  bottom: -3px;
  cursor: ns-resize;
  height: 5px;
  left: 0;
}

.cropper-point {
  background-color: #39f;
  height: 5px;
  opacity: 0.75;
  width: 5px;
}

.cropper-point.point-e {
  cursor: ew-resize;
  margin-top: -3px;
  right: -3px;
  top: 50%;
}

.cropper-point.point-n {
  cursor: ns-resize;
  left: 50%;
  margin-left: -3px;
  top: -3px;
}

.cropper-point.point-w {
  cursor: ew-resize;
  left: -3px;
  margin-top: -3px;
  top: 50%;
}

.cropper-point.point-s {
  bottom: -3px;
  cursor: s-resize;
  left: 50%;
  margin-left: -3px;
}

.cropper-point.point-ne {
  cursor: nesw-resize;
  right: -3px;
  top: -3px;
}

.cropper-point.point-nw {
  cursor: nwse-resize;
  left: -3px;
  top: -3px;
}

.cropper-point.point-sw {
  bottom: -3px;
  cursor: nesw-resize;
  left: -3px;
}

.cropper-point.point-se {
  bottom: -3px;
  cursor: nwse-resize;
  height: 20px;
  opacity: 1;
  right: -3px;
  width: 20px;
}

@media (min-width: 768px) {
  .cropper-point.point-se {
    height: 15px;
    width: 15px;
  }
}

@media (min-width: 992px) {
  .cropper-point.point-se {
    height: 10px;
    width: 10px;
  }
}

@media (min-width: 1200px) {
  .cropper-point.point-se {
    height: 5px;
    opacity: 0.75;
    width: 5px;
  }
}

.cropper-point.point-se::before {
  background-color: #39f;
  bottom: -50%;
  content: ' ';
  display: block;
  height: 200%;
  opacity: 0;
  position: absolute;
  right: -50%;
  width: 200%;
}

.cropper-invisible {
  opacity: 0;
}

.cropper-bg {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC');
}

.cropper-hide {
  display: block;
  height: 0;
  position: absolute;
  width: 0;
}

.cropper-hidden {
  display: none !important;
}

.cropper-move {
  cursor: move;
}

.cropper-crop {
  cursor: crosshair;
}

.cropper-disabled .cropper-drag-box,
.cropper-disabled .cropper-face,
.cropper-disabled .cropper-line,
.cropper-disabled .cropper-point {
  cursor: not-allowed;
}

.avatar-icon-container .avatar-icon-content {
  padding-bottom: 16px;
}
.avatar-icon-container .choose-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 60px;
  justify-items: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 10px;
}
.avatar-icon-container .choose-image .avatar-uploader {
  height: 30px;
}
.avatar-icon-container .choose-image .avatar-uploader .choose-image_btn {
  height: 30px;
  padding: 8px 20px;
}
.avatar-icon-container .choose-image .text-tip {
  width: 85%;
  height: 30px;
  margin-left: 15px;
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.avatar-icon-container .choose-image .text-tip.text-tip-danger {
  background-color: #fef0f0;
  color: #f56c6c;
}
.avatar-icon-container .cropper-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.avatar-icon-container .upload-crop-box {
  width: 580px;
  height: 350px;
}
.avatar-icon-container .preview-box-parcel {
  margin-left: 30px;
}
.avatar-icon-container .preview-box-parcel .img-preview {
  margin-bottom: 15px;
}
.avatar-icon-container .preview-box-parcel .img-preview .previewImg {
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 20px;
}
.avatar-icon-container .preview-box-parcel .img-preview.circle {
  height: 200px;
  width: 200px;
}
.avatar-icon-container .preview-box-parcel .img-preview.square {
  width: 204px;
  height: 80px;
}
.avatar-icon-container .preview-box-parcel .img-preview.square .previewImg {
  border-radius: 0;
}
.avatar-icon-container .preview-title {
  line-height: 20px;
  margin-bottom: 15px;
  font-size: 14px;
  text-align: left;
}
.avatar-icon-container .cropper-face {
  border-radius: 100%;
}
.avatar-icon-container .width-30 {
  width: 100px;
}
.avatar-icon-container .width-30.width-30-red input {
  color: #f56c6c;
  border-color: #fef0f0;
}
.avatar-icon-container .text-gray {
  color: #606266;
}
.pic-uploader .el-upload {
  width: 100%;
}
.pic-uploader .el-upload .el-button {
  width: 100%;
  padding-top: 7px;
  padding-bottom: 7px;
  color: #68A0D5;
}
.pic-uploader .el-upload .el-button > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.pic-uploader .el-upload .el-button .fa-pic {
  font-size: 16px !important;
  padding-right: 3px;
}
.pic-uploader .el-upload .el-image {
  width: 100%;
  height: 80px;
}
.add-cover-dialog[data-v-6ca585ee]  .el-dialog__body {
  min-height: 50vh;
  padding: 0;
}
.add-cover-dialog[data-v-6ca585ee]  .el-dialog__body .search-box {
  padding: 10px;
  border-bottom: 1px solid #eee;
}
.add-cover-dialog[data-v-6ca585ee]  .el-dialog__body .search-box .el-input__prefix {
  left: 15px;
  top: 2px;
}
.add-cover-dialog[data-v-6ca585ee]  .el-dialog__body .search-box .el-input__suffix {
  right: 15px;
}
.add-cover-dialog[data-v-6ca585ee]  .el-dialog__body .es-choose-list-containers {
  height: auto;
}
.add-cover-dialog[data-v-6ca585ee]  .el-dialog__body .es-choose-list-containers .work-table-choose-content-item {
  height: auto;
}
.add-cover-dialog[data-v-6ca585ee]  .el-dialog__body .es-choose-list-containers .work-table-choose-content-item .content-item-box .fa-round {
  color: #999;
}
.add-cover-dialog[data-v-6ca585ee]  .el-dialog__body .es-choose-list-containers .work-table-choose-content-item .content-item-box:hover {
  background: #ecf6fe;
}
.add-cover-dialog .cover[data-v-6ca585ee] {
  width: 179px;
  height: 90px;
  float: left;
  margin: 16px 0 0 16px;
  border-radius: 4px;
  border: 1px solid #e8e8e8;
  position: relative;
  .coverchecked-position: absolute;
  .coverchecked-right: 8px;
  .coverchecked-top: 8px;
}
.add-cover-dialog .cover img[data-v-6ca585ee] {
  width: 100%;
  height: 100%;
}
.add-cover-dialog .no-data[data-v-6ca585ee] {
  padding: 150px 0;
  text-align: center;
}
.add-cover-dialog .no-data img[data-v-6ca585ee] {
  width: 100px;
}
.add-cover-dialog .no-data .text[data-v-6ca585ee] {
  padding: 8px;
  color: #999;
}
.custom-footer[data-v-6ca585ee] {
  float: left;
  height: 30px;
  line-height: 30px;
}
.el-select-group__wrap[data-v-6483fc5a]:not(:last-of-type)::after {
  display: none;
}
.el-select-group__wrap.grop-item-hasborder[data-v-6483fc5a] {
  border-top: 1px solid #E4E7ED;
  border-bottom: 1px solid #E4E7ED;
}
.el-select-group__wrap[data-v-6483fc5a]:not(:last-of-type) {
  padding-bottom: 5px;
}
.el-checkbox-group[data-v-6483fc5a] {
  float: left;
  width: 70%;
  overflow: hidden;
}
.display-checkbox[data-v-6483fc5a] {
  display: block;
}
.display-checkbox .name[data-v-6483fc5a] {
  display: inline-block;
  width: 356px;
  font-style: normal;
}
.chart-field-box[data-v-6483fc5a] {
  float: left;
  width: 30%;
}
.chart-field-box .chart-field-list[data-v-6483fc5a] {
  height: 40px;
}
[data-v-6483fc5a] .el-date-editor .el-range-separator {
  line-height: 24px !important;
  width: 7% !important;
}
[data-v-6483fc5a] .el-date-editor .el-range__icon {
  line-height: 24px !important;
}
.condition-value-box[data-v-6483fc5a] {
  display: inline-block;
  margin-left: 10px;
}
.board-design-layout {
  height: 100%;
}
.board-design-layout .board-design-header {
  height: 50px;
  line-height: 50px;
  padding: 0 24px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-shadow: 0px 1px 0px 0px #E8E8E8;
          box-shadow: 0px 1px 0px 0px #E8E8E8;
  background-color: #fff;
}
.board-design-layout .board-design-header .board-info {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.board-design-layout .board-design-header .board-info .board-back {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.board-design-layout .board-design-header .board-info .board-back .fa-back {
  font-size: 18px;
  color: #2196F3;
  cursor: pointer;
}
.board-design-layout .board-design-header .board-info .board-name {
  min-width: 240px;
  width: auto;
  max-width: 240px;
  padding: 0 5px 0 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.board-design-layout .board-design-header .board-info .board-name .el-input__inner {
  padding-left: 0px;
  padding-right: 30px;
  color: #1a1a1c;
  border: 0;
  border-bottom: 1px dashed #979797;
  border-radius: 0;
}
.board-design-layout .board-design-header .el-button.is-plain {
  position: relative;
  margin-left: 64px;
}
.board-design-layout .board-design-header .el-button.is-plain::before {
  content: "";
  position: absolute;
  top: 2px;
  left: -32px;
  bottom: 2px;
  width: 1px;
  background: #e0e0e0;
}
.board-design-layout .app-preview {
  width: 900px !important;
}
.board-design-layout .app-preview .el-drawer__header {
  padding: 0 20px;
  height: 50px;
}
.board-design-layout .app-preview .app-preview-save {
  position: absolute;
  right: 54px;
  top: 9px;
  width: 60px;
  height: 32px;
  background: #2196F3;
  border-radius: 4px;
  border: 1px solid #2196F3;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 22px;
  padding: 0;
}
.board-design-layout .app-preview .data-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}
.board-design-layout .app-preview .data-main .data-left {
  height: 100%;
  width: 300px;
  border-right: 1px solid #D8D8D8;
}
.board-design-layout .app-preview .data-main .data-left .left-containers {
  height: 100%;
  background: #fff;
}
.board-design-layout .app-preview .data-main .data-left .left-title {
  font-size: 14px;
  font-weight: 400;
  color: #1A1A1C;
  padding: 6px 16px;
  color: #1A1A1C;
  background: #F5F6F7;
  -webkit-box-shadow: 0px 1px 0px 0px #E8E8E8;
          box-shadow: 0px 1px 0px 0px #E8E8E8;
}
.board-design-layout .app-preview .data-main .data-left .left-list {
  height: calc(100% - 48px);
  overflow-y: auto;
}
.board-design-layout .app-preview .data-main .data-left .left-list .left-item {
  width: 100%;
  font-size: 14px;
  font-weight: 400;
  color: #1A1A1C;
  padding: 12px 16px;
  -webkit-box-shadow: 0px 1px 0px 0px #F5F6F7;
          box-shadow: 0px 1px 0px 0px #F5F6F7;
  cursor: move;
  caret-color: red;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.board-design-layout .app-preview .data-main .data-left .left-list .left-item.active {
  background: #ECF6FE;
  color: #2196F3;
}
.board-design-layout .app-preview .data-main .data-right {
  height: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #fff;
  overflow: hidden;
}
.board-design-layout .app-preview .data-main .data-right .data-right-content {
  margin: 20px auto;
  width: 392px;
  height: 646px;
  padding: 16px;
  overflow-y: auto;
  background: #FFFFFF;
  -webkit-box-shadow: 0px 0px 9px 0px #999999;
          box-shadow: 0px 0px 9px 0px #999999;
  border-radius: 12px;
}
.board-design-layout .app-preview .data-main .data-right .data-right-content .right-shadow {
  width: 360px;
  height: 614px;
  background: #F5F6F7;
  border-radius: 8px;
  height: 100%;
  overflow-y: auto;
}
.board-design-layout .app-preview .data-main .data-right .data-right-content .right-shadow .right-content {
  height: 100%;
  overflow-y: auto;
}
.board-design-layout .app-preview .data-main ::v-deep .pagination-containers {
  margin: 0 !important;
}
.board-design-layout .board-design-main {
  width: 100%;
  height: calc(100% - 50px);
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.board-design-layout .board-design-main .board-design-style {
  width: 300px;
  min-height: 100%;
  background: #FFFFFF;
  padding: 0 16px 50px;
  -webkit-box-shadow: 1px 0px 0px 0px #E8E8E8;
          box-shadow: 1px 0px 0px 0px #E8E8E8;
  overflow-y: auto;
}
.board-design-layout .board-design-main .board-design-style .el-menu--horizontal .el-menu-item {
  height: 46px;
  line-height: 46px;
  padding: 0;
  font-weight: 600;
  margin: 0 12px;
}
.board-design-layout .board-design-main .board-design-style .el-menu--horizontal .el-menu-item:first-child {
  margin-left: 0;
}
.board-design-layout .board-design-main .board-design-style .style-group {
  padding-top: 16px;
}
.board-design-layout .board-design-main .board-design-style .style-group:nth-child(2) {
  padding-top: 8px;
}
.board-design-layout .board-design-main .board-design-style .style-group .group-title {
  font-size: 14px;
  font-weight: 600;
  color: #333333;
  padding-bottom: 8px;
}
.board-design-layout .board-design-main .board-design-style .style-group .group-title .titleIcon {
  margin-left: 8px;
  color: #2196F3;
}
.board-design-layout .board-design-main .board-design-style .style-group .group-title.group-title_tables {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.board-design-layout .board-design-main .board-design-style .style-group .group-title.group-title_tables .tips-icon {
  margin-left: 8px;
  cursor: help;
}
.board-design-layout .board-design-main .board-design-style .style-group .group-card .card-item {
  display: inline-block;
  vertical-align: top;
  width: 50%;
  padding-bottom: 8px;
}
.board-design-layout .board-design-main .board-design-style .style-group .group-card .card-item:nth-child(odd) {
  padding-right: 8px;
}
.board-design-layout .board-design-main .board-design-style .style-group .group-card .card-item.selected .item-content {
  border-color: #2196F3;
}
.board-design-layout .board-design-main .board-design-style .style-group .group-card .card-item .item-content {
  height: 80px;
  border-radius: 2px;
  cursor: pointer;
  border: 1px solid transparent;
  padding: 8px 15px 4px;
}
.board-design-layout .board-design-main .board-design-style .style-group .group-card .card-item .item-content .item-background {
  height: 46px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.board-design-layout .board-design-main .board-design-style .style-group .group-card .card-item .item-content .item-name {
  font-size: 12px;
  padding-top: 4px;
  text-align: center;
}
.board-design-layout .board-design-main .board-design-style .style-group .group-card .card-item .item-content.style-themeLight {
  background: #F5F6F7;
}
.board-design-layout .board-design-main .board-design-style .style-group .group-card .card-item .item-content.style-themeLight .item-background {
  background-image: url(data:image/png;base64,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);
}
.board-design-layout .board-design-main .board-design-style .style-group .group-card .card-item .item-content.style-themeLight .item-name {
  color: #333;
}
.board-design-layout .board-design-main .board-design-style .style-group .group-card .card-item .item-content.style-themeDark {
  background: #000000;
}
.board-design-layout .board-design-main .board-design-style .style-group .group-card .card-item .item-content.style-themeDark .item-background {
  background-image: url(data:image/png;base64,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);
}
.board-design-layout .board-design-main .board-design-style .style-group .group-card .card-item .item-content.style-themeDark .item-name {
  color: #cecece;
}
.board-design-layout .board-design-main .board-design-style .style-group .group-card .card-item .item-content.style-themeScience {
  background: #000000;
}
.board-design-layout .board-design-main .board-design-style .style-group .group-card .card-item .item-content.style-themeScience .item-background {
  background-image: url(../../static/img/board-science.png);
}
.board-design-layout .board-design-main .board-design-style .style-group .group-card .card-item .item-content.style-themeScience .item-name {
  color: #cecece;
}
.board-design-layout .board-design-main .board-design-style .style-group .group-content .content-cover {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  justify-items: flex-start;
}
.board-design-layout .board-design-main .board-design-style .style-group .group-content .content-cover .coverImg {
  height: 77px;
  width: 150px;
  border-radius: 4px;
  border: 1px solid #E8E8E8;
}
.board-design-layout .board-design-main .board-design-style .style-group .group-content .content-cover .coverImg img {
  width: 100%;
  height: 100%;
}
.board-design-layout .board-design-main .board-design-style .style-group .group-content .content-cover .coverChange {
  margin-left: 16px;
  color: #2196F3;
  cursor: pointer;
}
.board-design-layout .board-design-main .board-design-style .style-group .group-content .content-widget {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 8px;
}
.board-design-layout .board-design-main .board-design-style .style-group .group-content .content-widget.column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding-top: 8px;
  padding-bottom: 0;
}
.board-design-layout .board-design-main .board-design-style .style-group .group-content .content-widget.column .content-title {
  padding-bottom: 8px;
}
.board-design-layout .board-design-main .board-design-style .style-group .group-content .content-widget .content-title {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  font-size: 14px;
  font-weight: 400;
  color: #666;
  padding-right: 12px;
}
.board-design-layout .board-design-main .board-design-style .style-group .group-content .content-widget .content-title + span {
  display: inline-block;
  width: 100%;
}
.board-design-layout .board-design-main .board-design-style .style-group .group-content .content-widget .custom-title {
  min-width: 58px;
}
.board-design-layout .board-design-main .board-design-style .style-group .group-content .content-widget .el-select {
  width: 100%;
}
.board-design-layout .board-design-main .board-design-style .style-group .group-content .content-widget .el-select .el-input__inner {
  border-radius: 2px;
}
.board-design-layout .board-design-main .board-design-style .style-group .group-content .pdt-8 {
  padding-top: 8px;
}
.board-preview-drawer {
  height: 100% !important;
}
.board-preview-drawer .el-drawer__body {
  padding: 0;
}
.recommend-cover-dialog-checked {
  position: absolute;
  right: 8px;
  top: 3px;
}