.echarts {
  width: 600px;
  height: 400px;
}

.pivot-table-box[data-v-39dfa7a6] {
  height: 100%;
}
.chart-pivot-table1 {
  height: 100%;
  overflow: auto;
}
.chart-pivot-table1 .vxe-table .vxe-body--column.col--left,
.chart-pivot-table1 .vxe-table .vxe-footer--column.col--left,
.chart-pivot-table1 .vxe-table .vxe-header--column.col--left {
  text-align: left;
}
.chart-pivot-table1 .vxe-table .vxe-body--column.col--ellipsis, .chart-pivot-table1 .vxe-table.vxe-editable .vxe-body--column, .chart-pivot-table1 .vxe-table .vxe-footer--column.col--ellipsis, .chart-pivot-table1 .vxe-table .vxe-header--column.col--ellipsis {
  height: 38px;
}
.chart-pivot-table1 .vxe-table .vxe-body--column:not(.col--ellipsis), .chart-pivot-table1 .vxe-table .vxe-footer--column:not(.col--ellipsis), .chart-pivot-table1 .vxe-table .vxe-header--column:not(.col--ellipsis) {
  padding: 7px 0;
}
.chart-pivot-table1 .img-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 4px 0;
}
.chart-pivot-table1 .img-item {
  width: 40px;
  height: 40px;
  margin-right: 10px;
  margin-bottom: 5px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.chart-pivot-table1 .item-thumbnail, .chart-pivot-table1 .item-icon {
  width: 40px;
  height: 40px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.chart-pivot-table1 .item-thumbnail .text-tupian1, .chart-pivot-table1 .item-icon .text-tupian1 {
  color: #52688f;
}
.chart-pivot-table1 .item-thumbnail .text-w, .chart-pivot-table1 .item-icon .text-w {
  color: #1195de;
}
.chart-pivot-table1 .item-thumbnail .text-icon_excel, .chart-pivot-table1 .item-icon .text-icon_excel {
  color: #3baa6d;
}
.chart-pivot-table1 .item-thumbnail .text-ppt, .chart-pivot-table1 .item-icon .text-ppt {
  color: #de4912;
}
.chart-pivot-table1 .item-thumbnail .text-pdf, .chart-pivot-table1 .item-thumbnail .text-yinle, .chart-pivot-table1 .item-thumbnail .text-shipin, .chart-pivot-table1 .item-icon .text-pdf, .chart-pivot-table1 .item-icon .text-yinle, .chart-pivot-table1 .item-icon .text-shipin {
  color: #ca211b;
}
.chart-pivot-table1 .item-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.chart-pivot-table1 .item-box .fa {
  font-size: 40px;
}
.chart-pivot-table .vxe-table .vxe-body--column.col--left,
.chart-pivot-table .vxe-table .vxe-footer--column.col--left,
.chart-pivot-table .vxe-table .vxe-header--column.col--left {
  text-align: left;
}
.chart-pivot-table .vxe-table--footer-wrapper {
  margin-top: -1px !important;
}
.chart-containers[data-v-0f722696] {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.chart-containers .no-data[data-v-0f722696] {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #999;
  font-size: 14px;
}
.chart-containers .no-data .fa-info[data-v-0f722696] {
  font-size: 24px;
  padding-bottom: 8px;
}
.chart-containers .content-containers[data-v-0f722696] {
  height: calc(100% - 40px);
  min-height: 0;
  margin-bottom: 20px;
}
.chart-containers .content-containers.flex[data-v-0f722696] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.chart-containers .content-containers.width-calc[data-v-0f722696] {
  width: calc(100% - 20px);
}
.chart-containers .content-containers.overflow[data-v-0f722696] {
  overflow-x: hidden;
  overflow-y: auto;
}
.chart-containers .content-containers .echarts[data-v-0f722696] {
  width: 100%;
  height: 100%;
}
.chart-containers .content-containers .share-echarts[data-v-0f722696] {
  width: 100%;
  height: calc(100% - 40px) !important;
}
.chart-containers .content-containers .content-wrapper[data-v-0f722696] {
  min-height: 20px !important;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.chart-containers .content-containers .content-wrapper .inner-content[data-v-0f722696] {
  max-width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.chart-containers .content-containers .content-wrapper .inner-content .text-line[data-v-0f722696] {
  color: #1a1a1c;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  overflow: hidden;
  white-space: nowrap;
}
.chart-containers .content-containers .content-wrapper .inner-content .text-line .text-val[data-v-0f722696],
.chart-containers .content-containers .content-wrapper .inner-content .text-line .text-unit[data-v-0f722696] {
  line-height: 1.2;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  white-space: nowrap;
}
.chart-containers .content-containers .content-wrapper .inner-content .text-line .text-val.text-unit[data-v-0f722696],
.chart-containers .content-containers .content-wrapper .inner-content .text-line .text-unit.text-unit[data-v-0f722696] {
  padding-left: 5px;
}
.chart-containers .content-containers .content-wrapper .inner-content .text-line-hover[data-v-0f722696] {
  cursor: pointer;
}
.chart-containers .mb-20[data-v-0f722696] {
  margin-bottom: 20px !important;
}
.chart-containers .pagination-containers[data-v-0f722696],
.chart-containers .ant-pagination[data-v-0f722696] {
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 0;
  text-align: right;
}
.chart-containers .pagination-containers[data-v-0f722696] {
  overflow: auto;
}
.chart-containers .pagerH5Size[data-v-0f722696] .el-pager li {
  min-width: 24px;
}
.table-box[data-v-0f722696] {
  padding: 20px 0;
}
.grid-head[data-v-0f722696] {
  padding: 5px;
  line-height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.grid-head .grid-operate[data-v-0f722696] {
  -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;
  cursor: pointer;
  background: 0 0;
}
.grid-head .grid-operate.width-150[data-v-0f722696] {
  width: 300px;
}
.grid-head .grid-operate.width-150[data-v-0f722696] {
  width: 150px;
}
.grid-head .grid-operate .operate-btn[data-v-0f722696] {
  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;
}
.title-box[data-v-0f722696] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #1A1A1C;
  line-height: 22px;
  padding: 14px 16px;
  margin: 16px 10px 0 10px;
  background-color: #ffffff;
}
.title-box .primary-txt[data-v-0f722696] {
  color: #2196F3;
  cursor: pointer;
}
.share-board[data-v-0f722696] {
  margin: 10px;
  background: #ffffff;
  -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);
  padding: 0px 10px 10px;
}
.share-board .share-pc-echarts[data-v-0f722696] {
  height: calc(100% - 40px) !important;
}
.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;
}
.condition-value-box .condition-betweentime-value[data-v-6d9efb94]  .el-input__inner.el-date-editor--timerange {
  width: 220px;
}
.condition-value-box .condition-betweentime-value[data-v-6d9efb94]  .el-input__inner.el-date-editor--timerange .el-range-separator {
  width: 10% !important;
}
.condition-value-box .condition-betweentime-value[data-v-6d9efb94]  .el-input__inner.el-date-editor--timerange .el-range__close-icon {
  line-height: 24px;
}
.condition-value-box .condition-between-value .el-date-editor.isH5[data-v-6d9efb94] {
  width: 143px;
}
.condition-value-box .condition-between-value .el-date-editor.isH5[data-v-6d9efb94]  .el-input__inner {
  padding: 0 5px 0 23px;
  font-size: 12px;
}
.condition-value-box .el-input-number[data-v-6d9efb94] {
  width: 180px;
}
.condition-value-box .el-input-number[data-v-6d9efb94]  .el-input__inner {
  padding-left: 15px;
  padding-right: 15px;
}
.condition-value-box .condition-value[data-v-6d9efb94] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 200px;
}
.condition-value-box .condition-value.condition-between-value[data-v-6d9efb94] {
  width: 350px;
}
.condition-value-box .condition-value.condition-between-value-trigger[data-v-6d9efb94] {
  width: 260px;
}
.condition-value-box .condition-value.condition-betweentime-value[data-v-6d9efb94] {
  width: 300px;
}
.condition-value-box .condition-value.condition-betweentime-value-260[data-v-6d9efb94] {
  width: 260px;
}
.condition-value-box .condition-value.el-button[data-v-6d9efb94] {
  width: 200px;
  padding: 8px 10px;
  font-size: 12px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.condition-value-box .condition-value .el-input-number[data-v-6d9efb94] {
  width: 100%;
}
.condition-value-box .condition-value .el-input-number .el-input__inner[data-v-6d9efb94] {
  border-radius: 4px;
}
.condition-value-box .condition-value .el-range__icon[data-v-6d9efb94],
.condition-value-box .condition-value .el-range__close-icon[data-v-6d9efb94] {
  line-height: 24px;
}
.condition-value-box .condition-value[data-v-6d9efb94]  .el-date-editor .el-range__icon {
  line-height: 24px;
}
.condition-value-box .condition-value[data-v-6d9efb94]  .el-range-separator {
  padding: 0 15px;
  line-height: 24px;
}
.condition-value-box .condition-value[data-v-6d9efb94]  .el-date-editor.el-input {
  width: 215px;
}
.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-4b2c7244] {
  margin-left: 10px;
  width: 140px;
}
.condition-rules.el-select[data-v-4b2c7244]  .el-input.is-disabled .el-input__inner {
  border: none;
  background: #fff;
  color: #409EFF !important;
}
.condition-rules.el-select[data-v-4b2c7244]  .el-input.is-disabled .el-input__suffix {
  display: none;
}
.dark .board-design-grid .prev[data-v-4b2c7244], .dark .board-design-grid .next[data-v-4b2c7244] {
  border: 1px solid #D8D8D8;
  background: #666666;
  color: #CECECE;
}
.board-design-grid[data-v-4b2c7244] {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-height: 100%;
  padding-bottom: 40px;
  overflow-y: auto;
}
.board-design-grid.themeDark[data-v-4b2c7244]  .vxe-table--body-wrapper {
  background-color: #212949;
}
.board-design-grid.themeDark[data-v-4b2c7244]  .vxe-table--border-line, .board-design-grid.themeDark[data-v-4b2c7244]  .vxe-table--header-border-line, .board-design-grid.themeDark[data-v-4b2c7244]  .vxe-table--fixed-left-wrapper, .board-design-grid.themeDark[data-v-4b2c7244]  .vxe-table--footer-wrapper {
  border-color: #666666;
}
.board-design-grid.themeDark[data-v-4b2c7244]  .vxe-table.border--full .vxe-body--column, .board-design-grid.themeDark[data-v-4b2c7244]  .vxe-table.border--full .vxe-footer--column, .board-design-grid.themeDark[data-v-4b2c7244]  .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-4b2c7244] {
  padding: 10px;
}
.board-design-grid.themeScience[data-v-4b2c7244]  .vxe-table--body-wrapper, .board-design-grid.themeScience[data-v-4b2c7244]  .vxe-table--footer-wrapper {
  background-color: transparent;
}
.board-design-grid.themeDark .full-screen-mask[data-v-4b2c7244], .board-design-grid.themeScience .full-screen-mask[data-v-4b2c7244] {
  background: #111121;
}
.board-design-grid.themeDark .pagination[data-v-4b2c7244], .board-design-grid.themeScience .pagination[data-v-4b2c7244] {
  color: #CECECE;
}
.board-design-grid.themeDark .pagination.disabled[data-v-4b2c7244], .board-design-grid.themeScience .pagination.disabled[data-v-4b2c7244] {
  color: #999;
}
.board-design-grid.themeDark[data-v-4b2c7244]  .pagination-containers, .board-design-grid.themeScience[data-v-4b2c7244]  .pagination-containers {
  background: inherit;
}
.board-design-grid.themeDark[data-v-4b2c7244]  .pagination-containers .total-text, .board-design-grid.themeScience[data-v-4b2c7244]  .pagination-containers .total-text {
  color: #999;
}
.board-design-grid.themeDark[data-v-4b2c7244]  .pagination-containers .el-pagination .btn-next, .board-design-grid.themeDark[data-v-4b2c7244]  .pagination-containers .el-pagination .btn-prev, .board-design-grid.themeDark[data-v-4b2c7244]  .pagination-containers .el-pager li, .board-design-grid.themeScience[data-v-4b2c7244]  .pagination-containers .el-pagination .btn-next, .board-design-grid.themeScience[data-v-4b2c7244]  .pagination-containers .el-pagination .btn-prev, .board-design-grid.themeScience[data-v-4b2c7244]  .pagination-containers .el-pager li {
  color: #CECECE;
  background: inherit;
}
.board-design-grid.themeDark[data-v-4b2c7244]  .pagination-containers .el-pagination .btn-next[disabled], .board-design-grid.themeDark[data-v-4b2c7244]  .pagination-containers .el-pagination .btn-prev[disabled], .board-design-grid.themeDark[data-v-4b2c7244]  .pagination-containers .el-pager li[disabled], .board-design-grid.themeScience[data-v-4b2c7244]  .pagination-containers .el-pagination .btn-next[disabled], .board-design-grid.themeScience[data-v-4b2c7244]  .pagination-containers .el-pagination .btn-prev[disabled], .board-design-grid.themeScience[data-v-4b2c7244]  .pagination-containers .el-pager li[disabled] {
  color: #999;
}
.board-design-grid.themeDark[data-v-4b2c7244]  .pagination-containers .el-pagination .btn-next.active, .board-design-grid.themeDark[data-v-4b2c7244]  .pagination-containers .el-pagination .btn-prev.active, .board-design-grid.themeDark[data-v-4b2c7244]  .pagination-containers .el-pager li.active, .board-design-grid.themeScience[data-v-4b2c7244]  .pagination-containers .el-pagination .btn-next.active, .board-design-grid.themeScience[data-v-4b2c7244]  .pagination-containers .el-pagination .btn-prev.active, .board-design-grid.themeScience[data-v-4b2c7244]  .pagination-containers .el-pager li.active {
  color: #409EFF;
}
.board-design-grid.themeDark[data-v-4b2c7244]  .pagination-containers .el-pagination__jump, .board-design-grid.themeScience[data-v-4b2c7244]  .pagination-containers .el-pagination__jump {
  color: #CECECE;
}
.board-design-grid.themeDark[data-v-4b2c7244]  .pagination-containers .el-pagination__jump .el-input__inner, .board-design-grid.themeScience[data-v-4b2c7244]  .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-4b2c7244] {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #f5f6f9;
  z-index: 96;
}
.board-design-grid .pagination[data-v-4b2c7244] {
  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-4b2c7244] {
  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-4b2c7244] {
  margin-right: 10px;
}
.board-design-grid .pagination .btn.next[data-v-4b2c7244] {
  margin-left: 10px;
}
.board-design-grid .pagination .btn.disabled[data-v-4b2c7244] {
  color: #9c9c9c;
  pointer-events: none;
}
.board-design-grid .appPagination[data-v-4b2c7244] {
  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-4b2c7244] {
  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-4b2c7244] {
  border: 1px solid #D8D8D8;
  background: #666666;
  color: #CECECE;
}
.board-design-grid .appPagination .current-chart-num[data-v-4b2c7244] {
  color: #2196F3;
}
.board-design-grid .appPagination .total-chart-num-dark[data-v-4b2c7244] {
  color: #1A1A1C;
}
.board-design-grid .vue-grid-layout[data-v-4b2c7244] {
  min-height: 100%;
}
.board-design-grid .vue-grid-item[data-v-4b2c7244] {
  -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-4b2c7244] {
  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-4b2c7244] {
  max-width: calc(50% - 50px);
}
.board-design-grid .vue-grid-item.block-full-screen .gird-title-full[data-v-4b2c7244] {
  max-width: calc(100% - 50px);
}
.board-design-grid .vue-grid-item.block-padding .grid-content[data-v-4b2c7244] {
  padding-bottom: 40px;
}
.board-design-grid .vue-grid-item.current-full-screen[data-v-4b2c7244] {
  z-index: 98;
}
.board-design-grid .vue-grid-item .grid-head[data-v-4b2c7244] {
  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-4b2c7244] {
  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-4b2c7244] {
  width: 300px;
}
.board-design-grid .vue-grid-item .grid-head .grid-operate.width-150[data-v-4b2c7244] {
  width: 150px;
}
.board-design-grid .vue-grid-item .grid-head .grid-operate .operate-btn[data-v-4b2c7244] {
  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-4b2c7244] {
  display: none;
}
.board-design-grid .vue-grid-item .grid-head .app-grid-operate[data-v-4b2c7244] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.board-design-grid .vue-grid-item .grid-head .grid-title[data-v-4b2c7244] {
  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-4b2c7244] {
  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-4b2c7244] {
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.board-design-grid .vue-grid-item .grid-content[data-v-4b2c7244] {
  height: 100%;
  padding: 38px 10px 10px;
}
.board-design-grid .vue-grid-item .grid-content.grid-content_text.hidden-grid-head[data-v-4b2c7244] {
  padding: 10px;
}
.board-design-grid .vue-grid-item .grid-content[data-v-4b2c7244]  .content-containers.width-calc {
  width: 100% !important;
  margin: 0 !important;
}
.board-design-grid .vue-grid-item .grid-content[data-v-4b2c7244]  .text-line {
  color: #63b2ee !important;
}
.board-design-grid .vue-grid-item .grid-content .element-text[data-v-4b2c7244] {
  height: 100%;
  overflow: hidden;
}
.board-design-grid .vue-grid-item .grid-content .no-data[data-v-4b2c7244] {
  margin-top: 30px;
  text-align: center;
  font-size: 14px;
  color: #999999;
}
.board-design-grid .vue-grid-item[data-v-4b2c7244]: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-4b2c7244] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.board-recommend-design-grid-desc-tip {
  z-index: 100001 !important;
}
.board-preview-container[data-v-8aba16f6] {
  height: calc(100vh);
  position: relative;
}
.board-preview-container.board-iframe[data-v-8aba16f6] {
  height: 100vh;
}
.board-preview-container .board-full[data-v-8aba16f6] {
  width: 120px;
  height: 45px;
  background: #D6ECFF;
  border-radius: 20px;
  -webkit-box-shadow: 0px 2px 5px -1px rgba(64, 149, 216, 0.53);
          box-shadow: 0px 2px 5px -1px rgba(64, 149, 216, 0.53);
  font-size: 16px;
  font-weight: 600;
  color: #2196F3;
  text-align: center;
  line-height: 45px;
  position: absolute;
  left: 85%;
  top: 90%;
  z-index: 999;
}