.m-nav .frame-nav-left:before, .m-domain-person .tabs:before, .m-domain-popConfig .tabs:before, .m-modal-set-limit-warn .form-content .form-item-wrap-flex:before,
.m-modal-set-limit-warn .form-content .form-item-wrap:before, .m-modal-set-limit-warn .form-content .week-dropdown-wrap:before, .m-modal-set-limit-warn .form-content .week-dropdown-wrap > .main:before, .m-nav3 .head:before, .m-graphic-toolbar:before, .g-mn .m-table-view .m-form .formbtns:before, .m-modal-import-connect .import:before, .m-compare-widget:before, .m-bin .bin-item:before, .m-pager:before, .m-pager .pager:before, .m-ref-line .ref-item:before,
.m-ref-area .ref-item:before, .m-curColor-1:before, .m-colors:before, .m-range-input:before, .m-align:before, .m-graphic:before, .m-dropdown:before, .m-search-category:before, .m-field-parameters-list .buttons:before, .m-modelFilter .action:before, .m-table-view .operation:before, .m-setting .m-setting-item h3:before, .m-setting-label .m-label-position:before, .m-setting-label .m-label-color:before, .m-overlay-param-select .buttons:before, .m-nav .frame-nav-left:after, .m-domain-person .tabs:after, .m-domain-popConfig .tabs:after, .m-modal-set-limit-warn .form-content .form-item-wrap-flex:after,
.m-modal-set-limit-warn .form-content .form-item-wrap:after, .m-modal-set-limit-warn .form-content .week-dropdown-wrap:after, .m-modal-set-limit-warn .form-content .week-dropdown-wrap > .main:after, .m-nav3 .head:after, .m-graphic-toolbar:after, .g-mn .m-table-view .m-form .formbtns:after, .m-modal-import-connect .import:after, .m-compare-widget:after, .m-bin .bin-item:after, .m-pager:after, .m-pager .pager:after, .m-ref-line .ref-item:after,
.m-ref-area .ref-item:after, .m-curColor-1:after, .m-colors:after, .m-range-input:after, .m-align:after, .m-graphic:after, .m-dropdown:after, .m-search-category:after, .m-field-parameters-list .buttons:after, .m-modelFilter .action:after, .m-table-view .operation:after, .m-setting .m-setting-item h3:after, .m-setting-label .m-label-position:after, .m-setting-label .m-label-color:after, .m-overlay-param-select .buttons:after {
  display: table;
  content: " ";
}
.m-nav .frame-nav-left:after, .m-domain-person .tabs:after, .m-domain-popConfig .tabs:after, .m-modal-set-limit-warn .form-content .form-item-wrap-flex:after,
.m-modal-set-limit-warn .form-content .form-item-wrap:after, .m-modal-set-limit-warn .form-content .week-dropdown-wrap:after, .m-modal-set-limit-warn .form-content .week-dropdown-wrap > .main:after, .m-nav3 .head:after, .m-graphic-toolbar:after, .g-mn .m-table-view .m-form .formbtns:after, .m-modal-import-connect .import:after, .m-compare-widget:after, .m-bin .bin-item:after, .m-pager:after, .m-pager .pager:after, .m-ref-line .ref-item:after,
.m-ref-area .ref-item:after, .m-curColor-1:after, .m-colors:after, .m-range-input:after, .m-align:after, .m-graphic:after, .m-dropdown:after, .m-search-category:after, .m-field-parameters-list .buttons:after, .m-modelFilter .action:after, .m-table-view .operation:after, .m-setting .m-setting-item h3:after, .m-setting-label .m-label-position:after, .m-setting-label .m-label-color:after, .m-overlay-param-select .buttons:after {
  clear: both;
}

.m-table tbody tr {
  transition: border-color 0.3s, color 0.3s, background-color 0.3s;
}

.m-dash-title label input {
  font-size: 20px;
  color: var(--color-title);
}

.m-panel h2.title, .m-report-dataModel h2.title, .m-setting .title {
  font-size: 14px;
  color: #282828;
  font-weight: 500;
}

.m-pannel-measure, .m-dataModel-head h4, .setting-void p, .m-setting {
  font-size: 12px;
  color: #282828;
}

.m-nav .frame-nav-right .m-search .search:hover, .m-nav .frame-nav-right .m-search .search.focus, .m-nav3 .m-search .search:hover, .m-nav3 .m-search .search.focus, .m-ref-line .appearance-line:hover,
.m-ref-area .appearance-line:hover, .m-choice-align .item.selected, .m-choice-align .item:hover, .m-meter-appearance .item.selected, .m-meter-appearance .item:hover,
.m-meter-angle .item.selected,
.m-meter-angle .item:hover,
.m-meter-direction .item.selected,
.m-meter-direction .item:hover,
.m-meter-adjust .item.selected,
.m-meter-adjust .item:hover,
.m-bar-appearance .item.selected,
.m-bar-appearance .item:hover,
.m-line-appearance .item.selected,
.m-line-appearance .item:hover,
.m-bar-direction .item.selected,
.m-bar-direction .item:hover,
.m-select-legend .item.selected,
.m-select-legend .item:hover,
.m-legend-position .item.selected,
.m-legend-position .item:hover, .m-meter-appearance .dsc-Item.z-selected .item-wrap, .m-meter-appearance .dsc-Item:hover .item-wrap,
.m-meter-angle .dsc-Item.z-selected .item-wrap,
.m-meter-angle .dsc-Item:hover .item-wrap,
.m-meter-direction .dsc-Item.z-selected .item-wrap,
.m-meter-direction .dsc-Item:hover .item-wrap,
.m-meter-adjust .dsc-Item.z-selected .item-wrap,
.m-meter-adjust .dsc-Item:hover .item-wrap,
.m-bar-appearance .dsc-Item.z-selected .item-wrap,
.m-bar-appearance .dsc-Item:hover .item-wrap,
.m-line-appearance .dsc-Item.z-selected .item-wrap,
.m-line-appearance .dsc-Item:hover .item-wrap,
.m-bar-direction .dsc-Item.z-selected .item-wrap,
.m-bar-direction .dsc-Item:hover .item-wrap,
.m-select-legend .dsc-Item.z-selected .item-wrap,
.m-select-legend .dsc-Item:hover .item-wrap,
.m-legend-position .dsc-Item.z-selected .item-wrap,
.m-legend-position .dsc-Item:hover .item-wrap, .m-dropSelect-show:hover, .m-palette .item.selected, .m-palette .item:hover, .m-colors .item.selected, .m-colors .item:hover, .m-align li:hover, .m-align li.z-crt, .m-search .search:hover, .m-search .search.focus, .m-field-parameters-list ul li .u-input:hover, .m-field-parameters-list ul li .u-input:focus, .m-modal-import-connect .import .side:hover, .m-setting-discrete-color .u-dropdown .header:hover,
.m-setting-continuous-color .u-dropdown .header:hover, .m-setting .m-setting-item .m-setting-datamodel .u-btn-menu:hover, .m-setting .theme-style:hover, .m-setting .theme-style.z-crt, .m-setting-weight .dsc-row:hover, .m-setting-label .m-label-placement .dsc-Item:hover, .m-setting-label .m-label-placement .dsc-Item.z-selected, .m-setting-label .m-label-placement .dsc-Item.z-seleted, .m-setting-select .dsc-Item.z-selected .icon-box, .m-setting-select .dsc-Item:hover .icon-box, .m-setting-select .dsc-Item.z-selected .icon-svg-box, .m-setting-select .dsc-Item:hover .icon-svg-box {
  -webkit-box-shadow: 0 0 2px 0 rgba(var(--color-primary-rgb), 0.2);
  box-shadow: 0 0 2px 0 rgba(var(--color-primary-rgb), 0.2);
  border: 1px solid var(--color-primary);
}

.m-modal-set-limit-warn .form-content .week-dropdown-wrap .side, .m-graphic-area .side, .m-setting-thead .side,
.m-setting-tbody .side, .m-setting-palette .side, .m-indicator-value .side, .m-setting-numInput .side, .m-modal-import-connect .import .side, .m-bin .bin-item .side, .m-pager .side, .m-ref-line .ref-item .side,
.m-ref-area .ref-item .side, .m-font .side, .m-graphic-grid .side, .m-setting-input .side, .m-setting-border .side, .m-setting-background .side, .m-setting-page .side, .m-setting-color .side, .m-setting-syncAxis .side, .m-setting-cluster .side, .m-setting-trendline .side, .m-choice-items .side, .m-line-style .side {
  display: block;
  float: left;
  margin-right: 8px;
}
.m-modal-set-limit-warn .form-content .week-dropdown-wrap .side-date, .m-graphic-area .side-date, .m-setting-thead .side-date,
.m-setting-tbody .side-date, .m-setting-palette .side-date, .m-indicator-value .side-date, .m-setting-numInput .side-date, .m-modal-import-connect .import .side-date, .m-bin .bin-item .side-date, .m-pager .side-date, .m-ref-line .ref-item .side-date,
.m-ref-area .ref-item .side-date, .m-font .side-date, .m-graphic-grid .side-date, .m-setting-input .side-date, .m-setting-border .side-date, .m-setting-background .side-date, .m-setting-page .side-date, .m-setting-color .side-date, .m-setting-syncAxis .side-date, .m-setting-cluster .side-date, .m-setting-trendline .side-date, .m-choice-items .side-date, .m-line-style .side-date {
  display: block;
  margin-right: 8px;
}
.m-modal-set-limit-warn .form-content .week-dropdown-wrap .main, .m-graphic-area .main, .m-setting-thead .main,
.m-setting-tbody .main, .m-setting-palette .main, .m-indicator-value .main, .m-setting-numInput .main, .m-modal-import-connect .import .main, .m-bin .bin-item .main, .m-pager .main, .m-ref-line .ref-item .main,
.m-ref-area .ref-item .main, .m-font .main, .m-graphic-grid .main, .m-setting-input .main, .m-setting-border .main, .m-setting-background .main, .m-setting-page .main, .m-setting-color .main, .m-setting-syncAxis .main, .m-setting-cluster .main, .m-setting-trendline .main, .m-choice-items .main, .m-line-style .main {
  overflow: hidden;
}

.m-field-parameters-list ul li .sel, .m-setting-discrete-color .u-dropdown .header .sel,
.m-setting-continuous-color .u-dropdown .header .sel, .m-setting-param-select .param-select .sel, .m-overlay-param-select ul li .sel {
  width: 16px;
  height: 16px;
  background-color: transparent;
  display: none;
  position: absolute;
  top: 50%;
  right: 9px;
  margin-top: -8px;
  cursor: pointer;
}
.m-field-parameters-list ul li .sel::after, .m-setting-discrete-color .u-dropdown .header .sel::after,
.m-setting-continuous-color .u-dropdown .header .sel::after, .m-setting-param-select .param-select .sel::after, .m-overlay-param-select ul li .sel::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid dashed dashed;
  border-width: 6px 5px;
  border-color: #a9a9b8 transparent transparent transparent;
  position: absolute;
  left: 3px;
  top: 5px;
}

.m-report-dataModel h2.title, .m-setting .title {
  height: 36px;
  line-height: 36px;
  text-align: center;
  background-color: #fff;
  border-bottom: 1px solid #e8e8f0;
  position: relative;
}
.m-report-dataModel h2.title .u-icn-back, .m-setting .title .u-icn-back,
.m-report-dataModel h2.title .u-icn-back-16,
.m-setting .title .u-icn-back-16 {
  position: absolute;
  left: 8px;
  top: 8px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  font-size: 16px;
  cursor: pointer;
  color: #8f8f8f;
}
.m-report-dataModel h2.title .u-icn-back:hover, .m-setting .title .u-icn-back:hover,
.m-report-dataModel h2.title .u-icn-back-16:hover,
.m-setting .title .u-icn-back-16:hover {
  color: #666;
}

.m-setting-radio-flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #e8e8f0;
  padding: 0 2px;
}
.m-setting-radio-flex > .label {
  padding-left: 5px;
  color: #79809a;
  line-height: 14px;
}
.m-setting-radio-flex .dsc-row {
  display: flex;
}
.m-setting-radio-flex .dsc-row .radios {
  width: unset;
  margin-right: 5px;
}
.m-setting-radio-flex .dsc-row .radios:last-child {
  margin-right: 0;
}
.m-setting-radio .button-radio-label {
  line-height: 28px;
}
.m-setting-radio .radios {
  height: 28px;
  line-height: 28px;
}
.m-setting-radio.m-display-radio .radios {
  height: 24px;
  line-height: 24px;
}
.m-setting-radio.m-display-radio .radios input {
  margin-top: -2px;
}
.m-setting-radio.m-setting-comparison-radio > .label {
  float: none;
}
.m-setting-radio.m-setting-comparison-condition > .label {
  font-weight: bold;
}
.m-setting-radio-float {
  padding: 2px;
  border: 1px solid #e8e8f0;
  float: left;
  width: 100%;
}
.m-setting-radio-float .dsc-row {
  text-align: right;
}
.m-setting-radio-float > .label {
  line-height: 28px;
  margin-right: 12px;
  padding-left: 6px;
  color: #79809a;
}
.m-setting-radio-float .radios {
  float: none;
  display: inline-block;
  margin-right: 6px;
}
.m-setting-radio-directlyUnder {
  margin-bottom: 10px;
}
.m-setting-radio-directlyUnder .dsc-row {
  display: flex;
  flex-direction: column;
}
.m-setting-radio-directlyUnder .radios .label {
  color: #102048;
}
.m-setting-radio-directlyUnder .inner {
  display: flex;
  align-items: center;
  flex-direction: row;
  margin-top: 2px;
  margin-left: 14px;
  margin-bottom: 6px;
}
.m-setting-radio-directlyUnder .inner span {
  flex: 0 0 auto;
  font-size: 12px;
  line-height: 16px;
  color: #102048;
}
.m-setting-radio-directlyUnder .inner input {
  font-size: 12px;
  border-radius: 2px;
  border: 1px solid #e8e8f0;
  width: 98px;
  height: 24px;
  padding: 2px 8px;
  color: #79809a;
}

.m-setting-secondary .m-setting-background, .m-setting-secondary .m-setting-color, .m-setting-secondary .m-setting-syncAxis,
.m-setting-secondary .m-setting-page {
  margin-bottom: 8px;
}

.m-setting .m-setting-item.m-setting-subline {
  padding-bottom: 0;
}

.m-setting .m-setting-item.m-setting-context {
  padding-bottom: 0;
  line-height: 40px;
  position: relative;
}
.m-setting .m-setting-item.m-setting-context .btn-context {
  cursor: pointer;
}
.m-setting .m-setting-item.m-setting-context .btn-context.z-disabled {
  cursor: not-allowed;
}
.m-setting .m-setting-item.m-setting-context .btn-context.z-disabled span {
  color: #ccc;
}
.m-setting .m-setting-item.m-setting-context .u-icn-angle-right {
  position: absolute;
  right: 0;
  top: 14px;
}

.m-setting .m-setting-item.m-setting-adjust .main {
  overflow: visible;
}
.m-setting .m-setting-item.m-setting-adjust .main .dsc-Item {
  padding: 0;
}

.m-setting .m-setting-marks {
  padding-bottom: 0;
}

.m-setting-measure h4 {
  height: 28px;
  line-height: 28px;
}

.m-setting-measures h4 {
  height: 28px;
  line-height: 28px;
}

.m-setting-theme .m-select-theme .dsc-Item .icon-box {
  border-color: #e8e8f0;
  cursor: pointer;
  border-radius: initial;
}
.m-setting-theme .m-select-theme .dsc-Item.z-selected .icon-box, .m-setting-theme .m-select-theme .dsc-Item:hover .icon-box {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.m-setting-theme .list {
  max-height: 160px;
  overflow: auto;
}
.m-setting-theme .column {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-right: 2px;
  height: 32px;
  line-height: 32px;
  cursor: pointer;
}
.m-setting-theme .column:hover {
  background-color: rgba(16, 32, 72, 0.04);
}
.m-setting-theme .column.z-selected {
  background-color: var(--color-primary-bg);
}
.m-setting-theme .column.z-selected .text {
  color: var(--color-primary);
}
.m-setting-theme .column .text {
  flex-grow: 1;
  margin-left: 2px;
  color: #79809a;
}
.m-setting-theme .column .edit {
  margin-left: 2px;
  flex: 0 0 auto;
  width: 20px;
  height: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: var(--color-primary);
  font-size: 14px;
}
.m-setting-theme .column .edit:hover {
  background-color: var(--color-primary-bg);
}
.m-setting-theme .column .edit.z-disabled {
  cursor: not-allowed;
  color: #E5E6EB;
}
.m-setting-theme .icon-box {
  width: 40px;
  min-width: 40px;
  height: 24px;
  margin-right: 12px;
}
.m-setting-theme .icon-box-black {
  background-image: url(../img/dark.e107168e4d.svg);
}
.m-setting-theme .icon-box-green {
  background-image: url(../img/mintGreen.4940f990f7.svg);
}
.m-setting-theme .icon-box-purpleSky {
  background-image: url(../img/purpleSky.4e53ffede4.svg);
}
.m-setting-theme .icon-box-blueYellow {
  background-image: url(../img/blueYellow.ff62658ab8.svg);
}
.m-setting-theme .icon-box-light {
  background-image: url(../img/light.82120d4440.svg);
}
.m-setting-theme .icon-box-custom {
  background-image: url(../img/custom.b1817babdd.svg);
}
.m-setting-theme .icon-box-finance {
  background-image: url(../img/finance.934334b747.svg);
}
.m-setting-theme .icon-box-economics {
  background-image: url(../img/economics.b278022cc4.svg);
}
.m-setting-theme .icon-box-medical {
  background-image: url(../img/medical.5516edd6bc.svg);
}
.m-setting-theme .icon-box-manufacture {
  background-image: url(../img/manufacture.3abe507488.svg);
}
.m-setting-theme .icon-box-energy {
  background-image: url(../img/energy.010d75bc26.svg);
}
.m-setting-theme .icon-box-internet {
  background-image: url(../img/internet.d566860d33.svg);
}
.m-setting-theme .icon-box-estate {
  background-image: url(../img/estate.d7641f5f0d.svg);
}
.m-setting-theme .icon-box-governAffairs {
  background-image: url(../img/governAffairs.f46b205c0b.svg);
}
.m-setting-theme .icon-box-agriculture {
  background-image: url(../img/agriculture.80901ca515.svg);
}
.m-setting-theme .icon-box-educate {
  background-image: url(../img/educate.412e638299.svg);
}
.m-setting-theme .icon-box-standard {
  background-image: url(../img/standard.81d6cc3c6f.svg);
}

.m-setting-anchored .half-width,
.m-setting-tabStyle .half-width {
  display: inline-block;
  width: 50%;
  margin-top: 4px;
}
.m-setting-anchored .half-width .main,
.m-setting-tabStyle .half-width .main {
  width: 22px;
}

.m-setting-defaultDate button.u-btn-ghost {
  width: 100%;
  display: block;
  border-style: solid;
}

.m-setting-reset h3 {
  display: none;
}
.m-setting-reset.m-setting-item {
  padding-bottom: 0;
}
.m-setting-reset .m-reset {
  cursor: pointer;
  line-height: 40px;
}
.m-setting-reset .m-reset .u-icn {
  margin-bottom: 0;
}
.m-setting-reset .m-reset .text {
  padding-left: 8px;
  vertical-align: middle;
}

.m-setting .m-setting-item.m-setting-axes-x .settingItem-content,
.m-setting .m-setting-item.m-setting-axes-y .settingItem-content {
  position: static;
}
.m-setting .m-setting-item.m-setting-axes-x .u-icn-exchange-vertical,
.m-setting .m-setting-item.m-setting-axes-y .u-icn-exchange-vertical {
  position: absolute;
  font-size: 16px;
  bottom: -12px;
  left: 50%;
  margin-left: -12px;
  padding: 3px;
  width: 24px;
  height: 24px;
  background: whitesmoke;
  border: 1px solid transparent;
  cursor: pointer;
  color: #8f8f8f;
}
.m-setting .m-setting-item.m-setting-axes-x .u-icn-exchange-vertical:hover,
.m-setting .m-setting-item.m-setting-axes-y .u-icn-exchange-vertical:hover {
  border: 1px solid #e8e8f0;
  color: #525252;
}

.m-setting .m-setting-item.m-setting-axes-x {
  padding-bottom: 24px;
}
.m-setting .m-setting-item.m-setting-axes-x.packup {
  padding-bottom: 0;
}

.m-setting .m-setting-item.m-setting-axes-y .u-icn-exchange-vertical {
  bottom: auto;
  top: -13px;
}

.m-setting-mvalue .m-pannel-measure {
  background-color: inherit;
  border: none;
}
.m-setting-mvalue .m-pannel-measure.z-close {
  padding: 0;
}
.m-setting-mvalue .m-pannel-measure.dropable-valid {
  background: #e9ebee;
}
.m-setting-mvalue.m-setting-item {
  padding-bottom: 0;
}
.m-setting-mvalue .m-accordion-panel-mark > h5 {
  padding-right: 48px;
}
.m-setting-mvalue .m-accordion-panel-mark .btn-sort,
.m-setting-mvalue .m-accordion-panel-mark .btn-search {
  top: -21px;
}
.m-setting-mvalue .m-value-list:last-child .m-pannel-measure {
  padding-bottom: 8px;
}

.m-dropdown-global-widget .u-icon {
  display: inline-block;
  margin-right: 4px;
}
.m-dropdown-global-widget .u-widget-auto {
  background-image: url(../img/widget-auto.385eb21f5d.svg);
  width: 16px;
  height: 16px;
}
.m-dropdown-global-widget .u-widget-table {
  background-image: url(../img/widget-table.cc27d9623e.svg);
  width: 16px;
  height: 16px;
}
.m-dropdown-global-widget .u-widget-tab {
  background-image: url(../img/widget-tab.10bb2d6dbb.svg);
  width: 16px;
  height: 16px;
}
.m-dropdown-global-widget .u-widget-indicator {
  background-image: url(../img/widget-indicator.5b1cad60e5.svg);
  width: 16px;
  height: 16px;
}
.m-dropdown-global-widget .u-widget-control {
  background-image: url(../img/widget-control.f267f9d8e5.svg);
  width: 16px;
  height: 16px;
}
.m-dropdown-global-widget .u-list-dropdown li {
  display: flex;
  align-items: center;
}
.m-dropdown-global-widget .m-dropSelect-show span {
  display: flex;
  align-items: center;
}

.m-setting-BoxList > li {
  padding: 0 15px;
  line-height: 30px;
  cursor: pointer;
  overflow: hidden;
  word-wrap: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.m-setting-BoxList > li:hover {
  background: #e1e1e1;
}
.m-setting-BoxList li.z-group {
  background: #e1e1e1;
  cursor: default;
}
.m-setting-BoxList li.z-group:hover {
  background: #e1e1e1;
}
.m-setting-BoxList .b-tree {
  height: auto !important;
  overflow-y: initial;
}
.m-setting-BoxList .b-tree .m-tree-list {
  position: initial;
}
.m-setting-BoxList .b-tree .m-tree-list .u-node {
  line-height: 20px;
}
.m-setting-BoxList .b-tree .m-tree-list .u-node:hover {
  background: #e1e1e1;
}
.m-setting-BoxList .b-tree .m-tree-list .u-node .title {
  color: #79809a;
  font-size: 12px;
  font-weight: normal;
  border: 0;
  background: none;
  padding: 0;
  height: 30px;
  line-height: 30px;
}
.m-setting-BoxList .b-tree .m-tree-list .u-node .u-checkbox-disabled + .title {
  color: #a9a9b8;
}

.m-editorTools {
  -webkit-user-select: none;
  user-select: none;
}
.m-editorTools .m-font .wrapped .side {
  width: 42px;
}
.m-editorTools .m-miniselect {
  margin: -1px 0;
}
.m-editorTools .m-miniselect .head {
  padding: 0 4px;
}
.m-editorTools .m-dropSelect-show span {
  margin-right: 24px;
}
.m-editorTools .m-dropSelect-show input {
  width: 100%;
  vertical-align: baseline;
  font-size: 12px;
}
.m-editorTools .font-indent i {
  font-size: 18px;
}
.m-editorTools .lineHeight .dsc-row {
  line-height: 28px;
}
.m-editorTools .list.wrapped .side {
  width: 72px;
}
.m-editorTools .list.wrapped i {
  font-size: 16px;
}
.m-editorTools .list.wrapped i.u-icn-caret-down {
  font-size: 12px;
}
.m-editorTools .m-choice-align .dsc-col-4 .item {
  border-right-width: 0;
  border-left-width: 0;
}
.m-editorTools .m-choice-align .dsc-col-4:last-child .item {
  border-right-width: 1px;
}
.m-editorTools .m-choice-align .item {
  margin: 0;
}
.m-editorTools .m-choice-align .item.selected {
  border-color: #e8e8f0;
  color: #1881dc;
  box-shadow: none;
}
.m-editorTools .m-choice-align .item:hover {
  border-color: #e8e8f0;
  box-shadow: none;
}
.m-editorTools .m-choice-align .side {
  width: 36%;
  height: 28px;
  line-height: 28px;
  margin: 0;
  padding-left: 8px;
  border-width: 1px 0 1px 1px;
  border-color: #e8e8f0;
  border-style: solid;
  background-color: #fff;
}

.m-setting-select {
  display: flex;
}
.m-setting-select .side {
  margin-right: 8px;
  align-self: center;
  min-width: 24px;
}
.m-setting-select .dsc-ListView {
  flex-grow: 1;
}
.m-setting-select .dsc-ListView:before, .m-setting-select .dsc-ListView:after {
  display: table;
  content: " ";
}
.m-setting-select .dsc-ListView:after {
  clear: both;
}
.m-setting-select .dsc-Item {
  float: left;
}
.m-setting-select .dsc-Item.z-selected .icon-box:before {
  display: block;
  content: "";
  width: 18px;
  height: 18px;
  position: absolute;
  right: 2px;
  top: 2px;
  background-image: url(../img/bicons.e4d7346255.svg);
  background-repeat: no-repeat;
  background-position: -11px -36px;
}
.m-setting-select .dsc-Item.z-selected .icon-box-blue:before {
  background-position: -60px -36px;
}
.m-setting-select .dsc-Item.z-selected.u-btn .text {
  color: #fff;
}
.m-setting-select .dsc-Item.z-disabled {
  background-color: rgba(0, 0, 0, 0.1);
}
.m-setting-select .dsc-Item.z-disabled .text {
  color: #9b9b9b;
}
.m-setting-select .dsc-Item .icon-box {
  height: 50px;
  border: 1px solid #e8e8f0;
  position: relative;
  border-radius: 2px;
  background-color: #fff;
  margin-bottom: 8px;
}
.m-setting-select .dsc-Item .icon-box-black {
  background-color: #282828;
}
.m-setting-select .dsc-Item .icon-box-green {
  background-color: #00c4c0;
}
.m-setting-select .dsc-Item .icon-box-purpleSky {
  background-color: #6f32ff;
}
.m-setting-select .dsc-Item .icon-box-blue {
  background-color: var(--color-primary);
}
.m-setting-select .dsc-Item .icon-box-blueYellow {
  background: linear-gradient(#4677fa, #ffcb5f);
}
.m-setting-select .dsc-Item .icon-svg-box {
  width: 53px;
  height: 50px;
  border: 1px solid #e8e8f0;
  position: relative;
  border-radius: 2px;
  color: #a9a9b8;
  background-color: #fff;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.m-setting-select .dsc-Item .dsc-bicon {
  margin: 22px auto 0 auto;
}
.m-setting-select .dsc-Item .dsc-bicon-top-nav,
.m-setting-select .dsc-Item .dsc-bicon-side-nav,
.m-setting-select .dsc-Item .dsc-bicon-mix-nav {
  width: 98px;
  height: 57px;
}
.m-setting-select .dsc-Item .dsc-bicon-top-nav {
  background-image: url(../img/top-nav.fdef43914e.svg);
}
.m-setting-select .dsc-Item .dsc-bicon-side-nav {
  background-image: url(../img/side-nav.e7a9cb89a8.svg);
}
.m-setting-select .dsc-Item .dsc-bicon-mix-nav {
  background-image: url(../img/mix-nav.e222aa148f.svg);
}
.m-setting-select .dsc-Item .dsc-bicon-white-color,
.m-setting-select .dsc-Item .dsc-bicon-black-color,
.m-setting-select .dsc-Item .dsc-bicon-red-color,
.m-setting-select .dsc-Item .dsc-bicon-custom-color {
  width: 62px;
  height: 52px;
}
.m-setting-select .dsc-Item .dsc-bicon-white-color {
  background-image: url(../img/white-color.94ca3ed20b.svg);
}
.m-setting-select .dsc-Item .dsc-bicon-black-color {
  background-image: url(../img/black-color.158e31dca3.svg);
}
.m-setting-select .dsc-Item .dsc-bicon-red-color {
  background-image: url(../img/red-color.0263a1bdbf.svg);
}
.m-setting-select .dsc-Item .dsc-bicon-custom-color {
  background-image: url(../img/custom-color.adaa368b44.svg);
}
.m-setting-select .dsc-Item .dsc-bicon-normal-layout {
  width: 62px;
  height: 62px;
  background-image: url(../img/mobile-layout-normal.63fe3c7839.svg);
}
.m-setting-select .dsc-Item .dsc-bicon-flat-layout {
  width: 62px;
  height: 62px;
  background-image: url(../img/mobile-layout-flat.ca9d789046.svg);
}
.m-setting-select .dsc-Item .text {
  text-align: center;
  color: #79809a;
}
.m-setting-select .dsc-Item .text-datefilter {
  padding-top: 8px;
}
.m-setting-select.m-setting-select-date-type .dsc-Item i.dsc-bicon {
  margin: 10px 12px;
  width: 28px;
  height: 28px;
}
.m-setting-select-icons {
  display: block;
}
.m-setting-select-icons .dsc-ListView {
  display: flex;
  flex-wrap: wrap;
  padding: 0 5px;
}
.m-setting-select-icons .dsc-Item {
  float: none;
  margin-right: 14px;
  margin-bottom: 14px;
}
.m-setting-select-icons .dsc-Item:nth-child(5) {
  margin-right: 0;
}
.m-setting-select-icons .dsc-Item:nth-child(n+5) {
  margin-bottom: 0;
}
.m-setting-select-icons .dsc-Item .custom-box {
  height: 22px;
  width: 22px;
  margin-bottom: 0;
  border: 1px solid transparent;
  cursor: pointer;
}
.m-setting-select-icons .dsc-Item .custom-box .icon {
  margin-left: 0;
}
.m-setting-select-icons .dsc-Item .z-selected .custom-box {
  border-color: var(--color-primary);
}

.m-meter-theme .dsc-Item {
  width: 33.333%;
}

.m-select-operation .dsc-Item,
　.m-select-selecttype .dsc-Item,
.operation-param .dsc-Item {
  padding: 0 4px;
  width: 33.333%;
}

.m-select-direction .dsc-ListView {
  margin: 0 -8px;
}
.m-select-direction .dsc-Item {
  width: 50%;
  padding: 0 8px;
}
.m-select-direction .dsc-Item .text {
  width: 58px;
  height: 28px;
  margin: 0 auto;
  line-height: 28px;
  cursor: pointer;
}
.m-select-direction .dsc-Item.z-selected {
  color: #fff;
}
.m-select-direction .dsc-Item.z-selected .item-wrap .text {
  border-radius: 2px;
  background: #1981dc;
  color: #fff;
}

.m-select-selecttype .dsc-Item,
.operation-param .dsc-Item {
  width: 50%;
}

.m-select-selecttype {
  margin-top: 10px;
}

.m-select-portalContentType {
  margin-bottom: 10px;
}

.m-tab-select-datefilter-setting-type {
  margin-top: 15px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.m-tab-select-datefilter-setting-type.rangeType .f-color-title {
  margin-bottom: 8px;
}
.m-tab-select-datefilter-setting-type.rangeType .u-radio-group {
  display: flex;
  flex-wrap: wrap;
}
.m-tab-select-datefilter-setting-type.rangeType .u-radio-group .u-radio {
  margin-bottom: 5px;
}

.m-setting-size .line {
  margin-bottom: 8px;
}
.m-setting-size .size .u-number-input {
  position: relative;
}
.m-setting-size .size .u-number-input .prefix {
  position: absolute;
  left: 8px;
  top: 8px;
}
.m-setting-size .size .u-number-input .u-input {
  padding-left: 40px;
  padding-right: 0;
}
.m-setting-size .m-b-0 {
  margin-bottom: 0;
}
.m-setting-size .type {
  width: 100%;
  display: flex;
}
.m-setting-size .type .dsc-Item {
  flex-grow: 1;
  padding: 0;
}
.m-setting-size .phone-sizes {
  margin-top: 10px;
}

.m-setting-SubTotal > li {
  height: 32px;
  line-height: 32px;
  margin-bottom: 8px;
}
.m-setting-SubTotal > li label {
  width: 80px;
  display: inline-block;
  overflow: hidden;
  word-wrap: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.m-setting-SubTotal > li .u-dropdown {
  float: right;
  width: 128px;
}
.m-setting-SubTotal > li.z-disabled {
  color: #aaa;
}

.m-line-style:before, .m-line-style:after {
  display: table;
  content: " ";
}
.m-line-style:after {
  clear: both;
}
.m-line-style .side {
  height: 28px;
  line-height: 28px;
}
.m-line-style .line-item {
  margin-top: 8px;
}
.m-line-style .line-item:first-child {
  margin-top: 0;
}
.m-line-style .line-item .side {
  width: 42px;
}
.m-line-style .line-item .point-side {
  width: auto;
}
.m-line-style .line-item .opacity-side {
  width: auto;
}
.m-line-style .u-btn {
  font-size: 20px;
  color: #8f8f8f;
}
.m-line-style .type {
  width: 100%;
  display: flex;
}
.m-line-style .type .dsc-Item {
  flex-grow: 1;
  height: 28px;
  line-height: 28px;
}

.m-choice-items:before, .m-choice-items:after {
  display: table;
  content: " ";
}
.m-choice-items:after {
  clear: both;
}
.m-choice-items .side {
  height: 28px;
  line-height: 28px;
}
.m-choice-items .dsc-ListView {
  display: flex;
}
.m-choice-items .dsc-ListView .dsc-Item {
  flex-grow: 1;
}

.m-indicator-method .label,
.m-indicator-basis .label {
  height: 28px;
  line-height: 28px;
}
.m-indicator-method .label span,
.m-indicator-basis .label span {
  vertical-align: middle;
}
.m-indicator-method .filter,
.m-indicator-basis .filter {
  margin-left: 4px;
  width: calc(100% - 4px);
  text-align: center;
}

.m-setting-targetValues .m-setting-measureInput .dropArea {
  padding: 4px 6px 4px 7px;
  margin: -9px -7px -9px -8px;
}
.m-setting-targetValues .m-setting-measureInput .mt-12 {
  margin-top: 12px;
}

.m-setting-param-select .param-control-type {
  margin-bottom: 12px;
}
.m-setting-param-select .param-start-end {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}
.m-setting-param-select .param-start-end .type-name {
  margin: 0 5px;
}
.m-setting-param-select .param-start-end .param-select {
  flex: 1;
}
.m-setting-param-select .param-select {
  border: 1px solid #e8e8f0;
  height: 28px;
  line-height: 28px;
  background-color: #fff;
  cursor: pointer;
  position: relative;
  padding-left: 5px;
  color: #79809a;
  overflow: hidden;
  word-wrap: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.m-setting-param-select .param-select .sel {
  display: block;
}

.m-overlay-param-select {
  width: 182px;
  max-height: calc(100% - 250px);
  overflow: auto;
  color: #79809a;
  box-shadow: 0 6px 16px 0 rgba(16, 32, 72, 0.0784);
}
.m-overlay-param-select.z-platform-parameters {
  width: 290px;
}
.m-overlay-param-select ul li {
  overflow: hidden;
  word-wrap: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
  height: 28px;
  line-height: 28px;
  padding: 0 25px 0 16px;
  cursor: pointer;
  font-size: 12px;
  position: relative;
}
.m-overlay-param-select ul li .sel {
  display: block;
  color: #a9a9b8;
  padding: 4px;
  right: 5px;
  width: 24px;
}
.m-overlay-param-select ul li .sel::after {
  display: none;
}
.m-overlay-param-select ul li .sel:hover {
  color: var(--color-primary);
}
.m-overlay-param-select ul li:hover, .m-overlay-param-select ul li:hover .param-icon {
  color: var(--color-primary);
}
.m-overlay-param-select ul li:hover, .m-overlay-param-select ul li.selected {
  background-color: var(--color-hover-bg);
}
.m-overlay-param-select ul li.selected {
  cursor: default;
}
.m-overlay-param-select ul li.disabled {
  cursor: default;
  color: #E5E6EB;
}
.m-overlay-param-select ul li.disabled .u-icn {
  color: inherit;
}
.m-overlay-param-select ul li.disabled .sel, .m-overlay-param-select ul li.disabled:hover .sel {
  display: none;
}
.m-overlay-param-select ul li.disabled:hover {
  background-color: #fff;
}
.m-overlay-param-select ul li.not-exist {
  color: #F24957;
}
.m-overlay-param-select ul li.empty {
  text-align: center;
}
.m-overlay-param-select ul li.empty:hover {
  cursor: default;
  background-color: #fff;
}
.m-overlay-param-select ul li.noData {
  height: auto;
  line-height: auto;
  padding: 24px 16px;
}
.m-overlay-param-select ul li.noData .u-btn {
  display: block;
  height: 28px;
  line-height: 28px;
  margin: 0 auto;
  margin-top: 8px;
}
.m-overlay-param-select ul li .u-icn {
  width: 16px;
  height: 16px;
  color: var(--color-primary);
}
.m-overlay-param-select ul li .param-icon {
  color: #79809a;
  margin-bottom: -2px;
}
.m-overlay-param-select ul.localParam li {
  padding-right: 40px;
}
.m-overlay-param-select ul.localParam li .detail {
  right: 21px;
}
.m-overlay-param-select .m-header .tab-group {
  display: flex;
  justify-content: space-around;
  border-bottom: 1px solid #e8e8f0;
}
.m-overlay-param-select .m-header .tab-group .item {
  width: 64px;
  padding: 0;
  text-align: center;
  border-bottom: 0;
}
.m-overlay-param-select .m-header .tab-group .item.active {
  border-bottom: 1px solid var(--color-primary);
  color: var(--color-primary);
}
.m-overlay-param-select .m-search {
  padding: 8px 16px;
}
.m-overlay-param-select .m-search .search {
  position: relative;
}
.m-overlay-param-select .buttons {
  padding: 8px 16px;
  border-bottom: 1px solid #cccccc;
}
.m-overlay-param-select .buttons button {
  border: 0;
  background-color: #fff;
  color: var(--color-primary);
  float: left;
  height: 12px;
  line-height: 12px;
  font-size: 12px;
}
.m-overlay-param-select .buttons button.manage {
  float: right;
}

.m-setting-param-tip {
  margin-top: 16px;
}
.m-setting-param-tip ol {
  list-style: decimal;
  padding-left: 16px;
  margin-top: 16px;
}
.m-setting-param-tip li {
  line-height: 1.6;
}

.m-setting-ModelList .box .itm {
  position: relative;
  padding: 0 16px;
  border: 1px solid #e8e8f0;
  cursor: pointer;
  border-radius: 2px;
  background: #fff;
  margin-bottom: 12px;
}
.m-setting-ModelList .box .itm:hover {
  background: #f5f5f5;
}
.m-setting-ModelList .box .itm .ln {
  margin: 8px 0;
  word-break: break-all;
}
.m-setting-ModelList .box .itm .u-icn {
  display: none;
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -6px;
}
.m-setting-ModelList .box .itm.z-error {
  border: 1px solid #f00;
}
.m-setting-ModelList .box .itm:hover .u-icn {
  display: block;
}

.m-setting-text .setting-filter-tooltip {
  text-align: center;
  margin-top: 16px;
  color: #c0c0ca;
}
.m-setting-text .setting-tips {
  line-height: 1.4;
  color: #a9a9b8;
}
.m-setting-text .setting-tips .u-icn {
  margin-right: 6px;
}

.m-setting-format .dsc-form .item {
  margin: 0;
  margin-top: 10px;
}
.m-setting-format .dsc-form .label {
  text-align: left;
}

.m-setting-colors .m-setting-discrete-color,
.m-setting-colors .m-setting-continuous-color {
  margin-top: 0;
}
.m-setting-colors .m-setting-discrete-color .u-dropdown,
.m-setting-colors .m-setting-continuous-color .u-dropdown {
  margin-top: 0;
}

.m-setting-grid .side {
  width: 30%;
  height: 28px;
  line-height: 28px;
  margin: 0;
  padding-left: 8px;
  border-width: 1px 0 1px 1px;
  border-color: #e8e8f0;
  border-style: solid;
  background-color: #fff;
}
.m-setting-grid .orientation {
  width: 53%;
  height: 28px;
  line-height: 26px;
  float: left;
  margin: 0;
  border-width: 1px 0;
  border-color: #e8e8f0;
  border-style: solid;
  background-color: #fff;
}
.m-setting-grid .orientation span {
  margin-right: 2px;
  display: inline-block;
  vertical-align: middle;
}
.m-setting-grid .color {
  width: 17%;
  height: 28px;
  line-height: 28px;
  float: left;
  margin: 0;
  padding: 2px;
  border-width: 1px 1px 1px 0;
  border-color: #e8e8f0;
  border-style: solid;
  background-color: #fff;
}
.m-setting-grid .color .u-color-block {
  float: right;
  width: 90%;
  height: 80%;
  padding: 0px;
  border: initial;
}
.m-setting-tbody .m-setting-grid .line {
  margin-bottom: 0;
}
.m-setting-grid.m-trend-table-grid .line {
  margin: 0;
}

.m-setting-trendline .side {
  height: 28px;
  line-height: 28px;
}
.m-setting-trendline .side.name {
  height: 24px;
  line-height: 24px;
  margin-right: 4px;
  padding-left: 6px;
}
.m-setting-trendline .side.name + .main {
  height: 100%;
}
.m-setting-trendline .m-trendline-fields {
  margin-top: 8px;
  border-top: 1px solid #e8e8f0;
}
.m-setting-trendline .m-trendline-fields h4 {
  margin: 8px 0;
}
.m-setting-trendline .m-trendline-fields .fields {
  position: relative;
  min-height: 120px;
  border: 1px solid #e8e8f0;
  background: #fff;
}
.m-setting-trendline .m-trendline-fields .warn {
  position: absolute;
  width: 180px;
  height: 16px;
  top: 50%;
  left: 50%;
  margin-top: -8px;
  margin-left: -90px;
  text-align: center;
}
.m-setting-trendline .text {
  height: 28px;
  line-height: 28px;
}
.m-setting-trendline-tip .text {
  height: auto;
}
.m-setting-trendline-tip .text h3 {
  padding-left: 0;
}
.m-setting-trendline .m-trendline-show .enable {
  float: right;
}
.m-setting-trendline .m-trendline-first {
  margin-top: 0;
  padding-top: 0;
}

.m-setting-cluster .side {
  height: 28px;
  line-height: 28px;
}
.m-setting-cluster .side.name {
  height: 24px;
  line-height: 24px;
  margin-right: 4px;
  padding-left: 6px;
}
.m-setting-cluster .side.name + .main {
  height: 100%;
}
.m-setting-cluster .text {
  height: 28px;
  line-height: 28px;
}

.m-setting-forecast .m-forecast .p-l-0 {
  padding-left: 0;
}
.m-setting-forecast .m-forecast .text {
  height: 28px;
  line-height: 28px;
}
.m-setting-forecast .m-forecast .unit {
  text-align: right;
}
.m-setting-forecast .m-forecast .tip {
  line-height: 24px;
  color: #8f8f8f;
  border: 1px solid #cccccc;
}
.m-setting-forecast .m-forecast .tip.error {
  color: #F24957;
}
.m-setting-forecast .m-forecast .z-disabled {
  position: relative;
  cursor: not-allowed;
}
.m-setting-forecast .m-forecast .z-disabled:after {
  content: "";
  position: absolute;
  top: 0;
  background-color: rgba(192, 192, 192, 0.1);
  bottom: 0;
  left: 0;
  right: 0;
  margin-left: 4px;
}

.m-setting-discrete-color,
.m-setting-continuous-color {
  margin-top: 8px;
}
.m-setting-discrete-color .u-dropdown,
.m-setting-continuous-color .u-dropdown {
  margin-top: 8px;
}
.m-setting-discrete-color .u-dropdown .header,
.m-setting-continuous-color .u-dropdown .header {
  border: 1px solid #e8e8f0;
  position: relative;
  padding: 4px;
  cursor: pointer;
  height: 28px;
  line-height: 28px;
  background-color: #fff;
}
.m-setting-discrete-color .u-dropdown .header .showicn,
.m-setting-continuous-color .u-dropdown .header .showicn {
  display: block;
  position: absolute;
  top: 7px;
}
.m-setting-discrete-color .u-dropdown .header span,
.m-setting-continuous-color .u-dropdown .header span {
  display: block;
  margin-left: 24px;
  margin-right: 24px;
  height: 18px;
  line-height: 18px;
  overflow: hidden;
  word-wrap: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.m-setting-discrete-color .u-dropdown .header .sel,
.m-setting-continuous-color .u-dropdown .header .sel {
  display: block;
}
.m-setting-discrete-color-label,
.m-setting-continuous-color-label {
  margin-top: 0;
}
.m-setting-discrete-color-label .label,
.m-setting-continuous-color-label .label {
  float: left;
  padding: 16px 8px 0 0;
}
.m-setting-discrete-color-label .main,
.m-setting-continuous-color-label .main {
  float: right;
}

.m-setting {
  position: relative;
  background-color: #fff;
  overflow-y: auto;
  width: 100%;
  height: 100%;
}
.m-setting .title .u-icn-export-16,
.m-setting .title .u-icn-export,
.m-setting .title .u-icn-toolbar-more, .m-setting .title .u-icn-toggle-bar {
  position: absolute;
  right: 8px;
  top: 12px;
  cursor: pointer;
  color: #8f8f8f;
}
.m-setting .title .u-icn-export-16:hover,
.m-setting .title .u-icn-export:hover,
.m-setting .title .u-icn-toolbar-more:hover, .m-setting .title .u-icn-toggle-bar:hover {
  color: #666;
}
.m-setting .title .u-icn-export-16 {
  top: 10px;
}
.m-setting .title .u-icn-export-16,
.m-setting .title .u-icn-export {
  color: var(--color-primary);
}
.m-setting .title .u-icn-export-16:hover,
.m-setting .title .u-icn-export:hover {
  color: var(--color-primary-hover);
}
.m-setting h2.title {
  color: var(--color-title);
}
.m-setting .m-tab {
  height: calc(100% - 36px);
}
.m-setting .m-tab .tab-header {
  display: table;
  width: 100%;
  border-bottom: 1px solid #e8e8f0;
}
.m-setting .m-tab .tab-header .header-item {
  display: table-cell;
  text-align: center;
  height: 32px;
  line-height: 32px;
  position: relative;
  color: #79809a;
  background-color: #fff;
  font-size: 14px;
}
.m-setting .m-tab .tab-header .header-item.z-crt {
  color: var(--color-primary);
}
.m-setting .m-tab .tab-header .header-item.z-crt:before {
  content: "";
  display: block;
  height: 2px;
  width: 100%;
  background-color: var(--color-primary);
  position: absolute;
  bottom: -1px;
}
.m-setting .m-tab .tab-header .header-item .u-icn {
  font-size: 12px;
  vertical-align: super;
}
.m-setting .m-tab .tab-content {
  position: relative;
  padding-top: 1px;
  height: calc(100% - 37px);
  overflow-y: auto;
}
.m-setting .m-setting-item {
  position: relative;
  padding-bottom: 16px;
  border-bottom: 1px solid #e8e8f0;
}
.m-setting .m-setting-item.m-setting-reset {
  padding-bottom: 0;
}
.m-setting .m-setting-item.packup {
  padding-bottom: 0;
}
.m-setting .m-setting-item.m-setting-indicator-align {
  padding: 6px 0;
}
.m-setting .m-setting-item .mask {
  position: absolute;
  width: 100%;
  top: 0;
  bottom: 0;
  opacity: 0.6;
  background: #eee;
}
.m-setting .m-setting-item .m-setting-titleContent span {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  margin-left: 0px;
}
.m-setting .m-setting-item .settingItem-content {
  margin-left: 9px;
  margin-right: 9px;
  position: relative;
}
.m-setting .m-setting-item .settingItem-content:before, .m-setting .m-setting-item .settingItem-content:after {
  display: table;
  content: " ";
}
.m-setting .m-setting-item .settingItem-content:after {
  clear: both;
}
.m-setting .m-setting-item .one-row {
  margin: 8px 0;
}
.m-setting .m-setting-item h3 {
  font-size: 12px;
  color: var(--color-title);
  height: 40px;
  line-height: 40px;
  font-weight: 500;
  position: relative;
  -webkit-user-select: none;
  user-select: none;
  padding-left: 8px;
}
.m-setting .m-setting-item h3.collapsible {
  cursor: pointer;
}
.m-setting .m-setting-item h3.collapsible span {
  max-width: calc(100% - 24px);
}
.m-setting .m-setting-item h3 span {
  display: inline-block;
  height: 40px;
  line-height: 40px;
  margin-left: 0px;
  max-width: calc(100% - 8px);
  overflow: hidden;
  word-wrap: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: middle;
}
.m-setting .m-setting-item h3 .u-icn {
  display: inline-block;
  color: #79809a;
  height: 40px;
  line-height: 40px;
  width: 16px;
  overflow: hidden;
  font-size: 12px;
  margin-bottom: 0;
}
.m-setting .m-setting-item input {
  vertical-align: middle;
}
.m-setting .m-setting-item .m-setting-datamodel .u-btn {
  width: 100%;
  box-sizing: border-box;
  height: 32px;
  line-height: 32px;
}
.m-setting .m-setting-item .m-setting-datamodel .u-btn-menu {
  text-align: left;
  text-indent: 8px;
}
.m-setting .m-setting-item .m-setting-datameasure {
  position: relative;
}
.m-setting .m-setting-item .m-setting-datameasure .u-mpill-dropdown {
  margin-right: 30px;
}
.m-setting .m-setting-item .m-setting-datameasure .u-icn-delete {
  cursor: pointer;
  position: absolute;
  width: 14px;
  height: 14px;
  right: 8px;
  top: 50%;
  margin-top: -7px;
  color: #aaa;
}
.m-setting .m-setting-item .m-setting-datameasure .u-icn-delete:hover {
  color: #666;
}
.m-setting .m-setting-item .m-setting-datameasure .u-btn {
  width: 100%;
  height: 32px;
  line-height: 32px;
  box-sizing: border-box;
}
.m-setting .m-setting-item .m-setting-page {
  background-color: #fff;
}
.m-setting .m-setting-item .m-setting-page .text {
  float: left;
  height: 28px;
  line-height: 28px;
  margin-left: 4px;
  width: 60px;
  padding-left: 8px;
}
.m-setting .m-setting-item .m-setting-page .pagesize {
  float: right;
  width: 50%;
  height: 28px;
  line-height: 28px;
}
.m-setting .m-setting-item .m-setting-page .pagesize .u-dropdown .m-dropSelect-show {
  line-height: 28px;
  border: 0;
}
.m-setting .m-setting-item .m-setting-page .pagesize .u-dropdown .m-dropSelect-show:hover {
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.m-setting .m-setting-item .m-setting-page .pagesize .u-dropdown .m-dropSelect-show span {
  text-align: right;
}
.m-setting .m-setting-item.home p {
  line-height: 20px;
}
.m-setting .m-setting-item.home .u-btn-block {
  margin-bottom: 8px;
}
.m-setting .m-setting-item.p-b-0 {
  padding-bottom: 0;
}
.m-setting .m-setting-item.m-setting-help {
  border-bottom: 0px;
}
.m-setting .m-setting-item.m-setting-layout .m-setting-align {
  margin-top: 8px;
}
.m-setting .m-setting-item.m-setting-componentPri {
  padding-bottom: 0;
}
.m-setting .m-setting-item.m-setting-componentPri .u-icn-menubar-help {
  float: left;
  margin-right: 96px;
  font-size: 15px;
}
.m-setting .m-setting-item.m-setting-filterInfluence {
  padding-bottom: 0;
}
.m-setting .m-setting-item.m-setting-filterInfluence .u-icn-menubar-help {
  float: left;
  margin-right: 26px;
  font-size: 15px;
}
.m-setting .m-setting-item.m-setting-list-member {
  padding-bottom: 0;
}
.m-setting .m-setting-item.m-setting-list-member .u-icn-menubar-help {
  float: left;
  margin-right: 96px;
  font-size: 15px;
}
.m-setting .m-setting-item.m-setting-list-member-collapsible .u-icn-menubar-help {
  float: left;
  margin-right: 76px;
  font-size: 15px;
}
.m-setting .m-setting-item.m-setting-hideNullValue {
  padding-bottom: 0;
}
.m-setting .m-setting-item.m-setting-smartDown {
  padding-bottom: 0;
}
.m-setting .m-setting-item.m-setting-searchFields .u-icn-help {
  padding-left: 3px;
  font-size: 13px;
}
.m-setting .m-setting-item.m-setting-memberNum .settingItem-content {
  width: 75px;
  margin-top: -33px;
  margin-left: 116px;
  margin-bottom: -9px;
}
.m-setting .m-setting-item.m-setting-filtersQuery, .m-setting .m-setting-item.m-setting-paramsQuery {
  padding-bottom: 0;
}
.m-setting .m-setting-item.m-setting-filtersQuery .u-icn-menubar-help, .m-setting .m-setting-item.m-setting-paramsQuery .u-icn-menubar-help {
  font-size: 15px;
}
.m-setting .m-setting-item.m-setting-dataZoom {
  padding-bottom: 0;
}
.m-setting .m-setting-item.m-setting-dataZoom h3 {
  font-weight: normal;
}
.m-setting .m-setting-item-nopadding {
  padding-bottom: 0;
}
.m-setting .m-setting-item-query-fields {
  border-bottom: 0;
}
.m-setting .m-setting-item-query-fields .settingItem-content {
  margin: 0;
}
.m-setting .m-setting-disable .empty {
  background: #e1e1e1;
}
.m-setting .nopadding-bottom {
  padding-bottom: 0;
}
.m-setting .theme-style {
  width: 77px;
  height: 56px;
  border-radius: 4px;
  cursor: pointer;
  position: relative;
  box-sizing: border-box;
}
.m-setting .theme-style-white {
  border: 1px solid #abb3bf;
}
.m-setting .theme-style-black {
  border: 1px solid #000;
  background-color: #000;
  margin-left: 9px;
}
.m-setting .theme-style-custom {
  border: 1px solid #e8e8f0;
  margin-left: 9px;
}
.m-setting .theme-style-text {
  display: block;
  height: 20px;
  line-height: 20px;
  margin-top: 5px;
  text-align: center;
  color: #999;
}
.m-setting .theme-style:hover, .m-setting .theme-style.z-crt {
  cursor: pointer;
}
.m-setting .theme-style.z-crt .u-bicn-gou {
  display: block;
}
.m-setting .theme-style.z-crt .u-bicn-theme {
  margin-left: -25px;
}
.m-setting .theme-style .u-bicn-theme {
  position: absolute;
  left: 50%;
  margin-left: -27px;
  top: 18px;
}
.m-setting .theme-style .u-bicn-gou {
  position: absolute;
  right: 2px;
  top: 2px;
  display: none;
}
.m-setting .u-colors .color-item:first-child {
  margin-left: 2px;
}
.m-setting .property-font .u-color-border {
  float: left;
  margin-right: 10px;
}
.m-setting .property-font .u-btn-menu {
  display: block;
  float: right;
  width: 100px;
  height: 30px;
  line-height: 30px;
  text-align: left;
  text-indent: 5px;
}
.m-setting .property-font label.second-subtitle {
  float: right;
}
.m-setting .m-setting-sort .u-item {
  margin-bottom: 8px;
}
.m-setting .m-setting-map {
  padding: 0;
}
.m-setting .m-setting-map .settingItem-content {
  margin-top: 6px;
  margin-bottom: 6px;
}
.m-setting .m-setting-map h3 {
  display: none;
}
.m-setting .m-setting-baseMap {
  display: flex;
  justify-content: space-between;
}
.m-setting .m-setting-baseMap .label {
  margin-top: 1px;
}
.m-setting .m-setting-baseMap .u-checkbox-group {
  gap: 5px;
  width: 55%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.m-setting .m-setting-baseMap .u-checkbox-group .u-checkbox {
  margin-right: 0;
}
.m-setting .m-setting-lineCheckbox {
  height: 28px;
  line-height: 28px;
}
.m-setting .m-setting-lineCheckbox input {
  margin-top: -2px;
  margin-right: 8px;
}
.m-setting .m-setting-lineCheckbox .u-checkbox-text.left {
  color: var(--color-title);
}
.m-setting .m-setting-axes .m-setting-format .dsc-form .item {
  margin-top: 0;
}
.m-setting .m-setting-import {
  position: absolute;
  top: -26px;
  right: 0;
  height: 16px;
  color: var(--color-primary);
  cursor: pointer;
}
.m-setting .m-setting-import.z-disabled {
  color: #999;
}
.m-setting .u-icn-menubar-help {
  margin-top: 1px;
}

.m-setting-input .side {
  height: 28px;
  line-height: 28px;
}
.m-setting-input .main {
  overflow: visible;
}
.m-setting-input .m-rich-input .editor font {
  color: #282828;
}
.m-setting-input-text {
  height: 28px;
  line-height: 28px;
}
.m-setting-input-text .side {
  float: left;
  width: 30%;
}
.m-setting-input-text .main {
  float: right;
  width: 60%;
}
.m-setting-input .u-opera {
  margin-top: 10px;
}
.m-setting-input .u-btn-text {
  font-size: 12px;
  color: var(--color-primary);
}
.m-setting-input .u-btn-text-hover:hover {
  cursor: pointer;
}

.m-setting-border {
  position: relative;
}
.m-setting-border .line {
  margin: 8px 0;
}
.m-setting-border .u-color-icon {
  margin-top: 2.5px;
}
.m-setting-border .side {
  min-width: 28px;
}
.m-setting-border.formula .dsc-col-9 {
  width: auto;
}

.m-setting-opacity {
  height: 28px;
}

.m-setting-regionSize .u-number-input {
  position: relative;
}
.m-setting-regionSize .u-number-input .prefix {
  position: absolute;
  left: 8px;
  top: 8px;
}
.m-setting-regionSize .u-number-input .u-input {
  padding-left: 20px;
  padding-right: 0;
}

.u-number-input .u-icn {
  color: #79809a;
}

.m-setting-background, .m-setting-syncAxis, .m-setting-color, .m-setting-page {
  height: 28px;
}
.m-setting-background .u-color-icon, .m-setting-syncAxis .u-color-icon, .m-setting-color .u-color-icon, .m-setting-page .u-color-icon {
  position: relative;
  top: 4px;
}
.m-setting-background .text, .m-setting-syncAxis .text, .m-setting-color .text, .m-setting-page .text {
  height: 28px;
  line-height: 28px;
}
.m-setting-background .side, .m-setting-syncAxis .side, .m-setting-color .side, .m-setting-page .side {
  height: 28px;
  line-height: 28px;
}
.m-setting-background .side.name, .m-setting-syncAxis .side.name, .m-setting-color .side.name, .m-setting-page .side.name {
  height: 24px;
  line-height: 24px;
  margin-right: 4px;
  padding-left: 6px;
}
.m-setting-background .side.name + .main, .m-setting-syncAxis .side.name + .main, .m-setting-color .side.name + .main, .m-setting-page .side.name + .main {
  height: 100%;
}
.m-setting-background .dsc-col-item, .m-setting-syncAxis .dsc-col-item, .m-setting-color .dsc-col-item, .m-setting-page .dsc-col-item {
  width: 58px;
  max-width: 58px;
  float: right;
}

.m-setting-page .name {
  padding: 2px 0 2px 8px;
}
.m-setting-page .main {
  text-align: right;
  margin-right: 24px;
}

.m-setting-color .half-row .color-wrapper {
  position: relative;
}
.m-setting-color .half-row .color-wrapper .m-dropdown-color-block {
  width: 28px;
  height: 28px;
  position: absolute;
  right: 0;
}

.m-setting-item .m-dropdown-color-block .side.name {
  color: #79809a;
}

.m-setting-syncAxis input {
  margin-top: 6px;
}
.m-setting-syncAxis .z-disabled {
  color: #9b9b9b;
}

.m-setting-sum:before, .m-setting-sum:after {
  display: table;
  content: " ";
}
.m-setting-sum:after {
  clear: both;
}
.m-setting-sum .m-setting-weight {
  width: 50%;
  float: left;
  margin-top: 8px;
  padding-right: 4px;
}
.m-setting-sum .m-setting-weight + .m-setting-color {
  float: left;
  padding-left: 4px;
}
.m-setting-sum .m-setting-weight .text {
  vertical-align: middle;
  margin-left: 8px;
}
.m-setting-sum .m-setting-weight .z-active {
  color: #1881dc;
}

.m-setting-weight {
  cursor: pointer;
}
.m-setting-weight .dsc-row {
  height: 28px;
  line-height: 26px;
  background-color: #fff;
  border: 1px solid #e8e8f0;
}
.m-setting-weight .dsc-row:hover {
  background-color: #fff;
}
.m-setting-weight.m-setting-simpleWeight {
  width: 28px;
  clear: left;
  display: inline-block;
  margin-right: 8px;
}
.m-setting-weight.m-setting-simpleWeight .dsc-col-4 {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.m-setting-weight.m-setting-simpleWeight .dsc-col-4 .u-icn-bold {
  margin-bottom: 0;
}
.m-setting-weight.m-setting-simpleWeight .z-active {
  color: #1881dc;
}

.m-setting-comment-style.m-setting-item .m-select-commentIconSymbol {
  display: inline-flex;
}
.m-setting-comment-style.m-setting-item .m-select-commentIconSymbol .dsc-Item {
  width: 30px;
}
.m-setting-comment-style.m-setting-item .setting-iconColor {
  float: right;
  width: 28px;
}
.m-setting-comment-style.m-setting-item .m-select-commentIconSize {
  margin: 8px 0;
  clear: both;
}
.m-setting-comment-style.m-setting-item .dsc-Item {
  font-size: 16px;
  color: #525252;
}
.m-setting-comment-style.m-setting-item .dsc-Item.u-btn.z-selected {
  color: #fff;
}

.m-setting .m-setting-item.m-global-text {
  padding: 8px 0;
}
.m-setting .m-setting-item.m-global-text .m-setting-background, .m-setting .m-setting-item.m-global-text .m-setting-page, .m-setting .m-setting-item.m-global-text .m-setting-color, .m-setting .m-setting-item.m-global-text .m-setting-syncAxis {
  width: 58px;
  max-width: 58px;
  position: absolute;
  top: 0;
  right: 0;
}
.m-setting .m-setting-item.m-global-text .m-setting-background .side.name, .m-setting .m-setting-item.m-global-text .m-setting-page .side.name, .m-setting .m-setting-item.m-global-text .m-setting-color .side.name, .m-setting .m-setting-item.m-global-text .m-setting-syncAxis .side.name {
  padding-left: 2px;
}
.m-setting .m-setting-item.m-global-text .settingItem-content:before {
  content: "全局文字";
  display: block;
  float: left;
  width: 58px;
  height: 28px;
  line-height: 28px;
}
.m-setting .m-setting-item.m-global-text .m-font {
  overflow: hidden;
}
.m-setting .m-setting-item.m-global-text .m-font .line {
  width: 100%;
  margin: 0;
}

.m-setting-titleCheckbox {
  position: absolute;
  top: -28px;
  right: 0;
  height: 16px;
}
.m-setting-titleCheckbox span,
.m-setting-titleCheckbox input {
  float: left;
}
.m-setting-titleCheckbox input {
  margin-top: 1px;
}
.m-setting-titleCheckbox span {
  margin-right: 8px;
  margin-top: 2px;
}
.m-setting-titleCheckbox.m-title-visible {
  position: static;
}
.m-setting-titleCheckbox.m-title-visible input {
  position: absolute;
  right: 0;
  margin-top: 0;
}
.m-setting-titleCheckbox.m-title-visible .input-text {
  position: absolute;
  right: 16px;
}
.m-setting-titleCheckbox.m-title-visible2 {
  position: static;
  float: left;
  width: 100%;
  margin: 16px 0 8px;
}
.m-setting-titleCheckbox.m-title-visible2 input {
  position: absolute;
  right: 0;
  margin-top: 0;
}
.m-setting-titleCheckbox.m-title-visible2 .input-text {
  position: absolute;
  right: 16px;
}
.m-setting-titleCheckbox.m-title-visible3 {
  position: static;
  float: left;
  width: 100%;
  margin-top: 8px;
}
.m-setting-titleCheckbox.m-title-visible3 input {
  position: absolute;
  right: 0;
  margin-top: 0;
}
.m-setting-titleCheckbox.m-checkbox-hide input {
  display: none;
}
.m-setting-titleCheckbox.m-checkbox-page {
  position: relative;
  top: 0;
  padding-top: 10px;
  height: 30px;
}
.m-setting-titleCheckbox.m-checkbox-page.with-clear {
  clear: both;
}
.m-setting-titleCheckbox.m-checkbox-page input {
  position: absolute;
  left: 0;
}
.m-setting-titleCheckbox.m-checkbox-page .input-text {
  padding-left: 22px;
}
.m-setting-titleCheckbox.m-checkbox-page-help {
  height: 30px;
  color: #102048;
}
.m-setting-titleCheckbox.m-checkbox-page-help .input-text {
  color: #102048;
}
.m-setting-titleCheckbox.m-checkbox-page-help .u-icn-menubar-help {
  margin-top: 1px;
  color: #79809a;
  font-size: 14px;
}
.m-compare-table .m-setting-titleCheckbox.compare-checkbox {
  margin-top: 8px;
  position: static;
  padding-left: 5em;
}
.m-compare-table .m-setting-titleCheckbox.compare-checkbox .label-text {
  float: left;
  width: 5em;
  margin-right: 0;
}
.m-compare-table .m-setting-titleCheckbox.compare-checkbox.compare-checkbox-first {
  margin-top: 20px;
  padding-left: 0;
}
.m-compare-table .m-setting-titleCheckbox.compare-checkbox .u-icn {
  margin-left: 5px;
  margin-bottom: -1px;
}
.m-compare-table .m-setting-titleCheckbox.compare-checkbox .suffix-icon-wrapper {
  display: inline-block;
  float: none;
  margin: 0;
}
.m-compare-table .m-setting-titleCheckbox.compare-checkbox .suffix-icon-wrapper .u-icn {
  margin-left: 2px;
  cursor: pointer;
}

.m-setting-borderRadius.bar-style .text {
  height: 28px;
  line-height: 28px;
}

.m-setting-pointer {
  margin-bottom: 8px;
}
.m-setting-pointer h4,
.m-setting-pointer .custom,
.m-setting-pointer .line-follow {
  height: 28px;
  line-height: 28px;
}
.m-setting-pointer input,
.m-setting-pointer span {
  vertical-align: center;
}
.m-setting-pointer span {
  position: relative;
  top: 2px;
}
.m-setting-pointer .line-colors {
  margin-bottom: 8px;
}
.m-setting-pointer .m-dropdown-color-block {
  padding-left: 4px;
}

.m-setting-continuousColor {
  overflow: hidden;
}
.m-setting-continuousColor .btn-continuousColor {
  width: 78px;
  height: 32px;
  line-height: 32px;
}
.m-setting-continuousColor .color-show {
  width: 53px;
  height: 20px;
  margin-top: 5px;
  margin-left: 3px;
}

.m-setting-graphic .dsc-col-item {
  margin-top: 4px;
}

.m-setting-label {
  overflow: hidden;
}
.m-setting-label .m-label-placement {
  float: left;
  width: 50%;
}
.m-setting-label .m-label-placement .dsc-Item {
  height: 32px;
  line-height: 32px;
  border: 1px solid #e8e8f0;
  padding: 0 8px;
  margin-right: 8px;
  border-radius: 2px;
}
.m-setting-label .m-label-placement .dsc-Item .text {
  margin: 0;
}
.m-setting-label .m-label-placement .icon-box-placement {
  display: none;
}
.m-setting-label .m-label-position {
  float: left;
  width: 50%;
  margin: 0;
}
.m-setting-label .m-label-color {
  width: 50%;
  clear: both;
  float: left;
  margin-top: 8px;
}
.m-setting-label .m-label-color .subtitle {
  display: none;
}
.m-setting-label .m-label-color .u-btn-menu-color {
  float: none;
}
.m-setting-label .m-label-overlap {
  float: left;
  margin-top: 12px;
}
.m-setting-label .m-label-method {
  margin: 8px 0;
}
.m-setting-label .m-setting-titleCheckbox {
  position: relative;
}

.m-setting-measureInput h4 {
  height: 28px;
  line-height: 28px;
  margin-bottom: 3px;
}
.m-setting-measureInput .u-input-2 {
  width: calc( 100% - 24px );
}
.m-setting-measureInput .dropArea {
  position: relative;
}
.m-setting-measureInput .dropArea .u-item.dragable-over {
  border: 1px solid #1881dc;
}
.m-setting-measureInput button {
  display: block;
  width: 100%;
}
.m-setting-measureInput .item {
  margin-bottom: 8px;
}
.m-setting-measureInput .item-1 {
  margin-bottom: 0;
}
.m-setting-measureInput .u-icn-delete {
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -7px;
  cursor: pointer;
}

.m-setting-legendShowConfig {
  margin-bottom: 8px;
  font-size: 12px;
}
.m-setting-legendShowConfig .cbox {
  position: relative;
  margin: 8px 0;
  height: 16px;
  line-height: 16px;
}
.m-setting-legendShowConfig input {
  position: absolute;
  top: 0;
  right: 0;
}

.m-setting-legend .m-position {
  display: inline-block;
  width: calc(100% - 36px);
}

.m-graphic-area .m-setting-align {
  display: inline-block;
  width: calc(100% - 36px);
}
.m-graphic-area .m-setting-align.fill-line-block {
  width: 100%;
}

.m-font .z-both-align .m-choice-align,
.m-setting-align.z-both-align .m-choice-align {
  width: 62.5%;
  float: left;
}
.m-font .z-both-align .m-choice-align .dsc-col:first-child .item,
.m-setting-align.z-both-align .m-choice-align .dsc-col:first-child .item {
  border-left: 0;
}
.m-font .z-both-align .m-choice-align .side,
.m-setting-align.z-both-align .m-choice-align .side {
  width: 40%;
  padding-left: 5px;
  border-right: 0;
}
.m-font .z-both-align .m-choice-align .dsc-col:last-child .item,
.m-setting-align.z-both-align .m-choice-align .dsc-col:last-child .item {
  border-right-width: 0;
}
.m-font .z-both-align .m-choice-align .dsc-col:last-child .item .item-content,
.m-setting-align.z-both-align .m-choice-align .dsc-col:last-child .item .item-content {
  position: relative;
}
.m-font .z-both-align .m-choice-align .item-content,
.m-setting-align.z-both-align .m-choice-align .item-content {
  text-align: center;
}
.m-font .z-both-align .m-choice-align .icon-box,
.m-setting-align.z-both-align .m-choice-align .icon-box {
  display: inline-block;
}
.m-font .z-both-align .m-choice-align .icon-box .u-icn,
.m-setting-align.z-both-align .m-choice-align .icon-box .u-icn {
  font-size: 14px;
  margin-top: 3px;
}
.m-font .z-both-align .m-choice-align .icon-box .u-icn.u-icn-align-left, .m-font .z-both-align .m-choice-align .icon-box .u-icn.u-icn-align-center, .m-font .z-both-align .m-choice-align .icon-box .u-icn.u-icn-align-right,
.m-setting-align.z-both-align .m-choice-align .icon-box .u-icn.u-icn-align-left,
.m-setting-align.z-both-align .m-choice-align .icon-box .u-icn.u-icn-align-center,
.m-setting-align.z-both-align .m-choice-align .icon-box .u-icn.u-icn-align-right {
  font-size: 12px;
  padding: 1px;
  margin-top: 2px;
}
.m-font .z-both-align .m-choice-align.m-choice-align-vertical,
.m-setting-align.z-both-align .m-choice-align.m-choice-align-vertical {
  width: 37.5%;
}

.m-setting-align.z-both-align + .m-setting-align .item-content {
  text-align: center;
}
.m-setting-align.z-both-align + .m-setting-align .icon-box {
  display: inline-block;
}
.m-setting-align.z-both-align + .m-setting-align .icon-box .u-icn {
  font-size: 14px;
  margin-top: 3px;
}
.m-setting-align.z-both-align + .m-setting-align .icon-box .u-icn.u-icn-align-left, .m-setting-align.z-both-align + .m-setting-align .icon-box .u-icn.u-icn-align-center, .m-setting-align.z-both-align + .m-setting-align .icon-box .u-icn.u-icn-align-right {
  font-size: 12px;
  padding: 1px;
  margin-top: 2px;
}

.m-font .z-both-align .m-choice-align > .side {
  color: #79809a;
}
.m-font .z-both-align .m-choice-align.m-choice-align-vertical .dsc-col:last-child .item {
  border-right-width: 1px;
}

.m-setting-align.z-both-align + .m-setting-align .main,
.m-font .z-both-align .m-choice-align.m-choice-align-vertical {
  position: relative;
}
.m-setting-align.z-both-align + .m-setting-align .main::before,
.m-font .z-both-align .m-choice-align.m-choice-align-vertical::before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  bottom: 6px;
  width: 1px;
  background-color: #e8e8f0;
}

.m-setting-line .dsc-row {
  margin-bottom: 8px;
  height: 28px;
  line-height: 28px;
}

.m-setting-trajectory-style .linemark {
  margin-bottom: 8px;
}

.m-setting-trajectory-disAuto {
  position: relative;
  top: 0;
}
.m-setting-trajectory-disAuto input {
  float: right;
  margin-right: 8px;
}
.m-setting-trajectory-disAuto .input-text {
  float: right;
  margin-right: 0;
}

.m-setting-trajectory-display .u-range {
  margin-top: 4px;
  margin-left: -16px;
}

.m-total-rate {
  position: static;
  margin-top: 5px;
}

.m-static-checkbox {
  float: left;
  position: static;
  width: 100%;
  margin-top: 8px;
}
.m-static-checkbox .label-text {
  margin-top: 4px;
}
.m-static-checkbox input {
  float: right;
}
.m-static-checkbox.m-checkbox-show-icon {
  margin: 12px 0;
  float: none;
}
.m-static-checkbox.m-checkbox-show-icon .label-text,
.m-static-checkbox.m-checkbox-show-icon input {
  margin-top: 2px;
}
.m-static-checkbox.m-checkbox-show-icon .input-text {
  position: absolute;
  right: 10px;
}

.m-dropdown.m-dropdown-nav-selected-icon {
  width: 62%;
  float: left;
}
.m-dropdown.m-dropdown-nav-selected-icon .u-icn {
  font-size: 14px;
  padding: 1px;
  margin-right: 4px;
  top: 6px;
}
.m-dropdown.m-dropdown-nav-selected-icon .icon-desc {
  margin-left: 20px;
  margin-right: 0;
}

.m-overlay-dropdown-nav-icon-list {
  width: 180px !important;
  border: 1px solid #e8e8f0;
  box-sizing: content-box;
}
.m-overlay-dropdown-nav-icon-list .u-list {
  padding: 12px;
}
.m-overlay-dropdown-nav-icon-list .u-list > li {
  padding: 0;
  width: 28px;
  height: 28px;
  float: left;
  margin-bottom: 4px;
  margin-right: 4px;
  text-align: center;
  background-color: #f5f8ff;
}
.m-overlay-dropdown-nav-icon-list .u-list > li .u-icn {
  margin-right: 0;
  font-size: 18px;
}
.m-overlay-dropdown-nav-icon-list .u-list > li:nth-child(5n+5) {
  margin-right: 0;
}

.m-setting-numInput.m-dropdown-nav-selected-size {
  width: 35%;
  float: right;
}

.m-setting-mapborder {
  margin-top: 8px;
}
.m-setting-mapborder .row .label {
  color: var(--color-title);
  height: 28px;
  line-height: 28px;
}
.m-setting-mapborder .row-border {
  margin-top: 8px;
}
.m-setting-mapborder .m-setting-border .line {
  margin: 0;
}
.m-setting-mapborder .m-setting-border .dsc-col-9 {
  width: 68%;
}
.m-setting-mapborder .m-setting-border .dsc-col-3 {
  width: 32%;
}

.m-table {
  position: relative;
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  line-height: 1.5;
  outline-width: 0;
  max-width: none;
  max-height: none;
}
.m-table-striped tr:nth-child(odd) td {
  background-color: #f5f5f5;
}
.m-table-full {
  width: 100%;
  max-width: 100%;
}
.m-table td {
  border-collapse: collapse;
  border-spacing: 0;
  outline-width: 0;
  background-color: #fff;
  line-height: 20px;
  empty-cells: show;
  padding: 4px 12px 4px 8px;
  vertical-align: top;
  overflow: hidden;
}
.m-table td .htitle {
  max-width: 100%;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}
.m-table td a {
  color: var(--color-primary);
  cursor: pointer;
}
.m-table td a.z-disabled {
  color: var(--color-gray-light);
  cursor: not-allowed;
}
.m-table td a.z-danger {
  color: #F24957;
}
.m-table td .error-title {
  color: #F24957;
}
.m-table tbody tr td {
  border-bottom: 1px solid #e8e8f0;
}
.m-table .td-roles {
  white-space: normal;
}
.m-table .mask {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
}
.m-table .m-table-empty-body {
  padding-top: 10px;
}
.m-table .m-table-lazy-list {
  overflow-anchor: none;
}
.m-table-ellipsis .mutil-table-body table,
.m-table-ellipsis .mutil-table-body-outer table {
  table-layout: fixed;
  width: 100%;
}

.m-table-view-scroll .m-table.mutil-table.mutil-table-right {
  left: auto;
  background: #fff;
  box-shadow: -6px 0 6px -4px rgba(0, 0, 0, 0.15);
}
.m-table-view-scroll .m-table.mutil-table.hide-shadow {
  box-shadow: -6px 0 6px -4px rgba(0, 0, 0, 0);
}
.m-table-view-scroll .m-table.mutil-table.mutil-table-left {
  background: #fff;
  right: auto;
  box-shadow: 6px 0 6px -4px rgba(0, 0, 0, 0.15);
}
.m-table-view-scroll .m-table.mutil-table.mutil-table-left ::-webkit-scrollbar {
  width: 0;
}
.m-table-view-scroll .m-table.mutil-table.mutil-table-left .thead {
  right: 0;
}
.m-table-view-scroll .m-table .mutil-table-body-outer {
  height: 100%;
  padding-top: 36px;
}
.m-table-view-scroll .m-table .mutil-table-body-outer .mutil-table-body-inner {
  height: 100%;
}

.mutil-table-scroll.m-table.fixed {
  overflow: visible;
}
.mutil-table-scroll.m-table .loading {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.mutil-table-fixed {
  background: #fff;
}
.mutil-table-fixed .mutil-table-thead-hidden {
  visibility: hidden;
}
.mutil-table-fixed .mutil-table-thead-hidden th {
  border: 0;
}

.m-panel {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: whitesmoke;
  transition: left 0.3s, top 0.3s;
  z-index: 200;
}
.m-panel-right {
  left: 100%;
}
.m-panel-left {
  left: -100%;
}
.m-panel-top {
  top: -100%;
}
.m-panel-bottom {
  top: 100%;
}
.m-panel.z-show {
  left: 0;
  top: 0;
}
.m-panel .wrap {
  width: 100%;
  height: 100%;
}
.m-panel header {
  position: relative;
  height: 36px;
  line-height: 36px;
  border-bottom: 1px solid #e8e8f0;
  box-sizing: border-box;
  background-color: #fff;
  text-align: center;
}
.m-panel .panel-body {
  height: calc(100% - 40px);
}

.m-model-list {
  background-color: #fff;
  height: 100%;
  padding-top: 10px;
  box-sizing: border-box;
}
.m-model-list > .search {
  border: 1px solid #e8e8f0;
  margin: 10px;
  margin-top: 0;
  position: relative;
}
.m-model-list > .search .u-icn {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 26px;
  height: 26px;
  cursor: pointer;
  line-height: 26px;
  text-align: center;
  font-size: 14px;
  color: #666;
}
.m-model-list > .search .u-input-1 {
  width: 145px;
  display: block;
  margin-left: 30px;
}
.m-model-list .m-search {
  margin: 10px;
  margin-top: 0;
  position: relative;
}
.m-model-list .model-tip {
  margin: 0 10px 10px;
  height: 24px;
  line-height: 22px;
  border-radius: 2px;
  background: rgba(51, 126, 255, 0.1);
  border: 1px solid #337EFF;
  font-size: 12px;
  color: #79809a;
  text-align: center;
}
.m-model-list .model-tip span {
  position: relative;
}
.m-model-list .model-tip .info {
  position: absolute;
  left: -16px;
  top: 1px;
  color: #337EFF;
}
.m-model-list .list {
  position: relative;
  overflow-y: auto;
}
.m-model-list .list.m-folders-1 {
  height: calc(100vh - 230px);
}
.m-model-list .list.m-folders-1.hideCreateModel {
  height: calc(100vh - 180px);
}
.m-model-list .list.m-folders-1 .m-folders-1 {
  height: auto;
}
.m-model-list .list .group .title {
  text-align: left;
  border: 0;
}
.m-model-list .list .group .title:hover {
  padding-right: 0;
}
.m-model-list .list .group .items .item:hover .title {
  padding-right: 0;
}
.m-model-list .list .group .items .item:hover .title.z-crt {
  background: var(--color-list-hover-bg);
  color: #fff;
}
.m-model-list .list .group .items .item .text-flex {
  display: flex;
}
.m-model-list .list .group .items .item .text-flex .text-pre {
  max-width: calc(100% - 65px);
  flex-shrink: 0;
}
.m-model-list .list .group .items .item .text-flex .text-max {
  max-width: 100%;
  flex-shrink: 0;
}
.m-model-list h2.title {
  border-bottom: 0;
}
.m-model-list .u-load {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -20px;
}
.m-model-list .u-btn.u-btn-primary {
  display: block;
  margin: 5px auto;
  width: 120px;
  margin-top: 15px;
}

.m-panel-setting {
  height: 100%;
  width: 200px;
}

.m-choice-align .side {
  margin-top: 12px;
}
.m-choice-align .item {
  border: 1px solid #e8e8f0;
  height: 28px;
  line-height: 28px;
  margin: 2px;
  background-color: #fff;
}
.m-choice-align .item .icon-box {
  margin-top: 5px;
}
.m-choice-align .item .icon-box i {
  width: 16px;
  font-size: 16px;
}

.m-meter-appearance .side,
.m-meter-angle .side,
.m-meter-direction .side,
.m-meter-adjust .side,
.m-bar-appearance .side,
.m-line-appearance .side,
.m-bar-direction .side,
.m-select-legend .side,
.m-legend-position .side {
  margin-top: 2px;
  margin-right: 8px;
}
.m-meter-appearance .item,
.m-meter-angle .item,
.m-meter-direction .item,
.m-meter-adjust .item,
.m-bar-appearance .item,
.m-line-appearance .item,
.m-bar-direction .item,
.m-select-legend .item,
.m-legend-position .item {
  border: 1px solid #e8e8f0;
  margin: 2px;
  padding: 8px;
  background-color: #fff;
  border-radius: 2px;
}
.m-meter-appearance .icon-box,
.m-meter-angle .icon-box,
.m-meter-direction .icon-box,
.m-meter-adjust .icon-box,
.m-bar-appearance .icon-box,
.m-line-appearance .icon-box,
.m-bar-direction .icon-box,
.m-select-legend .icon-box,
.m-legend-position .icon-box {
  background-color: #fff;
}
.m-meter-appearance .dsc-ListView,
.m-meter-angle .dsc-ListView,
.m-meter-direction .dsc-ListView,
.m-meter-adjust .dsc-ListView,
.m-bar-appearance .dsc-ListView,
.m-line-appearance .dsc-ListView,
.m-bar-direction .dsc-ListView,
.m-select-legend .dsc-ListView,
.m-legend-position .dsc-ListView {
  margin-right: -8px;
  margin-left: -8px;
}
.m-meter-appearance .dsc-Item,
.m-meter-angle .dsc-Item,
.m-meter-direction .dsc-Item,
.m-meter-adjust .dsc-Item,
.m-bar-appearance .dsc-Item,
.m-line-appearance .dsc-Item,
.m-bar-direction .dsc-Item,
.m-select-legend .dsc-Item,
.m-legend-position .dsc-Item {
  width: 50%;
  padding-left: 8px;
  padding-right: 8px;
}
.m-meter-appearance .dsc-Item .item-wrap,
.m-meter-angle .dsc-Item .item-wrap,
.m-meter-direction .dsc-Item .item-wrap,
.m-meter-adjust .dsc-Item .item-wrap,
.m-bar-appearance .dsc-Item .item-wrap,
.m-line-appearance .dsc-Item .item-wrap,
.m-bar-direction .dsc-Item .item-wrap,
.m-select-legend .dsc-Item .item-wrap,
.m-legend-position .dsc-Item .item-wrap {
  border: 1px solid #e8e8f0;
  background-color: #fff;
  margin-top: 2px;
}
.m-meter-appearance .dsc-Item .icon-box,
.m-meter-angle .dsc-Item .icon-box,
.m-meter-direction .dsc-Item .icon-box,
.m-meter-adjust .dsc-Item .icon-box,
.m-bar-appearance .dsc-Item .icon-box,
.m-line-appearance .dsc-Item .icon-box,
.m-bar-direction .dsc-Item .icon-box,
.m-select-legend .dsc-Item .icon-box,
.m-legend-position .dsc-Item .icon-box {
  width: 52px;
  margin: 8px auto;
}
.m-meter-appearance .dsc-Item .text,
.m-meter-angle .dsc-Item .text,
.m-meter-direction .dsc-Item .text,
.m-meter-adjust .dsc-Item .text,
.m-bar-appearance .dsc-Item .text,
.m-line-appearance .dsc-Item .text,
.m-bar-direction .dsc-Item .text,
.m-select-legend .dsc-Item .text,
.m-legend-position .dsc-Item .text {
  margin-bottom: 8px;
}
.m-meter-appearance .dsc-Item .item-wrap .dsc-bicon,
.m-meter-angle .dsc-Item .item-wrap .dsc-bicon,
.m-meter-direction .dsc-Item .item-wrap .dsc-bicon,
.m-meter-adjust .dsc-Item .item-wrap .dsc-bicon,
.m-bar-appearance .dsc-Item .item-wrap .dsc-bicon,
.m-line-appearance .dsc-Item .item-wrap .dsc-bicon,
.m-bar-direction .dsc-Item .item-wrap .dsc-bicon,
.m-select-legend .dsc-Item .item-wrap .dsc-bicon,
.m-legend-position .dsc-Item .item-wrap .dsc-bicon {
  margin: 6px auto 0;
}

.m-meter-appearance .dsc-ListView .dsc-Item .item-wrap,
.m-meter-direction .dsc-ListView .dsc-Item .item-wrap,
.m-meter-adjust .dsc-ListView .dsc-Item .item-wrap,
.m-meter-angle .dsc-ListView .dsc-Item .item-wrap {
  border: 0;
  background-color: transparent;
  margin-top: 0;
}
.m-meter-appearance .dsc-ListView .dsc-Item.z-selected .item-wrap, .m-meter-appearance .dsc-ListView .dsc-Item:hover .item-wrap,
.m-meter-direction .dsc-ListView .dsc-Item.z-selected .item-wrap,
.m-meter-direction .dsc-ListView .dsc-Item:hover .item-wrap,
.m-meter-adjust .dsc-ListView .dsc-Item.z-selected .item-wrap,
.m-meter-adjust .dsc-ListView .dsc-Item:hover .item-wrap,
.m-meter-angle .dsc-ListView .dsc-Item.z-selected .item-wrap,
.m-meter-angle .dsc-ListView .dsc-Item:hover .item-wrap {
  border: 0;
  box-shadow: none;
}
.m-meter-appearance .dsc-ListView .dsc-Item .icon-box,
.m-meter-direction .dsc-ListView .dsc-Item .icon-box,
.m-meter-adjust .dsc-ListView .dsc-Item .icon-box,
.m-meter-angle .dsc-ListView .dsc-Item .icon-box {
  width: 60px;
  height: 60px;
}
.m-meter-appearance .dsc-ListView .dsc-Item .dsc-bicon,
.m-meter-direction .dsc-ListView .dsc-Item .dsc-bicon,
.m-meter-adjust .dsc-ListView .dsc-Item .dsc-bicon,
.m-meter-angle .dsc-ListView .dsc-Item .dsc-bicon {
  margin: 12px auto 0;
}

.m-meter-angle,
.m-meter-direction,
.m-meter-adjust {
  margin-top: 8px;
}

.m-sunburst-appearance .dsc-ListView .dsc-Item .dsc-bicon {
  margin: 8px auto 0;
}

.m-table-theme-style .m-setting-select-cancel-button {
  color: #79809a;
  display: flex;
  align-items: center;
  position: absolute;
  top: -28px;
  right: 0;
  height: 16px;
}
.m-table-theme-style .m-setting-select-cancel-button .u-icn {
  margin-left: 4px;
  cursor: pointer;
}
.m-table-theme-style .m-setting-select-cancel-button .u-icn:hover {
  color: var(--color-primary);
}
.m-table-theme-style .dsc-ListView:before, .m-table-theme-style .dsc-ListView:after {
  display: table;
  content: " ";
}
.m-table-theme-style .dsc-ListView:after {
  clear: both;
}
.m-table-theme-style .dsc-ListView .dsc-Item {
  float: left;
  margin-right: calc(50% - 81px);
}
.m-table-theme-style .dsc-ListView .dsc-Item:last-child {
  margin-right: 0;
}
.m-table-theme-style .dsc-ListView .dsc-Item .dsc-bicon {
  margin-top: 8px;
}

.m-dropSelect-show, .m-modal-import-connect .import .side {
  height: 28px;
  border: 1px solid var(--color-border);
  position: relative;
  line-height: 26px;
  cursor: pointer;
  background-color: #fff;
  border-radius: 2px;
}
.m-dropSelect-show:hover .select-clean, .m-modal-import-connect .import .side:hover .select-clean {
  display: block;
}
.m-dropSelect-show .u-arrow, .m-modal-import-connect .import .side .u-arrow {
  right: 8px;
  left: auto;
  margin-left: 0;
}
.m-dropSelect-show .u-icn, .m-modal-import-connect .import .side .u-icn {
  position: absolute;
  left: 5px;
  top: 5px;
}
.m-dropSelect-show .u-icn.z-custom-icn, .m-modal-import-connect .import .side .u-icn.z-custom-icn {
  right: 8px;
  left: auto;
  top: 50%;
}
.m-dropSelect-show .select-clean, .m-modal-import-connect .import .side .select-clean {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  width: 20px;
  text-align: center;
}
.m-dropSelect-show .select-clean .u-icn, .m-modal-import-connect .import .side .select-clean .u-icn {
  position: static;
  color: #79809a;
  font-size: 14px;
}
.m-dropSelect-show .f20, .m-modal-import-connect .import .side .f20 {
  font-size: 20px;
}
.m-dropSelect-show span, .m-modal-import-connect .import .side span {
  display: block;
  height: 26px;
  margin-left: 5px;
  margin-right: 20px;
  vertical-align: top;
  color: #79809a;
  overflow: hidden;
  word-wrap: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.m-dropSelect-show .u-placeholder, .m-modal-import-connect .import .side .u-placeholder {
  color: #c0c0ca;
}
.m-dropSelect-show .u-down-input, .m-modal-import-connect .import .side .u-down-input {
  line-height: 26px;
  border: none;
  color: #79809a;
}
.m-dropSelect-show .u-down-control, .m-modal-import-connect .import .side .u-down-control {
  position: absolute;
  width: 20px;
  height: 26px;
  right: 0;
  top: 0;
}
.m-dropSelect-show.z-disabled, .m-modal-import-connect .import .z-disabled.side {
  cursor: not-allowed;
  color: #aaa;
  border: 0;
  background: #f5f5f5;
}
.m-dropSelect-show-hidden {
  display: none;
}
.m-dropSelect-show.m-dropSelect-show-32, .m-modal-import-connect .import .m-dropSelect-show-32.side {
  height: 32px;
  line-height: 30px;
}
.m-dropSelect-show.m-dropSelect-show-32 .u-placeholder, .m-modal-import-connect .import .m-dropSelect-show-32.side .u-placeholder {
  height: 30px;
}

.m-rect-bg {
  position: relative;
}
.m-rect-bg .m-setting-borderRadius {
  margin-top: 8px;
}
.m-rect-bg .m-setting-border .line {
  margin-bottom: 0;
}
.m-rect-bg .text {
  height: 28px;
  line-height: 28px;
}

.m-font {
  position: relative;
}
.m-font.m-font-2 {
  clear: both;
}
.m-font .line {
  margin: 8px 0;
}
.m-font .line.wrapped {
  padding-left: 8px;
  border: 1px solid #e8e8f0;
  height: 28px;
  line-height: 28px;
  background: #fff;
}
.m-font .line .u-btn {
  width: 100%;
}
.m-font .line .u-btn-icon {
  padding: 0;
}
.m-font .side {
  width: 28px;
}
.m-font .font-style {
  height: 28px;
  line-height: 28px;
}
.m-font .u-color-icon {
  margin-top: 2px;
}
.m-font-1 .line:first-child {
  margin-top: 0;
}
.m-font-color, .m-font-size, .m-font-family {
  float: left;
  margin-top: 8px;
}
.m-font-color {
  width: 28px;
}
.m-font-size {
  width: calc(50% - 28px);
  padding: 0 4px 0 8px;
}
.m-font-family {
  width: 50%;
  padding-left: 4px;
}

.m-drop-color .main {
  width: 52px;
  float: right;
}
.m-drop-color-top {
  margin-top: 10px;
}
.m-drop-color.halfWidth {
  display: inline-block;
  width: 50%;
}
.m-drop-color.halfWidth .main {
  width: 22px;
}

.m-graphic-grid {
  margin-bottom: 8px;
}
.m-graphic-grid .side {
  height: 28px;
  line-height: 28px;
}
.m-graphic-grid .side.name {
  height: 24px;
  line-height: 24px;
  margin-right: 4px;
  padding-left: 6px;
}
.m-graphic-grid .side.name + .main {
  height: 100%;
}
.m-graphic-grid .side.name {
  margin: 0;
}
.m-graphic-grid .side.name + .main {
  width: 22px;
  float: right;
}

.m-indicator-checkbox {
  position: relative;
  top: 0;
}
.m-indicator-checkbox .label-text {
  margin-right: 38px;
}

.m-bgBorder,
.m-endPoint {
  position: relative;
}
.m-bgBorder h3,
.m-endPoint h3 {
  display: none;
}
.m-bgBorder .text,
.m-endPoint .text {
  height: 28px;
  line-height: 28px;
  white-space: nowrap;
}
.m-bgBorder .settingItem-content,
.m-endPoint .settingItem-content {
  margin-top: 6px;
  margin-bottom: 6px;
}
.m-bgBorder .m-setting-opacity,
.m-endPoint .m-setting-opacity {
  position: absolute;
  width: calc(50% - 20px);
  top: 0;
  left: 32px;
}
.m-bgBorder.m-setting-item,
.m-endPoint.m-setting-item {
  padding-bottom: 0;
}

.m-meter-scale .m-setting-color {
  width: 24px;
}

.m-curColor-1 .m-setting-color {
  float: left;
  margin-right: 16px;
  height: 28px;
  width: 24px;
  padding-top: 2px;
}
.m-curColor-1 .m-setting-background {
  float: left;
  width: 50%;
}
.m-curColor-1 .m-setting-background:first-child {
  padding-right: 5px;
}
.m-curColor-1 .m-setting-background:nth-child(2) {
  padding-left: 5px;
}
.m-curColor-1 .m-setting-background .main {
  width: 22px;
}
.m-curColor-1 .m-setting-background .side.name {
  margin-right: 3px;
  padding-left: 3px;
}
.m-curColor-1 .m-font-1 {
  float: left;
  width: 100%;
  margin-top: 10px;
}

.m-polar-caption .m-font-1 .line,
.m-polar-label .m-font-1 .line {
  margin: 0;
}

.m-direct-node .m-setting-titleCheckbox input {
  margin-top: 0;
}
.m-direct-node .m-setting-titleCheckbox.m-b-0 {
  margin-bottom: 0;
}
.m-direct-node .m-setting-input {
  display: flex;
  align-items: center;
}
.m-direct-node .m-setting-input .side {
  flex-basis: 90px;
  margin-left: 16px;
}
.m-direct-node .m-setting-input .u-input {
  height: 24px;
  line-height: 24px;
}
.m-direct-node .m-setting-radio-wrap {
  margin-left: 15px;
  margin-bottom: 8px;
}

.m-way-down .m-setting-titleCheckbox,
.m-direct-node .m-setting-titleCheckbox {
  position: relative;
  top: auto;
  right: auto;
  margin-bottom: 8px;
}
.m-way-down .m-setting-titleCheckbox span,
.m-direct-node .m-setting-titleCheckbox span {
  margin-left: 16px;
}
.m-way-down .m-setting-titleCheckbox:last-child,
.m-direct-node .m-setting-titleCheckbox:last-child {
  margin-bottom: 0;
}
.m-way-down .m-setting-titleCheckbox input,
.m-direct-node .m-setting-titleCheckbox input {
  float: right;
}
.m-way-down .m-setting-down-checkboxes .item,
.m-direct-node .m-setting-down-checkboxes .item {
  margin-bottom: 8px;
  height: 16px;
  line-height: 16px;
}
.m-way-down .m-setting-down-checkboxes .item:last-child,
.m-direct-node .m-setting-down-checkboxes .item:last-child {
  margin-bottom: 0;
}
.m-way-down .m-setting-down-checkboxes .item span,
.m-way-down .m-setting-down-checkboxes .item input,
.m-direct-node .m-setting-down-checkboxes .item span,
.m-direct-node .m-setting-down-checkboxes .item input {
  display: block;
}
.m-way-down .m-setting-down-checkboxes .item span,
.m-direct-node .m-setting-down-checkboxes .item span {
  float: left;
  margin-left: 32px;
}
.m-way-down .m-setting-down-checkboxes .item input,
.m-direct-node .m-setting-down-checkboxes .item input {
  float: right;
  margin-left: 16px;
}
.m-way-down .m-setting-switch,
.m-direct-node .m-setting-switch {
  margin-bottom: 8px;
  margin-left: 16px;
  padding: 0 8px;
}
.m-way-down .m-setting-switch.m-switch,
.m-direct-node .m-setting-switch.m-switch {
  height: 32px;
  line-height: 32px;
  background: #f6f7fa;
}
.m-way-down .m-setting-switch.m-switch .label,
.m-direct-node .m-setting-switch.m-switch .label {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.m-way-down .m-setting-switch.m-switch .label .u-switch,
.m-direct-node .m-setting-switch.m-switch .label .u-switch {
  width: 24px;
  height: 12px;
}
.m-way-down .m-setting-switch.m-switch .label .u-switch::before,
.m-direct-node .m-setting-switch.m-switch .label .u-switch::before {
  width: 10px;
  height: 10px;
  left: 1px;
  top: 0;
}
.m-way-down .m-setting-switch.m-switch .label .u-switch.on::before,
.m-direct-node .m-setting-switch.m-switch .label .u-switch.on::before {
  -webkit-transform: translateX(11px);
  transform: translateX(11px);
}

.m-palette-item .m-palette {
  margin-bottom: 8px;
}
.m-palette-item .m-setting-color {
  width: 24px;
  height: 28px;
  padding-top: 2px;
}

.m-palette .item {
  height: 18px;
  cursor: pointer;
  overflow: hidden;
  border-radius: 2px;
}
.m-colors .item {
  position: relative;
  width: 22px;
  height: 22px;
  cursor: pointer;
  float: left;
  overflow: hidden;
}
.m-colors .item:last-child {
  margin-right: 0;
}
.m-colors .item::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: 4px solid rgba(0, 0, 0, 0.4);
  position: absolute;
  bottom: 0;
  right: 0;
  border-left-color: transparent;
  border-top-color: transparent;
}

.m-dropdown-color-block {
  width: 100%;
  height: 28px;
}
.m-dropdown-color-block .show {
  width: 100%;
  height: 100%;
}

.m-tab .tab-header .header-item {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
}
.m-tab .tab-header .header-item u-icn-ai {
  font-size: 14px;
}

.m-range-input .u-range {
  float: left;
  margin-top: 14px;
}
.m-range-input .u-number-input {
  float: right;
}

.m-window {
  position: absolute;
  z-index: 304;
  top: 0;
  display: table;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  --modal-padding: 24px;
}
.m-window.mask-transparent {
  background: rgba(0, 0, 0, 0);
}
.m-window > .wrap {
  display: table-cell;
  padding-top: 5%;
  text-align: center;
}
@media (min-width: 1200px) {
  .m-window > .wrap {
    padding-top: 60px;
  }
}
.m-window .loading {
  display: inline-block;
}
.m-window .window {
  position: relative;
  display: inline-block;
  min-width: 300px;
  border-radius: calc(var(--modal-radius) + 1px);
  text-align: left;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}
.m-window .window .winhd {
  padding: 0 20px;
  height: 36px;
  line-height: 36px;
  border-bottom: 1px solid #e8e8f0;
  border-top-left-radius: var(--modal-radius);
  border-top-right-radius: var(--modal-radius);
  background: #fff;
}
.m-window .window .winhd .wintt {
  display: inherit;
  font-size: 14px;
  font-weight: 500;
  color: var(--color-title);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding-right: 12px;
}
.m-window .window .winhd .refresh {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.m-window .window .wincls {
  position: absolute;
  top: 4px;
  right: 14px;
  padding: 5px;
  color: #8f8f8f;
  cursor: pointer;
  font-size: 20px;
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  width: 26px;
  height: 26px;
}
.m-window .window .winhd.dragable {
  cursor: move;
}
.m-window .window .winbd {
  position: relative;
  padding: var(--modal-padding);
  background: #fff;
}
.m-window .window .winbd .winlab {
  display: inline-block;
  line-height: 32px;
  padding-right: 20px;
  white-space: nowrap;
  text-align: right;
  color: var(--color-title);
}
.m-window .window .winbd .u-txtwrap {
  display: inline-block;
}
.m-window .window .winbd .u-txtwrap-block {
  display: block;
}
.m-window .window .winbd .u-txtwrap-newFolder {
  float: right;
}
.m-window .window .winbd .u-txt {
  width: 200px;
}
.m-window .window .winbd .u-txt-newFolder {
  width: 330px;
}
.m-window .window .winbd .u-txt.m-rich-input {
  height: 32px;
  line-height: 22px;
}
.m-window .window .winbd .u-txt-s1 {
  width: 100px;
  font-size: 12px;
  height: 20px;
  vertical-align: middle;
}
.m-window .window .winbd .u-txt-s2 {
  height: 22px;
  position: relative;
  top: -1px;
}
.m-window .window .winbd .u-txt-s1.dropdown-wrapper,
.m-window .window .winbd .u-txt-s2.dropdown-wrapper {
  display: inline-block;
  padding: 0;
}
.m-window .window .winbd .u-txt-s1.dropdown-wrapper .m-dropSelect-show, .m-window .window .winbd .u-txt-s1.dropdown-wrapper .m-modal-import-connect .import .side, .m-modal-import-connect .import .m-window .window .winbd .u-txt-s1.dropdown-wrapper .side,
.m-window .window .winbd .u-txt-s2.dropdown-wrapper .m-dropSelect-show,
.m-window .window .winbd .u-txt-s2.dropdown-wrapper .m-modal-import-connect .import .side,
.m-modal-import-connect .import .m-window .window .winbd .u-txt-s2.dropdown-wrapper .side {
  height: 20px;
  line-height: 20px;
}
.m-window .window .winbd .u-txt-setTime {
  width: 358px;
}
.m-window .window .winbd .u-txt-setTime-small {
  width: 60px;
}
.m-window .window .winbd .u-txt-relation {
  width: 120px;
}
.m-window .window .winbd .u-txt-fieldName {
  width: 150px;
}
.m-window .window .winbd .u-txt-value {
  width: 100px;
}
.m-window .window .winbd .u-txt-d1 {
  width: 34px;
}
.m-window .window .winbd .m-sql .u-txtwrap {
  display: block;
}
.m-window .window .winbd .m-sql .u-txt {
  width: 100%;
}
.m-window .window .wtxc {
  text-align: center;
}
.m-window .window .winft {
  padding: 10px 20px;
  border-top: 1px solid #efefef;
  text-align: center;
  background: #fbfbfb;
  border-bottom-left-radius: var(--modal-radius);
  border-bottom-right-radius: var(--modal-radius);
}
.m-window .window .winft:before, .m-window .window .winft:after {
  display: table;
  content: " ";
}
.m-window .window .winft:after {
  clear: both;
}
.m-window .window .winft-left {
  text-align: left;
}
.m-window .window .winft-right {
  text-align: right;
}
.m-window .window .winft-right.p-right .u-btn-primary {
  float: right;
  margin-left: 8px;
}
.m-window .window .winft .u-btn {
  width: auto;
  height: 28px;
  line-height: 28px;
  min-width: 80px;
}
.m-window .window .winft .u-btn + .u-btn {
  margin-left: 20px;
}
.m-window .window .winft-fRight .u-btn {
  float: right;
  min-width: 60px;
  margin-left: 12px;
}
.m-window .window .winft .sel::after {
  content: "";
  display: block;
  border-style: solid dashed dashed;
  border-width: 6px 5px;
  border-color: #aaa transparent transparent transparent;
  left: 3px;
  top: 10px;
  float: right;
  margin: 10px 5px 5px 10px;
}
.m-window .window .winft.dragable {
  cursor: move;
}
.m-window-calc .window .winbd {
  padding: 0;
}
.m-window-franky + .m-window-mask {
  position: fixed;
  left: 0;
  right: 0;
}

.m-window-modal {
  z-index: 307;
  background-color: transparent;
  transition: transform 0.28s cubic-bezier(0.78, 0.14, 0.42, 1.28), opacity 0.2s;
  -webkit-transform: scale(0.1) translate(0, 0);
  transform: scale(0.1) translate(0, 0);
  opacity: 0.2;
}
.m-window-modal.z-show {
  -webkit-transform: scale(1) translate(0, 0);
  transform: scale(1) translate(0, 0);
  opacity: 1;
}
.m-window-modal .winbd {
  max-height: calc(100vh - 160px);
  overflow-y: auto;
}
.m-window-modal-1 .winbd {
  overflow: inherit;
}
.m-window-modal-2 .window .winbd {
  padding: 0;
}
.m-window-modal-rerun .window .winbd {
  overflow: visible;
}
.m-window-modal .u-msg {
  color: #79809a;
}
.m-window-modal.modal-title-ellipsis .winhd .wintt {
  max-width: 400px;
}

.m-window-modal-newui {
  color: #79809a;
}
.m-window-modal-newui .window .winbd {
  padding: 24px;
}
.m-window-modal-newui .window .winft {
  padding: 11px 24px;
  height: 55px;
  background-color: #fff;
  font-size: 0;
}
.m-window-modal-newui .window .winft .u-btn {
  height: 32px;
  line-height: 32px;
  min-width: 68px;
  font-size: 14px;
}
.m-window-modal-newui .window .winft .u-btn + .u-btn {
  margin-left: 8px;
}
.m-window-modal-newui .window .wincls {
  line-height: 54px;
  right: 41px;
  padding: 0;
  width: 0;
  height: 0;
  color: #79809a;
}
.m-window-modal-newui .window .winhd {
  height: 55px;
  line-height: 55px;
  padding: 0 24px;
}
.m-window-modal-newui .window .winhd .wintt {
  font-size: 16px;
}

.m-window-modal-mobile-middle .wrap {
  padding-top: 0;
  position: relative;
}
.m-window-modal-mobile-middle .wrap .window {
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 8px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  overflow: hidden;
  background: #fff;
}
.m-window-modal-mobile-middle .wrap .window .winhd {
  border-bottom: 0;
  padding-top: 8px;
}
.m-window-modal-mobile-middle .wrap .window .winhd .wintt {
  text-align: center;
  font-weight: 500;
  font-size: 16px;
  padding-right: 0;
}
.m-window-modal-mobile-middle .wrap .window .winbd {
  padding: 12px;
  color: #79809a;
  text-align: center;
}
.m-window-modal-mobile-middle .wrap .window .winft {
  background: none;
  padding: 0;
  position: relative;
  height: 43px;
}
.m-window-modal-mobile-middle .wrap .window .winft .u-btn {
  position: absolute;
  width: 50%;
  height: 100%;
  bottom: 0;
  margin: 0;
  box-shadow: none;
  font-size: 16px;
}
.m-window-modal-mobile-middle .wrap .window .winft .u-btn-primary {
  right: 0;
  border-radius: 0;
  background: none;
  color: var(--color-primary);
}
.m-window-modal-mobile-middle .wrap .window .winft .u-btn-ghost {
  left: 0;
  border-right: 1px solid #e8e8f0;
}

.m-window-modal-drawer {
  position: fixed;
  z-index: 307;
  background-color: transparent;
  transition: transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1), height 0s ease 0.3s, width 0s ease 0.3s, transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
}
.m-window-modal-drawer-noanimation {
  transition: none;
}
.m-window-modal-drawer-noanimation .wrap .window {
  transition: none;
}
.m-window-modal-drawer .window {
  position: absolute;
  display: flex;
  flex-direction: column;
  height: 100%;
  background: #fff;
  -webkit-box-shadow: -6px 0 16px -8px rgba(0, 0, 0, 0.08), -9px 0 28px 0 rgba(0, 0, 0, 0.05), -12px 0 48px 16px rgba(0, 0, 0, 0.03);
  box-shadow: -6px 0 16px -8px rgba(0, 0, 0, 0.08), -9px 0 28px 0 rgba(0, 0, 0, 0.05), -12px 0 48px 16px rgba(0, 0, 0, 0.03);
  transition: transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
}
.m-window-modal-drawer .window .wincls {
  position: absolute;
  top: 20px;
  right: 20px;
}
.m-window-modal-drawer .window .winhd {
  position: relative;
  padding: 0 24px;
  border-bottom: 1px solid #f0f0f0;
  background: #f5f5f5;
}
.m-window-modal-drawer .window .winhd.dragable {
  cursor: move;
}
.m-window-modal-drawer .window .winbd {
  flex-grow: 1;
  padding: 24px;
  overflow: hidden;
}
.m-window-modal-drawer .window .winft {
  text-align: center;
  padding: 0 24px;
}
.m-window-modal-drawer-top, .m-window-modal-drawer-bottom {
  left: 0;
  width: 100%;
  height: 0%;
}
.m-window-modal-drawer-top.z-show, .m-window-modal-drawer-bottom.z-show {
  height: 100%;
}
.m-window-modal-drawer-top.z-show .window, .m-window-modal-drawer-bottom.z-show .window {
  transform: none;
}
.m-window-modal-drawer-top .window, .m-window-modal-drawer-bottom .window {
  width: 100%;
}
.m-window-modal-drawer-top {
  top: 0;
}
.m-window-modal-drawer-top .window {
  top: 0;
  transform: translateY(-100%);
}
.m-window-modal-drawer-bottom {
  bottom: 0;
}
.m-window-modal-drawer-bottom .window {
  bottom: 0;
  transform: translateY(100%);
}
.m-window-modal-drawer-left, .m-window-modal-drawer-right {
  top: 0;
  width: 0%;
  height: 100%;
}
.m-window-modal-drawer-left.z-show, .m-window-modal-drawer-right.z-show {
  width: 100%;
}
.m-window-modal-drawer-left.z-show .window, .m-window-modal-drawer-right.z-show .window {
  transform: none;
}
.m-window-modal-drawer-left .window, .m-window-modal-drawer-right .window {
  height: 100%;
}
.m-window-modal-drawer-left {
  left: 0;
}
.m-window-modal-drawer-left .window {
  left: 0;
  transform: translateX(-100%);
}
.m-window-modal-drawer-right {
  right: 0;
}
.m-window-modal-drawer-right .window {
  right: 0;
  transform: translateX(100%);
}

.m-window-modal-3 .wrap .window {
  top: 10%;
}
.m-window-modal-3 .wrap .window .winbd {
  height: 470px;
}

.m-window-modal.m-window-modal-rerun .btn {
  padding: 6px 19px;
  border: 1px solid #d4d7d9;
  border-radius: 2px;
  color: #282829;
}
.m-window-modal.m-window-modal-rerun .btn.active {
  border: 1px solid #7d8da3;
  color: #fff;
  background: #768594;
}
.m-window-modal.m-window-modal-rerun .tip {
  font-size: 14px;
  margin-top: 20px;
  margin-bottom: 4px;
}
.m-window-modal.m-window-modal-rerun .show {
  margin: 0;
}
.m-window-modal.m-window-modal-rerun .field {
  height: 26px;
}

.m-modal-cockpit .window {
  background: #fff;
}

.m-window-modal-panel .wrap .window .winbd {
  padding: 0;
}

.m-modal-colorpanel {
  background: #eee;
  display: inline-block;
}
.m-modal-colorpanel input {
  border: 1px solid #e8e8f0;
  padding: 2px;
}
.m-modal-colorpanel .row {
  padding: 18px 20px 10px 17px;
  background: #fff;
}
.m-modal-colorpanel .row-1 {
  padding-bottom: 15px;
  background: #eee;
}
.m-modal-colorpanel .row-2 {
  padding-top: 10px;
}
.m-modal-colorpanel .row-3 {
  padding-bottom: 20px;
}
.m-modal-colorpanel .col {
  display: inline-block;
  text-align: left;
  margin-right: 10px;
  vertical-align: middle;
}
.m-modal-colorpanel .col .tb {
  width: 50px;
  height: 50px;
}
.m-modal-colorpanel .col .bgt input {
  width: 75px;
  margin-left: 0;
}
.m-modal-colorpanel .col .opt {
  width: 40px;
}
.m-modal-colorpanel .col-range {
  width: 200px;
  background: #fff;
  padding-right: 10px;
}
.m-modal-colorpanel .col-right {
  margin-right: 0;
  vertical-align: top;
}
.m-modal-colorpanel .col-right input {
  margin-left: 4px;
  padding: 0 4px;
}
.m-modal-colorpanel .col-left {
  padding-left: 3px;
}
.m-modal-colorpanel ul {
  margin-bottom: 3px;
}
.m-modal-colorpanel ul li {
  display: inline-block;
  line-height: 28px;
  text-align: right;
  margin-right: 8px;
}
.m-modal-colorpanel ul li.last {
  margin-right: 0;
}
.m-modal-colorpanel ul li input {
  max-width: 38px;
  width: 38px;
}

.m-colorpanel {
  width: 360px;
  height: 310px;
  margin: 0 auto;
  position: relative;
}
.m-colorpanel .panel {
  height: 100%;
  margin-right: 50px;
  background: red;
  position: relative;
}
.m-colorpanel .panel .mask {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.m-colorpanel .panel .mask-left2right {
  z-index: 0;
  background: linear-gradient(to right, #fff 0%, rgba(255, 255, 255, 0) 100%);
}
.m-colorpanel .panel .mask-top2bottom {
  z-index: 1;
  background: linear-gradient(to bottom, transparent 0%, #000 100%);
}
.m-colorpanel .panel .show-btn {
  position: absolute;
  bottom: 50%;
  right: 50%;
  margin-left: -5px;
  margin-top: -5px;
  z-index: 2;
  display: block;
  width: 8px;
  height: 8px;
  border: 1px solid #000;
  border-radius: 50%;
}
.m-colorpanel .hue {
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  height: 100%;
  background: linear-gradient(to bottom, red 0%, #ff0 17%, lime 33%, cyan 50%, blue 66%, #f0f 83%, red 100%);
}
.m-colorpanel .hue .show-btn {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  margin-top: -4px;
  height: 9px;
}
.m-colorpanel .hue .show-btn::before, .m-colorpanel .hue .show-btn::after {
  content: "";
  display: block;
  width: 7px;
  height: 9px;
  z-index: 1;
  top: 0;
  left: -7px;
  position: absolute;
  background-image: url(../img/colorpanel_btn.ec0b886b93.png);
  background-position: 0 -30px;
}
.m-colorpanel .hue .show-btn::after {
  left: auto;
  right: -7px;
  background-position: -35px -30px;
}

.m-color {
  font-size: 12px;
  padding: 8px;
  padding-bottom: 0;
}
.m-color .u-icn-opacity {
  cursor: pointer;
  color: #8f8f8f;
  margin-left: 50px;
}
.m-color .u-icn-opacity:hover {
  color: #666;
}
.m-color .transparent {
  position: absolute;
  top: 4px;
  left: 0;
  z-index: 0;
  width: 16px;
  height: 16px;
  display: block;
  border: 1px solid #e8e8f0;
}
.m-color .transparent::before {
  content: "";
  display: block;
  width: 18px;
  height: 1px;
  background-color: #F24957;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  transform: rotate(-45deg);
  left: -2px;
  top: 7px;
  position: absolute;
}
.m-color .row {
  padding: 8px 0;
  border-bottom: 1px solid #e6eaee;
  position: relative;
}
.m-color .row:before, .m-color .row:after {
  display: table;
  content: " ";
}
.m-color .row:after {
  clear: both;
}
.m-color .row .bgc {
  width: 19px;
  height: 19px;
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  z-index: 1;
  top: 4px;
  left: 0;
}
.m-color .row .bgt {
  float: right;
}
.m-color .row .bgt span {
  color: #6c819e;
}
.m-color .row .bgt input {
  width: 66px;
  padding: 1px 2px;
  border: 1px solid #e8e8f0;
  color: #666;
}
.m-color .row .u-btn-s1 {
  max-width: 80px;
}
.m-color .row .u-btn-ghost-opacity {
  color: #333;
  display: inline-block;
  height: 20px;
  line-height: 20px;
  padding: 0 3px;
  position: absolute;
  left: 37px;
  top: 3px;
}
.m-color .row .optt {
  padding: 5px 5px 5px 10px;
  background-color: #eee;
  display: inline-block;
  width: 100px;
  margin-left: 5px;
}
.m-color .row .optt input {
  width: 30px;
  margin-left: 10px;
}
.m-color .row .optt1 {
  padding: 5px;
  display: inline-block;
  width: 110px;
  vertical-align: middle;
}
.m-color .row .txt {
  margin-bottom: 6px;
}
.m-color .row-1 {
  padding-top: 3px;
}
.m-color .row-2 {
  max-height: 107px;
}
.m-color .row-3 {
  max-height: 74px;
}
.m-color .row-4 {
  text-align: left;
  border-bottom: 0 solid #e6eaee;
  padding: 0;
}
.m-color .row-4 .u-btn-menu {
  width: 100%;
  height: 34px;
  line-height: 34px;
  padding-left: 0;
  background: #fff;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  text-align: left;
}
.m-color .row-4 .u-btn-menu:hover {
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.m-color .ctable {
  display: inline-block;
  max-width: 154px;
}
.m-color .ctable .box {
  width: 14px;
  height: 14px;
  float: left;
  box-sizing: border-box;
  margin-right: 6px;
  border-left: 1px solid #e8e8f0;
  border-right: 1px solid #e8e8f0;
  cursor: pointer;
}
.m-color .ctable .box-1 {
  margin-bottom: 6px;
}
.m-color .ctable .box-2 {
  margin-right: 0;
}
.m-color .ctable .box-top {
  border-top: 1px solid #e8e8f0;
}
.m-color .ctable .box-bottom {
  border-bottom: 1px solid #e8e8f0;
}
.m-color .ctable .box:hover {
  border: 1px solid #000;
}

.m-overlay {
  z-index: 300;
  position: fixed;
}
.m-overlay .u-overlay-arrow {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 2px;
  transform: translate(-50%, -50%) rotate(-45deg);
  background: #fff;
  border: 1px solid #e8e8f0;
  border-width: 1px 1px 0 0;
}
.m-overlay .u-overlay-arrow.bottom {
  top: auto;
  bottom: 0;
  transform: translate(-50%, 50%) rotate(135deg);
}
.m-overlay .u-overlay-arrow.left {
  transform: translate(-50%, -50%) rotate(-135deg);
}

.m-overlay-error .u-errtip {
  white-space: nowrap;
  margin-bottom: 0;
}

.m-overlay-shadow {
  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.08);
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.08);
}
.m-overlay-shadow .u-overlay-blank {
  border: 0;
}

.m-overlay-right .u-list-1 {
  right: 100%;
  left: auto;
}

.m-overlay-continuousColor {
  z-index: 307;
}

.m-overlay-table .u-menu {
  display: block;
}

.m-overlay-primary .u-list-dropdown li {
  color: #79809a;
}
.m-overlay-primary .u-list-dropdown li:hover {
  background: #f6f7fa;
}
.m-overlay-primary .u-list-dropdown li.selected {
  color: var(--color-primary);
  background-color: initial;
}

.m-border .u-btn {
  width: 80px;
  display: block;
  float: left;
}
.m-border .width {
  width: 65px;
  margin-left: 15px;
}
.m-border .style {
  float: right;
}

.m-region {
  position: absolute;
  border: 1px solid var(--color-primary);
  background-color: rgba(52, 152, 251, 0.24);
}

.m-region-dashed {
  border-style: dotted;
}

.m-region-group {
  margin: -1px;
  -webkit-transition-property: left, top, width, height, background-color;
  transition-property: left, top, width, height, background-color;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}

.m-single-color .u-btn-menu-color {
  width: 78px;
}
.m-single-color .color-show {
  width: 53px;
  height: 20px;
  margin-top: 3px;
  margin-left: 3px;
}

.m-align li {
  float: left;
  border: 1px solid #e8e8f0;
  width: 26px;
  height: 26px;
  margin-right: 33px;
  cursor: pointer;
  line-height: 26px;
  text-align: center;
}
.m-align li:last-child {
  margin-right: 0;
}
.m-dashRegion {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  min-width: 100%;
  min-height: 100%;
}
.m-dashRegion.z-mobile-layout {
  min-width: auto;
  padding: 30px 10px;
  margin: 0 auto;
  background: #d8d8d8;
  border-radius: 25px;
  max-height: 740px;
  min-height: unset;
  overflow: hidden;
}
.m-dashRegion.z-mobile-layout .m-canvas-manual {
  width: 100%;
  height: 100%;
  overflow: auto;
}
.m-dashRegion.z-mobile-layout .m-canvas-auto {
  overflow: auto;
}
.m-dashRegion.z-mobile-layout .m-canvas-auto .box {
  overflow: hidden;
}
.m-dashRegion.z-mobile-layout .u-mobile-layout-tool {
  position: absolute;
  top: 30px;
  bottom: 30px;
  left: 20px;
  right: 20px;
  overflow: hidden;
  pointer-events: none;
}
.m-dashRegion.z-mobile-layout .u-mobile-layout-tool.z-hide .back-icon {
  transform: translateX(-200%);
}
.m-dashRegion.z-mobile-layout .u-mobile-layout-tool.z-hide .right {
  transform: translateX(140%);
}
.m-dashRegion.z-mobile-layout .u-mobile-layout-tool .back-icon {
  position: absolute;
  top: 27px;
  left: 16px;
}
.m-dashRegion.z-mobile-layout .u-mobile-layout-tool .right {
  display: flex;
  align-items: center;
  position: absolute;
  top: 27px;
  right: 16px;
  height: 30px;
  padding: 0 15px;
  line-height: 26px;
  color: #fff;
  border-radius: 15px;
  border: 2px solid #666;
  background: rgba(0, 0, 0, 0.7);
  transition: transform 0.3s;
}
.m-dashRegion.z-mobile-layout .u-mobile-layout-tool .right .u-icn-more {
  line-height: 30px;
  margin-left: 20px;
  font-size: 18px;
  text-align: center;
}
.m-dashRegion.z-mobile-layout .u-mobile-layout-tool .right::after {
  content: "";
  position: absolute;
  right: 42px;
  width: 1px;
  height: 16px;
  background: #808080;
}

.g-app-edit .m-dashRegion,
.g-app-edit .m-canvas .box {
  overflow: visible;
}

.m-canvas {
  position: relative;
  text-align: center;
  z-index: 0;
}
.m-canvas .u-disable-all-actions {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10000;
  cursor: not-allowed;
}
.m-canvas .box {
  position: relative;
  overflow: hidden;
  -webkit-font-smoothing: subpixel-antialiased !important;
}
.m-canvas .beautify-before,
.m-canvas .beautify-after {
  width: 100%;
  position: absolute;
  color: #7880a0;
  text-align: left;
}
.m-canvas .grid.dropable-valid {
  outline: 1px solid #1881dc;
}
.m-canvas .m-dashbox .dropable-valid {
  outline: 1px solid #1881dc;
}
.m-canvas.z-draw {
  cursor: crosshair;
}
.m-canvas .graber {
  cursor: -webkit-grabbing;
  background: rgba(255, 255, 255, 0.01);
}

.u-resize,
.u-graphicbox-resize {
  border: 1px solid rgb(170, 170, 170);
  border-color: rgba(16, 63, 250, 0.6);
  box-sizing: border-box;
}
.u-resize [class^=resize],
.u-graphicbox-resize [class^=resize] {
  position: absolute;
  width: 10px;
  height: 10px;
  z-index: 10;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 3px solid rgb(153, 153, 153);
  border-color: #2e57fb;
}
.u-resize .resize-topLeft,
.u-graphicbox-resize .resize-topLeft {
  margin-top: -2px;
  margin-left: -2px;
  top: 0;
  left: 0;
  cursor: nwse-resize;
  border-right: none;
  border-bottom: none;
}
.u-resize .resize-top,
.u-graphicbox-resize .resize-top {
  margin-top: -3px;
  margin-left: -5px;
  top: 0;
  left: 50%;
  cursor: ns-resize;
  border-left: none;
  border-right: none;
  border-bottom: none;
  border-width: 5px;
}
.u-resize .resize-topRight,
.u-graphicbox-resize .resize-topRight {
  margin-top: -2px;
  margin-left: -7px;
  top: 0;
  left: 100%;
  cursor: nesw-resize;
  border-left: none;
  border-bottom: none;
}
.u-resize .resize-right,
.u-graphicbox-resize .resize-right {
  margin-top: -5px;
  margin-left: -7px;
  top: 50%;
  left: 100%;
  cursor: ew-resize;
  border-top: none;
  border-left: none;
  border-bottom: none;
  border-width: 5px;
}
.u-resize .resize-bottomRight,
.u-graphicbox-resize .resize-bottomRight {
  margin-top: -7px;
  margin-left: -7px;
  top: 100%;
  left: 100%;
  cursor: nwse-resize;
  border-top: none;
  border-left: none;
}
.u-resize .resize-bottom,
.u-graphicbox-resize .resize-bottom {
  margin-top: -7px;
  margin-left: -5px;
  top: 100%;
  left: 50%;
  cursor: ns-resize;
  border-top: none;
  border-left: none;
  border-right: none;
  border-width: 5px;
}
.u-resize .resize-bottomLeft,
.u-graphicbox-resize .resize-bottomLeft {
  margin-top: -7px;
  margin-left: -2px;
  top: 100%;
  left: 0%;
  cursor: nesw-resize;
  border-top: none;
  border-right: none;
}
.u-resize .resize-left,
.u-graphicbox-resize .resize-left {
  margin-top: -5px;
  margin-left: -3px;
  top: 50%;
  left: 0%;
  cursor: ew-resize;
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-width: 5px;
}

.m-dashbox,
.m-mobile-widget-wrapper {
  -webkit-transition-property: width, height, background-color;
  transition-property: width, height, background-color;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
}
.m-dashbox.comment,
.m-mobile-widget-wrapper.comment {
  -webkit-transition-property: background-color;
  transition-property: background-color;
}
.m-dashbox .cover,
.m-mobile-widget-wrapper .cover {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 100;
}
.m-dashbox.no-transition,
.m-mobile-widget-wrapper.no-transition {
  opacity: 0.5;
}
.m-dashbox.change-zindex,
.m-mobile-widget-wrapper.change-zindex {
  z-index: 9999 !important;
}
.m-dashbox .graphic-content,
.m-dashbox .chart-box,
.m-mobile-widget-wrapper .graphic-content,
.m-mobile-widget-wrapper .chart-box {
  position: relative;
  width: 100%;
  height: 100%;
}
.m-dashbox .graphic,
.m-dashbox .frame,
.m-dashbox .u-mover,
.m-dashbox .u-resize,
.m-mobile-widget-wrapper .graphic,
.m-mobile-widget-wrapper .frame,
.m-mobile-widget-wrapper .u-mover,
.m-mobile-widget-wrapper .u-resize {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.m-dashbox .frame,
.m-mobile-widget-wrapper .frame {
  z-index: 1;
}
.m-dashbox .frame .split-line,
.m-mobile-widget-wrapper .frame .split-line {
  position: absolute;
  left: 0;
  bottom: 0;
  content: " ";
  width: 100%;
  height: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.m-dashbox .frame > .pending-mask,
.m-mobile-widget-wrapper .frame > .pending-mask {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
}
.m-dashbox .frame > .pending-mask .error-area,
.m-mobile-widget-wrapper .frame > .pending-mask .error-area {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  background: rgba(255, 255, 255, 0.7);
}
.m-dashbox .frame > .pending-mask .u-icn-warning-circle,
.m-mobile-widget-wrapper .frame > .pending-mask .u-icn-warning-circle {
  color: #ffa200;
  margin-bottom: 0;
}
.m-dashbox .frame > .pending-mask .error-msg,
.m-mobile-widget-wrapper .frame > .pending-mask .error-msg {
  line-height: 20px;
  text-align: center;
  margin-left: 8px;
  margin-right: 8px;
  color: #000;
}
.m-dashbox .frame > .pending-mask .error-detail,
.m-mobile-widget-wrapper .frame > .pending-mask .error-detail {
  z-index: 10;
  color: var(--color-primary);
  cursor: pointer;
  line-height: 20px;
}
.m-dashbox .frame > .pending-mask .error-filter,
.m-mobile-widget-wrapper .frame > .pending-mask .error-filter {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  text-align: center;
  font-size: 12px;
  color: #333;
  background: rgba(255, 255, 255, 0.7);
}
.m-dashbox .frame > .pending-mask .error-filter .btn,
.m-mobile-widget-wrapper .frame > .pending-mask .error-filter .btn {
  color: #0091ff;
  text-decoration: underline;
}
.m-dashbox .frame > .pending-mask .error-filter .btn:hover,
.m-mobile-widget-wrapper .frame > .pending-mask .error-filter .btn:hover {
  cursor: pointer;
}
.m-dashbox .frame > .pending-mask.transparent,
.m-mobile-widget-wrapper .frame > .pending-mask.transparent {
  pointer-events: none;
}
.m-dashbox .frame > .pending-mask.transparent .error-area,
.m-mobile-widget-wrapper .frame > .pending-mask.transparent .error-area {
  background: transparent;
  justify-content: flex-end;
  align-items: flex-end;
  padding-right: 12px;
  padding-bottom: 12px;
  font-size: 12px;
}
.m-dashbox .frame > .pending-mask.transparent .error-area .u-icn,
.m-mobile-widget-wrapper .frame > .pending-mask.transparent .error-area .u-icn {
  line-height: 20px;
}
.m-dashbox .frame > .pending-mask.transparent .error-area .error-detail,
.m-mobile-widget-wrapper .frame > .pending-mask.transparent .error-area .error-detail {
  pointer-events: all;
}
.m-dashbox .u-resize,
.m-mobile-widget-wrapper .u-resize {
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  display: none;
}
.m-dashbox .u-resize [class^=resize],
.m-mobile-widget-wrapper .u-resize [class^=resize] {
  display: none;
}
.m-dashbox.z-selected .u-resize,
.m-mobile-widget-wrapper.z-selected .u-resize {
  top: -2px;
  left: -2px;
  right: -2px;
  bottom: -2px;
  border-width: 2px;
}
.m-canvas-mobile .m-dashbox:hover .u-resize, .m-canvas-mobile .m-dashbox.z-actived .u-resize,
.m-canvas-mobile .m-mobile-widget-wrapper:hover .u-resize,
.m-canvas-mobile .m-mobile-widget-wrapper.z-actived .u-resize {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.m-canvas-mobile .m-dashbox:hover .u-resize > .resize-topLeft,
.m-canvas-mobile .m-dashbox:hover .u-resize > .resize-top,
.m-canvas-mobile .m-dashbox:hover .u-resize > .resize-topRight, .m-canvas-mobile .m-dashbox.z-actived .u-resize > .resize-topLeft,
.m-canvas-mobile .m-dashbox.z-actived .u-resize > .resize-top,
.m-canvas-mobile .m-dashbox.z-actived .u-resize > .resize-topRight,
.m-canvas-mobile .m-mobile-widget-wrapper:hover .u-resize > .resize-topLeft,
.m-canvas-mobile .m-mobile-widget-wrapper:hover .u-resize > .resize-top,
.m-canvas-mobile .m-mobile-widget-wrapper:hover .u-resize > .resize-topRight,
.m-canvas-mobile .m-mobile-widget-wrapper.z-actived .u-resize > .resize-topLeft,
.m-canvas-mobile .m-mobile-widget-wrapper.z-actived .u-resize > .resize-top,
.m-canvas-mobile .m-mobile-widget-wrapper.z-actived .u-resize > .resize-topRight {
  top: 1px;
}
.m-canvas-mobile .m-dashbox:hover .u-resize > .resize-topRight,
.m-canvas-mobile .m-dashbox:hover .u-resize > .resize-right,
.m-canvas-mobile .m-dashbox:hover .u-resize > .resize-bottomRight, .m-canvas-mobile .m-dashbox.z-actived .u-resize > .resize-topRight,
.m-canvas-mobile .m-dashbox.z-actived .u-resize > .resize-right,
.m-canvas-mobile .m-dashbox.z-actived .u-resize > .resize-bottomRight,
.m-canvas-mobile .m-mobile-widget-wrapper:hover .u-resize > .resize-topRight,
.m-canvas-mobile .m-mobile-widget-wrapper:hover .u-resize > .resize-right,
.m-canvas-mobile .m-mobile-widget-wrapper:hover .u-resize > .resize-bottomRight,
.m-canvas-mobile .m-mobile-widget-wrapper.z-actived .u-resize > .resize-topRight,
.m-canvas-mobile .m-mobile-widget-wrapper.z-actived .u-resize > .resize-right,
.m-canvas-mobile .m-mobile-widget-wrapper.z-actived .u-resize > .resize-bottomRight {
  left: auto;
  right: -1px;
}
.m-canvas-mobile .m-dashbox:hover .u-resize > .resize-bottomLeft,
.m-canvas-mobile .m-dashbox:hover .u-resize > .resize-bottom,
.m-canvas-mobile .m-dashbox:hover .u-resize > .resize-bottomRight, .m-canvas-mobile .m-dashbox.z-actived .u-resize > .resize-bottomLeft,
.m-canvas-mobile .m-dashbox.z-actived .u-resize > .resize-bottom,
.m-canvas-mobile .m-dashbox.z-actived .u-resize > .resize-bottomRight,
.m-canvas-mobile .m-mobile-widget-wrapper:hover .u-resize > .resize-bottomLeft,
.m-canvas-mobile .m-mobile-widget-wrapper:hover .u-resize > .resize-bottom,
.m-canvas-mobile .m-mobile-widget-wrapper:hover .u-resize > .resize-bottomRight,
.m-canvas-mobile .m-mobile-widget-wrapper.z-actived .u-resize > .resize-bottomLeft,
.m-canvas-mobile .m-mobile-widget-wrapper.z-actived .u-resize > .resize-bottom,
.m-canvas-mobile .m-mobile-widget-wrapper.z-actived .u-resize > .resize-bottomRight {
  top: auto;
  bottom: -1px;
}
.m-canvas-mobile .m-dashbox:hover .u-resize > .resize-topLeft,
.m-canvas-mobile .m-dashbox:hover .u-resize > .resize-left,
.m-canvas-mobile .m-dashbox:hover .u-resize > .resize-bottomLeft, .m-canvas-mobile .m-dashbox.z-actived .u-resize > .resize-topLeft,
.m-canvas-mobile .m-dashbox.z-actived .u-resize > .resize-left,
.m-canvas-mobile .m-dashbox.z-actived .u-resize > .resize-bottomLeft,
.m-canvas-mobile .m-mobile-widget-wrapper:hover .u-resize > .resize-topLeft,
.m-canvas-mobile .m-mobile-widget-wrapper:hover .u-resize > .resize-left,
.m-canvas-mobile .m-mobile-widget-wrapper:hover .u-resize > .resize-bottomLeft,
.m-canvas-mobile .m-mobile-widget-wrapper.z-actived .u-resize > .resize-topLeft,
.m-canvas-mobile .m-mobile-widget-wrapper.z-actived .u-resize > .resize-left,
.m-canvas-mobile .m-mobile-widget-wrapper.z-actived .u-resize > .resize-bottomLeft {
  left: 1px;
}
.m-dashbox .g-fill,
.m-dashbox .u-mover,
.m-mobile-widget-wrapper .g-fill,
.m-mobile-widget-wrapper .u-mover {
  background: rgba(255, 255, 255, 0);
}
.m-dashbox .u-mover,
.m-mobile-widget-wrapper .u-mover {
  cursor: move;
  z-index: 5;
}
.m-dashbox .u-mover-stylebrush,
.m-mobile-widget-wrapper .u-mover-stylebrush {
  cursor: url(../img/stylebrush.e127809ca2.ico), auto;
}
.m-dashbox .u-error,
.m-mobile-widget-wrapper .u-error {
  display: none;
  position: absolute;
  right: 10px;
  bottom: 10px;
  width: 80px;
  height: 30px;
  line-height: 30px;
  background: #d8d8d8;
  z-index: 10;
}
.m-dashbox .u-error-more,
.m-mobile-widget-wrapper .u-error-more {
  width: auto;
  padding: 0 10px;
}
.m-dashbox:hover .u-error, .m-dashbox-mouseover .u-error,
.m-mobile-widget-wrapper:hover .u-error,
.m-mobile-widget-wrapper-mouseover .u-error {
  display: block;
}
.m-dashbox:hover > .u-resize, .m-dashbox-mouseover > .u-resize, .m-dashbox.z-highlight > .u-resize,
.m-mobile-widget-wrapper:hover > .u-resize,
.m-mobile-widget-wrapper-mouseover > .u-resize,
.m-mobile-widget-wrapper.z-highlight > .u-resize {
  display: block;
  opacity: 0.5;
  box-shadow: 0 0 6px #58bee9;
}
.m-dashbox.z-highlight > .u-resize,
.m-mobile-widget-wrapper.z-highlight > .u-resize {
  opacity: 1;
  box-shadow: 0 0 10px #58bee9;
}
.m-dashbox.z-highlight > .highlight-box,
.m-mobile-widget-wrapper.z-highlight > .highlight-box {
  opacity: 1;
  box-shadow: 0 0 10px #58bee9;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  position: absolute;
}
.m-dashbox.z-actived > .u-resize, .m-dashbox.z-selected > .u-resize,
.m-mobile-widget-wrapper.z-actived > .u-resize,
.m-mobile-widget-wrapper.z-selected > .u-resize {
  opacity: 1;
  display: block;
}
.m-dashbox.z-actived > .u-resize > [class^=resize],
.m-mobile-widget-wrapper.z-actived > .u-resize > [class^=resize] {
  display: block;
}
.m-dashbox-param.z-mobile-active,
.m-mobile-widget-wrapper-param.z-mobile-active {
  visibility: visible;
}
.m-dashbox-param.z-mobile-active .m-listFilterBody > .range, .m-dashbox-param.z-mobile-active .m-listFilterBody > .u-input,
.m-mobile-widget-wrapper-param.z-mobile-active .m-listFilterBody > .range,
.m-mobile-widget-wrapper-param.z-mobile-active .m-listFilterBody > .u-input {
  position: absolute;
  top: -28px;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto !important;
}
.m-dashbox-param.z-mobile-active .m-listFilterBody > .range .side-date, .m-dashbox-param.z-mobile-active .m-listFilterBody > .u-input .side-date,
.m-mobile-widget-wrapper-param.z-mobile-active .m-listFilterBody > .range .side-date,
.m-mobile-widget-wrapper-param.z-mobile-active .m-listFilterBody > .u-input .side-date {
  margin-top: -24px;
}
.m-dashbox-param.z-mobile-active .m-listFilterBody .u-err,
.m-mobile-widget-wrapper-param.z-mobile-active .m-listFilterBody .u-err {
  line-height: 28px;
  color: #ed5565;
  white-space: nowrap;
  text-align: center;
}
.m-dashbox-param.z-mobile-active .m-listFilterBody .bar,
.m-mobile-widget-wrapper-param.z-mobile-active .m-listFilterBody .bar {
  bottom: 5px;
  border-top: 0;
  text-align: center;
}
.m-dashbox-param.z-mobile-active .m-listFilterBody .bar .action,
.m-mobile-widget-wrapper-param.z-mobile-active .m-listFilterBody .bar .action {
  left: 0;
}
.m-dashbox-param.z-mobile-active .m-listFilterBody .bar .u-btn,
.m-mobile-widget-wrapper-param.z-mobile-active .m-listFilterBody .bar .u-btn {
  height: 28px;
  line-height: 28px;
  padding: 0 12px;
  margin: 0 10px;
}

.m-graphic .borderWarning {
  position: relative;
  width: 100%;
  height: 100%;
  pointer-events: none;
  float: left;
  box-sizing: content-box;
  margin-left: -1px;
  margin-top: -1px;
  z-index: 1;
}
.m-graphic .frame,
.m-graphic .m-rect {
  transition: background 0.3s ease-in-out;
}
.m-graphic .frame.z-dark ::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.4);
}
.m-graphic .frame.z-dark ::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.6);
}
.m-graphic .frame.z-dark .placeholder .placeholder-helper-text {
  color: rgba(255, 255, 255, 0.65);
}
.m-graphic .frame.z-dark .placeholder::after {
  filter: opacity(0.5);
}
.m-graphic .frame .bg-box + h2 .highlight {
  color: var(--color-primary);
}
.m-graphic .placeholder::after {
  content: "";
  margin: auto;
  width: 96px;
  height: 96px;
  max-width: 400px;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  margin-top: -40px;
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.m-graphic:not(.z-mode-edit) .placeholder::after {
  top: 50%;
  transform: translateY(-50%);
  margin-top: -20px;
}
.m-graphic .placeholder.t-none::after {
  background-image: none;
  display: none;
}
.m-graphic .placeholder.t-nodata::after {
  background-image: url(../img/holder-nodata.fac923f236.png);
  width: 100%;
  height: 100%;
  top: -10px;
  transform: none;
}
.m-graphic .placeholder.t-masked::after {
  background-image: url(../img/holder-masked.5f77d37b2e.png);
  width: 100%;
  height: 100%;
  top: -10px;
  transform: none;
}
.m-graphic .placeholder.t-area::after {
  background-image: url(../img/holder-area.8452df8892.svg);
}
.m-graphic .placeholder.t-automatic::after {
  background-image: url(../img/holder-automatic.77e966b758.svg);
}
.m-graphic .placeholder.t-bar::after {
  background-image: url(../img/holder-bar.17d54b9e48.svg);
}
.m-graphic .placeholder.t-filledmap::after {
  background-image: url(../img/holder-filledmap.81a2443fab.svg);
}
.m-graphic .placeholder.t-ganttbar::after {
  background-image: url(../img/holder-ganttbar.2733fb5aeb.svg);
}
.m-graphic .placeholder.t-line::after {
  background-image: url(../img/holder-line.dc4f21a280.svg);
}
.m-graphic .placeholder.t-pie::after {
  background-image: url(../img/holder-pie.34fe4c22f7.svg);
}
.m-graphic .placeholder.t-text::after {
  background-image: url(../img/holder-text.d2c7216cc9.svg);
}
.m-graphic .placeholder.t-scatter::after {
  background-image: url(../img/holder-scatter.ab86685d35.svg);
}
.m-graphic .placeholder.t-table::after {
  background-image: url(../img/holder-table.b50cad0f9d.svg);
}
.m-graphic .placeholder.t-listfilter::after {
  background-image: url(../img/holder-listfilter.8bedc29d7a.svg);
}
.m-graphic .placeholder.t-parameter::after {
  background-image: url(../img/holder-parameter.8e444baea3.svg);
}
.m-graphic .placeholder.t-indicator::after {
  background-image: url(../img/holder-indicator.7a12fc479d.svg);
}
.m-graphic .placeholder.t-meter::after {
  background-image: url(../img/holder-meter.f6dd6dce21.svg);
}
.m-graphic .placeholder.t-circle::after {
  background-image: url(../img/holder-circle.a7d18b805d.svg);
}
.m-graphic .placeholder.t-funnel::after {
  background-image: url(../img/holder-funnel.673784c69d.svg);
}
.m-graphic .placeholder.t-radar::after {
  background-image: url(../img/holder-radar.9745c63172.svg);
}
.m-graphic .placeholder.t-treefilter::after {
  background-image: url(../img/holder-treefilter.fb1f75ca08.svg);
}
.m-graphic .placeholder.t-sankey::after {
  background-image: url(../img/holder-sankey.f117eb0576.svg);
}
.m-graphic .placeholder.t-rangefilter::after {
  background-image: url(../img/holder-rangefilter.8d5e1ea339.svg);
}
.m-graphic .placeholder.t-heatmap::after {
  background-image: url(../img/holder-heatmap.11c3a5aa65.svg);
}
.m-graphic .placeholder.t-square::after {
  background-image: url(../img/holder-square.111e360367.svg);
}
.m-graphic .placeholder.t-sunburst::after {
  background-image: url(../img/holder-sunburst.ab146f7cea.svg);
}
.m-graphic .placeholder.t-echartsmap::after {
  background-image: url(../img/holder-echartsmap.87e051c058.svg);
}
.m-graphic .placeholder.t-trajectorymap::after {
  background-image: url(../img/holder-trajectorymap.8c07f8bf19.svg);
}
.m-graphic .placeholder.t-comparetable::after {
  background-image: url(../img/holder-comparetable.f19e629ef8.svg);
}
.m-graphic .placeholder.t-iframe::after {
  background-image: url(../img/holder-iframe.430ecb4b12.svg);
}
.m-graphic .placeholder.t-treefilter::after {
  background-image: url(../img/holder-treefilter.fb1f75ca08.svg);
}
.m-graphic .placeholder.t-crosstable::after {
  background-image: url(../img/holder-crosstable.0f315480a2.svg);
}
.m-graphic .placeholder.t-indicatorpanel::after {
  background-image: url(../img/holder-indicatorpanel.f056633587.svg);
}
.m-graphic .placeholder.t-custom::after {
  background-image: url(../img/holder-custom.58201721c1.svg);
}
.m-graphic .placeholder.t-ring::after {
  background-image: url(../img/holder-ring.6598b62da3.svg);
}
.m-graphic .placeholder.t-candlestick::after {
  background-image: url(../img/holder-candlestick.e780345ad5.svg);
}
.m-graphic .placeholder.t-decompositiontree::after {
  background-image: url(../img/holder-decompositiontree.4be3533569.svg);
}
.m-graphic .placeholder.t-trendtable::after {
  background-image: url(../img/holder-trendtable.578148d1de.svg);
}
.m-graphic .placeholder.t-listFilter::after, .m-graphic .placeholder.t-parameter::after {
  top: 0;
}
.m-graphic .placeholder.m-bar-align::after {
  background-image: url(../img/holder-bar-align.a56d812a73.svg);
}
.m-graphic .placeholder.m-pie-ring::after {
  background-image: url(../img/holder-pie-ring.1e07596a78.svg);
}
.m-graphic .placeholder.m-heatmap::after {
  background-image: url(../img/holder-heatmap.11c3a5aa65.svg);
}
.m-graphic .placeholder.t-trajectorymap::after, .m-graphic .placeholder.t-echartsmap::after {
  width: 70%;
  height: 70%;
}
.m-graphic .nev-chart {
  position: absolute !important;
  left: 16px;
  right: 16px;
  bottom: 16px;
  -webkit-user-select: none;
  user-select: none;
}
.m-graphic .nev-chart.indicatorPanelScroll {
  overflow-y: auto;
}
.m-graphic .nev-chart .indicatorPanel {
  position: relative;
  width: 100%;
  height: 100%;
}
.m-graphic .nev-chart .indicatorPanel li {
  position: absolute;
}
.m-graphic .nev-chart .indicatorPanel li h2 {
  overflow: hidden;
  word-wrap: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.m-graphic .nev-chart .x_slider_left,
.m-graphic .nev-chart .x_slider_right {
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 2px;
}
.m-graphic .nev-chart .x_slider_left::before, .m-graphic .nev-chart .x_slider_left::after,
.m-graphic .nev-chart .x_slider_right::before,
.m-graphic .nev-chart .x_slider_right::after {
  content: "";
  position: absolute;
  width: 1px;
  height: 10px;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(0, 0, 0, 0.15);
}
.m-graphic .nev-chart .x_slider_left::before,
.m-graphic .nev-chart .x_slider_right::before {
  left: 30%;
}
.m-graphic .nev-chart .x_slider_left::after,
.m-graphic .nev-chart .x_slider_right::after {
  right: 30%;
}
.m-graphic .nev-chart .y_slider_left,
.m-graphic .nev-chart .y_slider_right {
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 2px;
}
.m-graphic .nev-chart .y_slider_left::before, .m-graphic .nev-chart .y_slider_left::after,
.m-graphic .nev-chart .y_slider_right::before,
.m-graphic .nev-chart .y_slider_right::after {
  content: "";
  position: absolute;
  width: 10px;
  height: 1px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(0, 0, 0, 0.15);
}
.m-graphic .nev-chart .y_slider_left::before,
.m-graphic .nev-chart .y_slider_right::before {
  top: 30%;
}
.m-graphic .nev-chart .y_slider_left::after,
.m-graphic .nev-chart .y_slider_right::after {
  bottom: 30%;
}
.m-graphic .nev-chart .m-up-down-btn .u-icn-zip-rollup,
.m-graphic .m-gridtable .m-up-down-btn .u-icn-zip-rollup {
  position: absolute;
  z-index: 2;
  cursor: pointer;
}
.m-graphic .nev-chart .m-up-down-btn-icn,
.m-graphic .m-gridtable .m-up-down-btn-icn {
  position: relative;
  display: block;
  width: 16px;
  height: 16px;
}
.m-graphic .nev-chart .m-up-down-btn-icn-zip::before, .m-graphic .nev-chart .m-up-down-btn-icn-zip::after, .m-graphic .nev-chart .m-up-down-btn-icn-unzip::before, .m-graphic .nev-chart .m-up-down-btn-icn-unzip::after,
.m-graphic .m-gridtable .m-up-down-btn-icn-zip::before,
.m-graphic .m-gridtable .m-up-down-btn-icn-zip::after,
.m-graphic .m-gridtable .m-up-down-btn-icn-unzip::before,
.m-graphic .m-gridtable .m-up-down-btn-icn-unzip::after {
  content: "";
  position: absolute;
  width: 10px;
  height: 1.5px;
  top: 50%;
  left: 50%;
  margin-top: -0.75px;
  margin-left: -5px;
  background-color: #355ee5;
  border-radius: 13px;
}
.m-graphic .nev-chart .m-up-down-btn-icn-unzip::before,
.m-graphic .m-gridtable .m-up-down-btn-icn-unzip::before {
  transform: rotate(90deg);
}
.m-graphic-image .frame {
  overflow: hidden;
}
.m-graphic .frame.frame-with-tips {
  z-index: 6;
}
.m-graphic .pending-mask .u-load {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.m-graphic .pending-mask .load-partial-data-tips {
  position: absolute;
  top: 50%;
  left: 10%;
  right: 10%;
  text-align: center;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.m-graphic .pending-mask .load-partial-data-tips .doctor-tip-wrap {
  color: var(--color-primary);
  cursor: pointer;
}
.m-graphic .pending-mask .load-partial-data-tips .u-load {
  position: relative;
}
.m-graphic .pending-mask .load-partial-data-tips .partial-data-text {
  line-height: 1.5;
  margin: 10px 0;
}
.m-graphic .pending-mask .load-partial-data-tips .u-btn + .u-btn {
  margin-left: 26px;
}
.m-graphic .pending-mask .load-partial-data-tips.load-relydeleted {
  display: flex;
  align-items: center;
  flex-direction: column;
  top: calc(50% + var(--graphic-title-height) / 2);
}
.m-graphic .pending-mask .load-partial-data-tips.load-relydeleted .u-graphic-relydeleted {
  width: 68px;
  height: 48px;
  background: url(../img/graphic-rely-deleted.f542a441d5.svg) no-repeat center;
}
.m-graphic .pending-mask .load-partial-data-tips.load-relydeleted .partial-data-text {
  max-width: 266px;
}
.m-graphic-tooltip {
  position: absolute;
  z-index: 10000;
  transform-origin: 0 0;
  max-width: 518px;
  overflow-y: auto;
  padding: 3px 9.5px 5px;
  word-break: break-all;
  text-align: left;
  color: #fff;
  border-radius: 3px;
  background: rgba(24, 24, 24, 0.95);
  box-shadow: 0 3px 14px 2px rgba(0, 0, 0, 0.05), 0 8px 10px 1px rgba(0, 0, 0, 0.06), 0 5px 5px -3px rgba(0, 0, 0, 0.1);
  font-size: 12px;
  line-height: 1.85;
}
.m-graphic-tooltip .pager.m-flexPager {
  bottom: -10px;
}
.m-graphic-tooltip.z-mobile {
  min-width: 164px;
  max-width: calc(100% - 52px);
  max-height: none;
  padding: 10px 9.5px;
  border-radius: 6px;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.5);
}
@media (max-width: 360px) {
  .m-graphic-tooltip.z-mobile {
    max-width: calc(100% - 40px);
  }
}
@media (max-width: 320px) {
  .m-graphic-tooltip.z-mobile {
    max-width: 100%;
  }
}
.m-graphic-tooltip.z-wrap {
  max-width: 270px;
}
.m-graphic-tooltip.z-wrap .operation-wrap.z-fit {
  flex-wrap: wrap;
}
.m-graphic-tooltip.z-wrap .operation-wrap.z-fit .oper {
  flex-grow: initial;
  min-width: 90px;
}
.m-graphic-tooltip.z-wrap .operation-wrap.z-fit .oper:nth-child(-n+3) {
  margin-bottom: 10px;
}
.m-graphic-tooltip.z-newui {
  background-color: rgba(255, 255, 255, 0.95);
  color: rgba(0, 0, 0, 0.6);
}
.m-graphic-tooltip .scrollbar {
  max-height: 169px;
  overflow-y: auto;
}
.m-graphic-tooltip .operation-wrap {
  display: flex;
  flex-direction: row;
  height: 40px;
  line-height: 30px;
  margin: -10px -9.5px;
  padding: 5px 0;
  text-align: center;
  background: rgba(255, 255, 255, 0.15);
  font-size: 0;
  white-space: nowrap;
}
.m-graphic-tooltip .operation-wrap .oper {
  flex: 1;
  min-width: 80px;
  font-size: 12px;
}
.m-graphic-tooltip .operation-wrap .oper + .oper {
  border-left: 1px solid #979797;
}
.m-graphic-tooltip .operation-wrap.z-fit .oper {
  min-width: 75px;
}
.m-graphic-tooltip .scrollbar + .operation-wrap {
  height: auto;
  margin-top: 10px;
  border-top: 1px solid #979797;
}
.m-graphic-tooltip .content {
  position: relative;
}
.m-graphic-tooltip .content .pending-mask {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
  background: rgba(255, 255, 255, 0.7);
}
.m-graphic-tooltip .content .pending-mask .u-load {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.m-graphic-tooltip .u-tooltip-compPlaceholder {
  display: none;
}
.m-graphic-tooltip .m-tooltip-item {
  display: flex;
  align-items: center;
}
.m-graphic-tooltip .m-tooltip-item .m-tooltip-sign {
  background-color: #103ffa;
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-right: 8px;
}
.m-graphic-tooltip .m-tooltip-item .m-sign-line {
  height: 4px;
}
.m-graphic-tooltip .m-tooltip-item .m-sign-circle {
  border-radius: 50%;
}
.m-graphic-indicatorPanel .moreInfo {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.7);
  display: flex;
  align-items: center;
  justify-content: center;
}
.m-graphic-indicatorPanel .moreInfo p {
  line-height: 35px;
  font-size: 14px;
  color: #666;
}

.en .m-graphic .placeholder.t-nodata::after {
  background-image: url(../img/holder-nodata-en.7d2b1c745b.png);
}

.jp .m-graphic .placeholder.t-nodata::after {
  background-image: url(../img/holder-nodata-jp.27fa01f2f8.png);
}

.m-rect {
  position: relative;
  height: 100%;
  width: 100%;
}
.m-rect .u-corner {
  position: absolute;
  border: 0;
}

.m-back {
  position: relative;
  height: 100%;
  width: 100%;
}
.m-back .t-back {
  height: 100%;
  width: 100%;
  padding: 5px;
}
.m-back .t-back .inner {
  position: relative;
  width: 100%;
  height: 100%;
}
.m-back .t-back .item {
  display: inline-block;
  position: absolute;
}
.m-back .t-back .item svg {
  vertical-align: middle;
}
.m-back .t-back .item-left {
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.m-back .t-back .item-right {
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.m-back .t-back .item-center {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.m-back .placeholder.t-back::after {
  top: 0;
  background-image: url(../img/holder-back.bd949c4198.svg);
}

.m-confirm {
  position: fixed;
  z-index: 1000;
  display: table;
  top: 2px;
  left: 50%;
  margin-left: -250px;
  width: 500px;
  border: 1px solid #a0c5db;
  transition: opacity 0.8s ease;
  opacity: 0;
}
.m-confirm.z-show {
  -webkit-animation-name: flipDownInX;
  animation-name: flipDownInX;
  -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  opacity: 1;
}
.m-confirm .cfmicon {
  position: absolute;
  top: 12px;
  right: 16px;
  font-size: 15px;
  cursor: pointer;
}
.m-confirm .cfmcnt {
  vertical-align: middle;
  padding: 14px;
  text-align: center;
}
.m-confirm-ok {
  background-color: #bbe5ff;
  color: #2979aa;
  border: 1px solid #a0c5db;
}
.m-confirm-warm {
  background-color: #ffefd3;
  color: #b38f24;
  border: 1px solid #ebceb2;
}
.m-confirm-err {
  background-color: #ffd3d3;
  color: #c93030;
  border: 1px solid #ebb2b2;
}
.m-confirm-detail {
  background-color: #ffd3d3;
  color: #c93030;
  border: 1px solid #ebb2b2;
  padding-right: 100px;
  box-sizing: border-box;
}
.m-confirm-detail .cfmtxt {
  overflow: hidden;
  word-wrap: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 370px;
}
.m-confirm-detail .cfmdetail {
  border: 1px solid #cd2b30;
  border-radius: 3px;
  box-sizing: border-box;
  padding: 5px 10px;
  color: #cd2b30;
  position: absolute;
  top: 8px;
  right: 46px;
}
.m-confirm-detail .cfmdetail:hover {
  color: #d63c40;
  border-color: #d63c40;
  cursor: pointer;
}

@keyframes flipDownInX {
  0% {
    transform: perspective(400px) rotate3d(1, 0, 0, -90deg);
    transition-timing-function: ease-in;
  }
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, 20deg);
    transition-timing-function: ease-out;
  }
  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, -10deg);
    transition-timing-function: ease-in;
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, 5deg);
    transition-timing-function: ease-out;
  }
  100% {
    transform: perspective(400px);
    opacity: 1;
  }
}
.m-dash-title {
  text-align: center;
  padding: 0 50px;
  position: relative;
  overflow: hidden;
}
.m-dash-title .title-container {
  height: 50px;
  -webkit-transform-origin: 0% top;
  transform-origin: 0% top;
  transition: transform 0.2s ease-in-out;
}
.m-dash-title .title-box {
  display: inline-block;
  height: 30px;
  position: relative;
  top: 10px;
}
.m-dash-title label {
  display: block;
  width: 300px;
  position: relative;
}
.m-dash-title label input {
  height: 30px;
  line-height: 30px;
  text-align: left;
  border: 0;
  display: block;
  background: transparent;
  width: 100%;
}
.m-dash-title label .u-icn {
  position: absolute;
  right: -20px;
  top: 5px;
  width: 20px;
  height: 20px;
  font-size: 20px;
  cursor: pointer;
  color: #666;
}

.m-dashTitle-modal input {
  width: 300px;
  height: 28px;
  line-height: 28px;
  padding: 0 10px;
}

.no-transition {
  transition: none;
}

.m-axis {
  margin: 8px 0;
}
.m-axis label {
  display: block;
  height: 32px;
  line-height: 32px;
}
.m-axis label .txt {
  vertical-align: middle;
}

.m-data-range {
  margin-top: 10px;
}
.m-data-range .range {
  margin: 8px 0;
}
.m-data-range .range-link {
  width: 60%;
  margin-left: 20%;
  height: 1px;
  margin-top: 15px;
  background-color: #cccccc;
}

.m-data-color .dsc-row .dsc-col-item:first-child {
  float: left;
  width: calc(100% - 64px);
}
.m-data-color .dsc-row .dsc-col-item:last-child {
  float: right;
  width: 48px;
}
.m-data-color .data-field {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding-left: 16px;
  height: 32px;
  line-height: 32px;
  border-bottom: 1px solid #e8e8f0;
}
.m-data-color-dim, .m-data-color-way {
  float: left;
  width: 50%;
}
.m-data-color .line {
  margin: 8px 0;
}
.m-data-color .pager {
  text-align: center;
}
.m-data-color .pager .btn-up, .m-data-color .pager .btn-down {
  height: 32px;
  line-height: 32px;
  width: 100%;
}

.m-data-discreteColor {
  float: right;
  width: 48px;
}

.revertCheckbox, .m-axis-log, .m-label-overlap, .m-line-point, .m-bar-percent {
  position: relative;
  margin-left: 20px;
  top: 0;
}
.revertCheckbox input[type=checkbox], .m-axis-log input[type=checkbox], .m-label-overlap input[type=checkbox], .m-line-point input[type=checkbox], .m-bar-percent input[type=checkbox] {
  position: absolute;
  left: -20px;
  top: 0;
  bottom: 0;
  margin: auto;
}

.m-bar-percent {
  margin-top: 8px;
}

.m-line-point {
  margin-top: 8px;
}

.m-switch {
  clear: both;
}
.m-switch .label {
  cursor: pointer;
}
.m-switch .switch {
  position: relative;
  top: 4px;
  display: inline-block;
  width: 40px;
  height: 14px;
  line-height: 14px;
  border: 1px solid #e8e8f0;
  color: #999;
  border-radius: 11px;
  background: #fff;
  font-size: 12px;
  cursor: pointer;
  transition: 0.3s;
}
.m-switch .switch b {
  position: absolute;
  top: 0;
  transition: opacity 0.3s;
}
.m-switch .switch .on {
  opacity: 0;
  display: none\9 ;
  left: 10px;
}
.m-switch .switch .off {
  opacity: 1;
  display: block\9 ;
  right: 10px;
}
.m-switch .switch::after {
  position: absolute;
  left: 25px;
  top: 0;
  border: 1px solid #e8e8f0;
  background: #ccc;
  content: "";
  border-radius: 11px;
  transition: 0.3s;
  width: 10px;
  height: 10px;
}
.m-switch .switch.z-on {
  background: var(--color-primary);
  border-color: #0533ec;
  color: #fff;
}
.m-switch .switch.z-on .on {
  opacity: 1;
  display: block\9 ;
}
.m-switch .switch.z-on .off {
  opacity: 0;
  display: none\9 ;
}
.m-switch .switch.z-on::after {
  left: 48px;
  border-color: #fff;
  background-color: #fff;
}
.m-switch .switch.z-dis {
  cursor: default;
  opacity: 0.5;
}
.m-switch .switch.z-hide {
  display: none;
}
.m-switch .switch-on.z-on {
  background-color: var(--color-primary);
}
.m-switch .switch-on.z-on::after {
  left: 1px;
}
.m-switch-between {
  padding-top: 10px;
  margin-bottom: 8px;
}
.m-switch-between .switch {
  float: right;
  top: -2px;
  width: 48px;
}
.m-switch-between .switch::after {
  left: 33px;
}

.m-dropdown .btn-dropdown {
  display: block;
  width: 100%;
  height: 32px;
  line-height: 32px;
}
.m-dropdown-label .label {
  float: left;
  height: 28px;
  line-height: 28px;
}
.m-compare-table .m-dropdown-label .label {
  min-width: 4em;
}
.m-dropdown-label .main {
  float: right;
  width: 85px;
  overflow: hidden;
  height: 28px;
  line-height: 28px;
}
.m-dropdown-label .main .show {
  height: 28px;
}
.m-compare-table .m-dropdown-label .main {
  width: 68%;
}

.m-nav4 {
  color: #666;
}
.m-nav4 .m-search {
  border: none;
}
.m-nav4 .head {
  position: relative;
  height: 28px;
  line-height: 28px;
  font-size: 12px;
  margin: 0;
  border: 1px solid #dedede;
  border-width: 1px 0;
  background: #efefef;
  padding-left: 16px;
}
.m-nav4 h2 {
  position: relative;
  z-index: 11;
  height: 43px;
  line-height: 43px;
  padding-left: 16px;
  padding-right: 32px;
  font-size: 14px;
}
.m-nav4 h2 b {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
}
.m-nav4 h2 .u-icn {
  cursor: pointer;
}
.m-nav4 h2 .u-icn:hover .u-menu {
  display: block;
}
.m-nav4 h2 .u-menu {
  font-family: "helvetica neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
}
.m-nav4 .group {
  padding-top: 10px;
  height: 100%;
  overflow-y: auto;
  overflow-anchor: none;
}
.m-nav4 .group::-webkit-scrollbar {
  opacity: 0;
}
.m-nav4 .group:hover::-webkit-scrollbar {
  opacity: 1;
}
.m-nav4 .u-bitem {
  line-height: 24px;
  padding-left: 30px;
  padding-top: 0;
}
.m-nav4 .u-bitem-table {
  padding-left: 7px;
}
.m-nav4 .u-bitem.u-bitem-level-2 {
  padding-left: 26px;
}
.m-nav4 .u-bitem.u-bitem-level:hover, .m-nav4 .u-bitem.closer:hover {
  background: #eee;
}
.m-nav4 .u-bitem .u-icn-date {
  position: relative;
}
.m-nav4 .u-bitem.dragable-before::before, .m-nav4 .u-bitem.dragable-after::before {
  content: "";
  display: block;
  height: 1px;
  width: 90%;
  background-color: #1881dc;
  position: absolute;
  left: 5%;
  top: 3px;
}
.m-nav4 .u-bitem.dragable-after::before {
  top: auto;
  bottom: 3px;
}
.m-nav4 .field-class-child-level .u-bitem {
  padding-left: 40px;
}
.m-nav4 .u-bitem-pl {
  padding-left: 7px;
}
.m-nav4 li.u-bitem-top {
  cursor: pointer;
  margin-bottom: 2px;
  padding-right: 24px;
  padding-left: 7px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.m-nav4 li.u-bitem-top:hover {
  background-color: #f5f5f5;
}
.m-nav4 li.u-bitem-top:active {
  background-color: #eaeaea;
}
.m-nav4 li.u-bitem-top::before {
  margin-right: 2px;
  margin-top: -2px;
}
.m-nav4 .group-measure li.u-bitem-top::before {
  color: var(--color-primary);
  font-size: 14px;
}
.m-nav4 .group-dimension li.u-bitem-top::before {
  font-size: 14px;
  color: #40c0a8;
}
.m-nav4 .u-icn-down {
  position: absolute;
  font-size: 12px;
  padding: 6px 10px 6px 6px;
  top: 14px;
  right: 0;
  color: #666;
}
.m-nav4 .u-icn-down:hover {
  color: #333;
}
.m-nav4 .list-item + .list-item {
  padding-top: 8px;
}
.m-nav4 .u-icn-addfield {
  position: absolute;
  top: 4px;
  right: 10px;
  cursor: pointer;
}
.m-nav4 .head .u-icn-geo {
  position: absolute;
  top: 8px;
  right: 30px;
  cursor: pointer;
}
.m-nav4 .dropable-valid {
  -webkit-box-shadow: inset 0 0 0 1px #399bfc;
  box-shadow: inset 0 0 0 1px #399bfc;
}
.m-nav4 .field-class-closer .dropable-valid,
.m-nav4 .field-class-child .dropable-valid {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.draging-child .m-schema-pills .field-class-closer .u-bitem.dragable-before::before, .draging-child .m-schema-pills .field-class-closer .u-bitem.dragable-after::before,
.draging-child .m-schema-pills .field-class-child-pill .u-bitem.dragable-before::before,
.draging-child .m-schema-pills .field-class-child-pill .u-bitem.dragable-after::before,
.draging-child .m-nav4 .field-class-closer .u-bitem.dragable-before::before,
.draging-child .m-nav4 .field-class-closer .u-bitem.dragable-after::before,
.draging-child .m-nav4 .field-class-child-pill .u-bitem.dragable-before::before,
.draging-child .m-nav4 .field-class-child-pill .u-bitem.dragable-after::before {
  content: none;
}
.draging-child .m-nav4 .field-class-closer.dropable-parent-hover .u-bitem,
.draging-child .m-nav4 .field-class-child.dropable-parent-hover .u-bitem {
  background: #eee;
}
.draging-child.from-measures .m-schema-pills .field-class-child-level .u-bitem.dragable-before::before, .draging-child.from-measures .m-schema-pills .field-class-child-level .u-bitem.dragable-after::before,
.draging-child.from-measures .m-nav4 .field-class-child-level .u-bitem.dragable-before::before,
.draging-child.from-measures .m-nav4 .field-class-child-level .u-bitem.dragable-after::before {
  content: none;
}

.draging-closer .m-nav4 .field-class-child .u-bitem.dragable-before::before, .draging-closer .m-nav4 .field-class-child .u-bitem.dragable-after::before {
  content: none;
}
.draging-closer .m-nav4 .field-class-closer .u-bitem.dragable-after::before {
  bottom: auto;
  top: 3px;
}

.m-dataModel-head {
  position: relative;
  height: 30px;
}
.m-dataModel-head h4 {
  height: 36px;
  line-height: 36px;
  text-indent: 16px;
  cursor: pointer;
  font-weight: 500;
}
.m-dataModel-head h5 {
  position: absolute;
  top: 32%;
  right: 16px;
  cursor: pointer;
  font-weight: 100;
  font-size: 12px;
  text-align: center;
  line-height: 16px;
  color: var(--color-primary);
}

.m-schema-pills {
  height: calc(100% - 84px);
}
.m-schema-pills.short {
  height: calc(100% - 122px);
}
.m-schema-pills .m-search {
  height: 38px;
  padding: 0 16px;
  padding-bottom: 10px;
  display: flex;
}
.m-schema-pills .m-search .search {
  flex: 1;
  position: relative;
  height: 28px;
}
.m-schema-pills .m-search .search .u-filter-search {
  width: calc(100% + 2px);
  left: -1px;
  max-height: 500px;
  overflow-y: auto;
}
.m-schema-pills .m-search .search .u-filter-search li {
  cursor: pointer;
}
.m-schema-pills .m-search .add-icon {
  height: 28px;
  width: 28px;
  flex-basis: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 2px;
  margin-left: 4px;
  cursor: pointer;
}
.m-schema-pills .m-search .add-icon .u-icn {
  color: #79809a;
}
.m-schema-pills .m-search .add-icon:hover {
  background-color: rgba(16, 63, 250, 0.08);
}
.m-schema-pills .m-search .add-icon:hover .u-icn {
  color: var(--color-primary);
}
.m-schema-pills .dimension-area,
.m-schema-pills .measure-area {
  position: relative;
  padding-bottom: 8px;
  border-top: 1px solid #e8e8f0;
  height: 50%;
  overflow: hidden;
}
.m-schema-pills .area-hide {
  height: 36px;
  overflow: hidden;
}
.m-schema-pills .head {
  position: relative;
}
.m-schema-pills .head h4 {
  height: 36px;
  line-height: 36px;
  font-size: 12px;
  color: var(--color-title);
  text-indent: 16px;
  font-weight: 500;
}
.m-schema-pills .head .u-icn {
  position: absolute;
  cursor: pointer;
  font-size: 12px;
  color: #79809a;
  width: 12px;
  height: 12px;
  top: 50%;
  margin-top: -6px;
  right: 16px;
}
.m-schema-pills .head .u-icn-geography {
  right: 30px;
}
.m-schema-pills .head .u-icn-caret-down {
  right: -15px;
}
.m-schema-pills .body {
  height: calc(100% - 36px);
  position: relative;
}
.m-schema-pills .body > .dropable,
.m-schema-pills .body .group {
  height: 100%;
}
.m-schema-pills .body .group {
  overflow: auto;
}
.m-schema-pills .u-bitem {
  padding-left: 20px;
  position: relative;
}
.m-schema-pills .u-bitem .u-icn-angle-down,
.m-schema-pills .u-bitem .u-icn-angle-right {
  position: absolute;
  left: 16px;
  top: 8px;
}
.m-schema-pills .u-bitem-table {
  padding-left: 34px;
}
.m-schema-pills .u-bitem.dragable-before::before, .m-schema-pills .u-bitem.dragable-after::before {
  content: "";
  display: block;
  height: 1px;
  width: 90%;
  background-color: #1881dc;
  position: absolute;
  left: 5%;
  top: 3px;
}
.m-schema-pills .u-bitem.dragable-after::before {
  top: auto;
  bottom: 3px;
}
.m-schema-pills .u-bitem.z-ignore {
  display: none;
}
.m-schema-pills .field-class-child-level .u-bitem {
  padding-left: 34px;
}
.m-schema-pills .list.dropable-valid {
  border: 1px solid #1881dc;
}
.m-schema-pills .m-name-value-list .u-bitem {
  padding-left: 16px;
}
.m-schema-pills .u-bitem-geo {
  display: none;
}
.m-schema-pills .group-auto .u-bitem-geo {
  display: block;
}
.m-schema-pills .group-custom .u-bitem-geo {
  display: block;
}
.m-schema-pills .u-bitem-geo.u-bitem-geo-screen {
  display: none;
}

.m-report-dataModel {
  background-color: #fff;
  height: 100%;
}
.m-report-dataModel h2.title {
  color: var(--color-title);
}
.m-report-dataModel h2.title .u-icn {
  position: absolute;
  top: 10px;
  cursor: pointer;
  height: 16px;
  line-height: 16px;
  color: #a9a9b8;
}
.m-report-dataModel h2.title .u-icn:hover {
  color: #666;
}
.m-report-dataModel h2.title .u-icn-toggle-bar {
  left: 8px;
}
.m-report-dataModel h2.title .u-icn-toolbar-more-16, .m-report-dataModel h2.title .u-icn-toolbar-more {
  right: 8px;
}
.m-report-dataModel h2.title .u-icn-table {
  right: 8px;
}
.m-report-dataModel h2.title .switch {
  margin-left: 4px;
  color: var(--color-primary);
}
.m-report-dataModel h2.title .switch:hover {
  color: var(--color-primary);
}
.m-report-dataModel .tip {
  text-align: center;
  height: 60px;
  line-height: 60px;
}
.m-report-dataModel .u-btn-primary {
  display: block;
  margin: 16px;
  width: calc(100% - 32px);
}
.m-report-dataModel .list .u-btn-menu {
  position: relative;
  display: block;
  width: auto;
  margin: 10px 16px;
  font-size: 12px;
  overflow: hidden;
  word-wrap: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.m-report-dataModel .list .u-icn-expand-arrow {
  position: absolute;
  left: -3px;
  top: -3px;
  -webkit-transform: rotateZ(180deg);
  transform: rotateZ(180deg);
  color: #aad6f3;
}
.m-report-dataModel .dropable-valid {
  -webkit-box-shadow: inset 0 0 0 1px #399bfc;
  box-shadow: inset 0 0 0 1px #399bfc;
}
.m-report-dataModel .field-class-closer:hover {
  background: rgba(16, 32, 72, 0.04);
}
.m-report-dataModel .field-class-closer .dropable-valid,
.m-report-dataModel .field-class-child .dropable-valid {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.m-overlay-popup {
  background: #fff;
  border: 1px solid #e8e8f0;
  border-radius: 2px;
  box-shadow: 0 3px 8px rgba(16, 32, 72, 0.12);
}
.m-overlay-popup .hd {
  padding: 10px;
}
.m-overlay-popup .hd .title {
  font-size: 15px;
  font-weight: bolder;
  color: var(--color-title);
}
.m-overlay-popup .hd .lock {
  margin-top: 2px;
  cursor: pointer;
  float: right;
  font-weight: bolder;
}
.m-overlay-popup .bcontent {
  overflow-y: auto;
  min-width: 100px;
}

.m-overlay-chatbi-popover {
  background-color: var(--color-primary);
  color: #fff;
  line-height: 22px;
  width: 215px;
  border-radius: 2px;
  padding: 12px;
  position: relative;
  transform: translateX(13px);
}
.m-overlay-chatbi-popover .popover-content {
  margin-right: 8px;
}
.m-overlay-chatbi-popover .arrow {
  right: 20px;
  transform: translateX(-50%) rotate(45deg);
  box-shadow: none;
  background: var(--color-primary);
  width: 8px;
  height: 8px;
  position: absolute;
  top: -4px;
}
.m-overlay-chatbi-popover a {
  color: inherit;
  text-decoration: underline;
}

.m-overlay-dataModel {
  padding-bottom: 10px;
  max-height: calc(100% - 200px);
}
.m-overlay-dataModel .u-overlay-blank {
  height: 100%;
}
.m-overlay-dataModel .model-list {
  max-height: calc(100vh - 220px);
}
.m-overlay-dataModel .model-list li {
  position: relative;
  overflow: hidden;
  word-wrap: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
}
.m-overlay-dataModel .model-list li.selected {
  padding-right: 20px;
}
.m-overlay-dataModel .model-list li.selected .u-icn-check {
  display: block;
}
.m-overlay-dataModel .model-list li:hover .u-icn-check {
  display: none;
}
.m-overlay-dataModel .model-list li:hover .u-icn-delete {
  display: block;
}
.m-overlay-dataModel .model-list li .u-icn {
  display: none;
  position: absolute;
  top: 6px;
  right: 6px;
  margin-right: 0;
  line-height: 1;
}
.m-overlay-dataModel .model-list li .u-icn-delete {
  font-size: 14px;
}
.m-overlay-dataModel .model-list li .u-icn-check {
  font-size: 20px;
  top: 4px;
  right: 4px;
}
.m-overlay-dataModel .model-list li .u-icn-expand-arrow {
  display: block;
  top: -3px;
  left: -3px;
  width: 12px;
  -webkit-transform: rotateZ(180deg);
  transform: rotateZ(180deg);
  color: var(--color-primary);
}
.m-overlay-dataModel .model-list li .u-icn.icon-inline {
  position: static;
  display: inline;
  color: inherit;
}
.m-overlay-dataModel .model-list li .u-icn.icon-ef {
  color: #666;
}
.m-overlay-dataModel button.add-dataModel {
  display: block;
  height: 40px;
  line-height: 40px;
  width: 100%;
  cursor: pointer;
  overflow: hidden;
  word-wrap: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
  border: 0;
  background: #fff;
  color: var(--color-primary);
  text-align: left;
  text-indent: 10px;
  border-bottom: 1px solid #e8e8f0;
}
.m-overlay-dataModel button.add-dataModel:hover {
  background-color: var(--color-list-hover-bg);
}
.m-overlay-dataModel button.add-dataModel .u-icn {
  font-size: 12px;
  width: 12px;
  height: 12px;
  margin-right: 4px;
  text-indent: 0;
}
.m-overlay-dataModel .m-search {
  margin: 5px;
}

.m-overlay-shape .u-tpl-item {
  position: relative;
  height: 32px;
  line-height: 32px;
  padding-left: 10px;
  cursor: pointer;
  width: 100%;
  white-space: nowrap;
}
.m-overlay-shape .u-tpl-item.active, .m-overlay-shape .u-tpl-item:hover {
  background: #eee;
}
.m-overlay-shape .u-tpl-item.active .u-item-text, .m-overlay-shape .u-tpl-item:hover .u-item-text {
  width: 75%;
}
.m-overlay-shape .u-tpl-item.active .u-custom-actions-bar, .m-overlay-shape .u-tpl-item:hover .u-custom-actions-bar {
  display: block;
}
.m-overlay-shape .u-item-text {
  max-width: 95%;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
}
.m-overlay-shape .u-icn {
  margin-right: 5px;
}
.m-overlay-shape .u-add-shape {
  border-top: 1px solid #e8e8f0;
}
.m-overlay-shape .u-custom-actions-bar {
  display: none;
  background: #eee;
  padding-left: 10px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
}

.m-ctxMenu {
  background: #fff;
  box-shadow: 0 4px 8px rgba(141, 139, 158, 0.15);
}
.m-ctxMenu .z-disabled a.link {
  position: absolute;
  right: 8px;
  left: auto;
  color: #4a90e2;
  font-size: 14px;
}
.m-ctxMenu .shortcut {
  float: right;
}
.m-ctxMenu li {
  cursor: default;
  position: relative;
  font-size: 13px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 24px;
  height: 40px;
  line-height: 40px;
  min-width: 180px;
  color: #7880a0;
  background-color: #fff;
  white-space: nowrap;
}
.m-ctxMenu li:hover, .m-ctxMenu li.hover, .m-ctxMenu li.active {
  color: var(--color-primary);
  background-color: #f5f8ff;
}
.m-ctxMenu li.z-disabled {
  color: #ccc;
  background-color: #fff;
}
.m-ctxMenu li .u-icn {
  position: absolute;
  left: 6px;
  top: 13px;
  font-size: 14px;
}
.m-ctxMenu li .u-icn-angle-right,
.m-ctxMenu li u-icn-help {
  left: auto;
  right: 6px;
}
.m-ctxMenu li .icn-right {
  right: 6px;
}
.m-ctxMenu li .u-icn-angle-right {
  right: 6px;
}
.m-ctxMenu li.u-split {
  padding: 0;
  height: 1px;
  background-color: #dfdfdf;
}
.m-ctxMenu li > ul {
  display: none;
  position: absolute;
  z-index: 1;
}
.m-ctxMenu li > ul.left {
  right: 100%;
}
.m-ctxMenu li > ul.right {
  left: 100%;
}
.m-ctxMenu li > ul.top {
  bottom: 0;
}
.m-ctxMenu li > ul.bottom {
  top: 0;
}
.m-ctxMenu li > ul > ul {
  display: none;
  position: absolute;
  top: 0;
  box-shadow: 0 4px 8px rgba(141, 139, 158, 0.15);
}
.m-ctxMenu li > ul > ul.left {
  right: 100%;
}
.m-ctxMenu li > ul > ul.right {
  left: 100%;
}
.m-ctxMenu li > ul:hover > ul {
  display: block;
}
.m-ctxMenu li.hover > ul {
  display: block;
}

.m-ctxMenu-search {
  width: 240px;
}
.m-ctxMenu-search .m-search {
  margin: 8px 10px;
}
.m-ctxMenu-search .m-search .search .u-icn-search {
  top: 7px;
}
.m-ctxMenu-search ul {
  overflow: auto;
  height: 300px;
}
.m-ctxMenu-search .u-clickable {
  cursor: pointer;
}
.m-ctxMenu-search li {
  padding-left: 32px;
}
.m-ctxMenu-search li.u-title {
  color: #637481;
  padding-left: 10px;
}
.m-ctxMenu-search li .u-icn {
  left: 12px;
}
.m-ctxMenu-search li span {
  padding-left: 2px;
}

.m-ctxMenu-placeholder {
  position: absolute;
  top: 0;
}

.setting-void p {
  margin: 12px 16px 0;
  line-height: 1.4;
}
.setting-void p.split {
  margin-bottom: 24px;
}
.setting-void .u-btn {
  display: block;
  width: auto;
}

.m-scrollbar {
  background-color: #eef0f4;
}
.m-scrollbar-integration {
  background-color: #fff;
}

.m-style-brushing {
  cursor: url(../img/stylebrush.e127809ca2.ico), auto;
}

.m-wtable {
  position: relative;
  opacity: 1;
}
.m-wtable a {
  color: #103ffa;
}
.m-wtable a:hover {
  color: #385ffb;
}
.m-wtable a:active {
  color: #0533ec;
}
.m-wtable th {
  text-align: left;
}
.m-wtable tr:nth-child(even) td {
  background-color: #f9f9f9;
}
.m-wtable tr {
  border-bottom: 1px solid #eee;
}
.m-wtable td,
.m-wtable th {
  height: 32px;
  line-height: 32px;
  padding: 0 12px;
}

.m-dictionary table,
.m-compareTable-alias table {
  border: 1px solid #e8e8f0;
}
.m-dictionary table tr,
.m-compareTable-alias table tr {
  border: 1px solid #e8e8f0;
}
.m-dictionary table td,
.m-compareTable-alias table td {
  position: relative;
  width: 260px;
  height: 30px;
  text-align: left;
  border: 1px solid #e8e8f0;
}
.m-dictionary table td .dt,
.m-compareTable-alias table td .dt {
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
  height: 30px;
  line-height: 22px;
  padding: 4px 10px;
  max-width: 260px;
  overflow: hidden;
  word-wrap: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
  white-space: pre;
}
.m-dictionary table td input,
.m-compareTable-alias table td input {
  border: 0;
}
.m-dictionary table .tdf,
.m-compareTable-alias table .tdf {
  font-weight: bolder;
  text-align: center;
  background-color: #f2f2f2;
  color: var(--color-title);
}
.m-dictionary table .tdf.hidden,
.m-compareTable-alias table .tdf.hidden {
  visibility: hidden;
  width: 0;
}
.m-dictionary table .delete-td,
.m-compareTable-alias table .delete-td {
  cursor: pointer;
  position: relative;
  right: 26px;
  width: 0;
  text-align: center;
  border: 1px solid transparent;
  color: #999;
}
.m-dictionary table .delete-td .u-icn-close,
.m-compareTable-alias table .delete-td .u-icn-close {
  color: #7880a0;
  padding: 3px;
}
.m-dictionary table .delete-td .u-icn-close:hover,
.m-compareTable-alias table .delete-td .u-icn-close:hover {
  background-color: #e8e8f0;
}
.m-dictionary .scrollbar,
.m-compareTable-alias .scrollbar {
  height: 311px;
  max-height: 311px;
  overflow-y: auto;
  overflow-x: hidden;
  overflow-anchor: none;
}
.m-dictionary .scrollbar table,
.m-compareTable-alias .scrollbar table {
  table-layout: fixed;
  overflow-x: hidden;
  width: 520px;
}
.m-dictionary .wrap .window .btnright,
.m-compareTable-alias .wrap .window .btnright {
  margin-right: 10px;
  float: right;
}
.m-dictionary .wrap .window .winft,
.m-compareTable-alias .wrap .window .winft {
  padding: 10px 25px;
  text-align: left;
}
.m-dictionary .winft .add-icon,
.m-compareTable-alias .winft .add-icon {
  color: #999;
  margin-right: 5px;
}
.m-dictionary .add-dict .dt,
.m-compareTable-alias .add-dict .dt {
  background-color: #f5f8ff;
}
.m-dictionary .add-dict td:nth-child(2),
.m-compareTable-alias .add-dict td:nth-child(2) {
  background-color: #f5f8ff;
  padding-right: 15px;
}

.m-modal-titleList .scroll {
  max-height: 300px;
  overflow-y: auto;
}
.m-modal-titleList table tr {
  height: 30px;
  line-height: 30px;
}
.m-modal-titleList table tr th {
  width: 100px;
}
.m-modal-titleList table tr td {
  width: 100px;
}
.m-modal-titleList table tr input {
  padding: 2px;
}

.m-compareTable-alias .tdf {
  height: 30px;
  line-height: 30px;
}
.m-compareTable-alias .scrollbar {
  height: 180px;
}
.m-compareTable-alias .scrollbar table {
  table-layout: auto;
  box-sizing: border-box;
}
.m-compareTable-alias tr,
.m-compareTable-alias td {
  width: 50%;
}
.m-compareTable-alias .dt.changed {
  background: rgb(242, 242, 242);
}

.m-search {
  position: relative;
}
.m-search .search {
  display: block;
  height: 28px;
  line-height: 28px;
  border: 1px solid #e8e8f0;
  border-radius: 2px;
  background: #fff;
}
.m-search .search-dimension {
  border-top: 0;
  border-left: 0;
  border-right: 0;
}
.m-search .search input {
  width: 93%;
  height: 26px;
  line-height: 26px;
  padding: 0 10px 0 24px;
  border: 0;
  background: none;
  font-size: 12px;
  display: block;
  color: #79809a;
}
.m-search .search .u-icn {
  position: absolute;
  right: 6px;
  top: 5px;
  margin-bottom: 0;
  font-size: 16px;
  color: #c0c0ca;
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  cursor: pointer;
}
.m-search .search .u-icn-circle-clean {
  color: #c0c0ca;
  -webkit-transform: none;
  transform: none;
  top: 50%;
  margin-top: -8px;
}
.m-search .search .u-icn-search {
  left: 6px;
  right: auto;
  font-size: 14px;
  -webkit-transform: scale(1);
  transform: scale(1);
  width: 14px;
  height: 14px;
  top: 6px;
}
.m-search .search .u-icn-add {
  top: 5px;
  right: 24px;
}
.m-search-large {
  height: 32px;
  line-height: 32px;
}
.m-search-large .search {
  position: relative;
  border-radius: 2px;
  height: 30px;
  line-height: 28px;
}
.m-search-large .search input {
  height: 30px;
  line-height: 28px;
}
.m-search-large .search .u-icn-search {
  top: 8px;
}
.m-search-category .select {
  float: left;
  height: 28px;
  border-right: 0;
  width: 72px;
}
.m-search-category .search {
  float: left;
  position: relative;
  width: calc(100% - 72px - 1px);
}
.m-search-category .search.sub-select {
  border: none;
}
.m-search-category .u-dropdown {
  font-size: 12px;
}
.m-search-mobile .search {
  height: 40px;
  line-height: 40px;
}
.m-search-mobile .search .u-icn-search {
  top: 14px;
  left: 12px;
}
.m-search-mobile .search > input {
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  padding-left: 30px;
}

.m-form {
  display: table;
  width: 100%;
  line-height: 32px;
}
.m-form .formrow {
  display: table-row;
}
.m-form .formrow > label,
.m-form .formrow .formcnt {
  display: table-cell;
  padding-bottom: 20px;
  vertical-align: top;
  position: relative;
}
.m-form .formrow > label {
  width: 1%;
  padding-right: 20px;
  white-space: nowrap;
  text-align: right;
  color: var(--color-title);
}
.m-form .formrow > label.tal {
  text-align: left;
}
.m-form .formrow > label.required::before {
  content: "*";
  color: red;
  font-size: 18px;
  vertical-align: middle;
}
.m-form .formrow > label.required-after::after {
  content: "*";
  color: red;
  font-size: 18px;
  vertical-align: middle;
}
.m-form .formrow .formcnt.vam {
  vertical-align: middle;
}
.m-form .formrow .u-keep-space {
  white-space: pre-wrap;
}

.m-field-list {
  max-height: 360px;
  overflow: auto;
  font-size: 12px;
  color: #79809a;
}
.m-field-list li {
  height: 28px;
  line-height: 28px;
  cursor: pointer;
  padding: 0 8px;
  overflow: hidden;
  word-wrap: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.m-field-list li .icon-field {
  color: #0086e9;
}
.m-field-list li:hover {
  background-color: var(--color-hover-bg);
  color: var(--color-primary);
}
.m-field-list li:hover .txt i {
  color: inherit;
}
.m-field-list li.pill-item {
  padding-left: 24px;
}
.m-field-list li.pill-table .u-icn {
  margin-right: 4px;
}
.m-field-list-border {
  background-color: #fff;
  border: 1px solid #e8e8f0;
}

.m-field-parameters-list {
  border: 1px solid #e8e8f0;
  background-color: #fff;
  color: #79809a;
}
.m-field-parameters-list ul {
  max-height: 360px;
  overflow: auto;
}
.m-field-parameters-list ul li {
  height: 28px;
  line-height: 28px;
  padding: 0 16px;
  overflow: hidden;
  word-wrap: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
  position: relative;
  cursor: pointer;
}
.m-field-parameters-list ul li.empty {
  text-align: center;
}
.m-field-parameters-list ul li.empty .u-icn-warning {
  color: #FFAF0F;
}
.m-field-parameters-list ul li.empty:hover {
  background-color: #fff;
  cursor: default;
}
.m-field-parameters-list ul li.noData {
  height: auto;
  line-height: auto;
  padding: 24px 16px;
}
.m-field-parameters-list ul li.noData .u-btn {
  display: block;
  height: 28px;
  line-height: 28px;
  margin: 0 auto;
  margin-top: 8px;
}
.m-field-parameters-list ul li .u-input {
  width: 180px;
  border: 0;
  margin-left: 2px;
}
.m-field-parameters-list ul li .u-icn-delete {
  position: absolute;
  top: 50%;
  margin-top: -7px;
  right: 0;
  display: none;
  cursor: pointer;
  color: #666;
}
.m-field-parameters-list ul li:hover {
  background-color: var(--color-hover-bg);
}
.m-field-parameters-list ul li:hover .u-icn-delete {
  display: block;
}
.m-field-parameters-list ul li:hover .sel {
  display: block;
}
.m-field-parameters-list .buttons {
  padding: 0 16px;
  border-bottom: 1px solid #e8e8f0;
}
.m-field-parameters-list .buttons button {
  color: var(--color-primary);
  border: 0;
  background-color: transparent;
  float: left;
  height: 28px;
  line-height: 28px;
}
.m-field-parameters-list .buttons button.manage {
  float: right;
  margin-left: 20px;
}
.m-field-parameters-list .buttons .clear {
  float: right;
  height: 32px;
  line-height: 32px;
}
.m-field-parameters-list .m-search {
  padding: 8px 16px;
}
.m-field-parameters-list .m-search .search {
  position: relative;
}

.m-modelFilter {
  margin-left: -10px;
  margin-right: -10px;
  min-height: 300px;
}
.m-modelFilter .action {
  padding-bottom: 10px;
  height: 32px;
  line-height: 32px;
}
.m-modelFilter .action .txt {
  color: var(--color-primary);
  cursor: pointer;
}
.m-modelFilter .action .txt .u-icn {
  margin-right: 3px;
  font-size: 12px;
}
.m-modelFilter .action .note {
  color: #999;
}
.m-modelFilter .m-table {
  border: 1px solid #e8e8f0;
}

.m-table2 table {
  width: 100%;
  line-height: normal;
  text-align: left;
}
.m-table2 .icon {
  font-size: 14px;
  color: #bfbfbf;
}
.m-table2 .icon-1:hover {
  cursor: pointer;
}
.m-table2 th,
.m-table2 td {
  box-sizing: border-box;
}
.m-table2 th:first-child,
.m-table2 td:first-child {
  width: 47%;
}
.m-table2 th {
  height: 34px;
  padding: 0 20px;
  border: 1px solid #e8e8f0;
  border-width: 1px 0;
  font-size: 12px;
  white-space: nowrap;
  color: var(--color-title);
}
.m-table2 td {
  padding: 16px 20px;
  line-height: 1.5;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 200px;
}
.m-table2 td input {
  margin-left: 8px;
}
.m-table2 tr {
  background: #fff;
}
.m-table2 tbody tr.parent {
  border: 1px solid #e8e8f0;
  border-width: 1px 0;
  background: #f2f2f2;
}
.m-table2 tbody tr.child td .item-1 {
  margin-left: 0;
}
.m-table2 tbody tr.child td .item-2 {
  padding-left: 40px;
}
.m-table2 tbody tr.child td .item-3 {
  padding-left: 60px;
}
.m-table2 tbody tr.child td:first-child {
  padding-left: 40px;
}
.m-table2 tbody tr:hover {
  background: #f5f5f5;
}
.m-table2 .scroll {
  max-height: 400px;
  overflow-y: auto;
}
.m-table2 .navbg {
  background: #fff;
}
.m-table2 a {
  color: var(--color-primary);
}

.m-table-view {
  height: 100%;
  background-color: whitesmoke;
  overflow: auto;
}
.m-table-view .u-icn-back {
  margin: 0 10px 0 0;
  font-size: 18px;
  color: #bfbfbf;
}
.m-table-view .u-icn-back:hover {
  color: #525252;
}
.m-table-view .operation {
  margin: 16px 30px;
}
.m-table-view .operation .m-search,
.m-table-view .operation .btn-add {
  float: right;
}
.m-table-view .operation .m-search {
  margin-left: 20px;
  border-radius: 2px;
}
.m-table-view .operation .u-btn {
  width: 100px;
}
.m-table-view .operation .btn-left {
  float: left;
}
.m-table-view .content {
  margin: 0 30px;
  background-color: #fff;
  margin-bottom: 100px;
}
.m-table-view .content table td {
  max-width: 200px;
}
.m-table-view .content table td.opt-4 {
  max-width: 250px;
}

.m-table-view-scroll {
  display: flex;
  flex-direction: column;
}
.m-table-view-scroll .content {
  flex: 1;
  position: relative;
  margin: 0 0 60px 0;
  padding: 0 30px 12px;
  overflow-y: auto;
}
.m-table-view-scroll .content .u-msg {
  position: absolute;
  margin-top: 37px;
}
.m-table-view-scroll .m-table {
  position: absolute;
  top: 0;
  left: 30px;
  right: 30px;
  bottom: 12px;
}
.m-table-view-scroll .m-table.scrollbar {
  right: 22px;
}
.m-table-view-scroll .m-table.z-pagination {
  bottom: 72px;
}

.m-table-view-scroll.m-table-view-scroll-padding0 .content {
  padding: 0 0 12px;
}
.m-table-view-scroll.m-table-view-scroll-padding0 .m-table {
  left: 0;
  right: 0;
}

.m-modal-dateTime .winbd, .m-modal-indicator .winbd {
  overflow: inherit;
}

.m-modal-indicator .daytime {
  display: none;
}

.m-modal-mapmatching .winhd {
  display: none;
}
.m-modal-mapmatching .wincls {
  display: none;
}

.m-modal-theme .file-item .u-icn-json {
  display: none;
}
.m-modal-theme .z-err .title,
.m-modal-theme .z-err .container {
  border-color: #f5a9b1;
}

.m-modal-batch-discrete .action {
  margin-bottom: 20px;
}
.m-modal-batch-discrete .action label {
  margin-right: 20px;
}
.m-modal-batch-discrete .action label input {
  margin-right: 5px;
}
.m-modal-batch-discrete textarea {
  width: 320px;
  height: 320px;
}

.m-modal-coder .content {
  width: 370px;
  height: 267px;
}
.m-modal-coder .u-txtarea {
  height: 100%;
  background-color: #292e33;
  color: #d0d3d4;
}

.m-modal-jumpPopup-mobile .wrap {
  padding: 0;
  vertical-align: bottom;
}
.m-modal-jumpPopup-mobile .wrap .window .winhd {
  display: none;
}
.m-modal-jumpPopup-mobile .wrap .window .winbd {
  padding: 0;
  max-height: none;
  overflow: visible;
}

.m-side-controller {
  position: relative;
  top: 4px;
  margin-right: 10px;
}

.m-warnText p {
  margin-bottom: 12px;
}

.m-slide-icn {
  position: absolute;
  top: 50%;
  left: 224px;
  background: #fff;
  cursor: pointer;
  border: 1px solid #e8e8f0;
  border-left-width: 0;
  border-radius: 0 2px 2px 0;
  padding: 14px 0;
  z-index: 298;
  transition: left 0.3s ease-in-out;
}
.m-slide-icn.z-close {
  left: 0;
}
.m-slide-icn.z-close .u-icn {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.m-slide-icn.z-dragging {
  transition: unset;
}
.m-slide-icn:hover {
  background: #e0e0e0;
}

.p-r-0 {
  padding-right: 0px;
}

.p-l-0 {
  padding-left: 0px;
}

.p-t-0 {
  padding-top: 0px;
}

.p-b-0 {
  padding-bottom: 0px;
}

.m-r-0 {
  margin-right: 0px;
}

.m-l-0 {
  margin-left: 0px;
}

.m-t-0 {
  margin-top: 0px;
}

.m-b-0 {
  margin-bottom: 0px;
}

.p-r-2 {
  padding-right: 2px;
}

.p-l-2 {
  padding-left: 2px;
}

.p-t-2 {
  padding-top: 2px;
}

.p-b-2 {
  padding-bottom: 2px;
}

.m-r-2 {
  margin-right: 2px;
}

.m-l-2 {
  margin-left: 2px;
}

.m-t-2 {
  margin-top: 2px;
}

.m-b-2 {
  margin-bottom: 2px;
}

.p-r-4 {
  padding-right: 4px;
}

.p-l-4 {
  padding-left: 4px;
}

.p-t-4 {
  padding-top: 4px;
}

.p-b-4 {
  padding-bottom: 4px;
}

.m-r-4 {
  margin-right: 4px;
}

.m-l-4 {
  margin-left: 4px;
}

.m-t-4 {
  margin-top: 4px;
}

.m-b-4 {
  margin-bottom: 4px;
}

.p-r-6 {
  padding-right: 6px;
}

.p-l-6 {
  padding-left: 6px;
}

.p-t-6 {
  padding-top: 6px;
}

.p-b-6 {
  padding-bottom: 6px;
}

.m-r-6 {
  margin-right: 6px;
}

.m-l-6 {
  margin-left: 6px;
}

.m-t-6 {
  margin-top: 6px;
}

.m-b-6 {
  margin-bottom: 6px;
}

.p-r-8 {
  padding-right: 8px;
}

.p-l-8 {
  padding-left: 8px;
}

.p-t-8 {
  padding-top: 8px;
}

.p-b-8 {
  padding-bottom: 8px;
}

.m-r-8 {
  margin-right: 8px;
}

.m-l-8 {
  margin-left: 8px;
}

.m-t-8 {
  margin-top: 8px;
}

.m-b-8 {
  margin-bottom: 8px;
}

.p-r-10 {
  padding-right: 10px;
}

.p-l-10 {
  padding-left: 10px;
}

.p-t-10 {
  padding-top: 10px;
}

.p-b-10 {
  padding-bottom: 10px;
}

.m-r-10 {
  margin-right: 10px;
}

.m-l-10 {
  margin-left: 10px;
}

.m-t-10 {
  margin-top: 10px;
}

.m-b-10 {
  margin-bottom: 10px;
}

.p-r-12 {
  padding-right: 12px;
}

.p-l-12 {
  padding-left: 12px;
}

.p-t-12 {
  padding-top: 12px;
}

.p-b-12 {
  padding-bottom: 12px;
}

.m-r-12 {
  margin-right: 12px;
}

.m-l-12 {
  margin-left: 12px;
}

.m-t-12 {
  margin-top: 12px;
}

.m-b-12 {
  margin-bottom: 12px;
}

.p-r-14 {
  padding-right: 14px;
}

.p-l-14 {
  padding-left: 14px;
}

.p-t-14 {
  padding-top: 14px;
}

.p-b-14 {
  padding-bottom: 14px;
}

.m-r-14 {
  margin-right: 14px;
}

.m-l-14 {
  margin-left: 14px;
}

.m-t-14 {
  margin-top: 14px;
}

.m-b-14 {
  margin-bottom: 14px;
}

.p-r-16 {
  padding-right: 16px;
}

.p-l-16 {
  padding-left: 16px;
}

.p-t-16 {
  padding-top: 16px;
}

.p-b-16 {
  padding-bottom: 16px;
}

.m-r-16 {
  margin-right: 16px;
}

.m-l-16 {
  margin-left: 16px;
}

.m-t-16 {
  margin-top: 16px;
}

.m-b-16 {
  margin-bottom: 16px;
}

.p-r-24 {
  padding-right: 24px;
}

.p-l-24 {
  padding-left: 24px;
}

.p-t-24 {
  padding-top: 24px;
}

.p-b-24 {
  padding-bottom: 24px;
}

.m-r-24 {
  margin-right: 24px;
}

.m-l-24 {
  margin-left: 24px;
}

.m-t-24 {
  margin-top: 24px;
}

.m-b-24 {
  margin-bottom: 24px;
}

.p-r-32 {
  padding-right: 32px;
}

.p-l-32 {
  padding-left: 32px;
}

.p-t-32 {
  padding-top: 32px;
}

.p-b-32 {
  padding-bottom: 32px;
}

.m-r-32 {
  margin-right: 32px;
}

.m-l-32 {
  margin-left: 32px;
}

.m-t-32 {
  margin-top: 32px;
}

.m-b-32 {
  margin-bottom: 32px;
}

.p-r-60 {
  padding-right: 60px;
}

.p-l-60 {
  padding-left: 60px;
}

.p-t-60 {
  padding-top: 60px;
}

.p-b-60 {
  padding-bottom: 60px;
}

.m-r-60 {
  margin-right: 60px;
}

.m-l-60 {
  margin-left: 60px;
}

.m-t-60 {
  margin-top: 60px;
}

.m-b-60 {
  margin-bottom: 60px;
}

.fs-0 {
  font-size: 0px;
}

.fs-12 {
  font-size: 12px;
}

.fs-13 {
  font-size: 13px;
}

.fs-14 {
  font-size: 14px;
}

.fs-16 {
  font-size: 16px;
}

.fs-18 {
  font-size: 18px;
}

.fs-20 {
  font-size: 20px;
}

.fs-22 {
  font-size: 22px;
}

.fs-24 {
  font-size: 24px;
}

.m-chart-grabing {
  position: absolute;
  background: #fff;
  opacity: 0.5;
}
.m-chart-grabing .u-mover {
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing;
}

.m-link {
  margin: 14px 0;
}
.m-link .u-link a {
  font-size: 12px;
  color: var(--color-primary);
  border-bottom: 1px solid var(--color-primary);
}

.m-link-inline {
  display: inline-block;
  margin: -1px 0;
}

.m-dashboard-view .titlebar {
  position: absolute;
  left: 0;
  right: 0;
  height: 54px;
  line-height: 54px;
  padding: 0 30px;
  background: #fff;
  border-bottom: 1px solid #e8e8f0;
}
.m-dashboard-view .titlebar .line {
  display: inline-block;
  margin: 0 10px;
  width: 1px;
  height: 20px;
  background: #ddd;
  vertical-align: middle;
}
.m-dashboard-view .titlebar .u-btn {
  position: relative;
  margin-left: 6px;
}
.m-dashboard-view .titlebar .titlebar-tag {
  line-height: 10px;
  float: left;
  margin: 10px 0;
  background-color: rgba(245, 166, 35, 0.1);
  border: 1px solid #FFAF0F;
  color: #FFAF0F;
  border-radius: 2px;
  font-size: 12px;
  padding: 5px;
}
.m-dashboard-view .titlebar .u-btn-downloadTpl .u-icn {
  margin-right: 0;
  font-size: unset;
}
.m-dashboard-view .titlebar .menubutton-wrap {
  display: inline-block;
  height: 28px;
  line-height: 28px;
  top: 10px;
}
.m-dashboard-view .titlebar .menubutton-wrap .u-btn-border {
  float: left;
}
.m-dashboard-view .titlebar .menubutton-wrap .icon-wrap {
  margin-left: 0;
}
.m-dashboard-view .titlebar .u-btn-refresh .layer {
  opacity: 0;
  padding: 5px 15px;
  width: 230px;
  left: -70px;
  top: 38px;
}
.m-dashboard-view .titlebar .u-btn-refresh .layer.z-show {
  opacity: 1;
}
.m-dashboard-view .titlebar .down {
  left: auto;
  right: 8px;
}
.m-dashboard-view .titlebar .history-icon-wrapper {
  display: inline-block;
}
.m-dashboard-view .titlebar .history-icon-wrapper .u-icn-info {
  margin-left: 5px;
  color: #1881dc;
  font-size: 16px;
  cursor: pointer;
}
.m-dashboard-view .content {
  position: absolute;
  top: 54px;
  left: 0;
  right: 0;
  bottom: 32px;
  overflow: auto;
}
.m-dashboard-view .content-mobile {
  top: 61px;
  bottom: 0;
  background-color: #fff;
}
.m-dashboard-view .content-full {
  position: fixed;
  top: 0;
  left: 0;
  overflow: auto;
  width: 100%;
  height: 100%;
  background: #000;
}
.m-dashboard-view .content-full::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.m-dashboard-view .content-full .g-page-tools {
  display: none;
}
.m-dashboard-view .m-watermark {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 1;
  pointer-events: none;
  bottom: -65px;
}
.m-dashboard-view .g-canvas .m-watermark {
  bottom: auto;
}

.m-watermark {
  transform: translateZ(10000px);
}

.g-watermark {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  pointer-events: none;
}

.m-overlay-aniMove .imageback {
  background-image: url(../img/bicons.e4d7346255.svg);
  background-repeat: no-repeat;
  width: 52px;
  height: 35px;
  background-color: #fff;
}

.m-overlay-delete .m-popover {
  padding: 12px 16px;
  border-radius: 2px;
  text-align: center;
  color: #525252;
  background-color: #fff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.m-overlay-delete .warn {
  color: #f7c424;
}
.m-overlay-delete .arrow {
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
  background: #fff;
  width: 8px;
  height: 8px;
  position: absolute;
  bottom: -4px;
}

.m-overlay-chartBoard .context-menu-new .menu-ctn .menu-item-ctn {
  min-width: 100px;
}

.m-l-14 {
  margin-left: 14px;
}

.m-guideLine {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 100;
  pointer-events: none;
}

.m-title-pop {
  max-height: 250px;
  overflow: auto;
}

.m-saas-companyName {
  position: absolute;
  bottom: 16px;
  left: 0;
  right: 0;
  text-align: center;
  color: #999;
}

.m-agg-common.m-agg-common-no-wrapper > .u-list {
  border: none;
}
.m-agg-common.m-agg-common-no-wrapper > .u-list > li {
  width: 100%;
}
.m-agg-common.m-agg-common-no-wrapper > .u-list .u-icn-angle-right {
  margin-right: 3px;
}
.m-agg-common .u-list,
.m-agg-common .u-list-1 {
  border: 1px solid #e8e8f0;
}
.m-agg-common .u-list li,
.m-agg-common .u-list-1 li {
  width: 120px;
  position: relative;
  height: 28px;
  line-height: 28px;
  background: #fff;
  padding: 0 9px;
}
.m-agg-common .u-list li .u-list,
.m-agg-common .u-list-1 li .u-list {
  display: none;
}
.m-agg-common .u-list li > .u-icn-angle-right,
.m-agg-common .u-list-1 li > .u-icn-angle-right {
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translate(0, -50%);
}
.m-agg-common .u-list li:hover,
.m-agg-common .u-list-1 li:hover {
  background-color: #efefef;
}
.m-agg-common .u-list li:hover .u-list,
.m-agg-common .u-list-1 li:hover .u-list {
  display: block;
}
.m-agg-common .u-list li .listPercent,
.m-agg-common .u-list-1 li .listPercent {
  position: absolute;
  left: 100%;
}
.m-agg-common .u-list li > i,
.m-agg-common .u-list-1 li > i {
  position: relative;
  top: -10px;
}
.m-agg-common .u-list li .u-icn,
.m-agg-common .u-list-1 li .u-icn {
  display: inline-block;
}
.m-agg-common .u-list li .u-icn-check,
.m-agg-common .u-list-1 li .u-icn-check {
  position: absolute;
  right: 8px;
  top: 0;
  color: #000;
}

.agg-list-wrapper.u-list-folder {
  overflow: visible;
}

.m-config-connect .connect-item .warnTip {
  font-size: 12px;
  color: #9b9b9b;
}
.m-config-connect .connect-item .warnTip .u-icn-warning {
  margin-right: 5px;
  font-size: 16px;
  color: #ffcc4b;
}

.m-miniselect {
  cursor: pointer;
}
.m-miniselect .head {
  text-align: center;
  height: 28px;
}
.m-miniselect .head.z-actived {
  background: #e0e0e0;
  border: 1px solid #e8e8f0;
  -webkit-box-shadow: inset 0 2px 4px 0 #cccccc;
  box-shadow: inset 0 2px 4px 0 #cccccc;
}
.m-miniselect-body {
  border: 1px solid #e8e8f0;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  background: #fff;
  transform: translateY(-1px);
}
.m-miniselect-body:before, .m-miniselect-body:after {
  display: table;
  content: " ";
}
.m-miniselect-body:after {
  clear: both;
}
.m-miniselect-body > li {
  float: left;
  width: 28px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  cursor: pointer;
}
.m-miniselect-body > li:hover {
  background: rgba(0, 0, 0, 0.1);
}
.m-miniselect-body > li.selected {
  color: var(--color-primary);
}
.m-miniselect-body.list li {
  width: 36px;
  height: 36px;
  line-height: 36px;
}
.m-miniselect-body.list i {
  font-size: 24px;
}

.m-group .dropable-valid {
  -webkit-box-shadow: initial;
  box-shadow: initial;
}
.m-group .window .row {
  margin-bottom: 10px;
}
.m-group .window .row label {
  width: 300px;
  margin-right: 10px;
  color: var(--color-title);
}
.m-group .window .row .u-txt {
  width: 300px;
  height: 30px;
  line-height: 28px;
  padding: 0 5px;
}
.m-group .scrollbar {
  height: 300px;
  max-height: 300px;
  border: 1px solid #e8e8f0;
  overflow: auto;
  overflow-anchor: none;
}
.m-group .scrollbar ul {
  max-width: 382px;
}
.m-group .scrollbar .item {
  position: relative;
  height: 30px;
  line-height: 28px;
  padding-right: 10px;
  padding-left: 10px;
  font-size: 14px;
  cursor: pointer;
  border: 1px solid #fff;
}
.m-group .scrollbar .item .icn {
  position: absolute;
  top: 0;
  left: 10px;
  color: #aaa;
  width: 14px;
  text-align: center;
}
.m-group .scrollbar .item .ctx {
  display: inline-block;
  max-width: 325px;
  margin-left: 20px;
  overflow: hidden;
  word-wrap: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.m-group .scrollbar .item .ctx-1 {
  max-width: 315px;
}
.m-group .scrollbar .item.parent .u-txtwrap {
  margin-left: 24px;
  display: block;
}
.m-group .scrollbar .item.parent .icn {
  top: 9px;
}
.m-group .scrollbar .item.z-choose {
  background-color: var(--color-primary);
  color: #fff;
  border: 1px solid var(--color-primary);
}
.m-group .scrollbar .item.z-choose .icn {
  color: #fff;
}
.m-group .scrollbar .item .txtzone {
  display: inline-block;
  width: 100%;
}
.m-group .scrollbar .item.child {
  padding-left: 5px;
  margin-left: 25px;
}
.m-group .scrollbar .item.child .icn {
  left: 5px;
}
.m-group .scrollbar .item .menu {
  top: 14px;
}
.m-group .scrollbar .item.u-bitem-1:hover {
  color: var(--color-primary);
  border: 1px solid var(--color-list-hover-bg);
  background: var(--color-list-hover-bg);
}
.m-group .scrollbar .item.u-bitem-1:hover i {
  color: var(--color-primary);
}
.m-group .scrollbar .item .u-txt {
  position: absolute;
  top: 1px;
  margin-left: -4px;
  height: 28px;
  line-height: 26px;
  width: 200px;
}
.m-group .scrollbar .item .namebtn {
  box-sizing: border-box;
  width: 28px;
  height: 28px;
  line-height: 26px;
  text-align: center;
  border: 1px solid #e8e8f0;
  position: absolute;
  top: 1px;
  cursor: pointer;
}
.m-group .scrollbar .item .namebtn-ok {
  left: 230px;
  border-left: 0;
  color: var(--color-primary);
}
.m-group .scrollbar .item .namebtn-close {
  left: 257px;
  border-left: 0;
  color: #d8694e;
}
.m-group .scrollbar .item.parent.dragable-up {
  border-color: #7ab2e5;
}
.m-group .scrollbar .item.child.dragable-up {
  border-top-color: #7ab2e5;
}
.m-group .wrap .window .winft {
  text-align: right;
}
.m-group .wrap .window .winft .btn {
  float: left;
}
.m-group .group-opt:before, .m-group .group-opt:after {
  display: table;
  content: " ";
}
.m-group .group-opt:after {
  clear: both;
}
.m-group .group-opt span {
  height: 28px;
  line-height: 28px;
}
.m-group .group-opt-other {
  float: right;
}
.m-group .search {
  border: 1px solid #e8e8f0;
  position: relative;
  height: 28px;
}
.m-group .highlight {
  color: #d0011b;
}
.m-group .z-act {
  background: #eaeaea;
  color: #999;
}

.m-groupNames ul {
  width: 380px;
  max-width: 380px;
  border: 1px solid #e8e8f0;
  max-height: 366px;
  height: 366px;
}
.m-groupNames ul li {
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  cursor: pointer;
  overflow: hidden;
  word-wrap: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #79809a;
}
.m-groupNames ul li.z-sel {
  background-color: var(--color-list-hover-bg);
  color: var(--color-primary);
}

.m-mapdetail {
  background: #f2f2f2;
}
.m-mapdetail .config-box {
  background: #fff;
  width: 377px;
  padding: 20px 15px 20px 30px;
  border-right: 1px solid #e8e8f0;
}
.m-mapdetail .config-box .ttl {
  margin-bottom: 5px;
  font-size: 14px;
  color: var(--color-title);
}
.m-mapdetail .config-box .content .select {
  margin-left: 2px;
  width: 95px;
}
.m-mapdetail .config-box .content .area {
  position: relative;
  font-size: 12px;
  padding: 20px 0 10px 0;
}
.m-mapdetail .config-box .content .area .wrong {
  position: absolute;
  left: 80px;
  top: 20px;
  color: #ff722b;
  width: auto;
  cursor: pointer;
}
.m-mapdetail .config-box .content .area .wrong .u-icn {
  color: #aaa;
  margin-right: 5px;
}
.m-mapdetail .config-box .content .switcher {
  position: relative;
  width: 175px;
  height: 30px;
  margin-left: 10px;
}
.m-mapdetail .config-box .content .pview {
  height: 30px;
  line-height: 32px;
  width: 30px;
  border: 1px solid #e8e8f0;
  border-radius: 2px;
  cursor: pointer;
  margin-left: 10px;
  text-align: center;
  color: #aaa;
}
.m-mapdetail .config-box .content .pview.js-selected {
  color: #fff;
  background: #3bafda;
}
.m-mapdetail .config-box .u-menu {
  display: block;
  min-width: 175px;
  width: 175px;
}
.m-mapdetail .config-box .u-menu .list {
  height: 250px;
}
.m-mapdetail .config-box .u-menu .u-search input {
  padding-right: 0;
}
.m-mapdetail .config-box .mesg {
  color: #c9c9c9;
  margin-top: 20px;
  font-size: 12px;
}
.m-mapdetail .map-box {
  display: none;
  position: relative;
  padding: 20px;
  background: #f2f2f2;
}
.m-mapdetail .map-box.z-show {
  display: block;
}
.m-mapdetail .map-box .ttl {
  font-size: 14px;
  color: var(--color-title);
  margin-bottom: 10px;
}
.m-mapdetail .map-box table {
  border: 1px solid #e8e8f0;
}
.m-mapdetail .map-box table tr {
  border-color: #e8e8f0;
}
.m-mapdetail .map-box table td {
  position: relative;
  width: 190px;
  height: 30px;
  text-align: left;
}
.m-mapdetail .map-box table td .dt {
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
  height: 30px;
  line-height: 22px;
  padding: 4px 10px;
  max-width: 260px;
  overflow: hidden;
  word-wrap: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.m-mapdetail .map-box table td .geoloc {
  cursor: pointer;
}
.m-mapdetail .map-box table td .u-icn {
  position: absolute;
  top: 8px;
  color: #8f8f8f;
  cursor: pointer;
}
.m-mapdetail .map-box table td .u-icn-caret-down {
  right: 6px;
  pointer-events: none;
}
.m-mapdetail .map-box table td .u-icn-reset {
  right: 24px;
}
.m-mapdetail .map-box table td:hover {
  background: #f2f2f2;
}
.m-mapdetail .map-box table .tdf {
  font-weight: bolder;
  text-align: center;
  background-color: #f2f2f2;
  color: var(--color-title);
}
.m-mapdetail .map-box table .path {
  color: #c0c0ca;
}
.m-mapdetail .map-box .scrollbar {
  height: 220px;
  max-height: 220px;
  overflow-y: auto;
  overflow-x: hidden;
  overflow-anchor: none;
}
.m-mapdetail .map-box .scrollbar table {
  table-layout: fixed;
  overflow-x: hidden;
  background: #fff;
  width: 375px;
}
.m-mapdetail .map-box .scrollbar table .z-err {
  color: #ff5a5a;
}
.m-mapdetail .map-box .loading {
  position: absolute;
  width: 383px;
  height: 220px;
  top: 77px;
  left: 20px;
  background: #f2f2f2;
  z-index: 1;
}
.m-mapdetail .map-box .loading .u-load {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -20px;
  margin-top: -20px;
}
.m-mapdetail.z-higher .map-box .scrollbar {
  height: 295px;
  max-height: 295px;
}
.m-mapdetail.z-higher .map-box .loading {
  height: 295px;
}

.m-mapmatching .map-box {
  display: block;
}

.m-ref-line .ref-title,
.m-ref-area .ref-title {
  color: #50afdd;
}
.m-ref-line .ref-item,
.m-ref-area .ref-item {
  margin: 8px 0;
}
.m-ref-line .ref-item-hd,
.m-ref-area .ref-item-hd {
  height: 32px;
  line-height: 32px;
  text-align: left;
  font-size: 14px;
  font-weight: 600;
  color: var(--color-title);
}
.m-ref-line .ref-item-hd.ref-item-more,
.m-ref-area .ref-item-hd.ref-item-more {
  color: var(--color-primary);
  font-size: 12px;
  font-weight: normal;
}
.m-ref-line .ref-item-hd.ref-item-more .u-icn,
.m-ref-area .ref-item-hd.ref-item-more .u-icn {
  margin-left: 2px;
  margin-top: 2px;
}
.m-ref-line .ref-item-hd.ref-item-more label,
.m-ref-area .ref-item-hd.ref-item-more label {
  cursor: pointer;
}
.m-ref-line .ref-item .side,
.m-ref-area .ref-item .side {
  height: 32px;
  line-height: 32px;
  text-align: right;
  width: 100px;
  color: var(--color-title);
}
.m-ref-line .ref-item .main,
.m-ref-area .ref-item .main {
  float: left;
  overflow: initial;
  width: calc(100% - 120px);
}
.m-ref-line .ref-item .main.date-value .ptext,
.m-ref-area .ref-item .main.date-value .ptext {
  height: 32px;
  line-height: 32px;
  color: #aaa;
}
.m-ref-line .ref-item .main.date-value .u-dropdown .m-dropSelect-show, .m-ref-line .ref-item .main.date-value .u-dropdown .m-modal-import-connect .import .side, .m-modal-import-connect .import .m-ref-line .ref-item .main.date-value .u-dropdown .side,
.m-ref-area .ref-item .main.date-value .u-dropdown .m-dropSelect-show,
.m-ref-area .ref-item .main.date-value .u-dropdown .m-modal-import-connect .import .side,
.m-modal-import-connect .import .m-ref-area .ref-item .main.date-value .u-dropdown .side {
  margin-top: 2px;
}
.m-ref-line .ref-item .main.link-select .u-dropdown,
.m-ref-area .ref-item .main.link-select .u-dropdown {
  margin-top: 2px;
}
.m-ref-line .ref-item .txt,
.m-ref-area .ref-item .txt {
  text-align: center;
  height: 28px;
  line-height: 28px;
}
.m-ref-line .ref-range .radios,
.m-ref-area .ref-range .radios {
  position: relative;
}
.m-ref-line .ref-range .radios:hover:after,
.m-ref-area .ref-range .radios:hover:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 2;
  border: 1px solid #e8e8f0;
  width: 60px;
  height: 56px;
  background: #fff url(../img/rl-hover.e681009465.svg) no-repeat;
}
.m-ref-line .ref-range .radios:nth-child(1):after,
.m-ref-area .ref-range .radios:nth-child(1):after {
  background-position: 4px 4px;
}
.m-ref-line .ref-range .radios:nth-child(2):after,
.m-ref-area .ref-range .radios:nth-child(2):after {
  background-position: -69px 4px;
}
.m-ref-line .ref-range .radios:nth-child(3):after,
.m-ref-area .ref-range .radios:nth-child(3):after {
  background-position: -141px 4px;
}
.m-ref-line .radios,
.m-ref-area .radios {
  display: inline-block;
  vertical-align: middle;
  width: 100px;
  height: 32px;
  line-height: 32px;
}
.m-ref-line .radios-small,
.m-ref-area .radios-small {
  width: 83px;
}
.m-ref-line .radios > span, .m-ref-line .radios > input,
.m-ref-area .radios > span,
.m-ref-area .radios > input {
  vertical-align: middle;
}
.m-ref-line .radios > span,
.m-ref-area .radios > span {
  color: #79809a;
}
.m-ref-line .appearance-line,
.m-ref-area .appearance-line {
  position: relative;
  height: 32px;
  line-height: 32px;
  border: 1px solid #e8e8f0;
  cursor: pointer;
  border-radius: 2px;
}
.m-ref-line .appearance-line .u-arrow,
.m-ref-area .appearance-line .u-arrow {
  right: 8px;
  left: auto;
  margin-left: 0;
}
.m-ref-line .appearance-style,
.m-ref-area .appearance-style {
  display: block;
  padding-top: 16px;
  margin: 0 30px;
}
.m-ref-line .ref-area-color .u-color-block,
.m-ref-area .ref-area-color .u-color-block {
  height: 32px;
  line-height: 32px;
}
.m-ref-line .ref-label-way .main,
.m-ref-area .ref-label-way .main {
  width: calc(100% - 152px);
}
.m-ref-line .ref-label-way .tag-color,
.m-ref-area .ref-label-way .tag-color {
  float: left;
  width: 28px;
  margin-left: 4px;
}
.m-ref-line .ref-color .u-dropdown,
.m-ref-area .ref-color .u-dropdown {
  height: 32px;
  border: 1px solid #e8e8f0;
  position: relative;
  line-height: 30px;
  cursor: pointer;
  background-color: #fff;
  border-radius: 2px;
}
.m-ref-line .ref-color .u-dropdown .showicn,
.m-ref-area .ref-color .u-dropdown .showicn {
  display: inline-block;
  width: 58px !important;
  height: 22px !important;
  margin: -2px 5px 0 8px;
  vertical-align: middle;
}
.m-ref-line .ref-color .u-dropdown .sel,
.m-ref-area .ref-color .u-dropdown .sel {
  position: absolute;
  top: 50%;
  right: 9px;
  margin-top: -8px;
  display: block;
  width: 16px;
  height: 16px;
  background-color: transparent;
  cursor: pointer;
}
.m-ref-line .ref-color .u-dropdown .sel:after,
.m-ref-area .ref-color .u-dropdown .sel:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid dashed dashed;
  border-width: 6px 5px;
  border-color: #aaa transparent transparent transparent;
  position: absolute;
  left: 3px;
  top: 5px;
}
.m-ref-line .ref-color .u-dropdown .header > span,
.m-ref-area .ref-color .u-dropdown .header > span {
  color: #79809a;
}
.m-ref-line .ref-color .rect,
.m-ref-area .ref-color .rect {
  display: inline-block;
  width: 40px;
  height: 40px;
}
.m-ref-line .ref-color .rect-left,
.m-ref-area .ref-color .rect-left {
  margin-right: 8px;
}
.m-ref-line .ref-color .rect-right,
.m-ref-area .ref-color .rect-right {
  margin-left: 8px;
}
.m-ref-line .ref-color .rect-inner,
.m-ref-area .ref-color .rect-inner {
  display: inline-flex;
  width: calc(100% - 104px);
}
.m-ref-line .ref-color .rect-inner .rectbox,
.m-ref-area .ref-color .rect-inner .rectbox {
  flex: 1 1 auto;
}
.m-ref-line .ref-color input > span,
.m-ref-area .ref-color input > span {
  color: #79809a;
}

.ref-overlay {
  z-index: 308;
}
.ref-overlay .style .line {
  padding: 4px 12px;
  cursor: pointer;
}
.ref-overlay .style .line.z-crt {
  background-color: #e8e8f0;
}
.ref-overlay .style .line-style {
  display: inline-block;
  border-top: 2px solid #000;
  width: 100%;
  padding-top: 4px;
}
.ref-overlay .style .line-style-dashed {
  border-top-style: dashed;
}
.ref-overlay .style .line-style-solid {
  border-top-style: solid;
}
.ref-overlay .style .line-style-dotted {
  border-top-style: dotted;
}
.ref-overlay .size {
  padding: 0 4px;
}
.ref-overlay .size .line {
  line-height: 0;
  padding: 4px 8px;
  cursor: pointer;
}
.ref-overlay .size .line.z-crt {
  background-color: #e8e8f0;
}
.ref-overlay .size .dsc-col-2 {
  width: 20%;
}
.ref-overlay .size .line-size {
  display: inline-block;
  width: 100%;
  border-top-style: solid;
}
.ref-overlay .size .line-size-1 {
  border-top-width: 1px;
}
.ref-overlay .size .line-size-2 {
  border-top-width: 2px;
}
.ref-overlay .size .line-size-3 {
  border-top-width: 3px;
}
.ref-overlay .size .line-size-4 {
  border-top-width: 4px;
}
.ref-overlay .size .line-size-5 {
  border-top-width: 5px;
}
.ref-overlay .ref-line {
  margin: 10px 0;
  border-top: 1px solid #e8e8f0;
}

.m-ref-all .hd {
  padding: 0 10px 20px;
  text-align: center;
  border-bottom: 1px solid #e8e8f0;
}
.m-ref-all .hd .box {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  width: 72px;
  height: 72px;
  border: 1px solid #e8e8f0;
  background-color: #F6F7FA;
  color: #79809a;
}
.m-ref-all .hd .box.z-sel {
  border: 1px solid #103FFA;
  background-color: #E8F0FF;
}
.m-ref-all .hd .icon {
  display: block;
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
}
.m-ref-all .hd .icon-line {
  background-image: url(../img/ref-line.c22efb4ecb.svg);
}
.m-ref-all .hd .icon-area {
  background-image: url(../img/ref-area.0577a5c17e.svg);
}
.m-ref-all .hd .icon-distribution {
  background-image: url(../img/ref-distribution.e30a76ab90.svg);
}
.m-ref-all .m-ref-line .ref-item,
.m-ref-all .m-ref-area .ref-item {
  margin: 5px 0;
}
.m-ref-all .m-ref-line .ref-item .side,
.m-ref-all .m-ref-area .ref-item .side {
  text-align: left;
}
.m-ref-all .ref-granularity .u-radio {
  display: inline-block;
  vertical-align: middle;
  width: 100px;
  height: 32px;
  line-height: 32px;
  margin-right: 0;
}

.m-pager {
  display: flex;
  position: absolute;
  bottom: 0;
  right: 0;
  align-items: center;
  width: 100%;
  height: 60px;
  padding: 0 30px;
  background-color: #fff;
}
.m-pager .pager {
  height: 32px;
  line-height: 32px;
  color: var(--color-title);
}
.m-pager .side {
  max-width: 240px;
  margin-right: 10px;
}
.m-pager .main {
  margin-left: auto;
}
.m-pager .pagesize {
  margin-left: 16px;
}
.m-pager .pagesize .m-dropSelect-show, .m-pager .pagesize .m-modal-import-connect .import .side, .m-modal-import-connect .import .m-pager .pagesize .side {
  height: 32px;
  line-height: 30px;
}
.m-pager .pagesize .u-dropdown {
  width: 88px;
}
.m-pager .pagination {
  float: right;
  line-height: 32px;
}
.m-pager .pagination li {
  float: left;
  padding: 0 8px;
  min-width: 32px;
  height: 32px;
  line-height: 30px;
  border-radius: 2px;
  border: 1px solid var(--color-border);
  cursor: pointer;
  text-align: center;
}
.m-pager .pagination li.active, .m-pager .pagination li:hover {
  color: var(--color-primary);
  border-color: var(--color-primary);
}
.m-pager .pagination li.disabled {
  cursor: default;
  color: rgba(0, 0, 0, 0.25);
  border-color: #eee;
}
.m-pager .pagination li + li {
  margin-left: 8px;
}

.g-page-tools {
  left: 0;
  bottom: 0;
  right: 400px;
  height: 32px;
  z-index: 281;
  background-color: #fff;
  transition: left 0.3s ease-in-out, right 0.3s ease-in-out;
}

.g-side-layer ~ .g-page-tools, .g-side-layer ~ .g-content {
  left: 48px;
}
.g-side-layer.z-open ~ .g-page-tools, .g-side-layer.z-open ~ .g-content {
  left: 200px;
}
.g-side-layer.z-hide ~ .g-page-tools, .g-side-layer.z-hide ~ .g-content {
  left: 0;
}

.m-page-left {
  width: var(--left-width);
  height: 32px;
  float: left;
  border-right: 1px solid var(--color-border);
}
.m-page-left .btns-box {
  float: left;
  width: var(--left-width);
}
.m-page-left .btns-box .btn-item {
  float: left;
  margin-top: 9px;
  margin-left: 4px;
  cursor: pointer;
}
.m-page-left .btns-box .btn-item:hover {
  color: var(--color-primary);
}
.m-page-left .btns-box .btn-item.layout-toggle-item {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  width: 32px;
  height: 32px;
}
.m-page-left .btns-box .btn-item.layout-toggle-item.z-selected, .m-page-left .btns-box .btn-item.layout-toggle-item:hover {
  color: #103FFA;
  background-color: rgba(16, 63, 250, 0.08);
}
.m-page-left .btns-box .z-disabled {
  cursor: not-allowed;
  color: #999;
}
.m-page-left .btns-box .z-disabled:active, .m-page-left .btns-box .z-disabled:hover {
  color: #999;
}

.m-page-center {
  position: absolute;
  left: var(--left-width);
  right: 322px;
  overflow: hidden;
  height: 32px;
}
.m-page-center .dropable {
  float: left;
}
.m-page-center .dragable {
  float: left;
}
.m-page-center .dragable-top {
  border-left: solid 2px #4a90e2;
  border-top: solid 0 #fff;
}
.m-page-center .dragable-bottom {
  border-right: solid 2px #4a90e2;
}
.m-page-center .eye {
  float: left;
  margin-left: -20px;
  margin-top: 10px;
  color: #79809a;
  cursor: pointer;
}
.m-page-center .m-page-item {
  background: #f6f7fa;
  color: #79809a;
}
.m-page-center .m-page-item.active {
  background: var(--color-primary);
  color: #fff;
}
.m-page-center .m-page-item.active ~ .eye {
  background: var(--color-primary);
  color: #fff;
}
.m-page-center .m-page-item:not([readonly]) {
  box-sizing: border-box;
  background: #fff;
  border-width: 4px 2px;
  padding-left: 8px;
  padding-right: 9px;
  border-style: solid;
  border-color: var(--color-primary);
  text-align: left;
  color: #000;
}

.m-page-middle {
  float: left;
  position: absolute;
  top: 0;
  right: 234px;
}

.m-page-right {
  float: left;
  position: absolute;
  top: 0;
  right: 0;
}

.m-page-item {
  float: left;
  min-width: 70px;
  max-width: 154px;
  padding-left: 10px;
  padding-right: 10px;
  overflow: hidden;
  word-wrap: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
  height: 32px;
  line-height: 32px;
  text-align: center;
  border: 0;
  border-right: 1px solid var(--color-border);
  cursor: pointer;
  font-size: 12px;
}
.m-page-item:hover {
  background: #ecf0ff;
  color: var(--color-primary);
}
.m-page-item:hover ~ .eye {
  background: #ecf0ff;
  color: var(--color-primary);
}

.m-page-add {
  float: left;
  width: 40px;
  text-align: center;
  height: 32px;
  line-height: 32px;
  border-right: 1px solid var(--color-border);
  cursor: pointer;
}

.m-pagebar {
  border-top: 1px solid var(--color-border);
}

.m-flexPager.not-mobile-detail-wrap {
  max-width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.m-flexPager.not-mobile-detail-wrap .number-wrapper {
  line-height: normal;
}
.m-flexPager.not-mobile-detail-wrap.z-small a,
.m-flexPager.not-mobile-detail-wrap.z-small .enter {
  height: 20px;
  line-height: 20px;
}
.m-flexPager.not-mobile-detail-wrap.z-small a {
  width: 20px;
}
.m-flexPager.not-mobile-detail-wrap.z-small .select {
  height: 20px;
}
.m-flexPager.not-mobile-detail-wrap.z-small .select .m-dropSelect-show, .m-flexPager.not-mobile-detail-wrap.z-small .select .m-modal-import-connect .import .side, .m-modal-import-connect .import .m-flexPager.not-mobile-detail-wrap.z-small .select .side {
  height: 20px;
  line-height: 20px;
}
.m-flexPager.not-mobile-detail-wrap.z-small .select .m-dropSelect-show > span, .m-flexPager.not-mobile-detail-wrap.z-small .select .m-modal-import-connect .import .side > span, .m-modal-import-connect .import .m-flexPager.not-mobile-detail-wrap.z-small .select .side > span {
  line-height: 20px;
}
.m-flexPager.not-mobile-detail-wrap.z-large a,
.m-flexPager.not-mobile-detail-wrap.z-large .enter {
  height: 32px;
  height: 32px;
  line-height: 32px;
}
.m-flexPager.not-mobile-detail-wrap.z-large a {
  width: 32px;
}
.m-flexPager.not-mobile-detail-wrap.z-large .select {
  height: 32px;
}
.m-flexPager.not-mobile-detail-wrap.z-large .select .m-dropSelect-show, .m-flexPager.not-mobile-detail-wrap.z-large .select .m-modal-import-connect .import .side, .m-modal-import-connect .import .m-flexPager.not-mobile-detail-wrap.z-large .select .side {
  height: 32px;
  line-height: 32px;
}
.m-flexPager.not-mobile-detail-wrap.z-large .select .m-dropSelect-show > span, .m-flexPager.not-mobile-detail-wrap.z-large .select .m-modal-import-connect .import .side > span, .m-modal-import-connect .import .m-flexPager.not-mobile-detail-wrap.z-large .select .side > span {
  line-height: 32px;
}
.m-flexPager:not(.not-mobile-detail-wrap) .total-count {
  position: absolute;
  right: 12px;
  top: -14px;
  font-size: 14px;
}
.m-flexPager .total-count {
  flex: 1;
}
.m-flexPager .number-wrapper {
  margin: 0 3px;
}
.m-flexPager .pagenxt.last,
.m-flexPager .pageprv.second {
  margin-left: 2px;
}
.m-flexPager a,
.m-flexPager .enter {
  height: 24px;
  line-height: 24px;
  border-radius: 2px;
  text-align: center;
  border: 1px solid transparent;
}
.m-flexPager .enter {
  width: 35px;
  font-size: 12px;
  background: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.m-flexPager .enter:hover, .m-flexPager .enter:focus {
  border-color: #355ee5 !important;
}
.m-flexPager .enter.z-txt {
  width: auto;
  display: inline-block;
}
.m-flexPager .enter.z-txt:hover, .m-flexPager .enter.z-txt:focus {
  border-color: transparent !important;
}
.m-flexPager a {
  display: inline-block;
  width: 24px;
}
.m-flexPager a.z-dis {
  cursor: not-allowed;
}
.m-flexPager .select {
  display: inline-block;
  margin-left: 14px;
  height: 24px;
  min-width: 100px;
  font-size: 12px;
}
.m-flexPager .select .m-dropSelect-show, .m-flexPager .select .m-modal-import-connect .import .side, .m-modal-import-connect .import .m-flexPager .select .side {
  height: 24px;
  line-height: 26px;
  background-color: transparent;
}
.m-flexPager .select .m-dropSelect-show > span, .m-flexPager .select .m-modal-import-connect .import .side > span, .m-modal-import-connect .import .m-flexPager .select .side > span {
  height: auto;
  line-height: 24px;
}
.z-mobile-single-graphic .m-graphic .m-flexPager {
  height: 60px;
  float: none;
  padding: 10px;
  box-sizing: border-box;
  font-size: 16px;
  bottom: env(safe-area-inset-bottom);
  left: env(safe-area-inset-left);
  right: env(safe-area-inset-right);
}
.z-mobile-single-graphic .m-graphic .m-flexPager .u-icn {
  font-size: 18px;
}
.z-mobile-single-graphic .m-graphic .m-flexPager .pageprv,
.z-mobile-single-graphic .m-graphic .m-flexPager .pagenxt,
.z-mobile-single-graphic .m-graphic .m-flexPager .enter,
.z-mobile-single-graphic .m-graphic .m-flexPager .total-pages {
  display: inline-block;
}
.z-mobile-single-graphic .m-graphic .m-flexPager .pageprv,
.z-mobile-single-graphic .m-graphic .m-flexPager .pagenxt {
  width: 44px;
  text-align: center;
  vertical-align: middle;
}
.z-mobile-single-graphic .m-graphic .m-flexPager .pagenxt {
  position: absolute;
  right: 60px;
  top: 18px;
}
.z-mobile-single-graphic .m-graphic .m-flexPager .pagenxt.last {
  right: 10px;
}
.z-mobile-single-graphic .m-graphic .m-flexPager .enter {
  background: transparent;
  border: 1px solid currentColor;
  box-sizing: border-box;
  border-radius: 4px;
  vertical-align: middle;
  font-size: 16px;
}
.z-mobile-single-graphic .m-graphic .m-flexPager .number-wrapper {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
}

.drop-flex-pager {
  width: unset !important;
  min-width: 100px;
  box-shadow: 0 4px 8px rgba(141, 139, 158, 0.15);
}
.drop-flex-pager .u-overlay-blank {
  border: none;
}
.drop-flex-pager .u-overlay-blank li {
  color: #7880a0;
}
.drop-flex-pager .u-overlay-blank li:hover, .drop-flex-pager .u-overlay-blank li.selected {
  color: var(--color-primary);
  background-color: #f5f8ff;
}

.m-jumpReportHead {
  color: #79809a;
}
.m-jumpReportHead .u-pick-report-list {
  height: auto;
}
.m-jumpReportHead .row {
  margin-bottom: 8px;
}
.m-jumpReportHead .row .reportType {
  line-height: 30px;
}
.m-jumpReportHead .row .box {
  display: inline-block;
  width: 100%;
  border: 1px solid #e8e8f0;
  font-size: 12px;
}
.m-jumpReportHead .row .box-1 {
  width: 140px;
  margin-right: 14px;
}
.m-jumpReportHead .row .box-2 {
  width: 360px;
}
.m-jumpReportHead .row .box-3 {
  width: 418px;
}
.m-jumpReportHead .row .box .hd {
  position: relative;
  height: 32px;
  line-height: 32px;
  border-bottom: 1px solid #e8e8f0;
  background: #f1f2f4;
  padding-left: 12px;
  color: var(--color-title);
}
.m-jumpReportHead .row .box .hd .icon {
  margin: 0 4px 0 0;
  cursor: pointer;
}
.m-jumpReportHead .row .box .bd {
  height: 248px;
  overflow-y: auto;
}
.m-jumpReportHead .row .box ul li {
  height: 32px;
  line-height: 32px;
  padding: 0 12px;
  overflow: hidden;
  word-wrap: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
}
.m-jumpReportHead .row .box ul li.z-sel, .m-jumpReportHead .row .box ul li:hover {
  background: rgba(16, 63, 250, 0.08);
  color: var(--color-primary);
}
.m-jumpReportHead .row .box ul li .icon {
  font-size: 14px;
}
.m-jumpReportHead .row .box .layer-1 {
  margin-left: 0;
}
.m-jumpReportHead .row .box .layer-2 {
  margin-left: 10px;
}
.m-jumpReportHead .row .box .layer-3 {
  margin-left: 30px;
}
.m-jumpReportHead .row .box .layer-4 {
  margin-left: 40px;
}
.m-jumpReportHead .row .box .layer-5 {
  margin-left: 50px;
}
.m-jumpReportHead .row .line {
  min-height: 30px;
  display: flex;
}
.m-jumpReportHead .row .line .item {
  margin-right: 24px;
  line-height: 20px;
}
.m-jumpReportHead .row .line .item .advset1 {
  color: var(--color-primary);
  cursor: pointer;
  margin-left: 20px;
}
.m-jumpReportHead .row .line .item .advset1.z-dis {
  color: #ccc;
  cursor: not-allowed;
}
.m-jumpReportHead .m-search .search .u-icn-search {
  top: 7px;
}

.m-search-jp .list {
  max-height: 300px;
  overflow-y: auto;
}
.m-search-jp .list .ichild {
  cursor: pointer;
}
.m-search-jp .list .fchild {
  border-bottom: 1px solid #e8e8f0;
}
.m-search-jp .list .trow {
  float: left;
  width: 50%;
  overflow: hidden;
  word-wrap: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-right: 5px;
}

.m-jumpReport {
  min-height: 400px;
  min-width: 404px;
}
.m-jumpReport .row {
  position: relative;
  min-height: 30px;
}
.m-jumpReport .row .advset {
  position: absolute;
  right: 0;
  height: 30px;
  line-height: 30px;
  color: var(--color-primary);
  cursor: pointer;
}
.m-jumpReport .row .advset.z-dis {
  color: #ccc;
  cursor: not-allowed;
}
.m-jumpReport .row .pleft {
  position: absolute;
  height: 30px;
  line-height: 30px;
}
.m-jumpReport-tooltip {
  min-height: 300px;
}

.z-jumpline {
  text-decoration: underline;
  cursor: pointer;
}

.m-jumpReportPage .boxb {
  overflow-y: auto;
  max-height: 400px;
}
.m-jumpReportPage .boxb .boxr {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  min-height: 100px;
  margin: 10px 5px;
  padding: 10px;
  background: #f5f5f5;
}
.m-jumpReportPage .boxb .boxr-top {
  padding-top: 25px;
}
.m-jumpReportPage .boxb .boxr .tdin {
  flex: 1;
}
.m-jumpReportPage .boxb .boxr .tdrp {
  position: relative;
  width: 50%;
}
.m-jumpReportPage .boxb .boxr .tdrp .tdrpi {
  margin: 5px 0;
  width: 100%;
}
.m-jumpReportPage .boxb .boxr .tdrp .tdrpi-1 {
  font-size: 10px;
}
.m-jumpReportPage .boxb .boxr .tdrp .tdrpi-1:first-child:nth-last-child(2) {
  position: absolute;
  top: -16px;
}
.m-jumpReportPage .boxb .boxr .tdrp .tdrpi .m-dropSelect-show, .m-jumpReportPage .boxb .boxr .tdrp .tdrpi .m-modal-import-connect .import .side, .m-modal-import-connect .import .m-jumpReportPage .boxb .boxr .tdrp .tdrpi .side {
  background-color: transparent;
}
.m-jumpReportPage .boxb .boxr .tdrp .tdf1 {
  width: 80%;
  display: inline-block;
}
.m-jumpReportPage .boxb .boxr .tdrp .u-icn {
  right: 10px;
}
.m-jumpReportPage .boxb .boxr .zoner {
  width: 40%;
}
.m-jumpReportPage .boxb .boxr .zoner .tdlp {
  position: initial;
  top: 0;
  width: 100%;
  margin-top: 5px;
}
.m-jumpReportPage .boxb .boxr .add {
  position: absolute;
  top: 5px;
  right: 5px;
  padding: 5px;
  cursor: pointer;
  color: #4a90e2;
}
.m-jumpReportPage .boxb .boxr .add i {
  margin-right: 4px;
  font-size: 12px;
}
.m-jumpReportPage .boxb .boxr .add-dis {
  cursor: not-allowed;
  color: #9b9b9b;
}

.m-customJump .item {
  display: flex;
  align-items: center;
}
.m-customJump .item + .item {
  margin-top: 20px;
}
.m-customJump .side {
  width: 80px;
}
.m-customJump .main {
  flex: 1;
  display: flex;
}
.m-customJump .main .tip {
  margin-left: 36px;
  color: #999;
}
.m-customJump .main .tip .u-icn {
  margin-right: 3px;
  margin-bottom: 0;
  color: #ffcc4b;
}
.m-customJump .main label + label {
  margin-left: 20px;
}
.m-customJump .main input {
  margin-right: 6px;
}
.m-customJump .main .u-txtwrap {
  flex: 1;
}
.m-customJump .main .u-txtwrap .u-txt.u-txt-area {
  width: 100%;
}
.m-customJump .main .u-txtwrap.z-err .u-errtip {
  left: auto;
  right: 0;
}
.m-customJump .main .u-txtwrap.z-err .u-errtip:after {
  left: auto;
  right: 19px;
}

.m-jump-advancedSetter .row {
  height: 30px;
  line-height: 30px;
}
.m-jump-advancedSetter .row .txt {
  margin-right: 50px;
  color: #9b9b9b;
}
.m-jump-advancedSetter .row .u-btn-simple:nth-child(2) {
  margin-right: 10px;
}
.m-jump-advancedSetter .tr1 {
  display: block;
  position: relative;
  width: 100%;
  margin-top: 20px;
}
.m-jump-advancedSetter .tr1 .tdf {
  display: inline-block;
  width: 40%;
  height: 28px;
  line-height: 28px;
  padding: 0 5px;
  border: 1px solid #dedede;
  box-sizing: border-box;
  text-align: left;
}
.m-jump-advancedSetter .tr1 .tdf-hd {
  border-width: 0;
  text-align: left;
}
.m-jump-advancedSetter .tr1 .tdf-1 {
  position: absolute;
  right: 40px;
  height: 30px;
  line-height: 28px;
}
.m-jump-advancedSetter .tr1 .tdf-n {
  background: #eaf3f8;
}
.m-jump-advancedSetter .tr1 .tdf-f {
  background: #ffc;
}
.m-jump-advancedSetter .tr1 .u-icn-close {
  position: absolute;
  right: 0;
  height: 30px;
  line-height: 28px;
}
.m-jump-advancedSetter .tr1 .tdi {
  display: inline-table;
  width: 8%;
  text-align: center;
  padding: 5px 0;
}
.m-jump-advancedSetter .tr1 .disable {
  background: #ccc;
}
.m-jump-advancedSetter .param-head {
  width: 500px;
}
.m-jump-advancedSetter .param-head .btns {
  position: absolute;
  right: 0;
  top: 0;
}

.u-select-checkbox {
  float: right;
  width: 120px;
  border: 1px solid #e8e8f0;
}
.u-select-checkbox .text {
  height: 30px;
  padding: 0 5px;
  overflow: hidden;
  text-align: center;
}
.u-select-checkbox .text label {
  display: inline-block;
  width: 90px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.u-select-checkbox .icn {
  float: right;
  margin-top: 7px;
}

.u-overlay-selectCheckbox {
  border: 1px solid #e8e8f0;
  background: #fff;
}
.u-overlay-selectCheckbox li {
  height: 30px;
  line-height: 30px;
  padding: 0 5px;
}

.m-addJumpDataModel .row {
  height: 32px;
  line-height: 32px;
  margin-bottom: 10px;
}
.m-addJumpDataModel .row label {
  display: inline-block;
  width: 80px;
  margin-right: 20px;
  text-align: right;
}
.m-addJumpDataModel .row .dropdown-wrapper {
  width: 200px;
  display: inline-block;
  vertical-align: middle;
}

.m-PopupSetter .row {
  height: 30px;
  line-height: 30px;
}
.m-PopupSetter .row .col {
  display: inline-block;
  margin-right: 10px;
}
.m-PopupSetter .row .col-1 input {
  width: 50px;
  padding: 0 2px;
}

.m-customaction-modal .u-txtarea {
  width: 400px !important;
  height: 270px;
}

.m-fullScreen {
  position: fixed;
  right: 0;
  bottom: 20px;
  height: 40px;
  line-height: 40px;
  width: 215px;
  background: #000;
  color: #fff;
  text-align: center;
  z-index: 400;
  border-radius: 20px 0 0 20px;
  transition: all 0.2s ease-in-out;
  opacity: 1;
}
.m-fullScreen .btn-item {
  float: left;
  width: 35px;
  cursor: pointer;
}
.m-fullScreen .btn-item.extend {
  display: none;
}
.m-fullScreen.collapse {
  width: 40px;
  transition: width 0.2s ease-in-out;
  padding-right: 10px;
  box-sizing: border-box;
}
.m-fullScreen.collapse:hover {
  width: 55px;
}
.m-fullScreen.collapse .btn-item {
  display: none;
  width: 100%;
}
.m-fullScreen.collapse .btn-item.toggle-collapse {
  display: block;
  border-right: none;
}
.m-fullScreen.collapse .respond-area {
  display: none;
}
.m-fullScreen .btn-item.toggle-collapse {
  border-right: 1px solid rgba(255, 255, 255, 0.2);
  width: 40px;
}
.m-fullScreen .btn-item.toggle-collapse .rotate {
  transform: rotate(180deg);
}
.m-fullScreen .respond-area {
  z-index: -1;
  position: absolute;
  left: -20px;
  right: 0;
  top: -20px;
  bottom: -20px;
}

.m-image {
  width: 100%;
  height: 100%;
}
.m-image img {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.m-setting-image .upload {
  display: block;
  height: 32px;
  line-height: 32px;
  padding: 0 8px;
  text-align: center;
  cursor: pointer;
  margin-bottom: 10px;
}
.m-setting-image .ratio input {
  margin-right: 4px;
}
.m-setting-image .image-preview {
  height: 28px;
  line-height: 26px;
  border: 1px solid #e8e8f0;
  border-radius: 2px;
}
.m-setting-image .image-preview span {
  vertical-align: middle;
  display: inline-block;
  width: 50%;
  float: left;
  padding-left: 6px;
}
.m-setting-image .image-preview span.img-wrap {
  padding-left: 0;
  text-align: center;
}
.m-setting-image .image-preview img {
  width: 20px;
  height: 20px;
  vertical-align: middle;
}
.m-setting-image .tip {
  color: #999;
}

.m-apply .window .winbd {
  overflow: visible;
}
.m-apply .window .m-form {
  max-width: 635px;
  min-width: 600px;
  margin-top: 15px;
}
.m-apply .window .m-form .u-txtwrap {
  display: block;
}
.m-apply .window .m-form .u-txt {
  width: 100%;
}
.m-apply .m-lazy-select {
  position: relative;
}
.m-apply .m-lazy-select .m-dropSelect-show, .m-apply .m-lazy-select .m-modal-import-connect .import .side, .m-modal-import-connect .import .m-apply .m-lazy-select .side {
  min-height: 32px;
}
.m-apply .m-lazy-select .list {
  position: absolute;
  z-index: 1;
  width: 100%;
  background: #fff;
}
.m-apply .list-wrap {
  height: 160px;
  max-height: 348px;
  padding-top: 8px;
  overflow-anchor: none;
  overflow: auto;
}
.m-apply .list-wrap li {
  overflow: hidden;
  word-wrap: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.m-window.modal-edit-project .window .winbd {
  padding: 15px 36px;
}
.m-window.modal-edit-project .project-desc-row .formcnt {
  padding-bottom: 0;
}
.m-window.modal-edit-project .project-desc-row .u-txt-area {
  height: 80px;
}

.m-window-format .m-datetime-format {
  min-height: 85px;
}
.m-window-format .m-datetime-setting {
  width: 370px;
  margin-bottom: 15px;
}
.m-window-format .m-datetime-setting:before, .m-window-format .m-datetime-setting:after {
  display: table;
  content: " ";
}
.m-window-format .m-datetime-setting:after {
  clear: both;
}
.m-window-format .m-datetime-setting .col-1 {
  position: relative;
  float: left;
  width: 185px;
}
.m-window-format .m-datetime-setting .col-2 {
  position: relative;
  float: right;
  width: 185px;
  margin-left: 0;
}
.m-window-format .m-datetime-setting span {
  cursor: default;
}
.m-window-format .m-form-1 {
  width: 520px;
  height: 310px;
  overflow-y: auto;
  border: 1px solid #e7e7e7;
}
.m-window-format .m-form-1 .u-list {
  max-height: 616px;
}
.m-window-format .m-form-2 {
  width: 508px;
}
.m-window-format .m-form-2:before, .m-window-format .m-form-2:after {
  display: table;
  content: " ";
}
.m-window-format .m-form-2:after {
  clear: both;
}
.m-window-format .m-form-2 .col-1 {
  position: relative;
  float: left;
  width: 239px;
}
.m-window-format .m-form-2 .col-2 {
  position: relative;
  float: right;
  width: 239px;
  margin-left: 30px;
}
.m-window-format .m-form-2 .u-dropdown {
  width: 200px;
  display: inline-block;
  vertical-align: middle;
}
.m-window-format .preview {
  margin-top: 10px;
  padding-left: 5px;
}
.m-window-format .z-disable-1 {
  overflow-y: hidden;
}
.m-window-format .z-disable-1 .u-list li {
  color: #ccc;
  cursor: default;
}
.m-window-format .z-disable-1 .u-list li:hover, .m-window-format .z-disable-1 .u-list li.selected {
  background: #fff;
}
.m-window-format .z-disable-2 .m-dropSelect-show, .m-window-format .z-disable-2 .m-modal-import-connect .import .side, .m-modal-import-connect .import .m-window-format .z-disable-2 .side {
  cursor: default;
  box-shadow: none;
  border: 1px solid #e8e8f0;
}
.m-window-format .z-disable-2 .m-dropSelect-show span, .m-window-format .z-disable-2 .m-modal-import-connect .import .side span, .m-modal-import-connect .import .m-window-format .z-disable-2 .side span {
  color: #ccc;
}

.m-overlay-format .u-overlay-blank {
  width: 200px;
}

.m-bin .bin-item {
  margin: 16px 0;
}
.m-bin .bin-item .side {
  height: 28px;
  line-height: 28px;
  text-align: right;
  width: 80px;
}
.m-bin .bin-item .main {
  float: left;
  overflow: initial;
  width: calc(100% - 100px);
}
.m-bin .bin-item .txt {
  text-align: center;
  height: 28px;
  line-height: 28px;
}
.m-bin .bin-tag {
  color: #8f8f8f;
}
.m-bin .bin-tag .dsc-col-4 {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.m-bin .bin-tag .tip {
  padding-left: 1em;
}
.m-bin .bin-type {
  display: none;
}
.m-bin .info-star {
  color: var(--color-primary);
  display: none;
}
.m-bin .radios {
  display: inline-block;
  vertical-align: middle;
  width: 100px;
  height: 28px;
  line-height: 28px;
}
.m-bin .radios > span, .m-bin .radios > input {
  vertical-align: middle;
}
.m-bin .m-link {
  margin-right: 10px;
}

.m-format {
  display: flex;
}
.m-format:before, .m-format:after {
  display: table;
  content: " ";
}
.m-format:after {
  clear: both;
}
.m-format .type {
  float: left;
  width: 200px;
  border: 1px solid #e8e8f0;
}
.m-format .type li {
  height: 28px;
  line-height: 28px;
  padding: 0 8px;
  color: #79809a;
  cursor: pointer;
}
.m-format .type li.z-selected {
  cursor: default;
  color: var(--color-primary);
  background-color: var(--color-list-hover-bg);
}
.m-format .config {
  float: right;
  margin-left: 16px;
}
.m-format .config-num, .m-format .config-auto, .m-format .config-percent, .m-format .config-time {
  padding: 16px;
  width: 580px;
  min-height: 270px;
  max-height: 470px;
  overflow: auto;
  border: 1px solid #e8e8f0;
  font-size: 14px;
}
.m-format .config-num .dsc-row, .m-format .config-auto .dsc-row, .m-format .config-percent .dsc-row, .m-format .config-time .dsc-row {
  margin-bottom: 16px;
}
.m-format .config-num .dsc-row label, .m-format .config-auto .dsc-row label, .m-format .config-percent .dsc-row label, .m-format .config-time .dsc-row label {
  display: block;
  line-height: 28px;
  color: var(--color-title);
}
.m-format .config-num .dsc-row .thousand, .m-format .config-auto .dsc-row .thousand, .m-format .config-percent .dsc-row .thousand, .m-format .config-time .dsc-row .thousand {
  margin-top: 7px;
}
.m-format .config-num .dsc-row-condition, .m-format .config-auto .dsc-row-condition, .m-format .config-percent .dsc-row-condition, .m-format .config-time .dsc-row-condition {
  display: flex;
  align-items: center;
}
.m-format .config-num .dsc-row-condition .u-errtip, .m-format .config-auto .dsc-row-condition .u-errtip, .m-format .config-percent .dsc-row-condition .u-errtip, .m-format .config-time .dsc-row-condition .u-errtip {
  white-space: nowrap;
}
.m-format .config-num .dsc-row-condition .u-dropdown, .m-format .config-auto .dsc-row-condition .u-dropdown, .m-format .config-percent .dsc-row-condition .u-dropdown, .m-format .config-time .dsc-row-condition .u-dropdown {
  min-width: 70px;
}
.m-format .config-num .dsc-row-condition .cond .u-dropdown, .m-format .config-auto .dsc-row-condition .cond .u-dropdown, .m-format .config-percent .dsc-row-condition .cond .u-dropdown, .m-format .config-time .dsc-row-condition .cond .u-dropdown {
  min-width: 83px;
}
.m-format .config-num .dsc-row-condition .text, .m-format .config-auto .dsc-row-condition .text, .m-format .config-percent .dsc-row-condition .text, .m-format .config-time .dsc-row-condition .text {
  flex-shrink: 0;
}
.m-format .config-num .dsc-row-condition .u-txtwrap, .m-format .config-auto .dsc-row-condition .u-txtwrap, .m-format .config-percent .dsc-row-condition .u-txtwrap, .m-format .config-time .dsc-row-condition .u-txtwrap {
  flex: 1;
}
.m-format .config-num .dsc-row-condition .u-txtwrap, .m-format .config-num .dsc-row-condition .u-txt, .m-format .config-auto .dsc-row-condition .u-txtwrap, .m-format .config-auto .dsc-row-condition .u-txt, .m-format .config-percent .dsc-row-condition .u-txtwrap, .m-format .config-percent .dsc-row-condition .u-txt, .m-format .config-time .dsc-row-condition .u-txtwrap, .m-format .config-time .dsc-row-condition .u-txt {
  height: 28px;
}
.m-format .config-num .dsc-row-condition .u-txt, .m-format .config-auto .dsc-row-condition .u-txt, .m-format .config-percent .dsc-row-condition .u-txt, .m-format .config-time .dsc-row-condition .u-txt {
  line-height: 26px;
  min-width: auto;
  width: 100%;
  top: 0;
}
.m-format .config-num .dsc-row-condition .dropdownWrap, .m-format .config-auto .dsc-row-condition .dropdownWrap, .m-format .config-percent .dsc-row-condition .dropdownWrap, .m-format .config-time .dsc-row-condition .dropdownWrap {
  width: 33px;
}
.m-format .config-num .dsc-row-condition .dropdownWrap .u-dropdown, .m-format .config-auto .dsc-row-condition .dropdownWrap .u-dropdown, .m-format .config-percent .dsc-row-condition .dropdownWrap .u-dropdown, .m-format .config-time .dsc-row-condition .dropdownWrap .u-dropdown {
  min-width: auto;
}

.m-password {
  margin: 16px 0 0 0;
  max-width: 400px;
}
.m-password .level {
  position: absolute;
  top: 0;
  left: 100%;
  padding-left: 10px;
  line-height: 32px;
}

.m-setting-advance .m-setting-action {
  cursor: pointer;
  color: var(--color-primary);
  position: absolute;
  top: -26px;
  right: 0;
  height: 16px;
}
.m-setting-advance .dropArea .m-search {
  margin-top: -32px;
  opacity: 0;
  z-index: -1;
  transition: opacity 0.3s ease-in;
}
.m-setting-advance .dropArea .m-search.active {
  margin-top: 0;
  opacity: 1;
  z-index: 1;
}
.m-setting-advance .dropArea .btn-search {
  position: absolute;
  top: -26px;
  right: 44px;
  padding: 0 10px;
  color: var(--color-primary);
}

.frame-content-show {
  width: 100%;
  height: 100%;
}
.frame-content-show .frame-content-sider {
  position: absolute;
  z-index: 93;
  top: 0;
  bottom: 0;
  left: 0;
  width: 224px;
  border-right: 1px solid #dfdfdf;
  overflow-y: auto;
  background: #f9fafc;
  height: 100%;
  transition: left 0.5s linear;
}
.frame-content-show .frame-content-main {
  position: absolute;
  z-index: 93;
  top: 0;
  bottom: 0;
  right: 0;
  left: 224px;
  overflow: auto;
}
.frame-content-show .frame-content-nav {
  position: absolute;
  z-index: 93;
  top: 56px;
  bottom: 0;
  right: 0;
  left: 0;
  overflow: auto;
}
.frame-content-show .frame-content-content {
  position: absolute;
  z-index: 93;
  top: 56px;
  bottom: 0;
  right: 0;
  left: 0;
  overflow: auto;
}
.frame-content-show .frame-content-subtitle {
  height: 56px;
  line-height: 56px;
  background: #fff;
  border-bottom: 1px solid #e8e8f0;
  padding: 0 30px;
  font-size: 16px;
  color: var(--color-title);
}
.frame-content-show .frame-content-title {
  height: 56px;
  line-height: 56px;
  margin: 0 20px;
  font-size: 16px;
  color: var(--color-title);
  font-weight: 500;
}

.m-table th {
  position: relative;
  text-align: left;
  color: var(--color-title);
}
.m-table th .caret-wrapper {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
  width: 16px;
  height: 100%;
}
.m-table th .caret-wrapper i.u-icn {
  position: absolute;
  cursor: pointer;
  margin-bottom: 0;
  right: 0;
  color: #e8e8f0;
}
.m-table th .caret-wrapper i.u-icn-caret-up {
  top: 6px;
}
.m-table th .caret-wrapper i.u-icn-caret-down {
  bottom: 6px;
}
.m-table th .caret-wrapper i.u-icn:hover, .m-table th .caret-wrapper i.u-icn.active {
  color: #525252;
}
.m-table th .txtwrap .u-icn-check {
  margin-left: -8px;
  color: #008d77;
  font-size: 25px;
}
.m-table th .txtwrap .u-icn-close {
  margin-left: -4px;
  color: #d0021b;
  font-size: 15px;
}
.m-table th i.u-icn-filter.z-filtered {
  color: #4a90e2;
}
.m-table td {
  color: #79809a;
}
.m-table .checkbox {
  padding-right: 0;
}
.m-table .matchIcon {
  margin-left: 6px;
  color: #0091ff;
}
.m-table-headFixed {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.m-table.lazy .tbody {
  overflow-anchor: none;
}
.m-table.fixed {
  overflow: hidden;
}
.m-table.fixed .thead,
.m-table.fixed .tbody,
.m-table.fixed .tfoot {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  overflow: auto;
}
.m-table.fixed .tfoot {
  top: auto;
  bottom: 0;
  background-color: #fff;
}
.m-table.fixed .tfoot.tfoot-main {
  box-shadow: 0 -6px 6px -2px rgba(0, 0, 0, 0.1);
}
.m-table.fixed .thead::-webkit-scrollbar,
.m-table.fixed .tfoot::-webkit-scrollbar {
  display: none;
}
.m-table.fixed .tbody {
  min-width: 100%;
  margin-top: 36px;
  bottom: 0;
  background: #fff;
}
.m-table.fixed .tbody .sbody {
  margin-top: -36px;
}
.m-table.fixed .u-msg {
  position: absolute;
  margin-top: 36px;
}
.m-table.fixed .thead tr,
.m-table.fixed .tfoot tr {
  display: block;
  white-space: nowrap;
  font-size: 0;
  overflow-y: hidden;
}
.m-table.fixed .thead th,
.m-table.fixed .thead td,
.m-table.fixed .tfoot th,
.m-table.fixed .tfoot td {
  display: inline-block;
  line-height: 36px;
  font-size: 14px;
}
.m-table.fixed .tfoot td {
  height: 36px;
  line-height: 36px;
}
.m-table.m-table-wrap td {
  white-space: normal;
  word-break: break-all;
}
.m-table .z-wrap {
  white-space: normal;
}
.m-table .table-expanded-td {
  position: absolute;
  background: transparent;
  border: 0;
}
.m-table .table-expanded-td + td {
  padding-left: 36px;
}
.m-table .table-expanded-th {
  padding: 0 0 0 1px;
}
.m-table .table-expanded-row .m-table {
  padding-left: 15px;
  border-left: 5px solid #e4e4e4;
}
.m-table .table-expanded-row > td {
  position: relative;
}
.m-table .table-expanded-row > td::after {
  content: " ";
  position: absolute;
  top: -10px;
  left: 60px;
  border: 6px solid transparent;
  border-bottom: 5px solid #ebebeb;
}
.m-table .left-fixed-table,
.m-table .right-fixed-table {
  position: absolute;
  left: auto;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #fff;
  box-shadow: -6px 0 6px -4px rgba(0, 0, 0, 0.15);
}
.m-table .left-fixed-table-horscroll,
.m-table .right-fixed-table-horscroll {
  margin-bottom: 6px;
}
.m-table .left-fixed-table.hide-shadow,
.m-table .right-fixed-table.hide-shadow {
  box-shadow: -6px 0 6px -4px rgba(0, 0, 0, 0);
}
.m-table .left-fixed-table .tbody,
.m-table .right-fixed-table .tbody {
  overflow-x: hidden;
}
.m-table .tfoot.right-fixed-tfoot {
  left: auto;
}
.m-table .left-fixed-table {
  left: 0;
  right: auto;
  box-shadow: 6px 0 6px -4px rgba(0, 0, 0, 0.15);
}
.m-table .left-fixed-table.hide-shadow {
  box-shadow: 6px 0 6px -4px rgba(0, 0, 0, 0);
}
.m-table .left-fixed-table .tbody::-webkit-scrollbar {
  display: none;
}
.m-table .fixed-tfoot {
  height: 36px;
  line-height: 36px;
}
.m-table.m-table-multi-head table {
  border-left: 1px solid #f2f2f2;
  border-right: 1px solid #f2f2f2;
}
.m-table.m-table-multi-head .thead tr,
.m-table.m-table-multi-head .tfoot tr {
  display: table-row;
  border-top: 1px solid #f2f2f2;
}
.m-table.m-table-multi-head .thead tr th,
.m-table.m-table-multi-head .thead tr td,
.m-table.m-table-multi-head .tfoot tr th,
.m-table.m-table-multi-head .tfoot tr td {
  display: table-cell;
  border-right: 1px solid #f2f2f2;
}
.m-table.m-table-multi-head .thead tr th:last-child,
.m-table.m-table-multi-head .thead tr td:last-child,
.m-table.m-table-multi-head .tfoot tr th:last-child,
.m-table.m-table-multi-head .tfoot tr td:last-child {
  border-right: 0;
}
.m-table.m-table-multi-head .tbody tr td {
  border-right: 1px solid #f2f2f2;
  border-bottom-color: #f2f2f2;
}
.m-table.m-table-multi-head .tbody tr td:last-child {
  border-right: 0;
}

.m-table-fixed-scroll .m-table.fixed.scrollbar {
  overflow: visible;
}

.m-mobileView-pagebar {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 1.08rem;
  padding-left: 0.32rem;
  border-bottom: 0.01rem solid #eaedf4;
}
.m-mobileView-pagebar .page-list {
  flex: 1;
  overflow: auto;
  color: #646c80;
  font-size: 0;
  white-space: nowrap;
}
.m-mobileView-pagebar .page-list .item {
  display: inline-block;
  max-width: 2.24rem;
  min-width: 0.8rem;
  line-height: 0.4rem;
  margin: 0.34rem 0.24rem 0.34rem 0;
  padding-left: 0.24rem;
  font-size: 0.28rem;
  border-left: 0.01rem solid #d3d9e8;
  overflow: hidden;
  text-overflow: ellipsis;
}
.m-mobileView-pagebar .page-list .item:first-child {
  border: 0;
}
.m-mobileView-pagebar .page-list .item.z-selected {
  color: var(--color-primary);
}
.m-mobileView-pagebar .page-list::-webkit-scrollbar {
  display: none;
}
.m-mobileView-pagebar .u-dropdown {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex: 1;
}
.m-mobileView-pagebar .u-dropdown .show {
  font-size: 0.28rem;
  color: #8b97b3;
}
.m-mobileView-pagebar .page-tools {
  width: 1.08rem;
  background: url(../img/mobile/layer.fddced5865.png) no-repeat center/0.56rem;
}

.m-mobileView-dropList {
  width: 100%;
  max-height: 6rem;
  overflow: auto;
  padding: 0 0.32rem;
  border: 0;
}
.m-mobileView-dropList::-webkit-scrollbar {
  width: 2px;
  height: 2px;
}
.m-mobileView-dropList li {
  position: relative;
  line-height: 1rem;
  padding: 0 0.32rem;
  font-size: 0.32rem;
  color: #2c3240;
}
.m-mobileView-dropList li.z-selected {
  color: var(--color-primary);
}
.m-mobileView-dropList li.z-selected::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0.2rem;
  width: 0.6rem;
  height: 0.6rem;
  background: url(../img/mobile/choose.81b9da80b0.png) no-repeat center/cover;
}
.m-mobileView-dropList li + li {
  border-top: 0.01rem solid #eaedf4;
}

.m-mobileView-dropList-overlay {
  top: 1.08rem !important;
  left: 0 !important;
}
.m-mobileView-dropList-overlay .u-overlay-blank {
  border: 0;
}

.m-mobileView-tool {
  position: fixed;
  right: 0;
  bottom: 2.84rem;
  width: 1.08rem;
  height: 0.92rem;
  border-radius: 0.54rem 0 0 0.54rem;
  background: #fff;
  box-shadow: 0 0 0.12rem 0 rgba(179, 195, 229, 0.5);
  z-index: 401;
  transform: rotateZ(0);
}
.m-mobileView-tool::after {
  content: "•••";
  position: absolute;
  top: 0.16rem;
  left: 0.16rem;
  width: 0.6rem;
  height: 0.6rem;
  line-height: 0.6rem;
  text-align: center;
  color: #1a85ff;
  letter-spacing: 0.01rem;
  border-radius: 0.6rem;
  border: 0.02rem solid #1a85ff;
}

.m-mobileView-menu {
  width: 2.88rem;
  transform: translate(-0.16rem, -0.16rem);
  background: #fff;
  box-shadow: 0 0.02rem 0.12rem 0 rgba(179, 195, 229, 0.5);
  border-radius: 0.04rem;
}
.m-mobileView-menu li {
  line-height: 0.45rem;
  color: #2c3240;
  font-size: 0.32rem;
  padding: 0.3rem 0.32rem;
}
.m-mobileView-menu li:hover, .m-mobileView-menu li.z-active {
  color: #1a85ff;
}
.m-mobileView-menu li:hover .icon-1, .m-mobileView-menu li.z-active .icon-1 {
  background-image: url(../img/mobile/refresh_selected.41ab07a7b0.png);
}
.m-mobileView-menu li:hover .icon-2, .m-mobileView-menu li.z-active .icon-2 {
  background-image: url(../img/mobile/collect_selected.81447aa657.png);
}
.m-mobileView-menu li:hover .icon-3, .m-mobileView-menu li.z-active .icon-3 {
  background-image: url(../img/mobile/details_selected.cd1a8521d9.png);
}
.m-mobileView-menu li + li {
  border-top: 0.01rem solid #eaedf4;
}
.m-mobileView-menu .icon {
  float: left;
  margin-right: 0.24rem;
  width: 0.4rem;
  height: 0.4rem;
  background-size: cover;
}
.m-mobileView-menu .icon-1 {
  background-image: url(../img/mobile/refresh.641441022a.png);
}
.m-mobileView-menu .icon-2 {
  background-image: url(../img/mobile/collect.ead254a35c.png);
}
.m-mobileView-menu .icon-3 {
  background-image: url(../img/mobile/details.ce1a0ceeb8.png);
}

.m-modal-mobile-history {
  transform: scale(1) translate(0, 316px);
}
.m-modal-mobile-history .window {
  position: absolute;
  left: 0;
  bottom: 0;
}
.m-modal-mobile-history .window .winhd {
  text-align: left;
}
.m-modal-mobile-history .window .winhd .wintt {
  padding: 0;
  color: #2c3240;
  font-size: 0.32rem;
}
.m-modal-mobile-history .window .winbd {
  max-height: none;
  padding: 0;
}
.m-modal-mobile-history.z-landscape .winbd {
  max-height: calc(100vh - 90px);
}
.m-modal-mobile-history .m-history {
  width: auto;
  border: 0;
}
.m-modal-mobile-history .m-history .u-icn-warning {
  display: none;
}

.m-window.mask-mobile {
  top: 1.08rem;
  height: calc(100% - 1.08rem);
}

.m-input[type=checkbox] {
  border: 0;
  border-radius: 0;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: url(../img/mobile/check-empty@2x.14dd1fe068.png) no-repeat center/cover;
}

.m-input[type=checkbox]:checked {
  background: url(../img/mobile/check-full@2x.95d883cf29.png) no-repeat center/cover;
}

.slide-in-right {
  animation: slideInRightFrames 0.3s ease;
}

.slide-out-right {
  animation: slideOutRightFrames 0.3s ease;
}

.slide-in-bottom {
  animation: slideInBottomFrames 0.3s ease;
}

.slide-out-bottom {
  animation: slideOutBottomFrames 0.3s ease;
}

@keyframes slideInRightFrames {
  0% {
    transform: translate(300px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes slideOutRightFrames {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(500px, 0);
  }
}
@keyframes slideInBottomFrames {
  0% {
    transform: translate(0, 600px);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes slideOutBottomFrames {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(0, 800px);
  }
}
.m-mobileView-drawerLayout {
  position: absolute;
  display: flex;
  flex-direction: column;
  flex: 1;
  background-color: #fff;
  transition: transform 0.4s ease;
  padding-bottom: env(safe-area-inset-bottom);
}
.m-mobileView-drawerLayout.left {
  height: 100%;
  top: 0;
  left: 0;
}
.m-mobileView-drawerLayout.right {
  height: 100%;
  top: 0;
  right: 0;
  max-width: 80%;
  padding-top: env(safe-area-inset-top);
}
.m-mobileView-drawerLayout.top {
  width: 100%;
  top: 0;
  left: 0;
}
.m-mobileView-drawerLayout.bottom {
  width: 100%;
  bottom: 0;
  left: 0;
}
.m-mobileView-drawerLayout .m-head {
  line-height: 54px;
  padding-left: 16px;
  padding-right: 28px;
  border-bottom: 1px solid #e8e8f0;
  position: relative;
  color: var(--color-title);
}
.m-mobileView-drawerLayout .m-head .u-icn-close {
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  color: #79809a;
}
.m-mobileView-drawerLayout .m-body {
  flex: 1;
  width: 100%;
  min-height: 0;
}
.m-mobileView-drawerLayout .m-foot {
  width: 100%;
  display: flex;
  flex-direction: row;
}
.m-mobileView-drawerLayout .m-foot .m-btn {
  flex: 1;
  height: 0.9rem;
  border-radius: 0;
  border: 0.01rem solid var(--color-primary);
  font-size: 0.32rem;
  color: var(--color-primary);
  box-shadow: 0 0 0 0;
}
.m-mobileView-drawerLayout .m-foot .u-btn-primary:not(.z-disable) {
  background-color: var(--color-primary);
  color: #fff;
}
.m-mobileView-drawerLayout .m-close {
  position: absolute;
  top: 0;
  left: 0;
}
.m-mobileView-drawerLayout.androidStatus {
  padding-top: 0.5rem;
}
.m-mobileView-drawerLayout-2 .m-head {
  text-align: center;
}
.m-mobileView-drawerLayout-2 .m-head .u-icn-close {
  position: absolute;
  left: auto;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  color: #79809a;
}
.m-mobileView-drawerLayout-2 .m-head .u-icn-angle-left-thin {
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  color: #79809a;
}

.m-listFilter-setting,
.m-treeFilter-setting {
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 1;
  height: 100%;
  width: 100%;
}
.m-listFilter-setting .m-setting-title,
.m-treeFilter-setting .m-setting-title {
  display: flex;
  height: 0.88rem;
  width: 100%;
  padding-left: 0.3rem;
  border-bottom: 0.01rem solid #eaedf4;
}
.m-listFilter-setting .m-setting-title span,
.m-treeFilter-setting .m-setting-title span {
  font-size: 0.36rem;
  color: #2c3240;
  line-height: 0.88rem;
  margin-right: 0.2rem;
}
.m-listFilter-setting .m-setting-title .m-status,
.m-treeFilter-setting .m-setting-title .m-status {
  flex: 1;
  font-size: 0.28rem;
  color: var(--color-primary);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.m-listFilter-setting .m-setting-search,
.m-treeFilter-setting .m-setting-search {
  height: 0.88rem;
  padding: 0.08rem 0.3rem;
}
.m-listFilter-setting .m-setting-search.scrolling,
.m-treeFilter-setting .m-setting-search.scrolling {
  box-shadow: 0 0.02rem 0.02rem rgba(128, 136, 156, 0.15);
}
.m-listFilter-setting .m-setting-search .search,
.m-treeFilter-setting .m-setting-search .search {
  height: 0.72rem;
  border-radius: 0.36rem;
  border: 0;
  background-color: #f3f3f3;
  box-shadow: 0 0 0 0.02rem rgba(128, 136, 156, 0.15);
}
.m-listFilter-setting .m-setting-search .search.focus,
.m-treeFilter-setting .m-setting-search .search.focus {
  box-shadow: 0 0 0 0.02rem rgba(24, 129, 220, 0.2);
}
.m-listFilter-setting .m-setting-search .search .u-icn,
.m-treeFilter-setting .m-setting-search .search .u-icn {
  right: 0.21rem;
  top: 0.21rem;
  font-size: 0.3rem;
}
.m-listFilter-setting .m-setting-search .search .u-icn-search,
.m-treeFilter-setting .m-setting-search .search .u-icn-search {
  left: 0.21rem;
  top: 0.21rem;
  width: 0.3rem;
  height: 0.3rem;
}
.m-listFilter-setting .m-setting-search .search input,
.m-treeFilter-setting .m-setting-search .search input {
  padding: 0 0.2rem 0 0.7rem;
  height: 0.72rem;
  font-size: 0.32rem;
  color: #2c3240;
}
.m-listFilter-setting .m-setting-search .search .u-icn-circle-clean,
.m-treeFilter-setting .m-setting-search .search .u-icn-circle-clean {
  margin-top: 0;
}
.m-listFilter-setting .m-setting-list,
.m-treeFilter-setting .m-setting-list {
  flex: 1;
  min-height: 0;
  padding: 0 0.3rem;
}
.m-listFilter-setting .m-setting-list .listWrap,
.m-treeFilter-setting .m-setting-list .listWrap {
  height: 100%;
  padding-right: 16px;
  overflow-y: auto;
}
.m-listFilter-setting .m-setting-list .listWrap li,
.m-treeFilter-setting .m-setting-list .listWrap li {
  display: flex;
  flex: 1;
  align-items: center;
  height: 0.9rem;
  border-bottom: 0.01rem solid #eaedf4;
}
.m-listFilter-setting .m-setting-list .listWrap li span,
.m-treeFilter-setting .m-setting-list .listWrap li span {
  font-size: 0.28rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.m-listFilter-setting .m-setting-list .listWrap li span.checked,
.m-treeFilter-setting .m-setting-list .listWrap li span.checked {
  color: var(--color-primary);
}
.m-listFilter-setting .m-setting-list .listWrap li span.exclude,
.m-treeFilter-setting .m-setting-list .listWrap li span.exclude {
  text-decoration: line-through;
}
.m-listFilter-setting .m-setting-list .listWrap li span.highlight,
.m-treeFilter-setting .m-setting-list .listWrap li span.highlight {
  color: #d0011b;
}
.m-listFilter-setting .m-setting-list .listWrap li input,
.m-treeFilter-setting .m-setting-list .listWrap li input {
  margin-left: auto;
  flex-shrink: 0;
  width: 0.36rem;
  height: 0.36rem;
}
.m-listFilter-setting .m-setting-list .listWrap li input::before, .m-listFilter-setting .m-setting-list .listWrap li input::after,
.m-treeFilter-setting .m-setting-list .listWrap li input::before,
.m-treeFilter-setting .m-setting-list .listWrap li input::after {
  display: none;
}
.m-listFilter-setting .m-setting-list .listWrap li .u-icn-check,
.m-treeFilter-setting .m-setting-list .listWrap li .u-icn-check {
  margin-left: auto;
  margin-bottom: 0;
  font-size: 0.48rem;
  color: var(--color-primary);
}
.m-listFilter-setting .m-setting-foot,
.m-treeFilter-setting .m-setting-foot {
  height: 0.9rem;
  padding: 0 0.3rem;
  border-top: 0.01rem solid #eaedf4;
  font-size: 0.28rem;
  color: #2c3240;
}
.m-listFilter-setting .m-setting-foot.scrolling,
.m-treeFilter-setting .m-setting-foot.scrolling {
  box-shadow: 0 -0.02rem 0.02rem rgba(128, 136, 156, 0.15);
}
.m-listFilter-setting .m-setting-foot input,
.m-treeFilter-setting .m-setting-foot input {
  width: 0.36rem;
  height: 0.36rem;
}
.m-listFilter-setting .m-setting-foot input::before, .m-listFilter-setting .m-setting-foot input::after,
.m-treeFilter-setting .m-setting-foot input::before,
.m-treeFilter-setting .m-setting-foot input::after {
  display: none;
}
.m-listFilter-setting .m-setting-foot span,
.m-treeFilter-setting .m-setting-foot span {
  height: 0.88rem;
  line-height: 0.88rem;
  vertical-align: middle;
}
.m-listFilter-setting .pending-mask,
.m-treeFilter-setting .pending-mask {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
}
.m-listFilter-setting .pending-mask .u-load,
.m-treeFilter-setting .pending-mask .u-load {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}

.m-treeFilter-setting .listWrap .m-pathArea {
  position: relative;
  flex: 3;
  height: 0.9rem;
  line-height: 0.9rem;
}
.m-treeFilter-setting .listWrap .m-pathArea.expandOpen::before {
  content: "";
  float: left;
  width: 0.36rem;
  height: 0.88rem;
  background: url(../img/mobile/expand-open@2x.2923a42f03.png) no-repeat center/contain;
}
.m-treeFilter-setting .listWrap .m-pathArea.expandClose::before {
  content: "";
  float: left;
  width: 0.36rem;
  height: 0.88rem;
  background: url(../img/mobile/expand-close@2x.e32c2afb51.png) no-repeat center/contain;
}
.m-treeFilter-setting .listWrap .m-checkArea {
  display: flex;
  flex: 1;
  flex-shrink: 0;
  height: 0.9rem;
  line-height: 0.9rem;
}
.m-treeFilter-setting .listWrap .m-checkArea input {
  margin: auto;
  margin-right: 0;
  background: url(../img/mobile/check-empty@2x.14dd1fe068.png) no-repeat center/cover;
}
.m-treeFilter-setting .listWrap li.checked .m-pathArea {
  color: var(--color-primary);
}
.m-treeFilter-setting .listWrap li.checked .m-pathArea.nodeExclude {
  text-decoration: line-through;
}
.m-treeFilter-setting .listWrap li.checked input {
  background: url(../img/mobile/check-full@2x.95d883cf29.png) no-repeat center/cover;
}
.m-treeFilter-setting .listWrap li.childChecked input {
  background: url(../img/mobile/check-done@2x.c461ef7867.png) no-repeat center/cover;
}

.m-mobile-menu {
  background-color: transparent;
}
.m-mobile-menu .mobile-menu {
  width: 100%;
  padding: 0 8px 8px;
  user-select: none;
}
.m-mobile-menu .mobile-menu ul {
  margin-bottom: 8px;
  border-radius: 10px;
  background-color: #fff;
}
.m-mobile-menu .mobile-menu li,
.m-mobile-menu .mobile-menu .cancel {
  color: #2c3240;
  height: 50px;
  line-height: 50px;
  font-size: 16px;
  text-align: center;
  border-bottom: 1px solid #eaedf4;
}
.m-mobile-menu .mobile-menu li:active,
.m-mobile-menu .mobile-menu .cancel:active {
  background-color: #f9f9f9;
}
.m-mobile-menu .mobile-menu li:last-child {
  border-bottom: none;
}
.m-mobile-menu .mobile-menu .title {
  color: #8b97b2;
  pointer-events: none;
}
.m-mobile-menu .mobile-menu .cancel {
  border-bottom: 0;
  border-radius: 10px;
  background-color: #fff;
}

.m-mobile-jumpPopup {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding: 0;
}
.m-mobile-jumpPopup .m-close {
  width: 60px;
  line-height: 60px;
  text-align: center;
  font-size: 16px;
  color: var(--color-primary);
  margin-left: env(safe-area-inset-left);
}
.m-mobile-jumpPopup.z-chart {
  border-radius: 0;
}
.m-mobile-jumpPopup.z-chart .m-close {
  top: -60px;
  width: 100%;
  line-height: 60px;
  padding-left: 15px;
  border-bottom: 1px solid #eaedf4;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background: #fff;
  text-align: left;
}

.m-mobile-listFilter-drawer,
.m-mobile-treeFilter-drawer {
  max-width: 100%;
}
.m-mobile-listFilter-drawer .m-foot .m-btn,
.m-mobile-treeFilter-drawer .m-foot .m-btn {
  border: none;
}

.m-listFilter-setting .m-setting-foot {
  border-bottom: 0.01rem solid #eaedf4;
}

.m-aggregator li.z-disColor {
  color: #999;
}
.m-aggregator li a.link {
  display: inline-block;
  color: #4a90e2;
  font-size: 14px;
  margin-left: 5px;
}
.m-aggregator li .listPercent {
  top: initial;
  bottom: 0;
}

.m-global-format .m-search {
  display: inline-block;
  float: right;
  width: 170px;
}
.m-global-format .row {
  width: 500px;
}
.m-global-format .row .lirow {
  height: 30px;
  line-height: 30px;
  width: 100%;
  padding: 0 33px;
  overflow: hidden;
}
.m-global-format .row .lirow-thd {
  background: #f9f9f9;
}
.m-global-format .row .lirow-hd {
  background: #e7e7e7;
  padding: 0 10px;
}
.m-global-format .row .lirow-bd {
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.13);
}
.m-global-format .row .lirow.nodata {
  text-align: center;
}
.m-global-format .row .lirow .angle {
  margin-right: 6px;
}
.m-global-format .row .lirow .tl {
  padding: 0 10px 0 30px;
  display: inline-table;
  width: 250px;
  text-align: left;
  white-space: nowrap;
}
.m-global-format .row .lirow .tl .field {
  display: inline-flex;
}
.m-global-format .row .lirow .tl .field .txt {
  display: inline-block;
  width: 192px;
  overflow: hidden;
  word-wrap: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.m-global-format .row .icn {
  cursor: pointer;
}
.m-global-format .row .icnm {
  margin-right: 5px;
}
.m-global-format .z-dis {
  cursor: not-allowed;
  color: #9c9c9c;
  background: #e4e4e4;
  border: 1px solid #999;
}
.m-global-format .box {
  position: relative;
  height: 500px;
}
.m-global-format .box .list {
  position: absolute;
  top: 0;
  width: 100%;
}
.m-global-format .box .list-bd {
  height: 100%;
  overflow: auto;
}

.viewer-zoom-in::before,
.viewer-zoom-out::before,
.viewer-one-to-one::before,
.viewer-reset::before,
.viewer-prev::before,
.viewer-play::before,
.viewer-next::before,
.viewer-rotate-left::before,
.viewer-rotate-right::before,
.viewer-flip-horizontal::before,
.viewer-flip-vertical::before,
.viewer-fullscreen::before,
.viewer-fullscreen-exit::before,
.viewer-close::before {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAARgAAAAUCAYAAABWOyJDAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAQPSURBVHic7Zs/iFxVFMa/0U2UaJGksUgnIVhYxVhpjDbZCBmLdAYECxsRFBTUamcXUiSNncgKQbSxsxH8gzAP3FU2jY0kKKJNiiiIghFlccnP4p3nPCdv3p9778vsLOcHB2bfveeb7955c3jvvNkBIMdxnD64a94GHMfZu3iBcRynN7zAOI7TG15gHCeeNUkr8zaxG2lbYDYsdgMbktBsP03jdQwljSXdtBhLOmtjowC9Mg9L+knSlcD8TNKpSA9lBpK2JF2VdDSR5n5J64m0qli399hNFMUlpshQii5jbXTbHGviB0nLNeNDSd9VO4A2UdB2fp+x0eCnaXxWXGA2X0au/3HgN9P4LFCjIANOJdrLr0zzZ+BEpNYDwKbpnQMeAw4m8HjQtM6Z9qa917zPQwFr3M5KgA6J5rTJCdFZJj9/lyvGhsDvwFNVuV2MhhjrK6b9bFiE+j1r87eBl4HDwCF7/U/k+ofAX5b/EXBv5JoLMuILzf3Ap6Z3EzgdqHMCuF7hcQf4HDgeoHnccncqdK/TvSDWffFXI/exICY/xZyqc6XLWF1UFZna4gJ7q8BsRvgd2/xXpo6P+D9dfT7PpECtA3cnWPM0GXGFZh/wgWltA+cDNC7X+AP4GzjZQe+k5dRxuYPeiuXU7e1qwLpDz7dFjXKRaSwuMLvAlG8zZlG+YmiK1HoFqT7wP2z+4Q45TfEGcMt01xLoNZEBTwRqD4BLpnMLeC1A41UmVxsXgXeBayV/Wx20rpTyrpnWRft7p6O/FdqzGrDukPNtkaMoMo3FBdBSQMOnYBCReyf05s126fU9ytfX98+mY54Kxnp7S9K3kj6U9KYdG0h6UdLbkh7poFXMfUnSOyVvL0h6VtIXHbS6nOP+s/Zm9mvyXW1uuC9ohZ72E9uDmXWLJOB1GxsH+DxPftsB8B6wlGDN02TAkxG6+4D3TWsbeC5CS8CDFce+AW500LhhOW2020TRjK3b21HEmgti9m0RonxbdMZeVzV+/4tF3cBpP7E9mKHNL5q8h5g0eYsCMQz0epq8gQrwMXAgcs0FGXGFRcB9wCemF9PkbYqM/Bas7fxLwNeJPdTdpo4itQti8lPMqTpXuozVRVXPpbHI3KkNTB1NfkL81j2mvhDp91HgV9MKuRIqrykj3WPq4rHyL+axj8/qGPmTqi6F9YDlHOvJU6oYcTsh/TYSzWmTE6JT19CtLTJt32D6CmHe0eQn1O8z5AXgT4sx4Vcu0/EQecMydB8z0hUWkTd2t4CrwNEePqMBcAR4mrBbwyXLPWJa8zrXmmLEhNBmfpkuY2102xxrih+pb+ieAb6vGhuA97UcJ5KR8gZ77K+99xxeYBzH6Q3/Z0fHcXrDC4zjOL3hBcZxnN74F+zlvXFWXF9PAAAAAElFTkSuQmCC");
  background-repeat: no-repeat;
  background-size: 280px;
  color: transparent;
  display: block;
  font-size: 0;
  height: 20px;
  line-height: 0;
  width: 20px;
}

.viewer-zoom-in::before {
  background-position: 0 0;
  content: "Zoom In";
}

.viewer-zoom-out::before {
  background-position: -20px 0;
  content: "Zoom Out";
}

.viewer-one-to-one::before {
  background-position: -40px 0;
  content: "One to One";
}

.viewer-reset::before {
  background-position: -60px 0;
  content: "Reset";
}

.viewer-prev::before {
  background-position: -80px 0;
  content: "Previous";
}

.viewer-play::before {
  background-position: -100px 0;
  content: "Play";
}

.viewer-next::before {
  background-position: -120px 0;
  content: "Next";
}

.viewer-rotate-left::before {
  background-position: -140px 0;
  content: "Rotate Left";
}

.viewer-rotate-right::before {
  background-position: -160px 0;
  content: "Rotate Right";
}

.viewer-flip-horizontal::before {
  background-position: -180px 0;
  content: "Flip Horizontal";
}

.viewer-flip-vertical::before {
  background-position: -200px 0;
  content: "Flip Vertical";
}

.viewer-fullscreen::before {
  background-position: -220px 0;
  content: "Enter Full Screen";
}

.viewer-fullscreen-exit::before {
  background-position: -240px 0;
  content: "Exit Full Screen";
}

.viewer-close::before {
  background-position: -260px 0;
  content: "Close";
}

.viewer-container {
  bottom: 0;
  direction: ltr;
  font-size: 0;
  left: 0;
  line-height: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  -webkit-tap-highlight-color: transparent;
  top: 0;
  touch-action: none;
  -webkit-touch-callout: none;
  user-select: none;
  -webkit-user-select: none;
}

.viewer-container::-moz-selection,
.viewer-container *::-moz-selection {
  background-color: transparent;
}

.viewer-container::selection,
.viewer-container *::selection {
  background-color: transparent;
}

.viewer-container:focus {
  outline: 0;
}

.viewer-container img {
  display: block;
  height: auto;
  max-height: none !important;
  max-width: none !important;
  min-height: 0 !important;
  min-width: 0 !important;
  width: 100%;
}

.viewer-canvas {
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
}

.viewer-canvas > img {
  height: auto;
  margin: 15px auto;
  max-width: 90% !important;
  width: auto;
}

.viewer-footer {
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  text-align: center;
}

.viewer-navbar {
  background-color: rgba(0, 0, 0, 0.5);
  overflow: hidden;
}

.viewer-list {
  box-sizing: content-box;
  height: 50px;
  margin: 0;
  overflow: hidden;
  padding: 1px 0;
}

.viewer-list > li {
  color: transparent;
  cursor: pointer;
  float: left;
  font-size: 0;
  height: 50px;
  line-height: 0;
  opacity: 0.5;
  overflow: hidden;
  transition: opacity 0.15s;
  width: 30px;
}

.viewer-list > li:focus,
.viewer-list > li:hover {
  opacity: 0.75;
}

.viewer-list > li:focus {
  outline: 0;
}

.viewer-list > li + li {
  margin-left: 1px;
}

.viewer-list > .viewer-loading {
  position: relative;
}

.viewer-list > .viewer-loading::after {
  border-width: 2px;
  height: 20px;
  margin-left: -10px;
  margin-top: -10px;
  width: 20px;
}

.viewer-list > .viewer-active,
.viewer-list > .viewer-active:focus,
.viewer-list > .viewer-active:hover {
  opacity: 1;
}

.viewer-player {
  background-color: #000;
  bottom: 0;
  cursor: none;
  display: none;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}

.viewer-player > img {
  left: 0;
  position: absolute;
  top: 0;
}

.viewer-toolbar > ul {
  display: inline-block;
  margin: 0 auto 5px;
  overflow: hidden;
  padding: 6px 3px;
}

.viewer-toolbar > ul > li {
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  cursor: pointer;
  float: left;
  height: 24px;
  overflow: hidden;
  transition: background-color 0.15s;
  width: 24px;
}

.viewer-toolbar > ul > li:focus,
.viewer-toolbar > ul > li:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

.viewer-toolbar > ul > li:focus {
  box-shadow: 0 0 3px #fff;
  outline: 0;
  position: relative;
  z-index: 1;
}

.viewer-toolbar > ul > li::before {
  margin: 2px;
}

.viewer-toolbar > ul > li + li {
  margin-left: 1px;
}

.viewer-toolbar > ul > .viewer-small {
  height: 18px;
  margin-bottom: 3px;
  margin-top: 3px;
  width: 18px;
}

.viewer-toolbar > ul > .viewer-small::before {
  margin: -1px;
}

.viewer-toolbar > ul > .viewer-large {
  height: 30px;
  margin-bottom: -3px;
  margin-top: -3px;
  width: 30px;
}

.viewer-toolbar > ul > .viewer-large::before {
  margin: 5px;
}

.viewer-tooltip {
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 10px;
  color: #fff;
  display: none;
  font-size: 12px;
  height: 20px;
  left: 50%;
  line-height: 20px;
  margin-left: -25px;
  margin-top: -10px;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 50px;
}

.viewer-title {
  color: #ccc;
  display: inline-block;
  font-size: 12px;
  line-height: 1;
  margin: 0 5% 5px;
  max-width: 90%;
  opacity: 0.8;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: opacity 0.15s;
  white-space: nowrap;
}

.viewer-title:hover {
  opacity: 1;
}

.viewer-button {
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  cursor: pointer;
  height: 80px;
  overflow: hidden;
  position: absolute;
  right: -40px;
  top: -40px;
  transition: background-color 0.15s;
  width: 80px;
}

.viewer-button:focus,
.viewer-button:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

.viewer-button:focus {
  box-shadow: 0 0 3px #fff;
  outline: 0;
}

.viewer-button::before {
  bottom: 15px;
  left: 15px;
  position: absolute;
}

.viewer-fixed {
  position: fixed;
}

.viewer-open {
  overflow: hidden;
}

.viewer-show {
  display: block;
}

.viewer-hide {
  display: none;
}

.viewer-backdrop {
  background-color: rgba(0, 0, 0, 0.5);
}

.viewer-invisible {
  visibility: hidden;
}

.viewer-move {
  cursor: move;
  cursor: grab;
}

.viewer-fade {
  opacity: 0;
}

.viewer-in {
  opacity: 1;
}

.viewer-transition {
  transition: all 0.3s;
}

@keyframes viewer-spinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.viewer-loading::after {
  animation: viewer-spinner 1s linear infinite;
  border: 4px solid rgba(255, 255, 255, 0.1);
  border-left-color: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  content: "";
  display: inline-block;
  height: 40px;
  left: 50%;
  margin-left: -20px;
  margin-top: -20px;
  position: absolute;
  top: 50%;
  width: 40px;
  z-index: 1;
}

@media (max-width: 767px) {
  .viewer-hide-xs-down {
    display: none;
  }
}
@media (max-width: 991px) {
  .viewer-hide-sm-down {
    display: none;
  }
}
@media (max-width: 1199px) {
  .viewer-hide-md-down {
    display: none;
  }
}
.m-chatbi.wrapper {
  background: whitesmoke;
  height: 100%;
}

.g-mnc.m-chatbi {
  left: 284px;
}

.m-modal-chatbi-setting-common .window .winbd .f-red {
  color: #F24957;
}
.m-modal-chatbi-setting-common .window .winbd .u-txtwrap, .m-modal-chatbi-setting-common .window .winbd .u-txt {
  width: 100%;
}
.m-modal-chatbi-setting-common .window .winbd textarea {
  height: 156px;
}
.m-modal-chatbi-setting-common .window .winbd .add-btn {
  line-height: 30px;
  text-align: center;
  border: 1px dashed #e8e8f0;
}
.m-modal-chatbi-setting-common .window .winbd .add-btn .u-icn {
  font-size: 12px;
}
.m-modal-chatbi-setting-common .window .winbd .field-item {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}
.m-modal-chatbi-setting-common .window .winbd .field-item .u-dropdown {
  flex: 1;
  margin-right: 12px;
}
.m-modal-chatbi-setting-common .window .winbd .field-item .u-dropdown .m-dropSelect-show, .m-modal-chatbi-setting-common .window .winbd .field-item .u-dropdown .m-modal-import-connect .import .side, .m-modal-import-connect .import .m-modal-chatbi-setting-common .window .winbd .field-item .u-dropdown .side {
  height: 32px;
  line-height: 30px;
}
.m-modal-chatbi-setting-common .window .winbd .field-item .u-dropdown .m-dropSelect-show span, .m-modal-chatbi-setting-common .window .winbd .field-item .u-dropdown .m-modal-import-connect .import .side span, .m-modal-import-connect .import .m-modal-chatbi-setting-common .window .winbd .field-item .u-dropdown .side span {
  height: 30px;
}
.m-modal-chatbi-setting-common .window .winbd .chatbi-setting-field .field-item {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}
.m-modal-chatbi-setting-common .window .winbd .chatbi-setting-field .field-item .u-dropdown {
  margin-right: 0;
}
.m-modal-chatbi-setting-common .window .winbd .chatbi-setting-field .field-item .u-dropdown .show {
  height: 32px;
  line-height: 32px;
  border: none;
}
.m-modal-chatbi-setting-common .window .winbd .chatbi-setting-field .field-item .u-dropdown .show .m-dropSelect-show, .m-modal-chatbi-setting-common .window .winbd .chatbi-setting-field .field-item .u-dropdown .show .m-modal-import-connect .import .side, .m-modal-import-connect .import .m-modal-chatbi-setting-common .window .winbd .chatbi-setting-field .field-item .u-dropdown .show .side {
  height: 32px;
  line-height: 30px;
}
.m-modal-chatbi-setting-common .window .winbd .chatbi-setting-field .field-item .u-dropdown .show .m-dropSelect-show span, .m-modal-chatbi-setting-common .window .winbd .chatbi-setting-field .field-item .u-dropdown .show .m-modal-import-connect .import .side span, .m-modal-import-connect .import .m-modal-chatbi-setting-common .window .winbd .chatbi-setting-field .field-item .u-dropdown .show .side span {
  height: 30px;
}
.m-modal-chatbi-setting-common .window .winbd .chatbi-setting-field .field-item .config-select-item {
  position: relative;
  margin-right: 8px;
  height: 32px;
  line-height: 32px;
}
.m-modal-chatbi-setting-common .window .winbd .chatbi-setting-field .field-item .config-select-item textarea {
  width: 100% !important;
  height: 100% !important;
  font-size: 12px;
}
.m-modal-chatbi-setting-common .window .winbd .chatbi-setting-field .field-item .field-word-inside {
  display: inline-block;
  margin-right: 8px;
}
.m-modal-chatbi-setting-common .window .winbd .chatbi-setting-field .m-table .m-finfoHilight {
  max-width: 630px;
}

.chatbi-tooltip-card-container {
  height: 76px;
  padding: 16px 0;
  margin: 0 16px;
  border-bottom: 1px solid #E8E8F0;
  display: flex;
  align-items: center;
}
.chatbi-tooltip-card-container .chatbi-tooltip-card-picture {
  width: 32px;
  height: 32px;
  background-repeat: no-repeat;
  background-size: contain;
}
.chatbi-tooltip-card-container .chatbi-tooltip-card-detail-container {
  height: 100%;
  width: calc(100% - 88px);
  margin: 0 16px 0 12px;
}
.chatbi-tooltip-card-container .chatbi-tooltip-card-detail-container .chatbi-tooltip-card-header-container {
  width: 100%;
  height: 50%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 16px;
  font-weight: bold;
}
.chatbi-tooltip-card-container .chatbi-tooltip-card-detail-container .chatbi-tooltip-card-header-container.grey {
  color: #A9A9B8;
}
.chatbi-tooltip-card-container .chatbi-tooltip-card-detail-container .chatbi-tooltip-card-body-container {
  width: 100%;
  height: 50%;
  display: flex;
  align-items: center;
  font-size: 12px;
  line-height: 18px;
  letter-spacing: 0px;
  color: #79809A;
  opacity: 0.8;
}
.chatbi-tooltip-card-container .chatbi-tooltip-card-detail-container .chatbi-tooltip-card-body-container .chatbi-tooltip-card-status-container {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.chatbi-tooltip-card-container .chatbi-tooltip-card-detail-container .chatbi-tooltip-card-body-container .chatbi-tooltip-card-status-container .u-load {
  width: 18px;
  height: 18px;
  margin: 0 4px 0 0;
  display: inline-block;
  background-size: contain;
}
.chatbi-tooltip-card-container .chatbi-tooltip-card-detail-container .chatbi-tooltip-card-body-container .chatbi-tooltip-card-status-container .fail {
  color: red;
}
.chatbi-tooltip-card-container .chatbi-tooltip-card-detail-container .chatbi-tooltip-card-body-container .chatbi-tooltip-card-status-container .expired {
  color: #FFAF0F;
}
.chatbi-tooltip-card-container .chatbi-tooltip-card-detail-container .chatbi-tooltip-card-body-container .chatbi-tooltip-card-status-container .dot {
  margin-right: 4px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #337EFF;
}
.chatbi-tooltip-card-container .chatbi-tooltip-card-detail-container .chatbi-tooltip-card-body-container .chatbi-tooltip-card-status-container .dot.inactive {
  background-color: #A9A9B8;
}
.chatbi-tooltip-card-container .chatbi-tooltip-card-detail-container .chatbi-tooltip-card-body-container .chatbi-tooltip-card-time {
  margin-left: 4px;
}
.chatbi-tooltip-card-container .chatbi-tooltip-card-opration-container {
  width: 28px;
  height: 28px;
  margin-top: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background-color: #f7f8fa;
  margin-right: 8px;
}
.chatbi-tooltip-card-container .chatbi-tooltip-card-opration-container:last-child {
  margin-right: 0;
}
.chatbi-tooltip-card-container .chatbi-tooltip-card-opration-container .u-icn-stop {
  transform: scale(1.2);
}
.chatbi-tooltip-card-container .chatbi-tooltip-card-opration-container .chatbi-tooltip-card-opration {
  font-size: 16px;
  position: relative;
  cursor: pointer;
  color: #79809A;
}
.chatbi-tooltip-card-container .chatbi-tooltip-card-opration-container .chatbi-tooltip-card-opration .dot {
  position: absolute;
  right: -7px;
  top: -7px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: red;
}
.chatbi-tooltip-card-container .chatbi-tooltip-card-opration-container .chatbi-tooltip-card-opration.icon {
  font-size: 14px;
}

.chatbi-operation-message {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  width: 96%;
}
.chatbi-operation-message a.link-color {
  font-weight: normal;
  line-height: 1em;
}

.chat-highlight-box {
  border: 1px solid transparent;
}
.chat-highlight-box:hover {
  border-color: var(--color-primary);
  color: var(--color-primary);
  border-radius: 14px;
  background: rgba(16, 63, 250, 0.1);
}

.chat-item-card-container {
  padding: 16px 24px;
  border-radius: 8px;
  background-color: #fff;
}

@keyframes skeleton-loading {
  0% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0 50%;
  }
}
.chatbi-skeleton-loading {
  flex: 1;
  display: inline-block;
  margin-left: 12px;
  height: var(--skeleton-height);
  border-radius: 14px;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.06) 25%, rgba(0, 0, 0, 0.15) 37%, rgba(0, 0, 0, 0.06) 63%);
  background-size: 400% 100%;
  animation: skeleton-loading 1.4s ease infinite;
}

.m-mobile-drawer-with-list {
  border-top-right-radius: 16px;
  border-top-left-radius: 16px;
  overflow: hidden;
}
.m-mobile-drawer-with-list .m-head .u-icn-close {
  top: 20px;
  font-size: 18px;
  right: 16px;
  transform: unset;
}
.m-mobile-drawer-with-list .m-mobile-drawer-with-list-content {
  width: 100%;
  margin-bottom: 0;
}
.m-mobile-drawer-with-list .m-mobile-drawer-with-list-content .m-body {
  padding-top: 16px;
  height: auto;
  display: block;
  width: 100%;
}
.m-mobile-drawer-with-list .m-mobile-drawer-with-list-content .m-body .title {
  color: var(--color-title);
  text-align: center;
  padding-bottom: 16px;
  font-weight: 500;
  line-height: 24px;
  font-size: 16px;
  padding-bottom: 8px;
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
}
.m-mobile-drawer-with-list .m-mobile-drawer-with-list-content .m-body .title .img {
  display: inline-block;
  margin-right: 8px;
  width: 18px;
  height: 18px;
  background-size: 18px 18px;
  background-repeat: no-repeat;
  background-position: center;
}
.m-mobile-drawer-with-list .m-mobile-drawer-with-list-content .m-body .content {
  padding: 0 16px 30px;
}
.m-mobile-drawer-with-list .m-mobile-drawer-with-list-content .m-body .content .m-search {
  margin-bottom: 10px;
}
.m-mobile-drawer-with-list .m-mobile-drawer-with-list-content .m-body .u-load {
  margin: 80px auto;
}
.m-mobile-drawer-with-list .m-mobile-drawer-with-list-content .m-body .m-empty {
  margin-top: 0;
}

.m-modal-recommend-mobile .chat-recommend .m-body .title .change {
  color: var(--color-primary);
  font-size: 12px;
  cursor: pointer;
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
}
.m-modal-recommend-mobile .chat-recommend .m-body .title .change .u-icn {
  font-size: 18px;
}
.m-modal-recommend-mobile .chat-recommend .m-body .u-load {
  margin: 80px auto;
}
.m-modal-recommend-mobile .chat-recommend .chat-recommend-list {
  padding: 0 16px;
  list-style: none;
  height: 312px;
  overflow-x: auto;
  overflow-y: hidden;
}
.m-modal-recommend-mobile .chat-recommend .chat-recommend-list .chat-recommend-item {
  margin: 0;
  height: 52px;
  line-height: 52px;
  border: 0 !important;
  background: transparent !important;
  white-space: nowrap;
}
.m-modal-recommend-mobile .chat-recommend .chat-recommend-list .chat-recommend-item .chat-recommend-text {
  display: inline-block;
  text-overflow: initial;
  padding-left: 0;
  margin-left: 8px;
  vertical-align: middle;
  text-overflow: ellipsis;
  width: 100%;
  max-width: calc(100% - 20px - 16px);
}
.m-modal-recommend-mobile .chat-recommend .chat-recommend-list .chat-recommend-item:hover .chat-recommend-text {
  border-color: transparent;
  background: initial;
  color: inherit;
}
.m-modal-recommend-mobile .chat-recommend .chat-recommend-list .chat-recommend-item .icon-ask {
  display: inline-block;
  background: url(../img/chat-recommend-ask.77b60270f4.svg) no-repeat center;
  background-size: contain;
  color: var(--color-primary);
  width: 20px;
  height: 20px;
  vertical-align: middle;
}

.logo-ai {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(../img/chatbi.ddcbe929aa.svg) no-repeat 50%;
}

.chatbi-filters-text {
  color: #c0c0ca;
  display: inline-block;
  line-height: 22px;
  font-size: 14px;
}

.data-summary-wrap {
  display: flex;
  flex-direction: column;
  gap: 8px 0;
  max-height: calc(var(--max-height) - 8px - 22px);
  width: 100%;
  overflow: auto;
}
.data-summary-wrap .data-summary-item {
  color: #79809a;
  list-style: none;
  background-color: #FFF;
}
.data-summary-wrap .data-summary-item .highlight {
  color: #102048;
  word-break: break-word;
  font-weight: 400;
}
.data-summary-wrap.data-summary-wrap-loading {
  align-items: center;
  justify-content: center;
}
.data-summary-wrap.data-summary-wrap-loading .u-load-chart {
  margin: 4px;
}
.data-summary-wrap.data-summary-wrap-loading .u-load-chart .load-text {
  color: #79809a;
  line-height: 18px;
  font-size: 10px;
}

.datamodel-jumper {
  color: #297BCC;
  cursor: pointer;
}

.m-timer-new {
  line-height: 50px;
  margin-top: 32px;
  margin-bottom: 12px;
  border: 1px solid #e4e4e4;
  color: #4a90e2;
  text-align: center;
  background: #f3f3f3;
  cursor: pointer;
}
.m-timer-new .u-icn {
  margin-right: 4px;
  font-size: 12px;
}
.m-timer .row {
  height: 30px;
}
.m-timer .tbox {
  display: inline-block;
  width: 200px;
  height: 30px;
  line-height: 30px;
  color: #79809a;
}
.m-timer .tbox-2 {
  line-height: 28px;
  border: 1px solid #ddd;
  box-sizing: border-box;
}
.m-timer .tbox-1 {
  width: initial;
}
.m-timer .tbox .selectIcon {
  position: relative;
  padding: 0 4px;
  box-sizing: border-box;
  border: 1px solid #e8e8f0;
  height: 30px;
  line-height: 28px;
  overflow: hidden;
  word-wrap: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.m-timer .tbox ul {
  position: absolute;
  top: 30px;
  overflow-y: auto;
  width: 100%;
  max-height: 150px;
  border: 1px solid #e8e8f0;
  z-index: 10;
  background: #fff;
  box-sizing: border-box;
}
.m-timer .tbox ul li {
  padding: 0 4px;
  overflow: hidden;
  word-wrap: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.m-timer .tbox ul li input {
  vertical-align: middle;
}
.m-timer .tbox .m-integerAdder .inicon {
  color: inherit;
  border-color: #e8e8f0;
}
.m-timer .tbox .m-integerAdder .add:before {
  border-bottom-color: #999;
}
.m-timer .tbox .m-integerAdder .sub:before {
  border-top-color: #999;
}
.m-timer .tbox .m-datepicker .show {
  border-color: #e8e8f0;
}
.m-timer .tbox .m-datepicker .show .u-icn {
  color: #999;
}
.m-timer .icn-date {
  position: absolute;
  top: 8px;
  right: 6px;
}
.m-timer .datepick {
  position: absolute;
  top: 100%;
  right: 0;
  background: #fff;
  z-index: 2;
}

.m-modal-franky-indicatorInfo.m-window .window .winbd {
  padding: 0;
}
.m-modal-franky-indicatorInfo.m-window .window .wincls {
  top: 10px;
}

.m-tooltip .edit {
  position: absolute;
  top: -30px;
  right: 0;
}

.m-tooltip-modal .display-name {
  margin: 8px 0;
}
.m-tooltip-modal .alias {
  display: inline-block;
  width: 80px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.m-tooltip-modal .txt {
  box-sizing: border-box;
  height: 32px;
  padding: 4px 10px;
  border: 1px solid #e8e8f0;
}

.m-discrete-filter-modal .window .winbd {
  padding: 16px;
}
.m-discrete-filter-modal .m-dateRange-tab .tab_content {
  padding: 0;
}

.m-mfilter-discrete {
  width: 920px;
}
.m-mfilter-discrete:before, .m-mfilter-discrete:after {
  display: table;
  content: " ";
}
.m-mfilter-discrete:after {
  clear: both;
}
.m-mfilter-discrete .col-1 {
  position: relative;
  float: left;
  width: 580px;
}
.m-mfilter-discrete .col-2 {
  position: relative;
  float: right;
  width: 320px;
  margin-left: 20px;
}
.m-mfilter-discrete .m-tab2 .tab_content {
  padding-bottom: 0;
}

.m-tsearch {
  position: relative;
}
.m-tsearch .binfo {
  margin: 6px 0px 2px;
}
.m-tsearch .binfo label {
  margin-right: 20px;
}
.m-tsearch .binfo2 {
  margin-top: 8px;
  color: #79809a;
}
.m-tsearch .clear {
  color: #40c0a8;
}
.m-tsearch .clear:hover {
  color: #53c6b1;
  text-decoration: underline;
}
.m-tsearch .switch {
  text-align: center;
  margin-bottom: 8px;
}
.m-tsearch .switch label {
  margin-left: 54px;
}
.m-tsearch .switch label:first-child {
  margin-left: 0px;
}
.m-tsearch .m-search .search {
  position: relative;
  width: 90%;
}
.m-tsearch .m-search .btn-search {
  height: 28px;
  line-height: 28px;
  float: right;
  display: block;
}
.m-tsearch .m-search .list {
  overflow-anchor: none;
}
.m-tsearch .m-search-manual .search {
  width: 85%;
}
.m-tsearch .u-filter {
  max-height: 280px;
  overflow: auto;
  box-sizing: border-box;
}
.m-tsearch .result {
  max-height: 320px;
  overflow: auto;
  border-bottom: 1px solid #efefef;
  margin-bottom: 16px;
  padding-bottom: 24px;
  overflow-anchor: none;
}
.m-tsearch .result .checkall {
  border-bottom: 1px dotted #ccc;
}
.m-tsearch .result input {
  margin-left: 4px;
  margin-right: 4px;
}
.m-tsearch .result li {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding-right: 20px;
}
.m-tsearch .result li label {
  display: block;
}
.m-tsearch .result li.placeholder:hover {
  background-color: #fff;
}
.m-tsearch .list .empty-value,
.m-tsearch .result .empty-value {
  color: #a9a9b8;
}
.m-tsearch .binfo input {
  margin-right: 8px;
}
.m-tsearch .affectMenu {
  position: absolute;
  right: 2px;
  top: 0px;
}
.m-tsearch .affectMenu:before, .m-tsearch .affectMenu:after {
  display: table;
  content: " ";
}
.m-tsearch .affectMenu:after {
  clear: both;
}
.m-tsearch .affectMenu .m-tgmenu {
  margin-left: 10px;
  float: right;
}
.m-tsearch .affectMenu .m-tgmenu.z-disabled {
  color: #A9A9B8;
  cursor: default;
}
.m-tsearch .rmline {
  text-decoration: line-through;
}

.u-list li[class*=icn-] .txt {
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100px;
}
.u-list li {
  white-space: nowrap;
}
.u-list li input[type=checkbox] {
  position: relative;
}
.u-list li .u-icn {
  margin-right: 8px;
  line-height: inherit;
}
.u-list li .u-icn-check {
  display: none;
  color: var(--color-primary);
}
.u-list li .f20 {
  font-size: 20px;
}
.u-list li:not(.z-disabled):hover, .u-list li:not(.z-disabled):active, .u-list li:not(.z-disabled).selected {
  color: var(--color-primary);
  background-color: var(--color-hover-bg);
}
.u-list li.z-sel .u-icn {
  display: none;
}
.u-list li.z-sel .u-icn-check {
  display: inline-block;
}
.u-list li ul {
  display: none;
}
.u-list li.u-split {
  height: 1px;
}
.u-list li .u-icn-close {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 12px;
}
.u-list li .u-icn-close:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.u-list > li:hover ul {
  display: block;
}
.u-list-mf {
  padding: 0px;
  background-color: #fafafa;
  border: 1px solid #f7f7f7;
  font-size: 12px;
  -webkit-user-select: none;
  user-select: none;
}
.u-list-mf:hover {
  border-color: #f3f3f3;
}
.u-list-mf .icn-date::before {
  color: var(--color-primary);
}
.u-list-mf .icn-num::before {
  color: #40c0a8;
  top: 0;
}
.u-list-mf li {
  transition: background-color 0.4s;
}
.u-list-mf li:hover {
  background-color: #f7f7f7;
}
.u-list-mf li.z-sel.icn-date {
  background-color: rgba(var(--color-primary-rgb), 0.2);
}
.u-list-mf li.z-sel.icn-num {
  background-color: rgba(64, 192, 168, 0.2);
}
.u-list-mf li.z-sel:after {
  position: absolute;
  top: 2px;
  content: "\f13d";
  right: 12px;
  font-size: 14px;
  font-family: bigviz;
}
.u-list li.more {
  margin-left: -1px;
  margin-right: -1px;
  height: auto;
  border: none;
  padding: 0;
  background-color: transparent;
}
.u-list li.more:hover {
  background-color: transparent;
}
.u-list li.z-more .u-icn {
  margin-top: -10px;
  margin-left: 4px;
}
.u-list li.z-dis {
  background: #f2f2f2;
  cursor: default;
  color: #ccc;
}
.u-list-rm {
  text-decoration: line-through;
}
.u-list-folder {
  max-height: 260px;
  overflow-y: auto;
}
.u-list.z-ellipsis > li {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.m-finfo h3 {
  text-align: center;
  font-size: 14px;
  padding-bottom: 10px;
}
.m-finfo .finfo_content {
  background-color: #f6f7fa;
  padding: 20px;
  font-size: 12px;
}
.m-finfo .finfo_content li {
  padding: 6px 0;
  border: 1px solid transparent;
  color: #666;
}
.m-finfo .finfo_content li:before, .m-finfo .finfo_content li:after {
  display: table;
  content: " ";
}
.m-finfo .finfo_content li:after {
  clear: both;
}
.m-finfo .finfo_content li .finfo_left {
  line-height: 22px;
  margin-right: 20px;
  text-align: right;
  width: 64px;
  float: left;
}
.m-finfo .finfo_content li .finfo_right {
  line-height: 22px;
  overflow: hidden;
  word-break: break-all;
}
.m-finfo .finfo_content li.z-active {
  border: 1px solid var(--color-primary);
  background: #fff;
  border-radius: 3px;
}

.m-tgmenu {
  padding: 3px;
  width: 22px;
  background-color: #fcfcfc;
  border: 1px solid #e8e8f0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 2px;
  height: 20px;
  cursor: pointer;
}
.m-tgmenu .piece {
  height: 2px;
  margin-bottom: 3px;
  background-color: #666;
  transition: background-color 0.2s;
}
.m-tgmenu .piece:last-child {
  margin-bottom: 0;
}
.m-tgmenu:hover {
  background-color: #fdfdfd;
}
.m-tgmenu:active {
  -webkit-box-shadow: inset 0px -1px 2px rgba(170, 170, 170, 0.6);
  box-shadow: inset 0px -1px 2px rgba(170, 170, 170, 0.6);
}
.m-tgmenu-1 .piece:first-child {
  background-color: #efefef;
}
.m-tgmenu-2 .piece:nth-child(10n+2),
.m-tgmenu-2 .piece:nth-child(10n+1) {
  background-color: #efefef;
}

.m-filteritem {
  font-size: 12px;
}
.m-filteritem .dropdown-wrapper {
  width: 150px;
  padding: 0;
  display: inline-block;
  vertical-align: middle;
}
.m-filteritem .dropdown-wrapper + input {
  vertical-align: middle;
  color: #79809a;
}
.m-filteritem .cap {
  margin-top: 4px;
  margin-bottom: 4px;
}
.m-filteritem .line {
  margin: 12px 0;
}
.m-filteritem .line:before, .m-filteritem .line:after {
  display: table;
  content: " ";
}
.m-filteritem .line:after {
  clear: both;
}
.m-filteritem .line .finfo_left {
  line-height: 22px;
  margin-right: 20px;
  text-align: right;
  width: 64px;
  float: left;
}
.m-filteritem .line .finfo_right {
  line-height: 22px;
  overflow: hidden;
  word-break: break-all;
}
.m-filteritem .line-1 {
  margin-left: 10px;
}
.m-filteritem .line .pointer {
  cursor: pointer;
}
.m-filteritem .line .u-icn {
  font-size: 15px;
  margin-left: 30px;
  cursor: pointer;
  color: #999;
}
.m-filteritem .line .u-icn:hover {
  color: #333;
}
.m-filteritem .line .u-icn-warning {
  cursor: default;
  color: #F24957;
}
.m-filteritem .line .u-icn-warning:hover {
  color: #F24957;
}
.m-filteritem .line .m-dropSelect-show .select-clean, .m-filteritem .line .m-modal-import-connect .import .side .select-clean, .m-modal-import-connect .import .m-filteritem .line .side .select-clean {
  display: block;
}
.m-filteritem .line .m-dropSelect-show .select-clean .u-icn, .m-filteritem .line .m-modal-import-connect .import .side .select-clean .u-icn, .m-modal-import-connect .import .m-filteritem .line .side .select-clean .u-icn {
  margin-left: initial;
}
.m-filteritem label {
  vertical-align: middle;
  margin-right: 6px;
}
.m-filteritem label input {
  position: relative;
}

.m-nav3 .menu {
  position: relative;
  height: 16px;
  line-height: 16px;
  text-align: center;
}
.m-nav3 .menu-l {
  margin-left: 10px;
}
.m-nav3 .menu .icon {
  color: #999;
  font-size: 16px;
  cursor: pointer;
}
.m-nav3 .menu .icon-clr {
  color: var(--color-primary);
}
.m-nav3 .menu .u-menu {
  color: #282828;
}
.m-nav3 .menu .u-menu a {
  color: #282828;
}
.m-nav3 .menu .u-menu.z-show {
  display: block !important;
}
.m-nav3 .menu .u-menu .reg-a {
  display: inline;
}
.m-nav3 .menu.menu-reverse .u-menu {
  top: -134px;
  top: initial;
  bottom: 100%;
}
.m-nav3 .menu:hover .u-menu {
  display: block;
}
.m-nav3 .menu.menu-click .u-menu {
  top: 20px;
  display: initial;
}
.m-nav3 .menu.menu-click .u-icn-move {
  margin-top: 4px;
  margin-left: 16px;
}
.m-nav3 .menu.menu-click:hover .u-menu {
  display: initial;
}
.m-nav3 .menu .u-menu-sort {
  margin-left: 10px;
  padding-left: 6px;
}
.m-nav3 .menu .u-menu-sort .u-icn-move {
  margin-top: 4px;
  color: #51bbe9;
}
.m-nav3 .menu .u-btn-sort {
  background-color: #103ffa;
  color: #fff;
  margin-top: -1px;
  width: auto;
  padding: 0 10px;
  height: 20px;
  line-height: 19px;
  border-radius: 2px;
  font-size: 12px;
}
.m-nav3 .menu .u-btn-sort:hover {
  background-color: #748ffc;
}
.m-nav3 .menu .u-btn-sort:active {
  background-color: #0531e2;
}
.m-nav3 .menu .u-icn-more {
  width: 10px;
  margin-left: 10px;
  padding-left: 6px;
}
.m-nav3 .head {
  position: relative;
  z-index: 5;
  padding: 20px 12px 0 22px;
  line-height: 22px;
}
.m-nav3 .head h2 {
  float: left;
  font-size: 16px;
  margin-right: 10px;
  color: var(--color-title);
  font-weight: 500;
}
.m-nav3 .head .switch {
  float: left;
}
.m-nav3 .head .menu {
  float: right;
}
.m-nav3 .m-search {
  margin: 22px;
}
.m-nav3 .m-search .search {
  border: 1px solid #e8e8f0;
  height: 32px;
  line-height: 32px;
  font-size: 0;
}
.m-nav3 .m-search .keyword {
  height: 30px;
  line-height: 30px;
}
.m-nav3 .m-search .u-icn-search {
  width: 18px;
  height: 18px;
  line-height: 18px;
}
.m-nav3 .m-search .u-icn-close {
  right: 6px;
  top: 7px;
}
.m-nav3 .list {
  position: absolute;
  width: 219px;
  overflow-y: auto;
  top: 119px;
  bottom: 0;
  border-top: 1px solid #dedede;
}
.m-nav3 .list .u-scroll .group:nth-last-of-type(2) .u-menu, .m-nav3 .list .u-scroll .group:nth-last-of-type(3) .u-menu {
  top: -100px;
}
.m-nav3 .list .u-scroll .group:last-child .u-menu {
  top: -34px;
}
.m-nav3 .list.z-dragger .folder {
  cursor: move;
}
.m-nav3 .list.z-dragger .folder .u-icn-line2 {
  cursor: move;
}
.m-nav3 .list.z-dragger .items li a,
.m-nav3 .list.z-dragger .items li .name {
  cursor: move;
}
.m-nav3 .list .hide {
  display: none;
}
.m-nav3 .list .group {
  border-top: 1px solid transparent;
}
.m-nav3 .list .group:first-child {
  margin-top: -1px;
}
.m-nav3 .list .group:first-child, .m-nav3 .list .group.z-open, .m-nav3 .list .group.z-open + .group {
  border-color: #dedede;
  box-shadow: inset 0 1px #fff;
}
.m-nav3 .list .group.z-open .items {
  display: block;
}
.m-nav3 .list .group-private {
  border-top-width: 4px;
  border-color: #dedede;
}
.m-nav3 .list .folder {
  position: relative;
  z-index: 2;
  padding: 0 16px 0 20px;
  height: 40px;
  line-height: 40px;
  cursor: pointer;
}
.m-nav3 .list .folder .icon1 {
  font-size: 14px;
  position: absolute;
  color: #999;
  top: 13px;
  left: 10px;
}
.m-nav3 .list .folder h4 {
  margin-right: 36px;
  overflow: hidden;
  word-wrap: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-left: 15px;
}
.m-nav3 .list .folder .menu {
  position: absolute;
  right: 12px;
  top: 14px;
  height: auto;
  line-height: 12px;
}
.m-nav3 .list .folder .menu .icon {
  margin-left: 0;
  font-size: 12px;
}
.m-nav3 .list .folder .menu.sorting {
  display: none;
}
.m-nav3 .list .folder .menu.menu-reverse .u-menu {
  top: initial;
  bottom: 100%;
}
.m-nav3 .list .folder:hover {
  z-index: 3;
  background: #efefef;
}
.m-nav3 .list .folder-1 {
  padding: 0;
}
.m-nav3 .list .folder-1 h4 {
  padding-left: 30px;
}
.m-nav3 .list .folder-1 .icon1 {
  left: 10px;
}
.m-nav3 .list .items {
  display: none;
}
.m-nav3 .list .items li {
  position: relative;
  height: 36px;
  line-height: 34px;
}
.m-nav3 .list .items li a,
.m-nav3 .list .items li .name {
  display: block;
  padding: 0 70px 0 33px;
  overflow: hidden;
  word-wrap: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
  border: 1px solid transparent;
  font-size: 12px;
}
.m-nav3 .list .items li .z-sel,
.m-nav3 .list .items li .z-off {
  border: 1px dashed #ababab;
}
.m-nav3 .list .items li .opt {
  display: none;
  position: absolute;
  right: 12px;
  top: 0;
  color: #999;
  cursor: pointer;
  font-size: 12px;
}
.m-nav3 .list .items li .opt .u-icn {
  cursor: pointer;
  float: left;
  line-height: 33px;
}
.m-nav3 .list .items li .opt .u-icn + .u-icn {
  margin-left: 10px;
}
.m-nav3 .list .items li .opt .u-icn-del:hover, .m-nav3 .list .items li .opt .u-icn-copy:hover, .m-nav3 .list .items li .opt .u-icn-edit:hover {
  color: #333;
  cursor: pointer;
}
.m-nav3 .list .items li .opt .u-icn-line2 {
  cursor: move;
}
.m-nav3 .list .items li .opt.opt-move {
  cursor: move;
}
.m-nav3 .list .items li .opt.opt-3 .u-icn + .u-icn {
  margin-left: 7px;
}
.m-nav3 .list .items li .opt.opt-4 .u-icn + .u-icn {
  margin-left: 3px;
}
.m-nav3 .list .items li.z-crt {
  background: #efefef;
}
.m-nav3 .list .items li:hover {
  background: #efefef;
}
.m-nav3 .list .items li:hover .opt {
  display: block;
}
.m-nav3 .list .items li:hover .opt-move {
  display: none;
}
.m-nav3 .list .items li:hover .u-icn-report3 {
  color: #333;
}
.m-nav3 .list .items li .dashboard-name {
  cursor: move;
}
.m-nav3 .list .items li .disabled {
  color: #ccc;
  cursor: default;
}
.m-nav3 .list .items li .u-icn-report3 {
  font-size: 12px;
  position: absolute;
  left: 16px;
  top: 13px;
  color: #999;
}
.m-nav3 .list-sorting .folder .menu {
  display: none;
}
.m-nav3 .list-sorting .folder .menu.sorting {
  display: block;
}
.m-nav3 .list-sorting .items .opt {
  display: none;
}
.m-nav3 .list-sorting .items .opt.sorting {
  display: block;
}
.m-nav3 .list-sorting .items li:hover .opt {
  display: none;
}
.m-nav3 .list-sorting .items li:hover .opt-move {
  display: block;
}
.m-nav3-1 .head {
  padding: 0 0 0 22px;
  height: 53px;
  line-height: 53px;
}
.m-nav3-1 .head .menu {
  margin-right: 10px;
  line-height: 53px;
}
.m-nav3-1 .m-folders .group .items .menu.menu-mark {
  display: inline-block;
}
.m-nav3-1 .m-folders .group .items .menu.menu-mark .u-icn-shape-star {
  color: #e69809;
}

.m-tdate .line {
  position: relative;
}
.m-tdate .show {
  position: relative;
  top: -2px;
  vertical-align: middle;
  cursor: pointer;
  margin: 0 3px;
}
.m-tdate .show .date {
  float: left;
}
.m-tdate .show .hour {
  float: left;
  margin: 0 0 0 4px;
}
.m-tdate .show .ln {
  margin: 0 4px;
  float: left;
}
.m-tdate .show .u-icn-date {
  margin-left: 20px;
}
.m-tdate .show .u-icn-date:hover {
  color: var(--color-primary);
}
.m-tdate .sel {
  border-style: solid dashed dashed;
  border-color: #aaa transparent transparent transparent;
  border-width: 6px 5px;
  float: left;
  margin: 9px -20px;
}
.m-tdate .date-trl {
  position: absolute;
  background: #fff;
  color: #333;
  width: 476px;
  border: 1px solid #e8e8f0;
  z-index: 1000;
  overflow: visible;
}
.m-tdate .close {
  position: absolute;
  top: 0;
  right: 2px;
  cursor: pointer;
  padding: 5px;
  color: #999;
  font-size: 12px;
  transform: scale(0.8);
}
.m-tdate .wrap {
  float: left;
  width: 238px;
}
.m-tdate .wrap .time {
  text-align: center;
  height: 32px;
  line-height: 32px;
  border-right: 1px solid #e8e8f0;
  border-left: 1px solid #e8e8f0;
  background: #f2f2f2;
}
.m-tdate .wrap .time.js-disabled {
  color: #ccc;
}
.m-tdate .wrap1 {
  padding-right: 5px;
}
.m-tdate .wrap2 {
  position: absolute;
  margin-left: 236px;
  padding-left: 5px;
}
.m-tdate .datepick {
  position: static;
  border: 1px solid #e8e8f0;
  font-size: 12px;
  color: #a2a6a8;
  width: 230px;
}
.m-tdate .datepick .zact {
  margin: 6px 3px;
  border: 1px solid #e0e4e5;
  line-height: 24px;
  color: #666;
}
.m-tdate .datepick .zbtn {
  font-family: "sans-serif";
  -webkit-user-select: none;
  -moz-user-select: none;
}
.m-tdate .datepick th {
  background: #ebf1f4;
  text-align: center;
  padding: 3px;
  border-width: 1px;
  border-style: solid;
  border-color: #ddd transparent;
}
.m-tdate .datepick .zday a {
  height: 26px;
  line-height: 26px;
  border-left: 2px solid transparent;
  border-right: 2px solid transparent;
  color: #a2a6a8;
}
.m-tdate .datepick .zday a.js-selected,
.m-tdate .datepick .zday a.js-selected:hover {
  background: #d1e8f7;
  color: #1a92d8;
}
.m-tdate .datepick1 {
  border-left: 1px solid transparent;
}
.m-tdate .datepick1 .zday a.js-selected,
.m-tdate .datepick1 .zday a.js-selected:hover {
  border-left: 2px solid #1a92d8;
}
.m-tdate .datepick2 {
  border-right: 1px solid transparent;
}
.m-tdate .datepick2 .zday a.js-selected,
.m-tdate .datepick2 .zday a.js-selected:hover {
  border-right: 2px solid #1a92d8;
}
.m-tdate .ipt {
  margin: 0 3px;
  width: 34px;
}
.m-tdate .js-focus {
  border: 1px solid var(--color-primary);
}
.m-tdate label input {
  margin: 0 4px;
}
.m-tdate .slot {
  margin: 0 15px;
  padding: 7px 0;
  line-height: 20px;
}
.m-tdate .slot:first-child {
  padding-top: 15px;
  border-bottom: 1px dashed #ddd;
}
.m-tdate .slot:nth-child(2) {
  padding-bottom: 15px;
}
.m-tdate .slot .dync {
  float: left;
  width: 60px;
  border: 1px solid #e8e8f0;
  text-align: center;
  cursor: pointer;
  background: #f2f2f2;
  margin-right: 4px;
}
.m-tdate .slot .dync.js-selected {
  color: #2593d5;
  font-weight: bold;
  background: #fff;
}
.m-tdate .slot .swth {
  width: 50px;
}
.m-tdate .slot-1 {
  margin-left: 30px;
  position: relative;
}
.m-tdate .slot-1:first-child {
  padding-top: 0;
  border-bottom: none;
}
.m-tdate .slot-1:nth-child(2) {
  padding-bottom: 0;
}
.m-tdate .slot-1 .date-trl {
  top: 38px;
  left: 3px;
}
.m-tdate .slot-1 .dync {
  position: relative;
}
.m-tdate .slot-1 .dync .dync-del {
  display: none;
  position: absolute;
  font-size: 12px;
  transform: scale(0.8);
  top: 0;
  right: -1px;
}
.m-tdate .slot-1 .dync-1 {
  margin-top: 6px;
  padding: 0 15px;
  width: auto;
  height: 20px;
}
.m-tdate .slot-1 .dync-1:hover .dync-del {
  display: block;
}
.m-tdate .slot-hover .dync:hover {
  border: 1px solid #e8e8f0;
  color: #2593d5;
  font-weight: bold;
}
.m-tdate .dync-add {
  position: absolute;
  background: #fff;
  border: 1px solid #e8e8f0;
  z-index: 1;
}
.m-tdate .slot-2 .dync {
  width: 65px;
}
.m-tdate .slot-2 .dync-2 {
  height: 20px;
  width: auto;
  margin-top: 5px;
  padding: 0 15px;
}
.m-tdate .js-disabled {
  color: #ccc;
}
.m-tdate .js-disabled .ipt {
  color: #ccc;
}
.m-tdate .js-disabled input {
  color: #ccc;
}
.m-tdate .js-disabled .show {
  cursor: default;
}
.m-tdate .js-disabled .dync {
  cursor: default;
}
.m-tdate .js-disabled .show .u-icn-calendar {
  cursor: default;
}
.m-tdate .js-disabled .show .u-icn-date {
  cursor: default;
}
.m-tdate .js-disabled .show .u-icn-date:hover {
  color: #ccc;
}
.m-tdate .js-disabled .show .u-icn-date {
  color: #ccc;
}
.m-tdate .js-disabled .sel {
  border-color: #ccc transparent transparent transparent;
}
.m-tdate .dyna-time {
  margin: 8px 10px 0 5px;
}
.m-tdate .custom-time {
  margin: 9px 10px 0 5px;
}

.u-area {
  background-color: #fafafa;
  border: 1px solid #efefef;
  padding: 10px;
}
.u-area:before, .u-area:after {
  display: table;
  content: " ";
}
.u-area:after {
  clear: both;
}
.u-area p {
  margin-bottom: 8px;
}
.u-area .left {
  float: left;
}
.u-area .right {
  margin-left: 12px;
  float: left;
}
.u-area-1 {
  background-color: #f2f2f2;
}

.m-schema-dropable .dropArea {
  padding: 8px 6px 8px 7px;
  margin: -9px -7px -9px -8px;
}
.m-schema-dropable .dropArea.dropable-valid {
  background: #e9ebee;
}
.m-schema-dropable .dropArea .u-item {
  margin-bottom: 6px;
}
.m-schema-dropable .dropArea .u-item-partition {
  background-color: #52c41a;
}
.m-schema-dropable .dropArea .text .u-icn-zip,
.m-schema-dropable .dropArea .text .u-icn-uzip {
  font-size: 14px;
}
.m-schema-dropable .dropArea .text .u-icn-asc,
.m-schema-dropable .dropArea .text .u-icn-desc,
.m-schema-dropable .dropArea .text .u-icn-table-calculate,
.m-schema-dropable .dropArea .text .u-icn-shape-rise {
  position: absolute;
  right: 7px;
  top: 2px;
}
.m-schema-dropable .dropArea .text .u-icn-table-calculate {
  font-size: 16px;
}
.m-schema-dropable .dropArea .text .u-icn-asc,
.m-schema-dropable .dropArea .text .u-icn-desc {
  top: 5px;
}
.m-schema-dropable-y .dragable {
  position: relative;
}
.m-schema-dropable-y .dragable::before, .m-schema-dropable-y .dragable::after {
  height: 2px;
  width: 100%;
  position: absolute;
  top: auto;
  left: 0px;
  background-color: #1881dc;
  content: "";
  display: none;
}
.m-schema-dropable-y .dragable-before::before {
  top: -5px;
  display: block;
}
.m-schema-dropable-y .dragable-after::after {
  bottom: -5px;
  display: block;
}
.m-schema-dropable.replacing .dragable-before:before {
  display: none;
}
.m-schema-dropable.replacing .dragable-after:after {
  display: none;
}
.m-schema-dropable.replacing .dragable-over {
  border: 1px solid #1881dc;
}
.m-schema-dropable.disable .dropArea.dropable-valid {
  padding: 0;
  border: 0;
}
.m-schema-dropable.disable .dragable-before:before {
  display: none;
}
.m-schema-dropable.disable .dragable-after:after {
  display: none;
}
.m-schema-dropable .empty {
  border: 1px dashed #e8e8f0;
  height: 28px;
  line-height: 28px;
  background-color: #fff;
  text-align: center;
  color: var(--color-title);
  border-radius: 100px;
}
.m-schema-dropable .dropable-active .empty {
  background-color: #e1e1e1;
}

.sort-custom-container .dragable {
  position: relative;
}
.sort-custom-container .dragable::before, .sort-custom-container .dragable::after {
  height: 2px;
  width: 100%;
  position: absolute;
  top: auto;
  left: 0px;
  background-color: #1881dc;
  content: "";
  display: none;
}
.sort-custom-container .dragable-before::before {
  top: 0;
  display: block;
}
.sort-custom-container .dragable-after::after {
  bottom: -2px;
  display: block;
}

.m-modal-level .m-remind .message {
  float: left;
  height: 28px;
  line-height: 28px;
  margin-right: 8px;
}
.m-modal-level .m-remind .message .u-icn {
  display: none;
}
.m-modal-level .m-remind .input-box {
  overflow: hidden;
}

.m-modal-tip .u-msg {
  text-align: left;
  padding: 0;
}
.m-modal-tip .list {
  text-align: left;
  list-style: decimal inside;
}
.m-modal-tip .list .item {
  height: 32px;
  line-height: 32px;
}

.m-overlay-easyFetch .u-list-dropdown {
  min-width: auto;
}
.m-overlay-easyFetch.condition .u-list-dropdown li {
  display: inline-block;
  width: 100%;
}
.m-overlay-easyFetch.condition .u-list-dropdown li:nth-child(even) {
  border-bottom: 1px solid #e8e8f0;
}
.m-overlay-easyFetch.condition .u-list-dropdown li:last-child {
  border-bottom: 0;
}
.m-overlay-easyFetch.condition .u-list-dropdown li .u-icn-help {
  float: right;
}

.m-graphic-title .m-font .line:first-child, .m-setting-legend .m-font .line:first-child, .m-setting-sum .m-font .line:first-child {
  margin: 0;
}
.m-graphic-title .half-width, .m-setting-legend .half-width, .m-setting-sum .half-width {
  width: 50%;
  margin-top: 8px;
}
.m-graphic-title .half-width .main, .m-setting-legend .half-width .main, .m-setting-sum .half-width .main {
  width: 22px;
}
.m-graphic-title .border, .m-setting-legend .border, .m-setting-sum .border {
  position: relative;
  top: 14px;
}

.m-setting-sum .m-setting-weight {
  margin-top: unset;
}
.m-setting-sum .half-width {
  margin-top: unset;
}

.m-context-global .btn-context,
.m-context-dashboard .btn-context {
  cursor: pointer;
  height: 40px;
  line-height: 40px;
}
.m-context-global .btn-context .text,
.m-context-dashboard .btn-context .text {
  font-size: 14px;
  color: var(--color-primary);
  vertical-align: middle;
}
.m-context-global .btn-context .icon,
.m-context-dashboard .btn-context .icon {
  float: right;
  color: #8f8f8f;
}
.m-context-global.m-setting-item,
.m-context-dashboard.m-setting-item {
  padding-bottom: 0;
}

.m-item-title .m-choice-align .dsc-col-4 .item {
  border-right-width: 0;
  border-left-width: 0;
}
.m-item-title .m-choice-align .dsc-col-4:last-child .item {
  border-right-width: 1px;
}
.m-item-title .m-choice-align .item {
  margin: 0;
}
.m-item-title .m-choice-align .item.selected {
  border-color: #e8e8f0;
  color: var(--color-primary);
  box-shadow: none;
}
.m-item-title .m-choice-align .item:hover {
  border-color: #e8e8f0;
  box-shadow: none;
}
.m-item-title .m-choice-align .side {
  width: 36%;
  height: 28px;
  line-height: 28px;
  margin: 0;
  padding-left: 8px;
  border-width: 1px 0 1px 1px;
  border-color: #e8e8f0;
  border-style: solid;
  background-color: #fff;
}
.m-item-title .m-choice-align.m-choice-align-horizontal .dsc-col:first-child .item, .m-item-title .m-choice-align.m-choice-align-vertical .dsc-col:first-child .item {
  border-left-width: 1px;
}
.m-item-title .m-setting-border .line {
  line-height: 28px;
  margin-bottom: 0;
}

.m-position .line {
  margin: 8px 0;
}
.m-position .dsc-col-3 .item,
.m-position .dsc-col-2 .item {
  border-right-width: 0;
  border-left-width: 0;
  margin: 0;
}
.m-position .dsc-col-3 .item.selected,
.m-position .dsc-col-2 .item.selected {
  border-color: #e8e8f0;
  color: var(--color-primary);
  box-shadow: none;
}
.m-position .dsc-col-3 .item:hover,
.m-position .dsc-col-2 .item:hover {
  border-color: #e8e8f0;
  box-shadow: none;
}
.m-position .dsc-col-3:last-child .item,
.m-position .dsc-col-2:last-child .item {
  border-right-width: 1px;
}
.m-position .side {
  width: 36%;
  height: 28px;
  line-height: 28px;
  margin: 0;
  padding-left: 8px;
  border-width: 1px 0 1px 1px;
  border-color: #e8e8f0;
  border-style: solid;
  background-color: #fff;
}

.m-position-tab .line,
.m-direction .line {
  margin: 8px 0;
  border: 1px solid #e8e8f0;
}
.m-position-tab .dsc-choice,
.m-direction .dsc-choice {
  background: #fff;
}
.m-position-tab .dsc-col .item,
.m-direction .dsc-col .item {
  border: 0;
  margin: 0;
}
.m-position-tab .dsc-col .item.selected,
.m-direction .dsc-col .item.selected {
  color: var(--color-primary);
}
.m-position-tab .dsc-col .item.selected, .m-position-tab .dsc-col .item:hover,
.m-direction .dsc-col .item.selected,
.m-direction .dsc-col .item:hover {
  border: 0;
  box-shadow: none;
}
.m-position-tab .side,
.m-direction .side {
  width: 45%;
  height: 28px;
  line-height: 28px;
  margin: 0;
  padding-left: 8px;
  border: 0;
}

.m-graphic-area:before, .m-setting-numInput:before, .m-indicator-value:before, .m-setting-palette:before, .m-setting-thead:before,
.m-setting-tbody:before, .m-graphic-area:after, .m-setting-numInput:after, .m-indicator-value:after, .m-setting-palette:after, .m-setting-thead:after,
.m-setting-tbody:after {
  display: table;
  content: " ";
}
.m-graphic-area:after, .m-setting-numInput:after, .m-indicator-value:after, .m-setting-palette:after, .m-setting-thead:after,
.m-setting-tbody:after {
  clear: both;
}
.m-graphic-area .dsc-col-txt, .m-setting-numInput .dsc-col-txt, .m-indicator-value .dsc-col-txt, .m-setting-palette .dsc-col-txt, .m-setting-thead .dsc-col-txt,
.m-setting-tbody .dsc-col-txt {
  height: 28px;
  line-height: 28px;
}
.m-graphic-area .m-font .line:first-child, .m-setting-numInput .m-font .line:first-child, .m-indicator-value .m-font .line:first-child, .m-setting-palette .m-font .line:first-child, .m-setting-thead .m-font .line:first-child,
.m-setting-tbody .m-font .line:first-child {
  margin-bottom: 0;
}
.m-graphic-area .line, .m-setting-numInput .line, .m-indicator-value .line, .m-setting-palette .line, .m-setting-thead .line,
.m-setting-tbody .line {
  margin: 8px 0;
}
.m-graphic-area .half-width, .m-setting-numInput .half-width, .m-indicator-value .half-width, .m-setting-palette .half-width, .m-setting-thead .half-width,
.m-setting-tbody .half-width {
  float: left;
  width: 50%;
  margin-top: 8px;
}
.m-graphic-area .half-width .main, .m-setting-numInput .half-width .main, .m-indicator-value .half-width .main, .m-setting-palette .half-width .main, .m-setting-thead .half-width .main,
.m-setting-tbody .half-width .main {
  width: 22px;
}

.m-setting-thead .m-font .line:first-child,
.m-setting-tbody .m-font .line:first-child {
  margin: 0;
}

.m-setting-palette .half-width {
  margin: 0 0 8px 0;
}
.m-setting-palette .half-width.m-setting-color + .m-setting-color.half-width:nth-child(2) {
  margin-top: 0;
}

.m-indicator-value .m-setting-size {
  clear: both;
}
.m-indicator-value .m-dropdown-label .main {
  width: 100px;
}
.m-indicator-value .m-dropdown-label .main .btn-dropdown {
  padding-left: 0;
}
.m-indicator-value .m-setting-weight {
  float: left;
  clear: unset;
  margin-right: 8px;
}
.m-indicator-value .m-setting-font-size {
  width: calc(100% - 72px);
  padding: unset;
}
.m-indicator-value .m-setting-font-size.half-width {
  width: 50%;
  padding-left: 4px;
}
.m-indicator-value .m-setting-family {
  width: 100%;
  padding-left: unset;
}
.m-indicator-value.indicator-compareValue .m-setting-font-size {
  width: calc(100% - 36px);
  padding: unset;
}
.m-indicator-value.indicator-compareValue .m-indicator-prefix-font-size-wrapper .m-setting-font-size {
  width: 100%;
}

.m-indicator-compareName .m-font-color {
  margin-top: 0;
  margin-bottom: 0;
}
.m-indicator-compareName .m-setting-weight {
  float: left;
  clear: unset;
  margin-left: 8px;
  margin-right: 8px;
}
.m-indicator-compareName .m-setting-font-size {
  width: calc(100% - 72px);
  padding: unset;
  float: left;
}

.m-graphic-area .m-setting-color.half-width + .m-setting-color, .m-setting-numInput .m-setting-color.half-width + .m-setting-color, .m-setting-thead .m-setting-color.half-width + .m-setting-color,
.m-setting-tbody .m-setting-color.half-width + .m-setting-color, .m-setting-palette .m-setting-color.half-width + .m-setting-color, .m-indicator-value .m-setting-color.half-width + .m-setting-color {
  margin-top: 44px;
}
.m-graphic-area .m-setting-color.half-width + .m-setting-color.half-width, .m-setting-numInput .m-setting-color.half-width + .m-setting-color.half-width, .m-setting-thead .m-setting-color.half-width + .m-setting-color.half-width,
.m-setting-tbody .m-setting-color.half-width + .m-setting-color.half-width, .m-setting-palette .m-setting-color.half-width + .m-setting-color.half-width, .m-indicator-value .m-setting-color.half-width + .m-setting-color.half-width {
  margin-top: 8px;
}

.m-setting-numInput .side {
  width: 50%;
  height: 28px;
  line-height: 28px;
  margin-right: 4px;
}

.m-level-pill {
  background-color: #fff;
  border: 1px solid #e8e8f0;
  cursor: move;
  margin-bottom: 8px;
}
.m-level-pill .pill {
  height: 28px;
  line-height: 28px;
  text-indent: 16px;
  overflow: hidden;
  word-wrap: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.m-level-pill .pill:first-child {
  background-color: #4a90e2;
  color: #fff;
}

.m-modal-convert .m-convert-title {
  height: 28px;
  line-height: 28px;
  margin-bottom: 10px;
}
.m-modal-convert .m-convert-input {
  height: 28px;
  line-height: 28px;
  margin-bottom: 10px;
}
.m-modal-convert .u-input {
  float: right;
  width: 160px;
}
.m-modal-convert label {
  height: 28px;
  line-height: 28px;
  float: left;
}
.m-modal-convert .select {
  display: inline-block;
  width: 130px;
  margin: 0 10px;
}

.m-modal-rename .u-txtwrap {
  vertical-align: middle;
}
.m-modal-rename .m-rich-input {
  height: 32px;
  line-height: 22px;
}

.m-modal-show-mirror .operation {
  overflow: auto;
  margin: -20px 0 15px;
}
.m-modal-show-mirror .m-search {
  float: right;
  width: 240px;
}
.m-modal-show-mirror .m-table {
  height: 427px;
}
.m-modal-show-mirror .m-table td {
  padding: 10px 16px;
  max-width: 200px;
  font-size: 12px;
}
.m-modal-show-mirror .m-table.fixed .thead th {
  font-size: 12px;
  font-weight: normal;
  border-color: #ccc;
}
.m-modal-show-mirror .m-table.fixed .thead tr {
  background-color: #f5f5f5;
}
.m-modal-show-mirror .m-table .cicon {
  color: #09f;
}

.m-modal-report-delete.hasMirrorReport .checkMirrorReport {
  color: var(--color-primary);
  cursor: pointer;
}

.m-window-modal-modelRelation .window .winbd {
  padding: 20px 20px 20px 0;
}

.m-pannel {
  margin: 0 0 6px;
  color: #666;
  background-color: #fff;
  border: 1px solid #e8e8f0;
  border-width: 0px 1px 1px 0;
}
.m-pannel .u-item {
  margin-top: 5px;
}
.m-pannel h5 {
  position: relative;
  height: 20px;
  line-height: 20px;
  cursor: pointer;
  font-size: 12px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.m-pannel .bd .u-alert {
  margin-top: 3px;
  border-color: transparent;
}
.m-pannel-filter {
  border-top: none;
}
.m-pannel .u-filter {
  left: -9px;
  right: -9px;
}
.m-pannel.z-close {
  padding-bottom: 5px;
}
.m-pannel.z-close .bd {
  display: none;
}
.m-pannel.z-close h5:after {
  background-color: transparent;
}
.m-pannel-mark h5 .u-icn {
  width: 12px;
  font-size: 14px;
}
.m-pannel-mark h5:hover .u-icn {
  color: #7ab2e5;
}
.m-pannel-mark .u-icn.u-icn-automatic {
  position: relative;
  top: -2px;
}
.m-pannel-mark.z-on h5 .u-icn, .m-pannel-mark:active h5 .u-icn {
  color: #4f99dd;
}
.m-pannel-mark h5:after {
  content: "";
  display: none;
}
.m-pannel-measure {
  position: relative;
}
.m-pannel-measure i.u-check {
  border: 1px solid #e8e8f0;
  top: 10px;
  left: 12px;
  width: 13px;
  height: 13px;
  font-size: 14px;
  position: absolute;
  z-index: 10;
}
.m-pannel-measure i.u-check:hover {
  border-color: #aaa;
}
.m-pannel-measure .m-search {
  margin-top: -32px;
  opacity: 0;
  z-index: -1;
  transition: opacity 0.3s ease-in;
}
.m-pannel-measure .m-search.active {
  margin-top: 0;
  opacity: 1;
  z-index: 1;
}
.m-pannel-measure .btn-sort,
.m-pannel-measure .btn-search {
  position: absolute;
  right: 0;
  top: -16px;
  padding-left: 16px;
}
.m-pannel-measure .btn-sort {
  right: 32px;
}
.m-pannel-measure .u-menu-msort {
  display: block;
  top: 0;
  z-index: 100;
  right: 0px;
  left: auto;
}
.m-pannel-measure .u-menu-msort li {
  padding: 2px 24px 2px 28px;
}
.m-pannel-measure .u-menu-msort li:before {
  line-height: 28px;
  color: #13c3a9;
}
.m-pannel-measure .u-menu-msort li .u-icn-check {
  position: absolute;
  left: 0;
  line-height: 28px;
}
.m-pannel-measure .checkall {
  position: relative;
  margin: 0;
  list-style: none;
  padding-left: 24px;
  cursor: pointer;
}
.m-pannel-measure .checkall:hover .u-check {
  border-color: #8dd9cb;
}
.m-pannel-measure .checkall:active {
  color: rgba(64, 192, 168, 0.7);
}
.m-pannel-measure .checkall i.u-icn-check {
  border: 1px solid #eee;
  top: -2px;
  left: 4px;
  width: 14px;
  height: 14px;
}

.m-pgroup .m-pannel {
  margin-bottom: 0px;
  padding-bottom: 0px;
  background-color: #f6f6f6;
}
.m-pgroup .m-pannel .bd {
  transition: opacity 0.3s ease-in;
  max-height: 0px;
  padding-bottom: 0px;
  opacity: 0;
}
.m-pgroup .m-pannel:hover {
  background-color: #f8f8f8;
}
.m-pgroup .m-pannel:hover h5:after {
  background-color: #bed9f3;
  border: none;
}
.m-pgroup .m-pannel:active {
  background-color: #efefef;
}
.m-pgroup .m-pannel:first-child {
  border-top: 1px solid #e8e8f0;
}
.m-pgroup .m-pannel.z-on {
  background-color: #fff;
}
.m-pgroup .m-pannel.z-on .bd {
  max-height: 540px;
  opacity: 1;
  padding-bottom: 8px;
}
.m-pgroup .m-pannel.z-on h5 .u-icn {
  color: #4f99dd;
}

.axis-format-overlay .u-overlay-blank {
  border: none;
}
.axis-format-overlay .type {
  border-right: none;
}
.axis-format-overlay .config {
  margin: 0;
}

.m-dashbox:hover .m-graphic-toolbar ul.more .hidden,
.m-dashbox-actionbutton-show .m-graphic-toolbar ul.more .hidden,
.m-dashbox-mouseover .m-graphic-toolbar ul.more .hidden,
.m-dashbox-tab .m-dashbox:hover .m-graphic-toolbar ul.more .hidden,
.m-dashbox-tab .m-dashbox-actionbutton-show .m-graphic-toolbar .m-dashbox-tab .m-dashbox.m-dashbox-mouseover .m-graphic-toolbar ul.more .hidden {
  visibility: inherit;
}
.m-dashbox:hover .m-graphic-toolbar ul.more .active,
.m-dashbox-actionbutton-show .m-graphic-toolbar ul.more .active,
.m-dashbox-mouseover .m-graphic-toolbar ul.more .active,
.m-dashbox-tab .m-dashbox:hover .m-graphic-toolbar ul.more .active,
.m-dashbox-tab .m-dashbox-actionbutton-show .m-graphic-toolbar .m-dashbox-tab .m-dashbox.m-dashbox-mouseover .m-graphic-toolbar ul.more .active {
  color: var(--color-primary);
}
.m-dashbox:hover .m-graphic-toolbar .load-full-data,
.m-dashbox:hover .m-graphic-toolbar .focusdown,
.m-dashbox:hover .m-graphic-toolbar .indicator,
.m-dashbox-actionbutton-show .m-graphic-toolbar .load-full-data,
.m-dashbox-actionbutton-show .m-graphic-toolbar .focusdown,
.m-dashbox-actionbutton-show .m-graphic-toolbar .indicator,
.m-dashbox-mouseover .m-graphic-toolbar .load-full-data,
.m-dashbox-mouseover .m-graphic-toolbar .focusdown,
.m-dashbox-mouseover .m-graphic-toolbar .indicator,
.m-dashbox-tab .m-dashbox:hover .m-graphic-toolbar .load-full-data,
.m-dashbox-tab .m-dashbox:hover .m-graphic-toolbar .focusdown,
.m-dashbox-tab .m-dashbox:hover .m-graphic-toolbar .indicator,
.m-dashbox-tab .m-dashbox-actionbutton-show .m-graphic-toolbar .m-dashbox-tab .m-dashbox.m-dashbox-mouseover .m-graphic-toolbar .load-full-data,
.m-dashbox-tab .m-dashbox-actionbutton-show .m-graphic-toolbar .m-dashbox-tab .m-dashbox.m-dashbox-mouseover .m-graphic-toolbar .focusdown,
.m-dashbox-tab .m-dashbox-actionbutton-show .m-graphic-toolbar .m-dashbox-tab .m-dashbox.m-dashbox-mouseover .m-graphic-toolbar .indicator {
  display: block;
}

.m-dashbox-tab:hover .m-graphic-toolbar ul.more .hidden {
  visibility: hidden;
}
.m-dashbox-tab:hover .m-graphic-toolbar .load-full-data,
.m-dashbox-tab:hover .m-graphic-toolbar .focusdown,
.m-dashbox-tab:hover .m-graphic-toolbar .indicator {
  display: none;
}

.m-graphic-toolbar {
  position: absolute;
  right: 8px;
  top: 8px;
  z-index: 8;
}
.m-graphic-toolbar .toolbar-btn, .m-graphic-toolbar ul.more li {
  height: 24px;
  line-height: 22px;
  border: 1px solid transparent;
  border-radius: 2px;
  text-align: center;
  color: #333;
  background-color: #f9fafb;
  box-shadow: 0 0 0 1px rgba(63, 63, 68, 0.07), 0 1px 3px 0 rgba(63, 63, 68, 0.12);
  cursor: pointer;
}
.m-graphic-toolbar .u-btn-w, .m-graphic-toolbar ul.more li.u-btn-w {
  width: inherit;
  padding: 0 8px;
}
.m-graphic-toolbar ul.more {
  float: left;
}
.m-graphic-toolbar ul.more .hidden {
  visibility: hidden;
}
.m-graphic-toolbar ul.more .z-disabled {
  cursor: not-allowed;
  color: #ccc;
}
.m-graphic-toolbar ul.more.noDisappear {
  display: block;
}
.m-graphic-toolbar ul.more.z-hover .hidden {
  visibility: inherit;
}
.m-graphic-toolbar ul.more .u-load {
  margin: 1px auto;
  width: 20px;
  height: 20px;
  background-size: contain;
}
.m-graphic-toolbar ul.more li {
  float: left;
  width: 24px;
  height: 24px;
}
.m-graphic-toolbar ul.more li .u-icn-analysis {
  font-size: 16px;
}
.m-graphic-toolbar ul.more li + .opts {
  margin-left: 4px;
}
.m-graphic-toolbar ul.more li .u-icn-refresh {
  font-size: 21px;
}
.m-graphic-toolbar ul.more li.export {
  width: 70px;
}
.m-graphic-toolbar ul.more li .u-icn-collapse-m {
  margin-top: 1px;
}
.m-graphic-toolbar .load-full-data,
.m-graphic-toolbar .indicator {
  display: none;
  float: left;
  margin-right: 8px;
}
.m-graphic-toolbar .focusdown,
.m-graphic-toolbar .zip {
  float: left;
  height: 24px;
  line-height: 24px;
  margin-right: 4px;
  display: none;
  font-size: 16px;
}
.m-graphic-toolbar .focusdown.noDisappear,
.m-graphic-toolbar .zip.noDisappear {
  display: block;
}
.m-graphic-toolbar .focusdown span,
.m-graphic-toolbar .zip span {
  display: block;
  float: left;
}
.m-graphic-toolbar .focusdown .up,
.m-graphic-toolbar .focusdown .down,
.m-graphic-toolbar .zip .up,
.m-graphic-toolbar .zip .down {
  width: 24px;
  height: 24px;
  text-align: center;
  background-color: #f9fafb;
  border-radius: 2px;
  box-shadow: 0 0 0 1px rgba(63, 63, 68, 0.07), 0 1px 3px 0 rgba(63, 63, 68, 0.12);
}
.m-graphic-toolbar .focusdown .up,
.m-graphic-toolbar .zip .up {
  float: left;
  margin-left: 4px;
  cursor: pointer;
}
.m-graphic-toolbar .focusdown .u-icn-undo,
.m-graphic-toolbar .zip .u-icn-undo {
  font-size: 16px;
}
.m-graphic-toolbar .focusdown .active,
.m-graphic-toolbar .zip .active {
  display: none;
  color: var(--color-primary);
}
.m-graphic-toolbar .focusdown .on,
.m-graphic-toolbar .zip .on {
  float: left;
}
.m-graphic-toolbar .focusdown .on .active,
.m-graphic-toolbar .zip .on .active {
  display: block;
}
.m-graphic-toolbar .focusdown .on .inactive,
.m-graphic-toolbar .zip .on .inactive {
  display: none;
}
.m-graphic-toolbar .focusdown .with-up-button,
.m-graphic-toolbar .zip .with-up-button {
  float: left;
}
.m-graphic-toolbar .u-menu {
  position: absolute;
  display: block;
  z-index: 100;
}
.m-graphic-toolbar .u-menu li {
  width: 100%;
}
.m-graphic-toolbar .m-analysis-tip {
  position: absolute;
  white-space: nowrap;
}
.m-graphic-toolbar .m-analysis-tip.top {
  right: 40px;
  bottom: 80%;
  transform: translate(50%, -50%);
}
.m-graphic-toolbar .m-analysis-tip.top .u-arrow {
  top: auto;
  bottom: -4px;
}
.m-graphic-toolbar .m-analysis-tip.right {
  right: 36px;
  top: -4px;
}
.m-graphic-toolbar .m-analysis-tip.right .u-arrow {
  left: auto;
  right: -4px;
  top: 50%;
}
.m-graphic-toolbar .m-analysis-tip .tip {
  padding: 0 4px;
  border: 1px solid #f7c424;
  background: #fbfaf3;
  color: #f7c424;
}
.m-graphic-toolbar .m-analysis-tip .u-arrow {
  background: #fbfaf3;
  border-color: #f7c424;
}
.m-graphic-toolbar .m-analysis-tip .close,
.m-graphic-toolbar .m-analysis-tip .close:hover {
  color: #f7c424;
}
.m-graphic-toolbar .u-btn {
  height: 24px;
  line-height: 24px;
  color: #333;
}
.m-graphic-toolbar-easyfetch ul.more li {
  box-sizing: border-box;
}
.m-graphic-toolbar-easyfetch ul.more li.save {
  width: 50px;
}
.m-graphic-toolbar-easyfetch ul.more li.gen {
  width: 110px;
}
.m-graphic-toolbar-easyfetch ul.more li .down {
  left: auto;
}
.m-graphic-toolbar-easyfetch ul.more li.z-dis {
  background: #ececec;
  color: #ccc;
  cursor: not-allowed;
}
.m-graphic-toolbar-easyfetch ul.more li.u-btn-primary {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
  color: #fff;
}
.m-graphic-toolbar.mobile {
  right: 10px;
}
.m-graphic-toolbar.mobile .focusdown,
.m-graphic-toolbar.mobile .zip {
  display: block;
  height: 24px;
  line-height: 24px;
  font-size: 18px;
}
.m-graphic-toolbar.mobile .focusdown .down,
.m-graphic-toolbar.mobile .focusdown .up,
.m-graphic-toolbar.mobile .zip .down,
.m-graphic-toolbar.mobile .zip .up {
  background: #fff;
}
.m-graphic-toolbar.mobile .focusdown .down .inactive,
.m-graphic-toolbar.mobile .focusdown .up .inactive,
.m-graphic-toolbar.mobile .zip .down .inactive,
.m-graphic-toolbar.mobile .zip .up .inactive {
  color: #2c3240;
}
.m-graphic-toolbar.mobile .focusdown .down .active,
.m-graphic-toolbar.mobile .focusdown .up .active,
.m-graphic-toolbar.mobile .zip .down .active,
.m-graphic-toolbar.mobile .zip .up .active {
  color: #1a85ff;
}

.m-dashbox .u-delete-mobile-layout {
  display: none;
  position: absolute;
  z-index: 10;
  top: 8px;
  right: 8px;
  width: 24px;
  height: 24px;
  background: #f9fafb;
  border: 1px solid #e8e8ea;
  border-radius: 2px;
  background: #fff;
  box-sizing: border-box;
  cursor: pointer;
}
.m-dashbox .u-delete-mobile-layout:before, .m-dashbox .u-delete-mobile-layout:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-45deg);
  background: #40454b;
  border-radius: 2px;
}
.m-dashbox .u-delete-mobile-layout:before {
  width: 2px;
  height: 13px;
}
.m-dashbox .u-delete-mobile-layout:after {
  width: 13px;
  height: 2px;
}
.m-dashbox:hover .u-delete-mobile-layout, .m-dashbox-mouseover .u-delete-mobile-layout {
  display: block;
}
.m-dashbox:hover .m-dashbox .u-delete-mobile-layout, .m-dashbox-mouseover .m-dashbox .u-delete-mobile-layout {
  display: none;
}
.m-dashbox .placeholder-helper-text {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: 10px;
  transform: translateX(-50%);
  z-index: 10;
  color: #c0c0ca;
  text-align: center;
  width: 70%;
  line-height: 1.5;
  overflow: hidden; /* Hide overflow */
  text-overflow: ellipsis; /* Show ellipsis */
  display: -webkit-box; /* Use flexbox */
  -webkit-box-orient: vertical; /* Vertical orientation */
  -webkit-line-clamp: 2; /* Limit to 2 lines */
}

.m-wtable {
  height: auto;
  transition: opacity 1.5s;
  opacity: 1;
  position: relative;
}
.m-wtable .trow:before, .m-wtable .trow:after {
  display: table;
  content: " ";
}
.m-wtable .trow:after {
  clear: both;
}
.m-wtable .th {
  float: left;
  margin-left: -1px;
  font-weight: bold;
  background-color: #f7f7f7;
  cursor: pointer;
}
.m-wtable .th:hover {
  background-color: white;
}
.m-wtable .th:active {
  background-color: #edf9f7;
}
.m-wtable .th:first-child {
  margin-left: 0px;
}
.m-wtable .th {
  border: 1px solid #efefef;
  height: 32px;
  line-height: 32px;
}
.m-wtable .u-icn {
  width: 18px !important;
}
.m-wtable .u-icn.after {
  font-weight: bold;
  color: #999;
}
.m-wtable .u-icn-geo {
  font-size: 12px;
}
.m-wtable .u-icn-decimal,
.m-wtable .u-icn-whole {
  font-size: 14px;
}
.m-wtable .u-icn-string {
  position: relative;
  top: 2px;
  font-size: 12px;
}
.m-wtable tr:nth-child(even) td {
  background-color: #f9f9f9;
}
.m-wtable td,
.m-wtable .th {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 12px;
}
.m-wtable .tbody {
  margin-top: -32px;
}
.m-wtable .tbody thead {
  opacity: 0;
}
.m-wtable .wtable_container {
  margin-top: 32px;
}
.m-wtable .thead {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.m-wtable .thead .z-hidden {
  opacity: 0;
  transition: opacity 0.5s;
}

.m-sheet-table .window .winbd {
  padding: 0;
}
.m-sheet-table .u-btn-copy-data {
  border: 1px solid var(--color-primary);
  color: var(--color-primary);
  margin-left: 20px;
}
.m-sheet-table .m-widetable .thead {
  text-align: center;
}
.m-sheet-table .m-widetable .at-right {
  text-align: right;
}
.m-sheet-table .m-widetable .wtable_container {
  max-height: calc(80vh - 64px);
}
.m-sheet-table .m-widetable td {
  white-space: pre-wrap;
  word-wrap: break-word;
  word-break: break-all;
}
.m-sheet-table .m-empty.size-small {
  margin-top: 0;
}
.m-sheet-table .u-msg {
  margin-top: 0;
}
.m-sheet-table.chartBoard .window {
  position: absolute;
  left: 10px;
  right: 10px;
  width: initial !important;
}
.m-sheet-table.chartBoard .winbd {
  max-height: 100%;
}

.m-widetable {
  position: relative;
  overflow: hidden;
}
.m-widetable .table {
  table-layout: fixed;
  min-width: 100%;
  white-space: nowrap;
}
.m-widetable .table-1 {
  margin-top: 34px;
}
.m-widetable th,
.m-widetable td {
  padding: 0 12px;
  height: 30px;
  line-height: 30px;
  border: 1px solid #efefef;
}
.m-widetable th.z-sel,
.m-widetable td.z-sel {
  position: relative;
}
.m-widetable th.z-sel:after,
.m-widetable td.z-sel:after {
  position: absolute;
  top: -1px;
  bottom: -1px;
  bottom: 0px \9 ;
  left: -1px;
  border-left: 1px solid #4a91e3;
  content: "";
}
.m-widetable td {
  white-space: pre-wrap;
  word-wrap: break-word;
  word-break: break-all;
}
.m-widetable .table-title {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  color: #666;
  padding: 0 12px;
}
.m-widetable .table-title .icon {
  padding-left: 10px;
  cursor: pointer;
  color: #1c1e25;
  display: inline-block;
}
.m-widetable .table-title .icon.active {
  color: var(--color-primary);
}
.m-widetable .table-title .loading {
  position: absolute;
  top: 1px;
  left: 104px;
}
.m-widetable .table-title .cache {
  font-size: 12px;
  display: inline-block;
  color: #686e86;
}
.m-widetable .table-filter-wrap {
  position: absolute;
  right: 14px;
  top: 0;
  height: 30px;
  line-height: 30px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  pointer-events: none;
}
.m-widetable .table-filter {
  pointer-events: all;
  display: inline-block;
  cursor: pointer;
  padding: 0 12px;
  color: #103ffa;
}
.m-widetable .table-filter:hover {
  color: #385ffb;
}
.m-widetable .table-filter:active {
  color: #0533ec;
}
.m-widetable .table-filter-search {
  padding: 0;
}
.m-widetable .table-filter .error {
  color: #ff0000;
}
.m-widetable .table-btn {
  height: 24px;
  line-height: 20px;
  font-size: 12px;
  position: absolute;
  right: 10px;
  margin: 5px 0;
}
.m-widetable .z-hide {
  display: none;
}
.m-widetable .wcont {
  margin-top: 30px;
}
.m-widetable .wrap {
  min-width: 100px;
  width: 175px;
  height: 30px;
  cursor: pointer;
}
.m-widetable .txt-wrap {
  min-width: 10px;
  width: 30px;
}
.m-widetable .wrap,
.m-widetable .txt-wrap {
  position: relative;
}
.m-widetable .wrap .hr,
.m-widetable .txt-wrap .hr {
  width: 3px;
  height: 30px;
  border: none;
  cursor: col-resize;
  position: absolute;
  top: 0;
  right: -20px;
}
.m-widetable .txt-order {
  width: 50px;
}
.m-widetable table .txt {
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 168px;
  white-space: nowrap;
}
.m-widetable .table-area .menu {
  float: right;
  position: relative;
}
.m-widetable .table-area .menu > i {
  display: inline-block;
  cursor: pointer;
  padding: 5px 5px 5px 25px;
  line-height: 6px;
  vertical-align: middle;
}
.m-widetable .table-area .menu > i:after {
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid dashed;
  border-width: 6px 3px 0;
  border-color: #999 transparent transparent;
  content: "";
}
.m-widetable .table-area .menu:hover .u-menu {
  display: block;
}
.m-widetable .menu-left {
  float: left;
  position: relative;
}
.m-widetable .menu-left > i {
  display: inline-block;
  cursor: default;
  padding: 5px 10px 5px 0px;
  line-height: 6px;
  vertical-align: middle;
}
.m-widetable .menu-left .hov {
  cursor: pointer;
}
.m-widetable .menu-left:hover .u-menu {
  display: block;
}
.m-widetable .menu-left .u-menu-left {
  margin-left: -18px;
  color: #333;
  font-size: 14px;
  z-index: 10;
}
.m-widetable .menu-left .u-menu-left .u-icn {
  margin-bottom: 5px;
}
.m-widetable .menu-left .z-dis {
  color: #ccc;
}
.m-widetable .menu-left .z-dis:hover {
  background-color: #fff;
  cursor: default;
}
.m-widetable .z-sel .menu > i {
  display: inline-block;
  cursor: pointer;
  padding: 5px 5px 5px 25px;
  line-height: 6px;
  vertical-align: middle;
}
.m-widetable .z-sel .menu > i:after {
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid dashed;
  border-width: 6px 3px 0;
  border-color: #fff transparent transparent;
  content: "";
}
.m-widetable .refresh {
  position: absolute;
  top: 50%;
  left: 50%;
  text-align: center;
  margin-left: -98px;
  margin-top: -40px;
}
.m-widetable .refresh .tip {
  margin: 10px 0;
}
.m-widetable th {
  background: #fff;
}
.m-widetable th .wrap > .u-icn {
  float: left;
  margin-right: 10px;
  line-height: inherit;
  color: #00a28a;
}
.m-widetable th .wrap .menu {
  float: right;
}
.m-widetable th .wrap .txt {
  width: auto;
}
.m-widetable th.z-sel {
  background: #4a91e3;
  color: #fff;
  border-color: #4a91e3;
  z-index: 2;
}
.m-widetable th.z-sel .u-icn {
  color: #fff;
}
.m-widetable th.z-sel .menu {
  color: #333;
}
.m-widetable th.z-sel .menu .u-icn {
  color: #333;
}
.m-widetable td.z-sel {
  border-right-color: #4a91e3;
}
.m-widetable tbody tr:last-child td.z-sel {
  border-bottom-color: #4a91e3;
}
.m-widetable tbody tr:nth-child(odd) {
  background: #f5f5f5;
}
.m-widetable tbody tr:nth-child(even) {
  background: #fff;
}
.m-widetable .u-load {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -30px;
  margin-top: -30px;
}
.m-widetable .table-area {
  overflow-x: auto;
  overflow-anchor: none;
  position: absolute;
  z-index: 1;
  width: 100%;
  transform: translate(0, 100%);
  background: #fff;
  opacity: 1;
  transition: transform 0.3s ease-in-out;
}
.m-widetable .table-area.visualshow {
  transform: translate(0, 0);
}
.z-headless.z-global-nav-visible .m-widetable .table-area.visualshow {
  top: 0;
}
.m-widetable .table-area.z-loading {
  overflow-y: hidden;
}
.m-widetable .table-area .z-ignore {
  display: none;
}
.m-widetable .t-load {
  position: absolute;
  top: 55px;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  z-index: 11;
}
.m-widetable .view-area {
  opacity: 1;
  transition: opacity 0.2s linear;
  z-index: 10;
}
.m-widetable .view-area.visualhidden {
  opacity: 0;
  z-index: 0;
}
.m-widetable .view-area .area {
  float: left;
  width: calc(50% - 20px);
  border: 1px solid #ebf0f5;
  border-radius: 4px;
  margin: 13px;
}
.m-widetable .view-area .area:last-child {
  margin-left: 0;
}
.m-widetable .view-area .m-nav4 {
  width: 100%;
  height: 100%;
}
.m-widetable .view-area .menu-dataType {
  left: 25px;
  top: 20px;
  right: 0;
}
.m-widetable .view-area .menu-dataType .z-dis {
  color: #ccc;
  cursor: default;
}
.m-widetable .view-area .menu-ignore {
  display: none;
  position: absolute;
  right: 30px;
  top: 10px;
  cursor: pointer;
}
.m-widetable .view-area .u-bitem.z-ignore .menu-ignore {
  color: #666;
}
.m-widetable .view-area .u-bitem.z-ignore .menu > i:after {
  border-color: #666 transparent transparent;
}
.m-widetable .view-area .u-bitem.z-ignore .txt b {
  color: #bbb;
  text-decoration: line-through;
}
.m-widetable .view-area .u-bitem.z-hidden {
  display: none;
}
.m-widetable .view-area .u-bitem:hover .menu-ignore {
  display: block;
}
.m-widetable .view-area .head {
  border: 0;
  border-bottom: 1px solid #ebf0f5;
  background: #f9fafb;
  border-radius: 4px 4px 0 0;
  color: #333;
}
.m-widetable .view-area .head .opt {
  position: absolute;
  right: 0;
  top: -1px;
}
.m-widetable .view-area .head .opt .u-link {
  margin: 0 6px;
  color: var(--color-primary);
  cursor: pointer;
  vertical-align: middle;
}
.m-widetable .view-area .head .opt .u-link:last-child {
  margin-right: 8px;
}
.m-widetable .view-area .head .opt .u-icn {
  cursor: pointer;
  margin-right: 3px;
}
.m-widetable .view-area .head .opt .map-btn {
  font-size: 14px;
}
.m-widetable .view-area .head .opt-item-wrap {
  display: inline-block;
  margin-left: 5px;
}
.m-widetable .view-area .z-show {
  display: block;
}
.m-widetable .view-area .u-menu {
  z-index: 1;
  width: 100px;
  background: #fff;
  left: inherit;
  top: 22px;
  min-width: 0;
}
.m-widetable .view-area .u-menu-more {
  width: 110px;
  right: 10px;
}
.m-widetable .view-area .m-search {
  display: inline-block;
  width: 170px;
  height: 22px;
  line-height: 22px;
  border-width: 0 1px;
  border-color: #dedede;
  border-style: solid;
  margin: 0;
}
.m-widetable .view-area .m-search input {
  height: 22px;
  line-height: 22px;
}
.m-widetable .view-area .m-search .u-icn-search {
  top: 4px;
}
.m-widetable .view-area .m-search .search {
  height: 22px;
  line-height: 22px;
  border: 0;
}
.m-widetable .view-area .m-search .u-icn-close {
  top: 0;
  right: 0;
}
.m-widetable .view-area .menu-reverse .menu-dataType {
  top: -65px;
}
.m-widetable .view-area .protect {
  position: absolute;
  top: -8px;
  left: 18px;
  color: #ff9800;
  font-size: 12px;
}
.m-widetable .u-partition {
  color: #52c41a;
  background: #f6ffed;
  border: 1px solid #b7eb8f;
  font-size: 12px;
  display: inline-block;
  line-height: 18px;
  height: 20px;
  padding: 0 7px;
  border-radius: 2px;
}
.m-widetable .icn-partition {
  margin-left: 10px;
}

.m-widetable-1 {
  background: #f9f9f9;
  height: 340px;
  overflow: auto;
  overflow-anchor: none;
}
.m-widetable-1 th {
  position: relative;
}
.m-widetable-1 .right-line {
  position: absolute;
  right: 0;
  width: 5px;
  height: 100%;
  background: transparent;
  z-index: 98;
  cursor: e-resize;
  overflow: hidden;
}

.m-window-modal .modal-focusSetting .area {
  min-height: 120px;
  min-width: 400px;
  border: 1px solid #e8e8f0;
  margin-top: 16px;
  padding: 6px;
  border-radius: 2px;
}
.m-window-modal .modal-focusSetting .area.dropable-valid {
  border-color: #1881dc;
}
.m-window-modal .modal-focusSetting .area .u-item {
  float: left;
  margin-right: 4px;
}
.m-window-modal .modal-focusSetting .u-btn-primary {
  position: relative;
  top: -5px;
  float: right;
  background-color: #fff;
  height: 26px;
  color: var(--color-primary);
  line-height: 24px;
}

.m-table {
  overflow: auto;
  text-align: left;
}
.m-table table {
  min-width: 100%;
  table-layout: initial;
}
.m-table thead tr {
  background: #fafafa;
}
.m-table th {
  height: 36px;
  padding: 0 16px;
  border-bottom: 1px solid;
  border-color: #eee #f2f2f2;
  white-space: nowrap;
}
.m-table td {
  padding: 16px;
  line-height: 1.5;
  background-color: inherit;
  border-color: #f8f8f8 #f2f2f2;
  border-bottom: 1px solid #eaeaea;
  overflow: hidden;
  word-wrap: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.m-table tbody tr:hover {
  background: #f5f5f5;
}
.m-table tbody tr.blank:hover {
  background: none;
}
.m-table tbody tr.z-dis {
  color: #9e9e9e;
}
.m-table tbody tr.z-dis .cicon {
  color: #9e9e9e;
}
.m-table-empty-body {
  text-align: center;
}
.m-table .receiver {
  overflow: visible;
  white-space: normal;
}
.m-table .receiver .notUser {
  display: inline-block;
  position: relative;
  cursor: pointer;
}
.m-table .receiver .u-icn {
  margin-right: 3px;
  margin-bottom: -2px;
}
.m-table .receiver .u-icn-list-group {
  color: #4dbd9c;
}
.m-table .receiver .u-icn-role {
  color: #1881dc;
}
.m-table .opt-4 {
  min-width: 120px;
}
.m-table .cicon {
  color: var(--color-primary);
  cursor: pointer;
}
.m-table .cicon-red {
  color: #ff4545;
}
.m-table .cicon-1 {
  cursor: initial;
}
.m-table .cicon + .cicon {
  margin-left: 6px;
}
.m-table .cicon + .cicon-role {
  margin-left: 5px;
}
.m-table .headsort .sort {
  cursor: pointer;
}
.m-table .headsort .sort:hover {
  background-color: #eee;
}
.m-table .headsort .p-lsort {
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-user-select: none;
  user-select: none;
  speak: none;
  margin-left: 4px;
}
.m-table .headsort .u-icn-filter {
  cursor: pointer;
}
.m-table-export th {
  height: 34px;
  padding: 0 16px;
  border: 1px solid #e8e8f0;
  border-width: 1px 0;
  font-size: 12px;
  white-space: nowrap;
}
.m-table-export th .u-icn-search {
  margin-top: 4px;
}
.m-table-export td {
  position: relative;
}
.m-table-export td .u-icn {
  margin: 0 4px;
}
.m-table-export td input[type=checkbox] {
  margin-right: 3px;
}
.m-table-export td .u-icn-delete {
  position: absolute;
  right: 0;
  top: 20px;
}
.m-table-export td .z-warn {
  color: #FFAF0F;
}
.m-table-export td .z-err {
  color: #ed5565;
}
.m-table-export td .z-dis {
  color: #ccc;
  background: #fff;
}
.m-table-export td .z-dis .cicon {
  color: #ccc;
  cursor: default;
}
.m-table-export tr .m-search {
  margin: 0;
}
.m-table-export .scroll {
  position: relative;
  max-height: 350px;
  overflow: auto;
}

.g-mn .m-table-view {
  background: #fff;
}
.g-mn .m-table-view .tabs.main-tab {
  border-bottom: 1px solid #e8e8f0;
}
.g-mn .m-table-view .tabs.main-tab .tab {
  float: left;
  height: 40px;
  line-height: 40px;
  padding: 0 14px;
  text-align: center;
  color: #79809a;
  cursor: pointer;
  font-size: 14px;
}
.g-mn .m-table-view .tabs.main-tab .tab + .tab {
  margin-left: 32px;
}
.g-mn .m-table-view .tabs.main-tab .tab.z-selected {
  color: var(--color-primary);
  border-bottom: 2px solid var(--color-primary);
  font-weight: bold;
}
.g-mn .m-table-view .tabs.main-tab .tab:not(.z-selected):hover {
  color: var(--color-primary-hover);
}
.g-mn .m-table-view .head {
  height: 40px;
  background: #fff;
  border-bottom: 1px solid #e8e8f0;
  padding: 0 30px;
}
.g-mn .m-table-view .head h1 {
  font-size: 16px;
  line-height: 40px;
  color: var(--color-title);
}
.g-mn .m-table-view .u-toggle {
  margin-right: 5px;
  cursor: pointer;
}
.g-mn .m-table-view h2 {
  margin: 30px 0 10px;
  font-size: 14px;
  color: var(--color-title);
}
.g-mn .m-table-view .btns {
  margin: 10px 0 15px;
}
.g-mn .m-table-view .btns .u-btn {
  width: 100px;
}
.g-mn .m-table-view .m-form {
  padding-left: 30px;
}
.g-mn .m-table-view .m-form .red {
  color: red;
}
.g-mn .m-table-view .m-form .phone {
  width: calc(100% - 128px);
}
.g-mn .m-table-view .m-form .invite {
  width: calc(100% - 68px);
}
.g-mn .m-table-view .m-form .u-btn {
  font-size: 14px;
  width: 80px;
}
.g-mn .m-table-view .m-form .u-btn-medium {
  width: 120px;
}
.g-mn .m-table-view .m-form .z-dis,
.g-mn .m-table-view .m-form .z-dis:hover {
  cursor: not-allowed;
  color: #aaa;
  border-color: #eee;
  background: #f5f5f5;
}
.g-mn .m-table-view .m-form .formrow-cntonly:before {
  display: table-cell;
  content: "";
}
.g-mn .m-table-view .m-form .formrow-cntonly .formbtns {
  padding-top: 0;
}
.g-mn .m-table-view .m-form .formbtns {
  padding-top: 40px;
}
.g-mn .m-table-view .m-form .formbtns .u-btn {
  float: left;
}
.g-mn .m-table-view .m-form .formbtns .u-btn + .u-btn {
  margin-left: 20px;
}
.g-mn .m-table-view .m-form-1 .formrow > label {
  padding-bottom: 0;
}
.g-mn .m-table-view .m-form-2 {
  max-width: 580px;
}
.g-mn .m-table-view .m-form-3 {
  margin-top: 30px;
  max-width: 880px;
}
.g-mn .m-table-view .project-name {
  display: block;
  width: 500px;
  overflow: hidden;
  word-wrap: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.g-mn .m-table-view .link {
  text-decoration: underline;
}

.m-blank {
  padding: 200px 0;
  padding-top: calc(50vh - 80px);
  padding-bottom: calc(50vh - 80px);
  text-align: center;
  font-size: 20px;
  color: #999;
}
.z-global-nav-visible.z-headless .m-blank {
  padding-top: calc(50vh - 56px);
}
.z-global-nav-visible.z-headless .m-blank {
  padding-bottom: calc(50vh - 56px);
}
.m-blank .icon,
.m-blank p {
  display: inline-block;
  vertical-align: middle;
}
.m-blank .icon + p {
  margin-left: 20px;
}
.m-blank .icon {
  position: relative;
  width: 40px;
  height: 20px;
  background: #ddd;
}
.m-blank .icon:after {
  content: "";
  position: absolute;
  top: -9px;
  right: 100%;
  margin-right: -1px;
  width: 0;
  height: 0;
  border-style: dashed solid dashed dashed;
  border-width: 19px 20px 19px 0;
  border-color: transparent #ddd transparent;
}
.m-blank .u-icn {
  display: block;
  font-size: 200px;
  color: #ddd;
  width: 100%;
  height: 100%;
}
.m-blank-2 {
  padding-top: calc(50vh - 180px);
  padding-bottom: calc(50vh - 180px);
}
.z-global-nav-visible.z-headless .m-blank-2 {
  padding-top: calc(50vh - 156px);
}
.z-global-nav-visible.z-headless .m-blank-2 {
  padding-bottom: calc(50vh - 156px);
}
.m-blank-2 .u-icn {
  margin-bottom: 10px;
}

.m-guide {
  pointer-events: none;
  position: absolute;
}
.m-guide .circle {
  background: #41c6ff;
  border-radius: 50%;
}
.m-guide .o-circle {
  width: 50px;
  height: 50px;
  opacity: 0.5;
}
.m-guide .i-circle {
  position: absolute;
  top: 12px;
  left: 12px;
  width: 27px;
  height: 27px;
  opacity: 1;
}
.m-guide-circle {
  -webkit-transform: rotate(-60deg);
  transform: rotate(-60deg);
  -webkit-animation: circle 4.5s ease infinite 0.5s;
  animation: circle 4.5s ease infinite 0.5s;
}
.m-guide-x {
  -webkit-animation: straightx 4.5s ease infinite 0.5s;
  animation: straightx 4.5s ease infinite 0.5s;
}
.m-guide-y {
  -webkit-animation: straighty 4.5s ease infinite 0.5s;
  animation: straighty 4.5s ease infinite 0.5s;
}
.m-guide-xy {
  -webkit-animation: straightxy 4.5s ease infinite 0.5s;
  animation: straightxy 4.5s ease infinite 0.5s;
}

@keyframes circle {
  0% {
    opacity: 1;
  }
  15% {
    opacity: 0;
  }
  30% {
    opacity: 1;
    -webkit-transform: rotate(-60deg);
    transform: rotate(-60deg);
  }
  75% {
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg);
    opacity: 0;
  }
}
@keyframes straightx {
  0% {
    opacity: 1;
  }
  15% {
    opacity: 0;
  }
  30% {
    opacity: 1;
    -webkit-transform: translate(0);
    transform: translate(0);
  }
  75% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(200px);
    transform: translate(200px);
    opacity: 0;
  }
}
@keyframes straighty {
  0% {
    opacity: 1;
  }
  15% {
    opacity: 0;
  }
  30% {
    opacity: 1;
    -webkit-transform: translate(0);
    transform: translate(0);
  }
  75% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(0, -200px);
    transform: translate(0, -200px);
    opacity: 0;
  }
}
@keyframes straightxy {
  0% {
    opacity: 1;
  }
  15% {
    opacity: 0;
  }
  30% {
    opacity: 1;
    -webkit-transform: translate(0);
    transform: translate(0);
  }
  75% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(200px, -200px);
    transform: translate(200px, -200px);
    opacity: 0;
  }
}
.m-reloadSetting {
  margin-bottom: 12px;
}
.m-reloadSetting .u-checkbox {
  display: block;
  margin-bottom: 12px;
}

.u-uploader.z-active .holder,
.u-uploader.z-active .body {
  border-color: var(--color-primary-hover);
}

.m-source-connection .g-sd-240, .m-source-model .g-sd-240 {
  left: 200px;
}
.m-source-connection .m-nav2, .m-source-model .m-nav2 {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.m-source-connection .m-nav2 > .m-folders, .m-source-model .m-nav2 > .m-folders {
  flex: 1;
  overflow-y: auto;
}

.m-tools {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 50px;
  line-height: 50px;
  width: 100%;
  background: #e1e1e1;
  text-align: center;
}
.m-tools .u-btn {
  width: 100px;
  letter-spacing: 2px;
}
.m-tools .u-btn.z-dis, .m-tools .u-btn.disabled {
  cursor: not-allowed;
  color: #aaa;
  border-color: #eee;
  background: #f5f5f5;
}
.m-tools .u-btn.savenbtn {
  width: 140px;
}
.m-tools .save-group {
  position: absolute;
  left: 22px;
}

.m-modal-import-connect .import .m-dropSelect-show, .m-modal-import-connect .import .side {
  height: 32px;
  line-height: 32px;
  cursor: initial;
}
.m-modal-import-connect .import .side {
  width: 100px;
  border: 0;
}
.m-modal-import-connect .import .main {
  float: left;
  overflow: initial;
  width: calc(100% - 110px);
}
.m-modal-import-connect .import .u-list-dropdown {
  height: 200px;
}

.m-modal-modify-phone .p-btn-authcode[disabled] {
  background-color: #eee;
  color: #999;
  cursor: not-allowed;
}
.m-modal-modify-phone .z-dis {
  background-color: #eee;
  color: #999;
  cursor: not-allowed;
}
.m-modal-modify-phone .window .winbd {
  padding-top: 40px;
}
.m-modal-modify-phone .winbd .m-form .phone,
.m-modal-modify-phone .winbd .m-form .authcode {
  width: 320px;
}

.m-modal-filter-copy .dashboards {
  height: 320px;
  overflow: auto;
}

.m-compare-widget {
  position: absolute;
  width: 100%;
  margin-top: -50px;
  left: 0;
  top: 0;
}
.m-compare-widget .options-wrapper {
  position: relative;
  width: 42.857%;
  float: left;
  height: 100%;
}
.m-compare-widget .splitter {
  position: absolute;
  width: 14.286%;
  text-align: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.m-compare-widget .splitter + .options-wrapper {
  margin-left: 14.286%;
  float: right;
}
.m-compare-widget .u-dropdown,
.m-compare-widget .u-dropdown > .show {
  width: 100%;
  height: 100%;
}
.m-compare-widget .u-dropdown.disabled .m-dropSelect-show, .m-compare-widget .u-dropdown.disabled .m-modal-import-connect .import .side, .m-modal-import-connect .import .m-compare-widget .u-dropdown.disabled .side {
  height: auto;
}
.m-compare-widget .u-dropdown.disabled .m-dropSelect-show > span, .m-compare-widget .u-dropdown.disabled .m-modal-import-connect .import .side > span, .m-modal-import-connect .import .m-compare-widget .u-dropdown.disabled .side > span {
  color: unset;
}
.m-compare-widget .m-dropSelect-show, .m-compare-widget .m-modal-import-connect .import .side, .m-modal-import-connect .import .m-compare-widget .side {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  padding-top: 3px;
  padding-bottom: 3px;
}
.m-compare-widget .m-dropSelect-show > span, .m-compare-widget .m-modal-import-connect .import .side > span, .m-modal-import-connect .import .m-compare-widget .side > span {
  height: auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  margin-right: 20px;
  transform: translate(0, -50%);
  line-height: normal;
  color: unset;
}
.m-compare-widget .m-dropSelect-show > .u-icn, .m-compare-widget .m-modal-import-connect .import .side > .u-icn, .m-modal-import-connect .import .m-compare-widget .side > .u-icn {
  color: unset;
}
.m-compare-widget .m-dropSelect-show:hover, .m-compare-widget .m-modal-import-connect .import .side:hover, .m-modal-import-connect .import .m-compare-widget .side:hover, .m-compare-widget .m-dropSelect-show:focus, .m-compare-widget .m-modal-import-connect .import .side:focus, .m-modal-import-connect .import .m-compare-widget .side:focus {
  box-shadow: none;
}
.m-compare-widget .m-dropSelect-show > .z-custom-icn, .m-compare-widget .m-modal-import-connect .import .side > .z-custom-icn, .m-modal-import-connect .import .m-compare-widget .side > .z-custom-icn,
.m-compare-widget .m-dropSelect-show > .u-arrow-down,
.m-compare-widget .m-modal-import-connect .import .side > .u-arrow-down,
.m-modal-import-connect .import .m-compare-widget .side > .u-arrow-down {
  border-color: currentColor;
  transform: translate(0, -50%);
}
.m-compare-widget.editing:hover .u-resize, .m-compare-widget.editing.draging .u-resize {
  display: block;
}
.m-compare-widget.editing:hover .u-resize [class^=resize], .m-compare-widget.editing.draging .u-resize [class^=resize] {
  display: block;
  opacity: 0;
}
.m-compare-widget.editing:hover .u-resize .resize-top,
.m-compare-widget.editing:hover .u-resize .resize-bottom, .m-compare-widget.editing.draging .u-resize .resize-top,
.m-compare-widget.editing.draging .u-resize .resize-bottom {
  left: 10px;
  right: 10px;
  width: auto;
}
.m-compare-widget.editing:hover .u-resize .resize-left,
.m-compare-widget.editing:hover .u-resize .resize-right, .m-compare-widget.editing.draging .u-resize .resize-left,
.m-compare-widget.editing.draging .u-resize .resize-right {
  top: 10px;
  bottom: 10px;
  height: auto;
}
.m-compare-widget.disabled {
  cursor: move;
}
.m-compare-widget.disabled .u-dropdown .show {
  border: none;
  color: inherit;
  background-color: inherit;
}
.m-compare-widget.disabled .u-dropdown .show .m-dropSelect-show, .m-compare-widget.disabled .u-dropdown .show .m-modal-import-connect .import .side, .m-modal-import-connect .import .m-compare-widget.disabled .u-dropdown .show .side {
  cursor: move;
}
.m-compare-widget.disabled .u-dropdown .show .m-dropSelect-show .z-custom-icn, .m-compare-widget.disabled .u-dropdown .show .m-modal-import-connect .import .side .z-custom-icn, .m-modal-import-connect .import .m-compare-widget.disabled .u-dropdown .show .side .z-custom-icn,
.m-compare-widget.disabled .u-dropdown .show .m-dropSelect-show .u-arrow-down,
.m-compare-widget.disabled .u-dropdown .show .m-modal-import-connect .import .side .u-arrow-down,
.m-modal-import-connect .import .m-compare-widget.disabled .u-dropdown .show .side .u-arrow-down {
  display: block;
}
.m-compare-widget.z-mobile-layout, .m-canvas-manual .m-compare-widget.disabled .u-dropdown .show .m-dropSelect-show, .m-canvas-manual .m-compare-widget.disabled .u-dropdown .show .m-modal-import-connect .import .side, .m-modal-import-connect .import .m-canvas-manual .m-compare-widget.disabled .u-dropdown .show .side {
  cursor: not-allowed;
}

.m-compare-widget-setting {
  margin: 8px 0;
}
.m-compare-widget-setting.m-setting-background {
  float: left;
  width: 50%;
}
.m-compare-widget-setting.m-setting-background .u-color-block {
  padding: 0;
  border: none;
  background: none;
}
.m-compare-widget-setting.m-setting-background .u-color-block .side,
.m-compare-widget-setting.m-setting-background .u-color-block .main {
  padding: 2px;
}
.m-compare-widget-setting.m-setting-background .u-color-block .main {
  border: 1px solid #e8e8f0;
}
.m-compare-widget-setting.m-setting-font-size {
  float: right;
  width: 35%;
}
.m-compare-widget-setting.m-setting-regionSize {
  clear: both;
}
.m-compare-widget-setting.m-setting-regionSize .text {
  line-height: 28px;
}

.m-compare-widget-overlay .u-list-dropdown > li {
  overflow: hidden;
  text-overflow: ellipsis;
}

.m-indicator-widget {
  z-index: 20;
  position: absolute;
  margin-top: -150px;
  left: 0;
  top: 0;
  background: #fff;
  box-sizing: border-box;
  padding: 10px 20px;
}
.m-indicator-widget.z-actived > .u-resize,
.m-indicator-widget.z-actived > .u-resize > [class^=resize] {
  display: block;
}

.m-modal-datepick-wrapper,
.m-modal-month-pick-wrapper {
  width: 300px;
  height: 240px;
}

.m-modal-month-pick-wrapper {
  height: 180px;
}

.m-modal-dateRange-pick-wrapper .calendar-wrapper {
  margin-top: 10px;
}
.m-modal-dateRange-pick-wrapper .calendar-wrapper .calendar {
  float: left;
  width: 300px;
  height: 240px;
}
.m-modal-dateRange-pick-wrapper .calendar-wrapper .calendar + .calendar {
  margin-left: 10px;
}

.m-modal-dateRange-pick-footer .result {
  padding: 5px 10px;
  float: left;
}
.m-modal-dateRange-pick-footer .btn-wrapper {
  float: right;
}

.m-modal-rollback-content {
  display: flex;
}
.m-modal-rollback-content .select-content {
  display: flex;
  flex-direction: column;
}
.m-modal-rollback-content .select-content .extraTip {
  color: #c0c0ca;
  font-size: 12px;
}
.m-modal-rollback-content .select-content .tip {
  margin-top: 24px;
  color: #F24957;
  font-size: 12px;
}
.m-modal-rollback-content .u-radio-group {
  display: flex;
  flex-direction: column;
}
.m-modal-rollback-content .u-radio-group .u-radio {
  margin-bottom: 15px;
}

.m-modal-related-filters {
  font-size: 12px;
}
.m-modal-related-filters .main {
  height: 215px;
  margin-top: 10px;
  border: 1px solid #e8e8f0;
}
.m-modal-related-filters .main:before, .m-modal-related-filters .main:after {
  display: table;
  content: " ";
}
.m-modal-related-filters .main:after {
  clear: both;
}
.m-modal-related-filters .tabs-wrapper,
.m-modal-related-filters .content-wrapper {
  float: left;
  height: 100%;
}
.m-modal-related-filters .tabs-wrapper {
  width: 100px;
  box-sizing: border-box;
  border-right: 1px solid #e8e8f0;
  background: #f5f5f5;
}
.m-modal-related-filters .tabs-wrapper .type-name {
  cursor: pointer;
}
.m-modal-related-filters .tabs-wrapper .type-name.active {
  background: #d8d8d8;
}
.m-modal-related-filters .content-wrapper {
  width: 270px;
}
.m-modal-related-filters .content-wrapper .content {
  position: relative;
  display: none;
}
.m-modal-related-filters .content-wrapper .content.active {
  display: block;
  height: 100%;
}
.m-modal-related-filters .content-wrapper .summary-title {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #f5f5f5;
}
.m-modal-related-filters .content-wrapper .list,
.m-modal-related-filters .content-wrapper .empty {
  position: absolute;
  top: 32px;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: auto;
}
.m-modal-related-filters .content-wrapper .empty {
  text-align: center;
  padding-top: 80px;
  font-size: 14px;
  color: #9b9b9b;
}
.m-modal-related-filters .type-name,
.m-modal-related-filters .summary-title,
.m-modal-related-filters .list > li {
  height: 32px;
  line-height: 32px;
  padding-left: 18px;
  cursor: default;
  overflow: hidden;
  word-wrap: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.m-select-action .tips {
  margin: 20px;
}
.m-select-action .actions-wrapper {
  margin-left: 100px;
}
.m-select-action .actions-wrapper p {
  margin: 20px 0;
}

.m-modal-mobile-publish .content-wrapper p {
  margin: 10px 0;
  line-height: 1.5;
}

.u-icon-style-dimension {
  color: #4a90e2;
}

.u-icon-style-measure {
  color: #40c0a8;
}

.m-list-folder .u-load {
  padding-left: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -20px;
  margin-top: -20px;
}
.m-list-folder .m-tree-list .u-node {
  display: flex;
  align-items: center;
}
.m-list-folder .m-tree-list .u-node.z-disabled {
  color: #999 !important;
}
.m-list-folder .m-tree-list .u-node:not(.z-disabled):hover, .m-list-folder .m-tree-list .u-node:not(.z-disabled).z-crt {
  background: var(--color-list-hover-bg);
  cursor: pointer;
  color: var(--color-primary);
}
.m-list-folder .m-tree-list .u-node:not(.z-disabled) .title-leaf {
  cursor: pointer;
}
.m-list-folder .m-tree-list .u-node:not(.z-disabled) .title {
  flex: 1;
  padding-top: 0;
  padding-bottom: 0;
  overflow: hidden;
  word-wrap: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.m-list-folder li {
  position: relative;
  z-index: 2;
  padding-left: 14px;
  line-height: 32px;
  color: #79809a;
  cursor: pointer;
}
.m-list-folder li h4 {
  padding-left: 30px;
  margin-left: -14px;
  height: 32px;
  line-height: 32px;
  overflow: hidden;
  word-wrap: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.m-list-folder li h4:hover {
  background: var(--color-list-hover-bg);
  cursor: pointer;
  color: var(--color-primary);
}
.m-list-folder li h4:hover + .icon {
  color: var(--color-primary);
}
.m-list-folder li h4.z-crt {
  background: var(--color-list-hover-bg);
  color: var(--color-primary);
}
.m-list-folder li h4.z-crt + .icon {
  color: var(--color-primary);
}
.m-list-folder li .icon {
  font-size: 14px;
  position: absolute;
  top: 9px;
  left: 10px;
}
.m-list-folder li li h4 {
  padding-left: 44px;
  margin-left: -28px;
}
.m-list-folder li li li h4 {
  padding-left: 58px;
  margin-left: -42px;
}
.m-list-folder li li li li h4 {
  padding-left: 72px;
  margin-left: -56px;
}
.m-list-folder li.folder-input span {
  margin-left: 15px;
}
.m-list-folder li.folder-input .btn {
  box-sizing: border-box;
  width: 32px;
  height: 32px;
  text-align: center;
  border: 1px solid #e8e8f0;
  position: absolute;
  top: 0;
  cursor: pointer;
}
.m-list-folder li.folder-input .btn:hover {
  background: #efefef;
}
.m-list-folder li.folder-input .btn::after, .m-list-folder li.folder-input .btn::before {
  display: inline-block;
  line-height: 31px;
}
.m-list-folder li.folder-input .btn-gou {
  left: 229px;
  border-left: 0;
  color: #3bafda;
  font-size: 20px;
}
.m-list-folder li.folder-input .btn-close {
  left: 260px;
  color: #d8694e;
  font-size: 14px;
}
.m-list-folder li.folder-input .u-errtip {
  white-space: nowrap;
}
.m-list-folder li.invalid-info {
  color: #999;
  cursor: default;
}

.m-form .form-item {
  margin: 16px 0;
}
.m-form .form-item .label {
  float: left;
  display: block;
  margin-right: 8px;
}
.m-form .form-item .main {
  overflow: hidden;
  min-height: 32px;
}

.m-domain-project,
.m-domain-person .content,
.m-domain-mpp-admin .content,
.m-domain-mpp-detail .content {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  overflow: hidden;
  padding: 30px;
}
.m-domain-project .input-box,
.m-domain-person .content .input-box,
.m-domain-mpp-admin .content .input-box,
.m-domain-mpp-detail .content .input-box {
  position: absolute;
  top: 55px;
  right: 38px;
  height: 38px;
  width: 300px;
}
.m-domain-project .account,
.m-domain-person .content .account,
.m-domain-mpp-admin .content .account,
.m-domain-mpp-detail .content .account {
  float: right;
}
.m-domain-project .account li,
.m-domain-person .content .account li,
.m-domain-mpp-admin .content .account li,
.m-domain-mpp-detail .content .account li {
  padding: 0 8px;
  display: inline-block;
}
.m-domain-project .account .inactivated,
.m-domain-person .content .account .inactivated,
.m-domain-mpp-admin .content .account .inactivated,
.m-domain-mpp-detail .content .account .inactivated {
  border-left: 2px solid #cccccc;
}
.m-domain-project .account .buyed,
.m-domain-person .content .account .buyed,
.m-domain-mpp-admin .content .account .buyed,
.m-domain-mpp-detail .content .account .buyed {
  border-left: 2px solid #cccccc;
}
.m-domain-project h4,
.m-domain-person .content h4,
.m-domain-mpp-admin .content h4,
.m-domain-mpp-detail .content h4 {
  font-size: 16px;
  margin-bottom: 16px;
}
.m-domain-project .create,
.m-domain-person .content .create,
.m-domain-mpp-admin .content .create,
.m-domain-mpp-detail .content .create {
  margin-bottom: 16px;
}
.m-domain-project .create.z-disabled,
.m-domain-person .content .create.z-disabled,
.m-domain-mpp-admin .content .create.z-disabled,
.m-domain-mpp-detail .content .create.z-disabled {
  background: #ccc;
  cursor: default;
}
.m-domain-project .link,
.m-domain-person .content .link,
.m-domain-mpp-admin .content .link,
.m-domain-mpp-detail .content .link {
  color: var(--color-primary);
  margin-right: 8px;
}
.m-domain-project .link:hover,
.m-domain-person .content .link:hover,
.m-domain-mpp-admin .content .link:hover,
.m-domain-mpp-detail .content .link:hover {
  text-decoration: underline;
}
.m-domain-project .table-box,
.m-domain-person .content .table-box,
.m-domain-mpp-admin .content .table-box,
.m-domain-mpp-detail .content .table-box {
  position: absolute;
  top: 105px;
  left: 30px;
  right: 30px;
  bottom: 72px;
  overflow: auto;
  padding: 0;
}
.m-domain-project .table-box-person,
.m-domain-person .content .table-box-person,
.m-domain-mpp-admin .content .table-box-person,
.m-domain-mpp-detail .content .table-box-person {
  top: 120px;
}
.m-domain-project .m-pager,
.m-domain-person .content .m-pager,
.m-domain-mpp-admin .content .m-pager,
.m-domain-mpp-detail .content .m-pager {
  border-top: 1px solid #e8e8f0;
}
.m-domain-project .tip,
.m-domain-person .content .tip,
.m-domain-mpp-admin .content .tip,
.m-domain-mpp-detail .content .tip {
  font-size: 12px;
  color: #8f8f8f;
}
.m-domain-project .note,
.m-domain-person .content .note,
.m-domain-mpp-admin .content .note,
.m-domain-mpp-detail .content .note {
  font-size: 14px;
  color: #79809a;
}

.m-domain-project .m-table .project-item-admins {
  max-width: 240px;
}

.m-domain-person .tabs, .m-domain-popConfig .tabs {
  border-bottom: 1px solid #e8e8f0;
}
.m-domain-person .tabs .tab, .m-domain-popConfig .tabs .tab {
  float: left;
  height: 50px;
  line-height: 50px;
  padding: 0 14px;
  text-align: center;
  color: #79809a;
  cursor: pointer;
}
.m-domain-person .tabs .tab + .tab, .m-domain-popConfig .tabs .tab + .tab {
  margin-left: 32px;
}
.m-domain-person .tabs .tab.z-selected, .m-domain-popConfig .tabs .tab.z-selected {
  color: var(--color-primary);
  border-bottom: 2px solid var(--color-primary);
}

.m-domain-person .frame-content-subtitle .subtitle-tip {
  margin-left: 20px;
}
.m-domain-person .frame-content-subtitle span {
  color: #666;
  font-size: 12px;
}
.m-domain-person .frame-content-subtitle .pwd {
  display: inline-block;
  width: 86px;
  white-space: nowrap;
}
.m-domain-person .frame-content-subtitle .u-icn {
  margin-bottom: 0;
  height: 10px;
  color: var(--color-primary);
  cursor: pointer;
}
.m-domain-person .content {
  padding-top: 10px;
}
.m-domain-person .content .head-tabs {
  margin: 0;
  width: 100%;
  border-bottom: 1px solid #e8e8f0;
}
.m-domain-person .content .head-tabs .tabs {
  width: 300px;
  border-bottom: none;
}
.m-domain-person .content .head-tabs .tab {
  width: 120px;
}
.m-domain-person .content .head-tabs .select-attrs {
  float: right;
}
.m-domain-person .content .input-box-person {
  top: 16px;
}
.m-domain-person .attrs-list .create {
  margin-top: 20px;
}
.m-domain-person .attrs-list .table-box {
  top: 130px;
}
.m-domain-person .attrs-list .table-box .u-input {
  padding: 0 5px;
  font-size: 14px;
}
.m-domain-person .attrs-desc {
  font-size: 12px;
  color: #9b9b9b;
  text-align: right;
}
.m-domain-person .attrs-desc i {
  padding-right: 5px;
  font-size: 17px;
  color: #777;
}
.m-domain-person .tip {
  float: right;
}
.m-domain-person .person-list-person {
  margin-top: 20px;
}
.m-domain-person .person-list-person .table-box {
  margin-top: 10px;
}
.m-domain-person .attrs-list-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.m-domain-person .m-search-date {
  float: right;
}

.m-domain-mpp-admin .frame-content-subtitle span {
  margin-left: 20px;
  font-size: 12px;
  color: #666;
}
.m-domain-mpp-admin .content {
  padding-top: 0;
}
.m-domain-mpp-admin .content h2 {
  margin: 30px 5px 10px 0;
}
.m-domain-mpp-admin .content .u-toggle {
  cursor: pointer;
}
.m-domain-mpp-admin .content .m-form label {
  padding: 0 85px 0 20px;
}
.m-domain-mpp-admin .content .wrap .operation {
  padding: 0 0 15px 20px;
  line-height: 32px;
}
.m-domain-mpp-admin .content .wrap .operation a {
  color: var(--color-primary);
}
.m-domain-mpp-admin .content .wrap .operation .m-search {
  float: right;
  height: 28px;
  width: 248px;
}
.m-domain-mpp-admin .content .u-progress {
  width: 100%;
  line-height: 30px;
  margin-top: 1px;
}
.m-domain-mpp-admin .content .u-progress .pro-block {
  float: left;
  height: 30px;
  min-width: 2px;
  max-width: calc(100% - 2px);
  text-align: center;
  transition: all 0.4s;
}
.m-domain-mpp-admin .content .u-progress .z-done {
  color: #fff;
  background: #007ef0;
}
.m-domain-mpp-admin .content .u-progress .z-undone {
  color: #666;
  background: #dedede;
}
.m-domain-mpp-admin .content .table-box {
  top: 188px;
}
.m-domain-mpp-admin .content .table-box .m-table {
  right: 0;
  left: 0;
}
.m-domain-mpp-admin .content .table-box .m-table .u-input {
  float: left;
  width: 80px;
  margin-right: 10px;
  font-size: 14px;
}
.m-domain-mpp-admin .content .table-box .m-table .u-dropdown {
  float: left;
  width: 65px;
}

.m-domain-mpp-detail h3 {
  color: #666;
  font-size: 0;
}
.m-domain-mpp-detail h3 i {
  margin: 4px 16px 0 0;
  font-size: 20px;
}
.m-domain-mpp-detail h3 span {
  font-size: 16px;
}
.m-domain-mpp-detail .content .table-box {
  top: 20px;
}

.m-modal-setquota .wrap,
.m-modal-add-capacity .wrap,
.m-modal-set-limit-warn .wrap {
  vertical-align: middle;
}
.m-modal-setquota .wrap .quota,
.m-modal-add-capacity .wrap .quota,
.m-modal-set-limit-warn .wrap .quota {
  display: inline-block;
  margin: 10px 0;
  font-size: 14px;
  color: #333;
}
.m-modal-setquota .wrap .quota span,
.m-modal-add-capacity .wrap .quota span,
.m-modal-set-limit-warn .wrap .quota span {
  float: left;
  line-height: 28px;
}
.m-modal-setquota .wrap .quota .u-input,
.m-modal-setquota .wrap .quota .u-dropdown,
.m-modal-add-capacity .wrap .quota .u-input,
.m-modal-add-capacity .wrap .quota .u-dropdown,
.m-modal-set-limit-warn .wrap .quota .u-input,
.m-modal-set-limit-warn .wrap .quota .u-dropdown {
  float: left;
  width: 65px;
  color: #666;
}
.m-modal-setquota .wrap .quota .u-input,
.m-modal-add-capacity .wrap .quota .u-input,
.m-modal-set-limit-warn .wrap .quota .u-input {
  width: 80px;
  margin: 0 10px 0 24px;
  font-size: 14px;
}
.m-modal-setquota .wrap .tip,
.m-modal-add-capacity .wrap .tip,
.m-modal-set-limit-warn .wrap .tip {
  line-height: 20px;
  margin-top: 7px;
  color: #9b9b9b;
}

.m-modal-add-capacity .quota .u-input,
.m-modal-set-limit-warn .wrap .quota .u-input {
  margin-left: 5px;
}

.m-modal-set-limit-warn .form-content {
  width: 500px;
}
.m-modal-set-limit-warn .form-content .form-item-wrap-flex {
  display: flex;
  align-items: center;
}
.m-modal-set-limit-warn .form-content .form-item-wrap-flex.flex-start {
  align-items: flex-start;
}
.m-modal-set-limit-warn .form-content .form-item-wrap-flex,
.m-modal-set-limit-warn .form-content .form-item-wrap {
  position: relative;
  margin: 10px 0;
  font-size: 14px;
  color: #333;
}
.m-modal-set-limit-warn .form-content .form-item-wrap-flex.combo,
.m-modal-set-limit-warn .form-content .form-item-wrap.combo {
  margin-top: 0;
}
.m-modal-set-limit-warn .form-content .form-item-wrap-flex.long-item .u-dropdown,
.m-modal-set-limit-warn .form-content .form-item-wrap.long-item .u-dropdown {
  width: 416px;
}
.m-modal-set-limit-warn .form-content .form-item-wrap-flex .tip,
.m-modal-set-limit-warn .form-content .form-item-wrap .tip {
  margin: 0 0 0 6px;
  font-size: 12px;
}
.m-modal-set-limit-warn .form-content .form-item-wrap-flex .tip .u-icn-warning,
.m-modal-set-limit-warn .form-content .form-item-wrap .tip .u-icn-warning {
  color: #f59300;
}
.m-modal-set-limit-warn .form-content .form-item-wrap-flex .unit-wrap,
.m-modal-set-limit-warn .form-content .form-item-wrap .unit-wrap {
  margin-right: 12px;
}
.m-modal-set-limit-warn .form-content .form-item-wrap-flex .title,
.m-modal-set-limit-warn .form-content .form-item-wrap .title {
  margin-right: 8px;
  line-height: 28px;
}
.m-modal-set-limit-warn .form-content .form-item-wrap-flex .title.fix-title,
.m-modal-set-limit-warn .form-content .form-item-wrap .title.fix-title {
  width: 60px;
}
.m-modal-set-limit-warn .form-content .form-item-wrap-flex .form-item,
.m-modal-set-limit-warn .form-content .form-item-wrap .form-item {
  width: 85px;
  color: #666;
  margin-right: 12px;
}
.m-modal-set-limit-warn .form-content .form-item-wrap-flex .u-input,
.m-modal-set-limit-warn .form-content .form-item-wrap .u-input {
  width: 100px;
  font-size: 14px;
}
.m-modal-set-limit-warn .form-content .form-item-wrap-flex .threshold-wrap,
.m-modal-set-limit-warn .form-content .form-item-wrap .threshold-wrap {
  display: inline-flex;
  align-items: center;
  margin-bottom: 8px;
}
.m-modal-set-limit-warn .form-content .form-item-wrap-flex .help-text,
.m-modal-set-limit-warn .form-content .form-item-wrap .help-text {
  color: #9b9b9b;
  display: inline-block;
  font-size: 12px;
}
.m-modal-set-limit-warn .form-content .form-item-wrap .title {
  display: inline-block;
  float: left;
  vertical-align: middle;
}
.m-modal-set-limit-warn .form-content .form-item-wrap .content {
  display: inline-block;
  float: left;
  vertical-align: middle;
  line-height: 28px;
}
.m-modal-set-limit-warn .form-content .form-item-wrap .content .label {
  display: block;
}
.m-modal-set-limit-warn .form-content .form-item-wrap .content .checkbox-text {
  margin-left: 4px;
}
.m-modal-set-limit-warn .form-content .week-dropdown-wrap .u-txt {
  width: 100%;
}
.m-modal-set-limit-warn .form-content .week-dropdown-wrap > .main {
  position: relative;
  float: left;
  overflow: visible;
  width: 416px;
}
.m-modal-set-limit-warn .form-content .week-dropdown-wrap > .main > .label:only-child {
  height: 28px;
  line-height: 28px;
}
.m-modal-set-limit-warn .form-content .week-dropdown-wrap > .main .dashboard-dropdown {
  position: relative;
  display: inline-block;
  width: calc(100% - 186px);
  vertical-align: top;
}
.m-modal-set-limit-warn .form-content .week-dropdown-wrap > .main .dashboard-dropdown .u-dropdown.disabled .m-dropSelect-show {
  background-color: #eee;
  cursor: not-allowed;
}
.m-modal-set-limit-warn .form-content .week-dropdown-wrap .list-wrap {
  position: absolute;
  width: 100%;
  max-height: 130px;
  z-index: 10;
  left: 0;
  top: 32px;
  background: #fff;
  border: 1px solid #e8e8f0;
  overflow-y: auto;
}
.m-modal-set-limit-warn .form-content .week-dropdown-wrap .list-wrap li {
  line-height: 32px;
  padding: 0 20px;
}
.m-modal-set-limit-warn .form-content .week-dropdown-wrap .list-wrap li:hover {
  background-color: #cccccc;
}
.m-modal-set-limit-warn .form-content .week-dropdown-wrap .m-tooltip-content.mpp-tip {
  padding: 10px 20px;
}
.m-modal-set-limit-warn .form-content .week-dropdown-wrap .m-tooltip-content.z-tip-error {
  background-color: rgba(229, 63, 38, 0.85);
}
.m-modal-set-limit-warn .form-content .week-dropdown-wrap .m-tooltip-content.z-tip-error .arrow {
  border-top-color: rgba(229, 63, 38, 0.85);
}
.m-modal-set-limit-warn .form-content .week-dropdown-wrap .domain-expired .m-nav .frame-nav-left {
  display: none;
}
.m-modal-set-limit-warn .form-content .week-dropdown-wrap .domain-expired .m-nav .nav-item, .m-modal-set-limit-warn .form-content .week-dropdown-wrap .domain-expired .m-nav .nav-edit-button {
  display: none;
}
.m-modal-set-limit-warn .form-content .week-dropdown-wrap .domain-expired .m-nav .nav-item.user, .m-modal-set-limit-warn .form-content .week-dropdown-wrap .domain-expired .m-nav .user.nav-edit-button {
  display: block;
}

.m-rep-description {
  position: absolute;
  top: 0;
  right: 20px;
  color: #aaa;
  padding: 4px 0 4px 16px;
}
.m-rep-description:hover {
  cursor: pointer;
}
.m-rep-description:hover .description {
  height: auto;
}
.m-rep-description.relative {
  display: inline;
  position: relative;
  top: inherit;
  right: inherit;
  color: inherit;
  padding: 0;
}

.m-overlay-description {
  color: #fff;
  background-color: rgba(51, 51, 51, 0.9);
  border-radius: 2px;
  padding: 4px 10px;
  line-height: 24px;
  max-width: 540px;
}
.m-overlay-description p {
  word-break: break-all;
  line-height: 20px;
  font-size: 12px;
}
.m-overlay-description .arrow {
  width: 0px;
  height: 0px;
  position: absolute;
  top: calc(50% - 6px);
  right: -12px;
  border-color: rgba(51, 51, 51, 0.9);
  border-right-color: transparent;
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-top-width: 4px;
  border-bottom-width: 4px;
  border-style: solid;
  border-width: 6px;
}
.m-overlay-description .arrow.top {
  top: -12px;
  right: calc(50% - 14px);
  border-bottom-color: rgba(51, 51, 51, 0.9);
  border-left-color: transparent;
}
.m-overlay-description .arrow.left {
  left: -12px;
  right: auto;
  border-left-color: transparent;
  border-right-color: rgba(51, 51, 51, 0.9);
}
.m-overlay-description .close {
  cursor: pointer;
  position: absolute;
  right: 4px;
  top: 4px;
}
.m-overlay-description .concact {
  text-indent: 2em;
}

.m-tips-arrow-right .arrow {
  right: calc(10% + 7px) !important;
}

.m-messages-container {
  position: absolute;
  top: 52px;
  width: 370px;
  right: -42px;
  background: #fff;
  box-shadow: 0 3px 8px rgba(16, 32, 72, 0.12);
  border-radius: 2px;
}
.m-messages-container .footer:before, .m-messages-container .footer:after {
  display: table;
  content: " ";
}
.m-messages-container .footer:after {
  clear: both;
}
.m-messages-container .footer a.look-all-application {
  height: 32px;
  line-height: 32px;
  display: block;
  color: var(--color-primary);
  text-align: center;
}

.m-tab-messages .tab_head {
  height: 32px;
  border-bottom: 1px solid #e8e8f0;
}
.m-tab-messages .tab_head ul:before, .m-tab-messages .tab_head ul:after {
  display: table;
  content: " ";
}
.m-tab-messages .tab_head ul:after {
  clear: both;
}
.m-tab-messages .tab_head li {
  float: left;
}
.m-tab-messages .tab_head li.z-crt a {
  color: var(--color-primary);
  border-color: var(--color-primary);
  background-color: transparent;
  font-weight: bold;
}
.m-tab-messages .tab_head li a {
  display: block;
  height: 32px;
  line-height: 32px;
  text-align: center;
  color: #79809a;
  border-bottom: 2px solid transparent;
}
.m-tab-messages .tab_head li:not(.z-crt):hover a {
  color: var(--color-primary-hover);
}
.m-tab-messages .tab_head .tab_ul_2 li {
  width: 50%;
}
.m-tab-messages .tab_head .tab_ul_3 li {
  width: 33.33%;
}
.m-tab-messages .tab_head .tab_ul_4 li {
  width: 25%;
}
.m-tab-messages .messages-list {
  max-height: 400px;
  overflow: auto;
}
.m-tab-messages .messages-list li {
  padding: 12px 16px 8px;
  height: 64px;
  text-align: left;
  border-bottom: 1px solid #e8e8f0;
  color: #333;
}
.m-tab-messages .messages-list li:hover {
  background-color: whitesmoke;
}
.m-tab-messages .messages-list li .title {
  line-height: 22px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.m-tab-messages .messages-list li .title .title-text {
  max-width: calc(100% - 80px);
  overflow: hidden;
  word-wrap: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.m-tab-messages .messages-list li .title .message-type-tag {
  font-size: 12px;
  padding: 2px 4px;
  border-radius: 2px;
  text-align: center;
  height: 22px;
  display: flex;
  align-items: center;
}
.m-tab-messages .messages-list li .title .message-type-tag.survey-submit {
  background: rgba(16, 63, 250, 0.08);
  color: var(--color-primary);
}
.m-tab-messages .messages-list li .title .message-type-tag.survey-approve {
  background: rgba(19, 194, 194, 0.08);
  color: #13c2c2;
}
.m-tab-messages .messages-list li .create-time {
  margin-top: 4px;
  font-size: 12px;
  line-height: 18px;
  color: #999;
}
.m-tab-messages .messages-list li .create-time i {
  margin-right: 6px;
}
.m-tab-messages .messages-list li .create-time span {
  float: right;
  color: #13181f;
}
.m-tab-messages .empty {
  display: block;
  text-align: center;
  color: var(--color-title);
  height: 50px;
  line-height: 50px;
  border-bottom: 1px solid #e8e8f0;
}
.m-tab-messages .empty i {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  margin-right: 2px;
  color: #333;
}

.m-modal-pass .winbd {
  overflow-y: visible;
}
.m-modal-pass .dsc-row {
  height: 32px;
  line-height: 32px;
  margin: 8px;
}
.m-modal-pass .input-span {
  display: block;
  height: 32px;
  line-height: 32px;
  border: 1px solid #cccccc;
  background-color: whitesmoke;
  padding-left: 16px;
  overflow: hidden;
  word-wrap: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.m-modal-pass .label {
  display: block;
  text-align: right;
  padding-right: 8px;
}
.m-modal-pass .m-lazy-select {
  position: relative;
}
.m-modal-pass .m-lazy-select .list {
  position: absolute;
  z-index: 1;
  width: 100%;
  background: #fff;
}
.m-modal-pass .list-wrap {
  height: 160px;
  max-height: 348px;
  padding-top: 8px;
  overflow-anchor: none;
  overflow: auto;
}
.m-modal-pass .list-wrap li {
  overflow: hidden;
  word-wrap: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.m-modal-pass .list-wrap .icon1 {
  color: #999;
}
.m-modal-pass .list-wrap .item-1 {
  padding-left: 16px;
}

.m-modal-reject .label {
  display: block;
  height: 32px;
  line-height: 32px;
}
.m-modal-reject .u-input {
  min-height: 60px;
}

.m-modal-tokenKey .tokenKey-description {
  display: flex;
}
.m-modal-tokenKey .description {
  position: relative;
}
.m-modal-tokenKey .tokenKey-label {
  padding-top: 4px;
  padding-right: 10px;
}
.m-modal-tokenKey .tokenKey-content {
  width: 400px !important;
  height: 100px;
}

.m-message-approving {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.m-message-approving .content {
  padding-top: 16px;
  flex: 1;
  margin-bottom: 0;
}
.m-message-approving .content .table-box {
  height: calc(100% - 104px);
  margin-bottom: 60px;
  position: relative;
}
.m-message-approving .content .table-box .m-table thead tr {
  background-color: #f1f2f4;
}
.m-message-approving .content .table-box .m-table th {
  font-weight: normal;
}
.m-message-approving .content .table-box .m-table td {
  color: var(--color-title);
}
.m-message-approving .head {
  display: flex;
  justify-content: space-between;
}
.m-message-approving .filter-box {
  margin-bottom: 16px;
}
.m-message-approving .filter-box:before, .m-message-approving .filter-box:after {
  display: table;
  content: " ";
}
.m-message-approving .filter-box:after {
  clear: both;
}
.m-message-approving .filter-box .u-input {
  width: 200px;
  float: right;
}
.m-message-approving .filter-box .z-dis {
  cursor: not-allowed;
  background: #e5e5e5;
  color: #9b9b9b;
}
.m-message-approving .filter-box .u-dropdown {
  float: left;
  width: 115px;
  margin-left: 20px;
}
.m-message-approving .filter-box .u-btn-ghost {
  width: 115px;
  margin-right: 20px;
}
.m-message-approving .status-box {
  display: flex;
  float: left;
}
.m-message-approving .status-box li {
  width: 76px;
  height: 28px;
  line-height: 26px;
  text-align: center;
  border: 1px solid #e8e8f0;
  border-radius: 2px 0 0 2px;
  color: #79809a;
  cursor: pointer;
}
.m-message-approving .status-box li.z-select {
  color: rgb(16, 63, 250);
  border-color: rgb(16, 63, 250);
}
.m-message-approving .process-box {
  display: flex;
  align-items: center;
}
.m-message-approving .process-box button {
  margin-left: 15px;
  width: 88px;
}
.m-message-approving .process-box:first-child {
  margin-left: 0;
}
.m-message-approving .u-icn-tokenkey {
  font-size: 200px;
  color: #ddd;
  width: 100%;
  margin-bottom: 10px;
  text-align: center;
}
.m-message-approving .token-start {
  font-size: 20px;
  text-align: center;
  color: #999;
}
.m-message-approving .token-start .token-create {
  color: #1881dc;
  text-decoration: underline;
}
.m-message-approving .dropdown-box {
  width: 150px;
  float: left;
  margin-right: 16px;
}
.m-message-approving a.link {
  text-decoration: none !important;
  margin-right: 24px;
  color: var(--color-primary);
}
.m-message-approving a.link:nth-last-child(1) {
  margin-right: 0;
}
.m-message-approving .m-tab-sub {
  margin: 0;
}
.m-message-approving .message-toread {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-right: 8px;
  border-radius: 50%;
  background: #4a90e2;
}
.m-message-approving .message-text {
  display: inline;
  color: #a9a9b8;
}
.m-message-approving .extract-text {
  cursor: pointer;
}
.m-message-approving .extract-text:hover {
  color: var(--color-primary);
  text-decoration: underline;
}

.modal-message-details .winbd {
  max-width: 700px;
  max-height: 500px;
}
.modal-message-details .winbd p {
  min-height: 15px;
  line-height: 22px;
}
.modal-message-details .winbd ol {
  list-style: decimal;
}
.modal-message-details .winbd ul {
  list-style: disc;
}
.modal-message-details .winbd ins {
  text-decoration: underline;
}
.modal-message-details .winbd em {
  font-style: italic;
  font-weight: inherit;
}
.modal-message-details .winbd strong {
  font-weight: bold;
}

.message-survey {
  margin-right: 8px;
}
.message-survey-type-icon {
  display: inline-block;
  width: 6px !important;
  height: 6px !important;
  border-radius: 50%;
  margin-right: 6px !important;
}
.message-survey-submit {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #337eff;
}
.message-survey-submitted {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #13c2c2;
}
.message-survey-reject {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #f24957;
}
.message-survey-approve {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #26bd71;
}
.message-survey-pendingApprove {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #337eff;
}
.message-survey-approved {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #26bd71;
}
.message-survey-unread {
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #f24957;
}
.message-survey-transfer {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #13c2c2;
}

.m-menu-nav a.menu-link,
.m-menu-nav .nav-name {
  color: var(--color-title);
  display: block;
  height: 44px;
  line-height: 44px;
  padding: 0 20px;
  border-right: 3px solid transparent;
  cursor: pointer;
}
.m-menu-nav a.menu-link.z-selected,
.m-menu-nav .nav-name.z-selected {
  border-color: var(--color-primary);
  color: var(--color-primary);
  background-color: var(--color-primary-bg);
}
.m-menu-nav a.menu-link.z-selected .icn,
.m-menu-nav .nav-name.z-selected .icn {
  color: var(--color-primary);
}
.m-menu-nav a.menu-link .u-icn,
.m-menu-nav .nav-name .u-icn {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  color: #79809a;
}
.m-menu-nav a.menu-link .icn,
.m-menu-nav .nav-name .icn {
  position: static;
  transform: none;
  margin-right: 8px;
}
.m-menu-nav a.menu-link:hover,
.m-menu-nav .nav-name:hover {
  background: rgba(16, 32, 72, 0.04);
}
.m-menu-nav .nav-name-1 {
  padding-left: 30px;
}
.m-menu-nav .nav-name-text {
  display: inline-block;
  overflow: hidden;
  word-wrap: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: top;
}
.m-menu-nav .nav-name-0-text {
  max-width: 160px;
}
.m-menu-nav .nav-name-1-text {
  max-width: 130px;
}
.m-menu-nav .sub-menu {
  background: #f7f8fa;
}
.m-menu-nav .sub-menu .menu-link {
  padding: 0 30px;
  overflow: hidden;
  word-wrap: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
}
.m-menu-nav .sub-menu .menu-link-iconmg {
  padding: 0 20px 0 46px;
}
.m-menu-nav .sub-menu .menu-link-1 {
  padding-left: 45px;
}

.m-modal-portal-refer .m-table {
  height: 300px;
  margin-top: 10px;
}

.m-window-modal-folderlist .list-wrap {
  overflow-y: auto;
  overflow-anchor: none;
  width: 408px;
  height: 320px;
  border: 1px solid #e8e8f0;
}
.m-window-modal-folderlist .winft:before, .m-window-modal-folderlist .winft:after {
  display: table;
  content: " ";
}
.m-window-modal-folderlist .winft:after {
  clear: both;
}
.m-window-modal-folderlist .winbd h2,
.m-window-modal-folderlist .winbd .subtitle {
  margin: 8px 0 20px 0;
}
.m-window-modal-folderlist-1 .u-search {
  width: 393px;
  margin-bottom: 10px;
}
.m-window-modal-folderlist-1 .m-load {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.m-window-modal-folderlist-1 .m-load .u-load {
  display: inline-block;
}

.m-nav {
  height: 100%;
}
.m-nav .toggle-sidebar {
  float: left;
  height: 48px;
  line-height: 48px;
  width: 56px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(../img/toggle-bar.11f6253548.svg), linear-gradient(90deg, #1783d0 0%, #0f41f9 100%);
  color: #fff;
  cursor: pointer;
  text-align: center;
}
.m-nav .toggle-sidebar:hover {
  background-image: url(../img/toggle-bar.11f6253548.svg), linear-gradient(0deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.16)), linear-gradient(90deg, #1783d0 0%, #0f41f9 100%);
}
.m-nav .toggle-sidebar.active {
  transform: rotate(180deg) translateZ(0);
}
.m-nav .logo-ctn {
  position: relative;
  display: inline-flex;
  margin-right: 2px;
  float: left;
  min-width: 146px;
  padding-right: 12px;
  color: white;
  font-size: 20px;
  align-items: center;
}
.m-nav .logo-ctn .logo-title {
  overflow: hidden;
  height: 48px;
  line-height: 48px;
  word-break: break-all;
}
.m-nav .logo-ctn .logo {
  margin-left: 10px;
  width: 30px;
  height: 48px;
  line-height: 48px;
  background: url(../img/logo-mini-dash.svg?v=xxxxxx) no-repeat center;
  background-size: 20px 20px;
  flex-shrink: 0;
}
.m-nav .logo-ctn::after {
  content: "";
  position: absolute;
  right: 0;
  width: 1px;
  height: 16px;
  top: 50%;
  transform: translate(0, -50%);
  background: rgba(255, 255, 255, 0.24);
}
.m-nav .frame-nav-right {
  right: 0;
  top: 0;
  z-index: 1;
}
.m-nav .frame-nav-right .nav-item, .m-nav .frame-nav-right .nav-edit-button {
  padding: 0 12px;
  line-height: 48px;
}
.m-nav .frame-nav-right .nav-item:hover, .m-nav .frame-nav-right .nav-edit-button:hover {
  border-bottom: none;
  color: #fff;
}
.m-nav .frame-nav-right .nav-item:hover .j-flag, .m-nav .frame-nav-right .nav-edit-button:hover .j-flag {
  color: #fff;
}
.m-nav .frame-nav-right .nav-item .j-flag, .m-nav .frame-nav-right .nav-edit-button .j-flag {
  padding: 0 12px;
}
.m-nav .frame-nav-right .menu-label {
  display: inline-block;
  max-width: 130px;
  vertical-align: top;
  overflow: hidden;
  word-wrap: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.m-nav .frame-nav-right .nav-item-link {
  padding: 0 !important;
}
.m-nav .frame-nav-right .m-search .search {
  border: 1px solid #e8e8f0;
  font-size: 0;
  text-align: left;
}
.m-nav .frame-nav-right .m-search .keyword {
  height: 26px;
  line-height: 26px;
}
.m-nav .frame-nav-right.list-nav {
  position: absolute;
}
.m-nav .dropable-nav {
  float: left;
}
.m-nav .u-icn {
  width: 14px;
  height: 14px;
}
.m-nav .projects-text,
.m-nav .message-text,
.m-nav .help-text {
  white-space: nowrap;
  font-size: 14px;
  color: #fff;
}
.m-nav .list-nav {
  position: relative;
  display: block;
  font-size: 14px;
  color: #aaa;
  line-height: 1;
  height: 100%;
}
.m-nav .list-nav .z-dis {
  display: none;
}
.m-nav .list-nav .ctrl {
  position: absolute;
  top: 52px;
}
.m-nav .u-menu {
  position: absolute;
}
.m-nav .u-menu li {
  position: relative;
  padding: 4px 6px 4px 4px;
  color: #79809a;
  font-size: 14px;
  text-align: left;
  overflow: hidden;
}
.m-nav .u-menu li a {
  margin: 0;
  padding: 0;
  color: #79809a;
}
.m-nav .u-menu li:hover a {
  color: var(--color-primary);
}
.m-nav .message .u-sign {
  position: absolute;
  right: 8px;
  top: 15px;
  min-width: 10px;
  height: 10px;
  line-height: 10px;
  background-color: #f04346;
  border-radius: 5px;
  color: #fff;
  font-size: 10px;
  text-align: center;
}
.m-nav .message .u-sign span {
  display: inline-block;
  line-height: 10px;
  font-size: 12px;
  transform: scale(0.83);
}
.m-nav .m-ctxMenu {
  left: 0;
  max-height: 366px;
  width: 200px;
}
.m-nav .m-ctxMenu .search-ctn {
  margin: 8px 10px;
}
.m-nav .m-ctxMenu .project-list,
.m-nav .m-ctxMenu .list-wrap {
  max-height: 320px;
  overflow-y: auto;
}
.m-nav .m-ctxMenu .project-list li,
.m-nav .m-ctxMenu .list-wrap li {
  height: 40px;
  line-height: 40px;
}
.m-nav .m-ctxMenu .list-ctn li {
  padding: 0;
}
.m-nav .m-ctxMenu .list-ctn li:hover a {
  color: var(--color-primary);
}
.m-nav .m-ctxMenu .list-ctn li .selected {
  color: var(--color-primary);
  background-color: #f5f8ff;
}
.m-nav .m-ctxMenu .list-ctn a {
  display: block;
  padding: 0 8px 0 24px;
  color: #79809a;
  overflow: hidden;
  word-wrap: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.m-nav .u-icn-header-nav-help,
.m-nav .u-icn-header-message,
.m-nav .u-icn-header-nav-top-user,
.m-nav .u-icn-app,
.m-nav .u-icn-service,
.m-nav .u-icn-settings {
  margin-bottom: 0;
  width: 20px;
  height: 20px;
  font-size: 20px;
}
.m-nav .u-icn-settings {
  width: 18px;
  height: 17px;
}
.m-nav .nav-item, .m-nav .nav-edit-button {
  float: left;
  position: relative;
  color: rgba(255, 255, 255, 0.72);
  height: 100%;
  line-height: 48px;
  cursor: pointer;
}
.m-nav .nav-item .j-flag, .m-nav .nav-edit-button .j-flag {
  display: block;
  padding: 0 20px;
  color: rgba(255, 255, 255, 0.72);
}
.m-nav .nav-item .j-flag .beta, .m-nav .nav-edit-button .j-flag .beta {
  width: 30px;
  height: 20px;
  position: absolute;
  background-repeat: no-repeat;
  top: 5px;
  right: 0;
  background-image: url(../img/beta2.5c7f28a096.svg);
}
.m-nav .nav-item .j-flag .text, .m-nav .nav-edit-button .j-flag .text {
  position: relative;
}
.m-nav .nav-item .j-flag .text.pro-label::after, .m-nav .nav-edit-button .j-flag .text.pro-label::after {
  content: "Pro";
  display: block;
  position: absolute;
  padding: 2px 7px;
  top: -10px;
  right: -33px;
  font-size: 12px;
  line-height: 1;
  background: linear-gradient(287.56deg, #2670ff 0%, #9feeff 100%);
  border-radius: 2px;
  color: #ffffff;
}
.m-nav .nav-item:hover .j-flag, .m-nav .nav-edit-button:hover .j-flag, .m-nav .nav-item.z-sel .j-flag, .m-nav .z-sel.nav-edit-button .j-flag {
  color: #fff;
  font-weight: 500;
}
.m-nav .nav-item.dragable-top, .m-nav .dragable-top.nav-edit-button, .m-nav .nav-item.dragable-bottom, .m-nav .dragable-bottom.nav-edit-button {
  border: none;
}
.m-nav .nav-item.dragable-top::after, .m-nav .dragable-top.nav-edit-button::after, .m-nav .nav-item.dragable-bottom::after, .m-nav .dragable-bottom.nav-edit-button::after {
  position: absolute;
  top: 10px;
  bottom: 10px;
  content: "";
  width: 1px;
  background: rgba(255, 255, 255, 0.72);
}
.m-nav .nav-item.dragable-top::after, .m-nav .dragable-top.nav-edit-button::after {
  left: 0;
}
.m-nav .nav-item.dragable-bottom::after, .m-nav .dragable-bottom.nav-edit-button::after {
  right: 0;
}
.m-nav .nav-item.with-icon, .m-nav .with-icon.nav-edit-button {
  margin-left: 32px;
}
.m-nav .nav-item.hide, .m-nav .hide.nav-edit-button {
  display: none;
}
.m-nav .nav-edit-button:hover {
  border-bottom: none;
}
.m-nav .nav-edit-button .icon {
  margin-bottom: 0;
  border: 1px dashed currentColor;
  padding: 1px;
  width: 16px;
  height: 16px;
}
.m-nav .nav-edit-button .icon::before, .m-nav .nav-edit-button .icon::after {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  content: "";
  margin-top: 1px;
  background: currentColor;
  transform: translate(-50%, -50%);
}
.m-nav .nav-edit-button .icon::before {
  width: 1px;
  height: 8px;
}
.m-nav .nav-edit-button .icon::after {
  height: 1px;
  width: 8px;
}
.m-nav .u-new {
  position: absolute;
  top: 16px;
  left: -32px;
  width: 32px;
  height: 16px;
  line-height: 16px;
  text-align: center;
  font-size: 10px;
  font-weight: bold;
  color: #f5f7fa;
  border-radius: 2px;
  background: #f8395c;
  pointer-events: none;
}
.m-nav .u-new::before {
  content: "";
  position: absolute;
  top: 3.5px;
  right: -2px;
  z-index: -1;
  width: 6px;
  height: 6px;
  border: 1px solid #f8395c;
  background: #f8395c;
  transform: rotate(45deg);
}
@media (max-width: 1300px) {
  .m-nav .nav-item-search span.txt {
    display: none;
  }
}
@media (max-width: 1240px) {
  .m-nav .nav-item-search span.u-new {
    display: none;
  }
}
.m-nav .nav-item-search::after {
  content: "";
  position: absolute;
  right: 0;
  width: 1px;
  height: 16px;
  top: 50%;
  transform: translate(0, -50%);
  background: rgba(255, 255, 255, 0.24);
}
.editing .m-nav .frame-nav-left .nav-item .j-flag, .editing .m-nav .frame-nav-left .nav-edit-button .j-flag {
  position: relative;
  cursor: move;
}
.editing .m-nav .frame-nav-left .nav-item .j-flag::after, .editing .m-nav .frame-nav-left .nav-edit-button .j-flag::after {
  position: absolute;
  content: "";
  top: 10px;
  bottom: 10px;
  left: 5px;
  right: 5px;
  border: 1px dashed rgba(255, 255, 255, 0.2);
}
.m-nav .user .u-menu {
  top: 52px;
}
.m-nav .user .u-menu li {
  padding: 0 24px;
  height: 40px;
  line-height: 40px;
}
.m-nav .user .u-menu#j-user-menu {
  left: auto;
  right: 2px;
}
.m-nav .z-hide {
  display: none;
}
.m-nav .z-hide .u-icn-hidesd {
  display: none;
}
.m-nav .z-hide .u-icn-showsd {
  display: block;
}
.m-nav .z-show {
  display: block;
}

@media (max-width: 1120px) {
  .m-nav .logo-ctn {
    display: none;
  }
}
@media (max-width: 900px) {
  .m-nav .frame-nav-right .nav-item, .m-nav .frame-nav-right .nav-edit-button {
    padding: 0 10px;
  }
  .m-nav .nav-item .j-flag, .m-nav .nav-edit-button .j-flag {
    padding: 0 10px;
  }
}
@media (max-width: 800px) {
  .m-nav .frame-nav-right .help {
    display: none;
  }
}
.m-nav2 .title {
  font-size: 14px;
  height: 56px;
  line-height: 56px;
  padding: 0 16px;
}
.m-nav2 h2 {
  display: inline-block;
  font-size: 16px;
  color: var(--color-title);
  font-weight: 500;
}
.m-nav2 .u-link {
  float: right;
  border-bottom: 1px solid transparent;
  color: var(--color-primary);
}
.m-nav2 .u-link span {
  color: #3db3e6;
  cursor: pointer;
}
.m-nav2 .u-link span:hover {
  border-bottom: 1px solid #3db3e6;
}
.m-nav2 .m-search {
  margin: 4px 14px 10px;
}
.m-nav2 .m-search-category .select {
  width: 80px;
}
.m-nav2 .m-search-category .select select {
  width: 80px;
}
.m-nav2 .m-search-category .search {
  width: calc(100% - 80px - 1px);
}

.g-sd-1 .m-nav5 {
  color: var(--color-title);
  height: 100%;
  overflow: auto;
}
.g-sd-1 .m-nav5 .head {
  position: relative;
  padding: 15px 0;
  height: 70px;
  border-bottom: 1px solid #eee;
  margin: 0 24px;
}
.g-sd-1 .m-nav5 .head .title {
  height: 20px;
  line-height: 20px;
  color: #999;
}
.g-sd-1 .m-nav5 .head .name {
  height: 20px;
  line-height: 20px;
  overflow: hidden;
  word-wrap: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.g-sd-1 .m-nav5 .head .list {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  color: var(--color-primary);
}
.g-sd-1 .m-nav5 .head1 {
  height: 56px;
  line-height: 56px;
  margin: 0 20px;
}
.g-sd-1 .m-nav5 .head1 h2 {
  display: inline-block;
  font-size: 16px;
  color: var(--color-title);
  font-weight: 500;
}
.g-sd-1 .m-nav5 .nav-list {
  padding-top: 15px;
}
.g-sd-1 .m-nav5 .nav-list-1 {
  padding-top: 0;
}
.g-sd-1 .m-nav5 .nav-list .nav-name {
  display: block;
  padding: 13px 20px;
  border-left: 4px solid #f9fafc;
  cursor: pointer;
}
.g-sd-1 .m-nav5 .nav-list1 {
  background: #f7f8fa;
}
.g-sd-1 .m-nav5 .nav-list1 .nav-name {
  padding: 10px 30px;
}
.g-sd-1 .m-nav5 .nav-list .z-sel {
  border-color: var(--color-primary);
  color: var(--color-primary);
}

.m-t-1 {
  margin-top: 1px;
}

.g-mn-1 {
  height: 100%;
  padding-left: 224px;
}

.flow-sdk-container {
  width: 100%;
  height: 100%;
  position: relative;
}

.m-remind-info {
  display: flex;
  width: 310px;
}
.m-remind-info .icn {
  font-size: 24px;
  margin-right: 8px;
  color: #FFAF0F;
}
.m-remind-info .message {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}
.m-remind-info .text {
  margin-top: 10px;
  font-size: 14px;
  line-height: 22px;
  color: #79809a;
}

.u-icn-new-font {
  position: absolute;
  font-size: 8px;
  display: inline-block;
  top: -3px;
  right: -11px;
  line-height: 16px;
  background: rgb(242, 73, 87);
  color: rgb(255, 255, 255);
  border-radius: 8px 8px 8px 0;
  padding: 0 5px;
}

.u-icn-new-font::after {
  content: "新";
}

.license-detail {
  margin-right: 16px;
  flex: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.license-detail .u-icn {
  margin-right: 8px;
}

.z-comment .g-nv {
  z-index: 200;
}
.z-comment .g-header {
  z-index: 200;
}
.z-comment .g-sd {
  z-index: 200;
}
.z-comment .m-slide-icn {
  z-index: 200;
}
.z-comment .titlebar {
  z-index: 199;
}
.z-comment .g-page-tools {
  z-index: 200;
}