.u-bitem .txt:before, .u-search:before, .u-emails:before, .u-phones:before, .u-phones .phones:before, .u-col-24-50-50:before, .u-col-100-20:before, .u-col-24-100-48:before, .u-col-24-24-100:before, .u-col-100-80-80:before, .u-radio:before, .dsc-row:before, .dsc-layout:before, .u-bitem .txt:after, .u-search:after, .u-emails:after, .u-phones:after, .u-phones .phones:after, .u-col-24-50-50:after, .u-col-100-20:after, .u-col-24-100-48:after, .u-col-24-24-100:after, .u-col-100-80-80:after, .u-radio:after, .dsc-row:after, .dsc-layout:after {
  display: table;
  content: " ";
}
.u-bitem .txt:after, .u-search:after, .u-emails:after, .u-phones:after, .u-phones .phones:after, .u-col-24-50-50:after, .u-col-100-20:after, .u-col-24-100-48:after, .u-col-24-24-100:after, .u-col-100-80-80:after, .u-radio:after, .dsc-row:after, .dsc-layout:after {
  clear: both;
}

.u-menu li, .u-txt, .u-txtarea {
  transition: border-color 0.3s, color 0.3s, background-color 0.3s;
}

.u-colors .color-item.chosen, .u-color-block:hover, .u-rf-item:hover, .u-emails.email-active, .u-phones.focused, .u-input:focus, .u-input:hover {
  -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);
}

.dsc-form .item .side, .dsc-choice .side {
  display: block;
  float: left;
  margin-right: 8px;
}
.dsc-form .item .side-date, .dsc-choice .side-date {
  display: block;
  margin-right: 8px;
}
.dsc-form .item .main, .dsc-choice .main {
  overflow: hidden;
}

.u-item .sel, .u-color-sel .sel {
  width: 16px;
  height: 16px;
  background-color: transparent;
  display: none;
  position: absolute;
  top: 50%;
  right: 9px;
  margin-top: -8px;
  cursor: pointer;
}
.u-item .sel::after, .u-color-sel .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;
}

:root {
  --color-primary: #103ffa;
  --color-primary-hover: #385ffb;
  --color-primary-click: #0a2bcf;
  --color-primary-disable: #91b1fd;
  --color-primary-bg: rgba(16, 63, 250, 0.04);
  --color-primary-rgb: 16, 63, 250;
  --color-title: #102048;
  --color-title-rgb: 16, 32, 72;
  --color-list-hover-bg: rgba(16, 63, 250, 0.08);
  --color-hover-bg: #f5f8ff;
}

* {
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  box-sizing: border-box;
}

html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
div,
dl,
dt,
dd,
ul,
ol,
li,
p,
blockquote,
pre,
hr,
figure,
table,
caption,
th,
td,
form,
fieldset,
legend,
input,
button,
select,
textarea,
menu {
  margin: 0;
  padding: 0;
}

header,
footer,
section,
article,
aside,
nav,
hgroup,
address,
figure,
figcaption,
menu,
details {
  display: block;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption {
  text-align: left;
  font-weight: normal;
}

html,
body,
fieldset,
img,
iframe,
abbr {
  border: 0;
}

i,
cite,
em,
var,
address,
dfn {
  font-style: normal;
}

summary {
  outline: 0;
}

ol,
ul {
  list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
small {
  font-size: 100%;
}

sup,
sub {
  font-size: 83%;
}

pre,
code,
kbd,
samp {
  font-family: inherit;
}

q::before,
q::after {
  content: none;
}

textarea {
  overflow: auto;
  resize: none;
}

label,
summary {
  cursor: default;
}

a,
button {
  cursor: pointer;
}

h1,
h2,
h3,
h4,
h5,
h6,
em,
strong,
b {
  font-weight: normal;
}

del,
ins,
u,
s,
a,
a:hover {
  text-decoration: none;
}

html {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: auto !important;
  user-select: auto !important;
  -webkit-touch-callout: default !important;
}

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

input[type=checkbox],
input[type=radio] {
  position: relative;
  width: 14px;
  height: 14px;
  vertical-align: middle;
  -webkit-appearance: none;
  appearance: none;
}
input[type=checkbox]::before,
input[type=radio]::before {
  display: inline-block;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 12px;
  height: 12px;
  border-radius: 2px;
  border: 1px solid #e1e3e5;
  background: #fff;
  transition: all 0.36s;
}
input[type=checkbox]:hover::before,
input[type=radio]:hover::before {
  border-color: var(--color-primary-hover);
}
input[type=checkbox][disabled],
input[type=radio][disabled] {
  border: none;
  background: none;
}
input[type=checkbox][disabled]::before, input[type=checkbox][disabled]:hover::before,
input[type=radio][disabled]::before,
input[type=radio][disabled]:hover::before {
  border-color: #e1e3e5 !important;
  background-color: #f2f2f5 !important;
}
input[type=checkbox] + span,
input[type=radio] + span {
  vertical-align: middle;
  line-height: 1;
}
input[type=checkbox]:not([disabled]) + span,
input[type=radio]:not([disabled]) + span {
  color: #79809a;
}
input[type=checkbox][disabled] + span,
input[type=radio][disabled] + span {
  cursor: not-allowed;
  color: #a9a9b8;
}

input[type=checkbox]:checked::before {
  border-color: var(--color-primary);
  background-color: var(--color-primary);
  transition: all 0.36s;
}
input[type=checkbox]:checked:hover::before {
  border-color: var(--color-primary-hover);
  background-color: var(--color-primary-hover);
}
input[type=checkbox]:checked::after {
  content: " ";
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -2px;
  margin-left: -4px;
  width: 5px;
  height: 8px;
  display: table;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg) scale(0.8) translate(-50%, -50%);
  transition: all 0.36s;
}
input[type=checkbox][disabled]:checked::after {
  border-color: #a9a9b8;
}

input[type=radio]::before {
  border-radius: 50%;
}
input[type=radio]::after {
  position: absolute;
  content: none;
  width: 8px;
  height: 8px;
  top: 50%;
  left: 50%;
  margin: 0;
  transform: translate(-50%, -50%);
  border: none;
  background-color: var(--color-primary);
  border-radius: 50%;
  transition: all 0.36s;
}
input[type=radio]:checked::before {
  border: 1px solid var(--color-primary);
  background-color: #fff;
}
input[type=radio]:checked::after {
  content: "";
  background-color: var(--color-primary-hover);
}
input[type=radio]:checked:hover::after {
  background-color: var(--color-primary-hover);
}
input[type=radio][disabled]:checked::after {
  background-color: #a9a9b8;
}

.clear-checkbox-default-color input[type=checkbox]:not([disabled]) + span,
.clear-checkbox-default-color input[type=radio]:not([disabled]) + span {
  color: inherit;
}

input[disabled] {
  background-color: #f3f3f3;
  cursor: not-allowed;
  border: 1px solid #efefef;
}

::-webkit-input-placeholder {
  color: #c0c0ca !important;
  font-weight: normal !important;
}

::placeholder {
  color: #c0c0ca !important;
  font-weight: normal !important;
}

::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-button {
  display: none;
}

::-webkit-scrollbar-track {
  background: transparent;
}

::-webkit-scrollbar-corner {
  background: transparent;
}

::-webkit-scrollbar-thumb {
  border-radius: 6px;
  background: rgba(0, 0, 0, 0.25);
}
::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.4);
}

body,
textarea,
input,
button,
select,
keygen,
legend {
  font: 14px/1.14 "helvetica neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;
  color: #333;
  outline: 0;
}

a,
a:hover {
  color: #333;
}

body,
html,
#app,
.app-wrapper {
  height: 100%;
  width: 100%;
}

body {
  overflow: hidden;
  -webkit-backface-visibility: hidden;
}

.f-cb:before, .f-cb:after {
  display: table;
  content: " ";
}
.f-cb:after {
  clear: both;
}

.f-fl {
  float: left;
}

.f-fr {
  float: right;
}

.f-tal {
  text-align: left;
}

.f-tar {
  text-align: right;
}

.f-tac {
  text-align: center;
}

.f-taj {
  text-align: justify;
  text-justify: inter-ideograph;
}

.f-nowrap {
  word-wrap: normal;
  white-space: nowrap;
}

.f-wrap {
  white-space: normal;
  word-wrap: break-word;
  word-break: break-all;
}

.f-pre {
  overflow: hidden;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
  word-break: break-all;
}

.f-ellipsis {
  overflow: hidden;
  word-wrap: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.f-noselect {
  -webkit-user-select: none;
  user-select: none;
}

.f-notext {
  overflow: hidden;
  text-indent: -20000px;
}

.f-dn {
  display: none;
}

.f-db {
  display: block;
}

.f-ib {
  display: inline-block;
}

.f-move {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.f-pointer {
  cursor: pointer;
}

.f-pr {
  position: relative;
}

.f-pa {
  position: absolute;
}

.f-vbh {
  visibility: hidden;
}

.f-bfc-overflow {
  overflow: auto;
}

.f-flex {
  display: flex;
}

.f-inline-flex {
  display: inline-flex;
}

.f-jus-center {
  justify-content: center;
}

.f-jus-start {
  justify-content: flex-start;
}

.f-jus-end {
  justify-content: flex-end;
}

.f-ai-center {
  align-items: center;
}

.f-ai-start {
  align-items: flex-start;
}

.f-ai-end {
  align-items: flex-end;
}

.f-cls {
  clear: both;
}

.f-clear-left {
  clear: left;
}

.s-fc1 {
  color: #333;
}

.s-fc2 {
  color: #999;
}

.fw-bold {
  font-weight: bold;
}

.f-wd-breakall {
  word-break: break-all;
}

.f-hide-scrollbar {
  scrollbar-width: none; /* Firefox */
}
.f-hide-scrollbar::-webkit-scrollbar {
  display: none;
}

.f-link {
  color: #103ffa;
  cursor: pointer;
}
.f-link:hover {
  color: #103ffa;
}

.bg-color-primary {
  background-color: var(--color-primary);
}

.f-color-primary {
  color: var(--color-primary);
}

.bg-color-primary-hover {
  background-color: var(--color-primary-hover);
}

.f-color-primary-hover {
  color: var(--color-primary-hover);
}

.bg-color-primary-click {
  background-color: var(--color-primary-click);
}

.f-color-primary-click {
  color: var(--color-primary-click);
}

.bg-color-success {
  background-color: #36bf5a;
}

.f-color-success {
  color: #36bf5a;
}

.bg-color-success-hover {
  background-color: #50ce71;
}

.f-color-success-hover {
  color: #50ce71;
}

.bg-color-success-click {
  background-color: #2d9f4b;
}

.f-color-success-click {
  color: #2d9f4b;
}

.bg-color-info {
  background-color: #1881dc;
}

.f-color-info {
  color: #1881dc;
}

.bg-color-info-hover {
  background-color: #3495e9;
}

.f-color-info-hover {
  color: #3495e9;
}

.bg-color-info-click {
  background-color: #146bb7;
}

.f-color-info-click {
  color: #146bb7;
}

.bg-color-warning {
  background-color: #FFAF0F;
}

.f-color-warning {
  color: #FFAF0F;
}

.bg-color-danger {
  background-color: #F24957;
}

.f-color-danger {
  color: #F24957;
}

.bg-color-dark {
  background-color: #141720;
}

.f-color-dark {
  color: #141720;
}

.bg-color-gray-darker {
  background-color: #525252;
}

.f-color-gray-darker {
  color: #525252;
}

.bg-color-gray-dark {
  background-color: #8f8f8f;
}

.f-color-gray-dark {
  color: #8f8f8f;
}

.bg-color-border {
  background-color: #e8e8f0;
}

.f-color-border {
  color: #e8e8f0;
}

.bg-color-logo {
  background-color: #3db3e6;
}

.f-color-logo {
  color: #3db3e6;
}

.bg-color-pill-measure {
  background-color: #40c0a8;
}

.f-color-pill-measure {
  color: #40c0a8;
}

.bg-color-pill-dimension {
  background-color: #4a90e2;
}

.f-color-pill-dimension {
  color: #4a90e2;
}

.f-color-title {
  color: var(--color-title);
}

.f-color-content {
  color: #79809a;
}

.f-color-tip {
  color: #a9a9b8;
}

.f-color-dimension {
  color: #4a90e2;
}

.f-color-measure {
  color: #40c0a8;
}

@font-face {
  font-display: swap;
  font-family: "avenir";
  src: url(../fonts/avenir.63d50f3088.otf) format("otf"), url(../fonts/avenir.54a775d7ab.ttf) format("truetype");
}
@font-face {
  font-display: swap;
  font-family: "DINPro";
  src: url(../fonts/DINPro-Regular.cbb8d83522.otf) format("opentype");
  font-weight: normal;
}
@font-face {
  font-display: swap;
  font-family: "DINPro";
  src: url(../fonts/DINPro-Bold.f0a4f78d02.ttf) format("truetype");
  font-weight: bold;
}
@font-face {
  font-display: swap;
  font-family: "DINPro-Bold";
  src: url(../fonts/DINPro-Bold.f0a4f78d02.ttf) format("truetype");
}
@font-face {
  font-display: swap;
  font-family: "DIN";
  src: url(../fonts/DIN.615b0c6db2.otf) format("opentype");
  font-weight: normal;
}
@font-face {
  font-display: swap;
  font-family: "DIN";
  src: url(../fonts/DIN-Bold.1934dc782b.otf) format("opentype");
  font-weight: bold;
}
@font-face {
  font-display: swap;
  font-family: "DIN-Bold";
  src: url(../fonts/DIN-Bold.1934dc782b.otf) format("opentype");
}
@font-face {
  font-display: swap;
  font-family: "DINCond";
  src: url(../fonts/DINCond.c914321511.otf) format("opentype");
  font-weight: normal;
}
@font-face {
  font-display: swap;
  font-family: "DINCond";
  src: url(../fonts/DINCond-Bold.3a561a5983.otf) format("opentype");
  font-weight: bold;
}
@font-face {
  font-display: swap;
  font-family: "DINCond-Bold";
  src: url(../fonts/DINCond-Bold.3a561a5983.otf) format("opentype");
}
@font-face {
  font-display: swap;
  font-family: "Rubik";
  src: url(../fonts/Rubik.1c5a52bb62.woff2) format("woff2"), url(../fonts/Rubik.a1db7faf2e.ttf) format("truetype");
  font-weight: normal;
}
@font-face {
  font-display: swap;
  font-family: "Rubik";
  src: url(../fonts/Rubik-Bold.1d0ad13d4c.woff2) format("woff2"), url(../fonts/Rubik-Bold.d1a462131d.ttf) format("truetype");
  font-weight: bold;
}
@font-face {
  font-display: swap;
  font-family: "Rubik-Bold";
  src: url(../fonts/Rubik-Bold.1d0ad13d4c.woff2) format("woff2"), url(../fonts/Rubik-Bold.d1a462131d.ttf) format("truetype");
}
@font-face {
  font-display: swap;
  font-family: "Rubik";
  src: url(../fonts/Rubik-Italic.b6107905db.woff2) format("woff2"), url(../fonts/Rubik-Italic.5ecc5c0f1a.ttf) format("truetype");
  font-style: italic;
  font-weight: normal;
}
@font-face {
  font-display: swap;
  font-family: "Rubik";
  src: url(../fonts/Rubik-BoldItalic.295163e831.woff2) format("woff2"), url(../fonts/Rubik-BoldItalic.1e9e559d17.ttf) format("truetype");
  font-style: italic;
  font-weight: bold;
}
@font-face {
  font-display: swap;
  font-family: "Rubik-BoldItalic";
  src: url(../fonts/Rubik-BoldItalic.295163e831.woff2) format("woff2"), url(../fonts/Rubik-BoldItalic.1e9e559d17.ttf) format("truetype");
}
@font-face {
  font-display: swap;
  font-family: "DouYu";
  src: url(../fonts/DouYuFont-2.08311947d8.woff2) format("woff2"), url(../fonts/DouYuFont-2.f72280f5ca.otf) format("opentype");
}
@font-face {
  font-display: swap;
  font-family: "ShangShouDunHeiTi";
  src: url(../fonts/ShangShouDunHeiTi-2.87693a304d.woff2) format("woff2"), url(../fonts/ShangShouDunHeiTi-2.d23442166f.ttf) format("truetype");
}
@font-face {
  font-display: swap;
  font-family: "ShiShangZhongHeiJianTi";
  src: url(../fonts/ShiShangZhongHeiJianTi-1.66aa3a828c.woff2) format("woff2"), url(../fonts/ShiShangZhongHeiJianTi-1.d39284136d.ttf) format("truetype");
}
@font-face {
  font-display: swap;
  font-family: "YouSheBiaoTiHei";
  src: url(../fonts/YouSheBiaoTiHei-2.d7d75d8fab.woff2) format("woff2"), url(../fonts/YouSheBiaoTiHei-2.ccdd188b73.ttf) format("truetype");
}
@font-face {
  font-display: swap;
  font-family: "YouSheHaoShenTi";
  src: url(../fonts/YouSheHaoShenTi-2.fd6c8ce025.woff2) format("woff2"), url(../fonts/YouSheHaoShenTi-2.c2f3bc788f.ttf) format("truetype");
}
@keyframes fadeup {
  0% {
    transform: translateY(20%);
    opacity: 0;
  }
  100% {
    transform: translateY(0%);
    opacity: 1;
  }
}
@keyframes fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeout {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes bouncein {
  0% {
    opacity: 0;
    transform: scale(0.3);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes bounceout {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(0.3);
  }
}
@keyframes bounceOut {
  0% {
    transform: scale(1);
  }
  25% {
    transform: scale(0.95);
  }
  50% {
    opacity: 1;
    transform: scale(1.1);
  }
  100% {
    opacity: 0;
    transform: scale(0.3);
  }
}
.animated.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@keyframes bounceIn {
  0% {
    opacity: 0;
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
    transform: scale(1.05);
  }
  70% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}
.animated.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.animated.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.animated.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@keyframes fadeInY {
  0% {
    opacity: 0;
    transform: translateY(30px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.animated.fadeInY {
  -webkit-animation-name: fadeInY;
  animation-name: fadeInY;
}

@keyframes fadeOutY {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(30px);
  }
}
.animated.fadeOutY {
  -webkit-animation-name: fadeOutY;
  animation-name: fadeOutY;
}

@keyframes fadeInX {
  0% {
    opacity: 0;
    transform: translateX(30px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.animated.fadeInX {
  -webkit-animation-name: fadeInX;
  animation-name: fadeInX;
}

@keyframes fadeOutX {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(30px);
  }
}
.animated.fadeOutX {
  -webkit-animation-name: fadeOutX;
  animation-name: fadeOutX;
}

@keyframes wobble {
  0% {
    transform: translateX(0%);
  }
  15% {
    transform: translateX(-15%) rotate(-3deg);
  }
  30% {
    transform: translateX(12%) rotate(2.4deg);
  }
  45% {
    transform: translateX(-9%) rotate(-1.8deg);
  }
  60% {
    transform: translateX(6%) rotate(1.2deg);
  }
  75% {
    transform: translateX(-3%) rotate(-0.6deg);
  }
  100% {
    transform: translateX(0);
  }
}
.animated.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@keyframes flipInX {
  0% {
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    transform: perspective(400px) rotateX(10deg);
  }
  100% {
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}
.animated.flipInX {
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@keyframes flipOutX {
  0% {
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}
.animated.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@keyframes flipInYSmall {
  0% {
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  100% {
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}
.animated.flipInYSmall {
  -webkit-animation-name: flipInYSmall;
  animation-name: flipInYSmall;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@keyframes flipOutY {
  0% {
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}
.animated.flipOutY {
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@keyframes shake {
  0%, 100% {
    transform: translateX(0);
  }
  10%, 30%, 50%, 70%, 90% {
    transform: translateX(-20px);
  }
  20%, 40%, 60%, 80% {
    transform: translateX(20px);
  }
}
.animated.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

.animated {
  -webkit-animation-duration: 0.4s;
  animation-duration: 0.4s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.link-color {
  color: #103ffa;
}
.link-color:hover {
  color: #385ffb;
}
.link-color:active {
  color: #0533ec;
}
.link-color-tooltip {
  color: #337EFF;
}
.link-color-tooltip:hover {
  color: #5c98ff;
}
.link-color-tooltip:active {
  color: #1a6eff;
}

.scrollbar-measure {
  width: 100px;
  height: 100px;
  overflow: scroll;
  position: absolute;
  top: -9999px;
}

.skeleton-root {
  width: 100%;
  height: 100%;
  margin-top: 48px;
  border-top: 1px #e1e1e1 solid;
  background: #fff;
  position: absolute;
  top: 0;
}
.skeleton-root .sider {
  position: absolute;
  top: 0;
  left: 0;
  width: 223px;
  height: 100%;
  background: #f9fafc;
  padding: 0 8px;
}
.skeleton-root .content {
  padding-left: 233px;
}
@media screen and (max-width: 1000px) {
  .skeleton-root .sider {
    width: 56px;
  }
  .skeleton-root .content {
    padding-left: 72px;
  }
}
.skeleton-root .skeleton-item-wrap {
  background-color: #fff;
  margin: 10px auto;
  padding: 40px;
  width: 100%;
}
.skeleton-root .skeleton-item-wrap li {
  background-image: linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%);
  width: 100%;
  height: 1rem;
  list-style: none;
  background-size: 400% 100%;
  margin-top: 0.6rem;
  background-position: 100% 50%;
  animation: skeleton-loading 1.4s ease infinite;
}
.skeleton-root .skeleton-item-wrap li:first-child {
  width: 38%;
}
.skeleton-root .skeleton-item-wrap li:last-child {
  width: 61%;
}
@keyframes skeleton-loading {
  0% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0 50%;
  }
}

font[size="1"] {
  font-size: 12px;
}

.mm-designer-bpmn-content-grid {
  background-color: rgb(238, 240, 244) !important;
  overflow: auto;
  background-size: 12px 12px !important;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0) !important;
  height: 100%;
}

.work-order-detail-radio-input,
.work-order-detail-checkbox-input,
.mm-bpmn-designer-radio-input,
.mm-bpmn-designer-checkbox-input {
  position: absolute !important;
}

button.work-order-detail-btn.work-order-detail-btn-primary,
button.mm-bpmn-designer-btn.mm-bpmn-designer-btn-primary {
  color: white;
}

.dragging::before {
  content: unset !important;
}

.g-nv {
  display: none;
  position: relative;
  z-index: 97;
  left: 0;
  top: 0;
  right: 0;
  height: 48px;
  background-color: #141720;
}
.z-global-nav-visible .g-nv {
  display: block;
}

.g-headless-nav {
  display: none;
  z-index: 100;
  position: fixed;
  left: 0;
  top: 16px;
  width: 16px;
  height: 40px;
  line-height: 40px;
  background-color: var(--color-primary);
  border-radius: 0 4px 4px 0;
  transition: all 0.2s ease-in-out;
  color: #fff;
  font-size: 16px;
  cursor: pointer;
  text-align: center;
}
.g-headless-nav:before {
  content: "";
  display: inline-block;
  width: 7px;
  height: 14px;
  background: url(../img/arrow-left.103c30e958.svg) center no-repeat;
  transform: rotate(180deg);
}
.g-headless-nav.active {
  z-index: 305;
  left: 224px;
}
.g-headless-nav.active:before {
  transform: rotate(0);
}
.z-global-nav-visible .g-headless-nav {
  display: block;
}
.g-headless-nav.z-hide {
  display: none;
}

.g-mn {
  width: 100%;
}
.g-mn .app-wrapper {
  position: relative;
}
.g-mn-2 {
  height: 100%;
}
.z-global-nav-visible:not(.z-headless) .g-mn#app {
  height: calc(100% - 48px);
}

.g-app {
  min-width: 1000px;
  height: 100%;
  position: relative;
  background-color: whitesmoke;
}
.g-app-edit {
  -webkit-user-select: none;
  user-select: none;
}

.g-app-dataPortal-view {
  min-width: auto;
}
.g-app-dataPortal-view .g-content {
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
}

.g-app-view .g-content {
  right: 0;
}
.g-app-view .g-content .m-watermark {
  left: 0;
}
.g-app-view .g-side {
  right: -480px;
}
.g-app-view .g-page-tools {
  right: 0;
}

.g-header,
.g-content,
.g-side,
.g-title,
.g-title-line,
.g-page-tools,
.g-askme,
.g-beautify {
  position: absolute;
}

.g-header {
  top: 0;
  left: 0;
  width: 100%;
  height: 64px;
  background-color: #141720;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16);
  z-index: 1;
}

.g-report-copilot-container {
  position: absolute;
  top: 64px;
  width: 100%;
  height: calc(100% - 64px - 32px);
  pointer-events: none;
}

.g-content {
  top: 109px;
  left: 0;
  bottom: 32px;
  right: 400px;
  overflow: auto;
  background-color: #dbdbdb;
  transition: left 0.3s ease-in-out, right 0.3s ease-in-out;
}
.g-content .m-watermark {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 1;
  pointer-events: none;
  bottom: -65px;
  left: -400px;
}
.g-content-noaskme {
  top: 64px;
}

.g-side {
  transition: right 0.3s ease-in-out;
  top: 64px;
  right: 0;
  bottom: 0;
  width: 400px;
}
.g-side-left, .g-side-right {
  float: left;
  width: 200px;
  height: 100%;
  position: relative;
  background-color: #fff;
  border-left: 1px solid #e8e8f0;
}
.g-side-auto {
  width: auto;
}

.g-side-right.z-sideRight {
  z-index: 400;
}

.g-dmlSide.z-dmlRight {
  z-index: 400;
  background: #f1f1f1;
}

.g-sidebar {
  position: fixed;
  z-index: 900;
  left: -200px;
  top: 48px;
  bottom: 0;
  width: 200px;
}
.g-sidebar.z-show {
  display: block;
}

.z-headless .g-sidebar {
  left: -224px;
  width: 224px;
  top: 0;
}

.dsc-row .dsc-col-0 {
  display: block;
  width: 0%;
  float: left;
}
.dsc-row .dsc-col-1 {
  display: block;
  width: 8.3333333333%;
  float: left;
}
.dsc-row .dsc-col-2 {
  display: block;
  width: 16.6666666667%;
  float: left;
}
.dsc-row .dsc-col-3 {
  display: block;
  width: 25%;
  float: left;
}
.dsc-row .dsc-col-4 {
  display: block;
  width: 33.3333333333%;
  float: left;
}
.dsc-row .dsc-col-5 {
  display: block;
  width: 41.6666666667%;
  float: left;
}
.dsc-row .dsc-col-6 {
  display: block;
  width: 50%;
  float: left;
}
.dsc-row .dsc-col-7 {
  display: block;
  width: 58.3333333333%;
  float: left;
}
.dsc-row .dsc-col-8 {
  display: block;
  width: 66.6666666667%;
  float: left;
}
.dsc-row .dsc-col-9 {
  display: block;
  width: 75%;
  float: left;
}
.dsc-row .dsc-col-10 {
  display: block;
  width: 83.3333333333%;
  float: left;
}
.dsc-row .dsc-col-11 {
  display: block;
  width: 91.6666666667%;
  float: left;
}
.dsc-row .dsc-col-12 {
  display: block;
  width: 100%;
  float: left;
}

.dsc-row .dsc-col-0-5 {
  display: block;
  float: left;
  width: 4.1666666667%;
}
.dsc-row .dsc-col-1-5 {
  display: block;
  float: left;
  width: 12.5%;
}
.dsc-row .dsc-col-2-5 {
  display: block;
  float: left;
  width: 20.8333333333%;
}
.dsc-row .dsc-col-3-5 {
  display: block;
  float: left;
  width: 29.1666666667%;
}
.dsc-row .dsc-col-4-5 {
  display: block;
  float: left;
  width: 37.5%;
}
.dsc-row .dsc-col-5-5 {
  display: block;
  float: left;
  width: 45.8333333333%;
}
.dsc-row .dsc-col-6-5 {
  display: block;
  float: left;
  width: 54.1666666667%;
}
.dsc-row .dsc-col-7-5 {
  display: block;
  float: left;
  width: 62.5%;
}
.dsc-row .dsc-col-8-5 {
  display: block;
  float: left;
  width: 70.8333333333%;
}
.dsc-row .dsc-col-9-5 {
  display: block;
  float: left;
  width: 79.1666666667%;
}
.dsc-row .dsc-col-10-5 {
  display: block;
  float: left;
  width: 87.5%;
}
.dsc-row .dsc-col-11-5 {
  display: block;
  float: left;
  width: 95.8333333333%;
}

.dsc-layout .dsc-layout-item {
  float: left;
  display: block;
}

.dsc-bicon {
  display: block;
  width: 52px;
  height: 35px;
  background-image: url(../img/bicons.e4d7346255.svg);
  background-repeat: no-repeat;
}
.dsc-bicon-pie, .dsc-bicon-270 {
  background-position: -61px -87px;
}
.dsc-bicon-pie.active, .dsc-bicon-270.active {
  background-position: 0 -87px;
}
.dsc-bicon-bar-subject1 {
  background-position: 0 -928px;
}
.dsc-bicon-bar-subject2 {
  background-position: -61px -928px;
}
.dsc-bicon-pie-subject1 {
  background-position: 0 -875px;
}
.dsc-bicon-pie-subject2 {
  background-position: -61px -875px;
}
.dsc-bicon-pie-subject3 {
  background-position: -122px -875px;
}
.dsc-bicon-funnel-subject1 {
  background-position: -61px -981px;
}
.dsc-bicon-funnel-subject2 {
  background-position: 2px -981px;
}
.dsc-bicon-bar, .dsc-bicon-vertical {
  background-position: -61px -204px;
}
.dsc-bicon-bar.active, .dsc-bicon-vertical.active {
  background-position: 0 -204px;
}
.dsc-bicon-180 {
  background-position: -61px -144px;
}
.dsc-bicon-180.active {
  background-position: 0 -144px;
}
.dsc-bicon-horizontal {
  background-position: -61px -262px;
}
.dsc-bicon-horizontal.active {
  background-position: 3px -262px;
}
.dsc-bicon-white, .dsc-bicon-custom {
  background-position: -115px 0;
  height: 19px;
}
.dsc-bicon-white.active, .dsc-bicon-custom.active {
  background-position: 5px 0;
}
.dsc-bicon-black, .dsc-bicon-green, .dsc-bicon-purpleSky, .dsc-bicon-mintGreen, .dsc-bicon-blueYellow {
  background-position: -55px 0;
  height: 19px;
}
.dsc-bicon-black.active, .dsc-bicon-green.active, .dsc-bicon-purpleSky.active, .dsc-bicon-mintGreen.active, .dsc-bicon-blueYellow.active {
  background-position: 5px 0;
}
.dsc-bicon-blue {
  background-position: -55px 0;
  height: 19px;
}
.dsc-bicon-gou {
  width: 18px;
  height: 18px;
  background-position: -11px -36px;
}
.dsc-bicon-tab1 {
  background-image: url(../img/tab-select.d976e33145.svg);
}
.dsc-bicon-tab2 {
  background-image: url(../img/tab-select.d976e33145.svg);
  background-position: -64px 0;
}
.dsc-bicon-tab3 {
  background-image: url(../img/tab-select.d976e33145.svg);
  background-position: -128px 0;
}
.dsc-bicon-date-range {
  background-image: url(../img/date-bicons.9730aaf30b.svg);
  background-position: -28px 0;
}
.dsc-bicon-date-range.active {
  background-position: 0 0;
}
.dsc-bicon-date-month {
  background-image: url(../img/date-bicons.9730aaf30b.svg);
  background-position: -28px -28px;
}
.dsc-bicon-date-month.active {
  background-position: 0 -28px;
}
.dsc-bicon-date-day {
  background-image: url(../img/date-bicons.9730aaf30b.svg);
  background-position: -28px -56px;
}
.dsc-bicon-date-day.active {
  background-position: 0 -56px;
}
.dsc-bicon-annular {
  height: 45px;
  background-position: 3px -317px;
}
.dsc-bicon-annular.active {
  background-position: 3px -317px;
}
.dsc-bicon-disk {
  height: 45px;
  background-position: -61px -317px;
}
.dsc-bicon-disk.active {
  background-position: -61px -317px;
}
.dsc-bicon-parallel {
  background-position: -62px -392px;
}
.dsc-bicon-parallel.active {
  background-position: 2px -392px;
}
.dsc-bicon-stack {
  background-position: -62px -432px;
}
.dsc-bicon-stack.active {
  background-position: 2px -432px;
}
.dsc-bicon-ct-gray {
  background-position: 3px -737px;
}
.dsc-bicon-ct-blue {
  background-position: 3px -784px;
}
.dsc-bicon-ct-black {
  background-position: 3px -831px;
}

.dsc-choice .item {
  cursor: pointer;
}
.dsc-choice .item.selected {
  cursor: default;
}
.dsc-choice-icon .item-content i {
  display: block;
  margin: 0 auto;
}
.dsc-choice-icon .item-content span {
  display: block;
  text-align: center;
  margin-top: 8px;
}

.g-sd {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 224px;
  border-right: 1px solid #dfdfdf;
  overflow-y: auto;
  background: #f9fafc;
  height: 100%;
  transition: left 0.3s ease-in-out;
}
.g-sd-1 {
  overflow-y: inherit;
}
.g-sd-1.z-folder .u-folder-tab {
  display: flex;
  height: 28px;
  line-height: 28px;
  color: #79809a;
  margin-top: 10px;
  padding: 0 6px;
  border-bottom: 1px solid #e8e8f0;
}
.g-sd-1.z-folder .u-folder-tab .active {
  color: var(--color-primary);
  font-weight: bold;
  border-bottom: 2px solid var(--color-primary);
}
.g-sd-1.z-folder .u-folder-tab > *:not(.active):hover {
  color: #0057ff;
}
.g-sd-1.z-folder .u-folder-tab li {
  flex: 1;
  margin-bottom: -1px;
  text-align: center;
  font-size: 14px;
  cursor: pointer;
  color: #79809a;
}
.g-sd-1.z-folder .u-folder-tab li + li {
  margin-left: 25px;
}
.g-sd-1.z-folder .m-nav3 {
  display: flex;
  flex-direction: column;
  position: relative;
  height: 100%;
}
.g-sd-1.z-folder .m-nav3 .m-search {
  margin: 16px 44px 10px 17px;
}
.g-sd-1.z-folder .m-nav3 .menu-l {
  position: absolute;
  top: 102px;
  right: 12px;
}
.g-sd-1.z-folder .m-folders-wrap {
  flex: 1;
  position: static;
  border-top: none;
}
.g-sd.z-close {
  left: -224px;
}

.g-sd-2 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 224px;
  width: 224px;
  border-right: 1px solid #dfdfdf;
  overflow-y: auto;
}

.g-mnc {
  position: absolute;
  left: 224px;
  top: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  transition: left 0.3s ease-in-out;
}
.g-mnc.z-close {
  left: 0;
}
.g-mnc.z-close .g-page-tools {
  left: 0;
}
.g-mnc-conn, .g-mnc-model {
  left: 440px;
  transition: none;
}
.g-mnc.z-dragging {
  transition: unset;
}
.g-mnc .g-canvas-integrationView .g-page-tools {
  left: 224px;
}
.g-mnc-cockpit .titlebar .title {
  max-width: 350px;
  overflow: hidden;
  word-wrap: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.g-canvas-integrationView {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow: auto;
}

.g-canvas-portal, .g-canvas-report-integration {
  padding: 0;
}
.g-canvas-portal .m-watermark, .g-canvas-report-integration .m-watermark {
  bottom: 0 !important;
}
.g-canvas-portal .m-canvas, .g-canvas-report-integration .m-canvas {
  box-shadow: none !important;
}

.g-export {
  height: 100%;
}
.g-export .export-container {
  background: transparent;
  position: relative;
}
.g-export .m-watermark {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  pointer-events: none;
}
.g-export .noPermission {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  line-height: 1.4;
  text-align: center;
  font-size: 16px;
  color: #999;
}
.g-export .noPermission .u-icn {
  margin-bottom: 10px;
  font-size: 130px;
}

.g-canvas {
  transition: left 0.3s ease-in-out, top 0.5s linear;
}
.g-canvas .g-page-tools {
  position: fixed;
  left: 0;
  right: 0;
}
.g-canvas .g-page-tools.z-dragging {
  transition: unset;
}
.g-canvas .m-watermark {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  pointer-events: none;
}
.g-canvas-listView, .g-canvas-cockpit {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.g-canvas-listView .g-page-tools, .g-canvas-cockpit .g-page-tools {
  left: 224px;
}
.g-canvas-share {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.g-canvas-graphicPage .m-pagebar, .g-canvas-widgetPage .m-pagebar, .g-canvas-reportPage .m-pagebar {
  display: none;
}
.g-canvas-graphicPage .toolbar, .g-canvas-widgetPage .toolbar, .g-canvas-reportPage .toolbar {
  display: none;
}
.g-canvas-graphicPage .m-dashbox, .g-canvas-widgetPage .m-dashbox, .g-canvas-reportPage .m-dashbox {
  transition: none;
}
.g-canvas-graphicPage .m-dashbox .pending-mask, .g-canvas-widgetPage .m-dashbox .pending-mask, .g-canvas-reportPage .m-dashbox .pending-mask {
  display: none;
}
.g-canvas-graphicPage .m-dashRegion, .g-canvas-widgetPage .m-dashRegion, .g-canvas-reportPage .m-dashRegion {
  justify-content: flex-start;
}
.g-canvas-widgetPage, .g-canvas-reportPage {
  padding-bottom: 10px;
}
.g-canvas-widgetPage .g-page-tools, .g-canvas-reportPage .g-page-tools {
  display: none;
}
.g-canvas-widgetPage:last-of-type, .g-canvas-reportPage:last-of-type {
  padding-bottom: 0;
}
.g-canvas-mobile {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: 0;
  overflow-x: hidden;
}
.g-canvas-mobile::-webkit-scrollbar {
  display: none;
}
.g-canvas-mobile .u-back-integrate {
  position: absolute;
  z-index: 1;
}
.g-canvas-mobile .u-back-integrate-show {
  visibility: visible;
}
.g-canvas-mobile .u-back-integrate-hide {
  visibility: hidden;
}
.g-canvas-mobile .m-dashRegion {
  min-width: 0;
}
.g-canvas-mobile .m-dashRegion .m-canvas .box {
  overflow: visible;
}
.g-canvas-mobile .m-dashRegion .m-canvas-tab .grid {
  overflow: auto;
}
.g-canvas-mobile .m-dashRegion .m-canvas-tab .grid.z-mobile-active {
  visibility: hidden;
  overflow: visible;
}
.g-canvas-mobile .m-dashbox-param,
.g-canvas-mobile .m-dashbox-rangeFilter,
.g-canvas-mobile .m-dashbox-listFilter,
.g-canvas-mobile .m-dashbox-treeFilter {
  transition-property: all;
}
.g-canvas-mobile .m-graphic-tab-content .tab-canvas-box .tab-canvas {
  overflow: visible;
}
.g-canvas-mobile .mobile-activeWrap {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 999;
  transform-origin: 0 0;
  visibility: visible;
}
.g-canvas-jump {
  margin: 0 auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.g-canvas-mobileView {
  top: 1.08rem;
}

.m-dashRegion .m-canvas-main-view.z-topleft {
  position: absolute;
  top: 0;
  left: 0;
  transform-origin: 0 0;
}

.m-dashRegion .m-canvas-main-view.z-topcenter {
  position: absolute;
  top: 0;
  transform-origin: 50% 0;
}

.g-ct {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.g-ct h3 {
  float: left;
  font-size: 20px;
  color: #242d32;
}
.g-ct .titlebar .title-bar-tag {
  float: left;
  margin-right: 10px;
}
.g-ct .titlebar .title-bar-tag span {
  background-color: rgba(245, 166, 35, 0.1);
  border: 1px solid #FFAF0F;
  color: #FFAF0F;
  border-radius: 2px;
  font-size: 12px;
  padding: 5px;
}
.g-ct .titlebar .title-bar-tag.is-approving span {
  border: 1px solid #9cc1ff;
  color: #337eff;
  background-color: #e6f7ff;
}
.g-ct .titlebar .opt {
  position: relative;
  float: right;
}
.g-ct .titlebar .opt .u-icn {
  font-size: 16px;
  margin-right: 10px;
  cursor: pointer;
}
.g-ct .titlebar .opt .u-menu {
  position: absolute;
  display: block;
  top: 56px;
  z-index: 100;
  min-width: 0;
  left: inherit;
}
.g-ct .titlebar .opt .u-menu-edc0 {
  right: 69px;
}
.g-ct .titlebar .opt .u-menu-edc00 {
  right: 4px;
}
.g-ct .titlebar .opt .u-menu-edc1 {
  right: 140px;
}
.g-ct .titlebar .opt .u-menu-edc11 {
  right: 76px;
}
.g-ct .titlebar .opt .u-menu-edc2 {
  right: -7px;
}
.g-ct .titlebar .opt .u-icn-mail,
.g-ct .titlebar .opt .u-icn-cockpit {
  margin-top: 3px;
}
.g-ct .titlebar .opt .u-icn-close {
  margin-top: -2px;
}
.g-ct .titlebar .opt .u-icn-refresh {
  font-size: 20px;
  margin-top: -3px;
}

.g-mobile-mnc {
  position: absolute;
  z-index: 91;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  overflow: auto;
}
.g-mobile-mnc::-webkit-scrollbar {
  display: none;
}

.g-mobile-table {
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  overflow: auto;
}

.g-fill {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.g-center {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.g-app-edit.g-app-hideModel .g-side {
  right: -200px;
}
.g-app-edit.g-app-hideModel .g-content {
  right: 200px;
}
.g-app-edit.g-app-hideModel .g-page-tools {
  right: 200px;
}

.g-app.g-app-hideHead .g-header {
  display: none;
}
.g-app.g-app-hideHead .g-page-tools {
  top: 0;
}
.g-app.g-app-hideHead .g-content {
  top: 0;
}
.g-app.g-app-hideHead .g-side {
  top: 0;
}

.g-dml {
  width: 100%;
  height: 100%;
}
.g-dml-view .g-dmlMain {
  left: 0;
}
.g-dml-view .m-cubeinfo {
  height: calc(100vh - 234px);
}
.z-global-nav-visible.z-headless .g-dml-view .m-cubeinfo {
  height: calc(100vh - 186px);
}

.g-dmlSide {
  position: absolute;
  width: 240px;
  left: 0;
  top: 0;
  bottom: 0;
  border-right: 1px solid #e8e8f0;
  background: #fff;
  display: flex;
  flex-direction: column;
}
.g-dmlSide .drag-area {
  cursor: row-resize;
  height: 3px;
}
.g-dmlSide .drag-area .drag-line {
  height: 1px;
  margin-top: 1px;
  background: #ccc;
}

.g-askme {
  top: 64px;
  left: 0;
  z-index: 1;
  padding: 25px;
  transition: left 0.3s ease-in-out, right 0.3s ease-in-out;
}
.g-askme-show {
  bottom: 0;
  background: #fff;
}

.g-dmlMain {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #f5f5f5;
}

.g-sd-200 {
  width: 200px;
}

.g-sd-240 {
  width: 240px;
}

.g-app-preview .g-content {
  right: 0;
}
.g-app-preview .g-side {
  right: -400px;
}
.g-app-preview .g-page-tools {
  right: 0;
}

.g-app .g-page-tools-easyFetch {
  height: 36px;
  top: 64px;
  bottom: auto;
}

.u-btn {
  display: inline-block;
  height: 28px;
  line-height: 28px;
  border-radius: 2px;
  padding: 0 8px;
  -webkit-user-select: none;
  user-select: none;
  text-align: center;
  cursor: pointer;
  border: 0;
  background-color: white;
  font-size: 12px;
  color: #79809a;
  -webkit-box-shadow: inset 0 0 0 1px #E1E3E5;
  box-shadow: inset 0 0 0 1px #E1E3E5;
}
.u-btn.z-disable {
  background-color: #F2F2F5;
  border-color: #E5E6EB;
  -webkit-box-shadow: inset 0 0 0 1px #E5E6EB;
  box-shadow: inset 0 0 0 1px #E5E6EB;
  color: #a9a9b8;
  cursor: default;
}
.u-btn.z-disable:hover, .u-btn.z-disable:focus {
  background-color: #F2F2F5;
  border-color: #E5E6EB;
  -webkit-box-shadow: inset 0 0 0 1px #E5E6EB;
  box-shadow: inset 0 0 0 1px #E5E6EB;
  color: #a9a9b8;
  cursor: default;
}
.u-btn-ghost.z-selected, .u-btn-ghost:hover {
  -webkit-box-shadow: inset 0 0 0 1px var(--color-primary-hover);
  box-shadow: inset 0 0 0 1px var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  color: var(--color-primary-hover);
}
.u-btn-ghost:active {
  -webkit-box-shadow: inset 0 0 0 1px var(--color-primary-click);
  box-shadow: inset 0 0 0 1px var(--color-primary-click);
  border-color: var(--color-primary-click);
  color: var(--color-primary-click);
}
.u-btn-ghost-opacity {
  background: 0 0;
}
.u-btn-ghost-opacity:hover, .u-btn-ghost-opacity:active, .u-btn-ghost-opacity:focus, .u-btn-ghost-opacity:disabled {
  background: 0 0;
}
.u-btn-primary {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
  color: white;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.u-btn-primary:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
}
.u-btn-primary:active {
  background-color: var(--color-primary-click);
  border-color: var(--color-primary-click);
}
.u-btn-primary.disabled {
  background-color: #F2F2F5;
  border-color: #E5E6EB;
  -webkit-box-shadow: inset 0 0 0 1px #E5E6EB;
  box-shadow: inset 0 0 0 1px #E5E6EB;
  color: #a9a9b8;
  cursor: default;
  cursor: not-allowed;
}
.u-btn-border {
  color: #79809a;
  height: 28px;
  line-height: 26px;
  border: 1px solid #E1E3E5;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.u-btn-border:hover, .u-btn-border:active {
  color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
}
.u-btn-border.disabled {
  background-color: #F2F2F5;
  border-color: #E5E6EB;
  -webkit-box-shadow: inset 0 0 0 1px #E5E6EB;
  box-shadow: inset 0 0 0 1px #E5E6EB;
  color: #a9a9b8;
  cursor: default;
  cursor: not-allowed;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.u-btn-simple {
  color: var(--color-primary);
  border: 1px solid var(--color-primary);
  background-color: transparent;
  height: 28px;
  line-height: 26px;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.u-btn-simple:hover, .u-btn-simple:active {
  color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  background-color: initial;
}
.u-btn-simple.z-disable {
  box-shadow: none;
}
.u-btn-simple.disabled {
  background-color: #F2F2F5;
  border-color: #E5E6EB;
  -webkit-box-shadow: inset 0 0 0 1px #E5E6EB;
  box-shadow: inset 0 0 0 1px #E5E6EB;
  color: #a9a9b8;
  cursor: default;
  cursor: not-allowed;
}
.u-btn-cancel {
  background-color: white;
  border-color: #F24957;
  color: #F24957;
  -webkit-box-shadow: inset 0 0 0 1px #F24957;
  box-shadow: inset 0 0 0 1px #F24957;
}
.u-btn-cancel:hover {
  border-color: #F5686F;
  color: #F5686F;
  -webkit-box-shadow: inset 0 0 0 1px #F5686F;
  box-shadow: inset 0 0 0 1px #F5686F;
}
.u-btn-cancel:active {
  border-color: #C92D40;
  color: #C92D40;
  -webkit-box-shadow: inset 0 0 0 1px #C92D40;
  box-shadow: inset 0 0 0 1px #C92D40;
}
.u-btn-danger {
  background-color: #F24957;
  border-color: #F24957;
  color: white;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.u-btn-danger:hover {
  background-color: #F5686F;
  border-color: #F5686F;
}
.u-btn-danger:active {
  background-color: #C92D40;
  border-color: #C92D40;
}
.u-btn-warning {
  background-color: #FFAF0F;
  border-color: #FFAF0F;
  color: white;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.u-btn-warning:hover {
  background-color: #FFC43A;
  border-color: #FFC43A;
}
.u-btn-warning:active {
  background-color: #D28909;
  border-color: #D28909;
}
.u-btn.z-loading {
  background-color: var(--color-primary);
  color: #fff;
  cursor: default;
  opacity: 0.6;
}
.u-btn.z-loading.u-btn-primary {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
}
.u-btn.z-loading::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 50 50'%3E%3Cg transform='rotate(-90 25 0)'%3E%3Ccircle stroke-dasharray='110' r='20' stroke='white' fill='none' stroke-width='3' stroke-linecap='round'%3E%3Canimate attributeName='stroke-dashoffset' values='360;140' dur='2.2s' keyTimes='0;1' calcMode='spline' fill='freeze' keySplines='0.41,0.314,0.8,0.54' repeatCount='indefinite' begin='0'/%3E%3CanimateTransform attributeName='transform' type='rotate' values='0;274;360' keyTimes='0;0.74;1' calcMode='linear' dur='2.6s' repeatCount='indefinite' begin='0'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");
  width: 20px;
  height: 23px;
  display: inline-block;
  vertical-align: middle;
}
.u-btn-dashed {
  border: 1px dashed #E1E3E5;
  height: 28px;
  line-height: 26px;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.u-btn-dashed:hover {
  border-color: var(--color-primary-hover);
  color: var(--color-primary-hover);
}
.u-btn-dashed:active {
  border-color: var(--color-primary-click);
  color: var(--color-primary-click);
}
.u-btn-icon .u-icn {
  width: 16px;
  height: 16px;
  font-size: 16px;
}
.u-btn-block {
  display: block;
  width: 100%;
}
.u-btn-menu {
  padding-right: 16px;
  position: relative;
}
.u-btn-menu:hover {
  -webkit-box-shadow: inset 0 0 0 1px var(--color-primary-hover);
  box-shadow: inset 0 0 0 1px var(--color-primary-hover);
}
.u-btn-menu::before {
  position: absolute;
  top: 50%;
  margin-top: -6px;
  right: 10px;
  display: block;
  width: 7px;
  height: 7px;
  border: 1px solid #a9a9b8;
  border-top: 0;
  border-right: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  content: "";
}
.u-btn-menu-right::before {
  margin-top: -4px;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.u-btn-large {
  width: 240px;
}
.u-btn-medium {
  width: 120px;
}
.u-btn-small {
  width: 64px;
}

a.u-btn-primary:hover {
  color: white;
}

.u-btn-group {
  display: inline-block;
  padding-left: 1px;
}
.u-btn-group:before, .u-btn-group:after {
  display: table;
  content: " ";
}
.u-btn-group:after {
  clear: both;
}
.u-btn-group > .u-btn {
  float: left;
  border-radius: 0;
  height: 28px;
  line-height: 26px;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid #E1E3E5;
  border-right: none;
}
.u-btn-group > .u-btn.z-selected {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
  color: #fff;
}
.u-btn-group > .u-btn:first-child {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.u-btn-group > .u-btn:last-child {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-right: 1px solid #E1E3E5;
}
.u-btn-group > .u-btn-ghost:not(:first-child) {
  border-left: 1px solid transparent;
}
.u-btn-group > .u-btn-ghost:first-child {
  border-right: 1px solid transparent;
}
.u-btn-group > .u-btn-ghost:last-child {
  border-right: 1px solid #E1E3E5;
}
.u-btn-group > .u-btn-ghost.z-selected {
  background-color: #fff;
  color: var(--color-primary);
  border-color: var(--color-primary);
}

.u-input {
  display: block;
  width: 100%;
  height: 28px;
  border-radius: 2px;
  border: 1px solid #e8e8f0;
  padding: 4px 10px;
  font-size: 12px;
  color: #79809a;
}
.u-input-l {
  border-radius: 2px 0 0 2px;
}
.u-input-1 {
  padding: 0;
  border: 0;
  width: 40px;
  height: 24px;
  line-height: 24px;
  box-sizing: border-box;
  margin-top: 1px;
}
.u-input-1:focus {
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.u-input:disabled {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid #e8e8f0;
}
.u-input.j-editor-tools {
  padding: 4px 6px;
  text-align: center;
}

.u-checkbox {
  display: inline-block;
  margin-right: 8px;
}
.u-checkbox input.status-indeterminate::before {
  border-color: var(--color-primary);
  background-color: var(--color-primary);
}
.u-checkbox input.status-indeterminate::after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8px;
  height: 2px;
  background-color: #fff;
  border: 0;
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
  margin-top: 0;
  margin-left: 0;
  content: " ";
}
.u-checkbox:last-child {
  margin-right: 0;
}
.u-checkbox .u-checkbox-label {
  color: #79809a;
  cursor: pointer;
}
.u-checkbox .u-checkbox-label > span {
  line-height: 14px;
}
.u-checkbox-disabled .u-checkbox-label {
  cursor: not-allowed;
  color: #a9a9b8;
}
.u-checkbox-disabled .status-indeterminate::after {
  background-color: #a9a9b8;
}
.u-checkbox.circle input[type=checkbox]::before {
  border-radius: 50%;
}

.u-checkbox-group {
  display: inline-block;
}
.u-checkbox-group-vertical {
  display: block;
}
.u-checkbox-group-vertical .u-checkbox {
  display: block;
  height: 36px;
  line-height: 36px;
  margin-right: 0;
}
.u-checkbox-group-vertical .u-checkbox .u-checkbox-text {
  margin-left: 6px;
}

.u-radio {
  display: inline-block;
  cursor: pointer;
  white-space: nowrap;
}
.u-radio > i,
.u-radio > .label {
  display: inline-block;
  color: #79809a;
  line-height: 14px;
}
.u-radio > i {
  width: 16px;
  height: 16px;
  margin-right: 4px;
  border: 1px solid var(--color-primary);
  text-align: center;
  border-radius: 16px;
  vertical-align: text-bottom;
}
.u-radio.z-checked > i::after {
  content: " ";
  display: block;
  width: 8px;
  height: 8px;
  margin: 3px;
  background: var(--color-primary);
  border-radius: 12px;
}
.u-radio.z-disable {
  cursor: not-allowed;
}
.u-radio.z-disable > i {
  border-color: #ccc;
}
.u-radio.z-disable.z-checked > i::after {
  background: #ccc;
}
.u-radio.z-disable .label {
  color: #a9a9b8;
}

.u-radio-group {
  display: inline-block;
}
.u-radio-group .u-radio {
  margin-right: 20px;
}
.u-radio-group .u-radio.z-vertical {
  margin-right: 0;
}
.u-radio-group .u-radio:last-child {
  margin-right: 0;
}

.dsc-form .item {
  margin: 16px 0;
}
.dsc-form .item .side {
  height: 28px;
  line-height: 28px;
}
.dsc-form .item .main {
  margin-left: 2px;
}
.dsc-form .item .main.u-radios {
  padding-left: 1px;
}
.dsc-form .item .label.require::after {
  content: " *";
  color: #F24957;
  position: relative;
  top: 3px;
}

.u-select:not([multiple]),
.u-unit:not([multiple]) {
  -webkit-appearance: none;
  -moz-appearance: none;
  background-position: right 50%;
  background-repeat: no-repeat;
  background-color: #fff;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDZFNDEwNjlGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDZFNDEwNkFGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NkU0MTA2N0Y3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NkU0MTA2OEY3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuGsgwQAAAA5SURBVHjaYvz//z8DOYCJgUxAf42MQIzTk0D/M+KzkRGPoQSdykiKJrBGpOhgJFYTWNEIiEeAAAMAzNENEOH+do8AAAAASUVORK5CYII=");
  border-radius: 2px;
  border: 1px solid #e8e8f0;
  height: 28px;
  line-height: 28px;
  padding: 0 1em;
  cursor: pointer;
}
.u-select:not([multiple]):disabled, .u-select:not([multiple]).z-disable,
.u-unit:not([multiple]):disabled,
.u-unit:not([multiple]).z-disable {
  background-color: whitesmoke;
  cursor: default;
}

select.u-select::-ms-expand {
  display: none;
}

.u-scaler {
  position: relative;
  height: 32px;
  line-height: 32px;
}
.u-scaler span {
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
}
.u-scaler .u-icn {
  margin-bottom: 0px;
}
.u-scaler .label {
  position: relative;
  padding-right: 8px;
  color: #79809a;
  font-size: 12px;
  border-right: solid 1px #e8e8f0;
}
.u-scaler .zoomer {
  width: 20px;
  font-size: 16px;
  text-align: center;
  color: #79809a;
  user-select: none;
}
.u-scaler .zoomer .u-icn {
  margin-top: -3px;
}
.u-scaler .zoomer:hover {
  color: #666;
}
.u-scaler .adjust {
  color: #8f8f8f;
  padding: 0 5px;
  border-left: solid 1px #e8e8f0;
}
.u-scaler .adjust.z-actived {
  background: #ccc;
  color: #666;
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.12);
}
.u-scaler .adjust:hover {
  color: #666;
}
.u-scaler .adjust:active {
  background: #ccc;
  color: #666;
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.12);
}
.u-scaler .range {
  position: relative;
  width: 88px;
  height: 32px;
}
.u-scaler .range .u-range {
  top: 6px;
  right: 5px;
}
.u-scaler .range .u-range:before, .u-scaler .range .u-range:after {
  display: none;
}
.u-scaler .range .u-range .track {
  height: 2px;
  background: #e8e8f0;
  border: 0px;
  margin-right: 6px;
}
.u-scaler .range .u-range .cover {
  height: 2px;
  margin-top: -1px;
  background: #e8e8f0;
}
.u-scaler .range .u-range .btn {
  top: -7px;
}
.u-scaler .range .u-range .btn b {
  border: 1px solid #79809a;
  height: 9px;
  width: 9px;
  border-radius: 50%;
  margin-top: 4px;
}
.u-scaler .range .u-range .btn b:hover {
  border-color: #666;
}
.u-scaler .mark100 {
  position: absolute;
  top: 13px;
  left: 39px;
  width: 1px;
  height: 6px;
  background: #aaa;
  z-index: 2;
}

.u-shortscales {
  width: 92px;
  border: 1px solid #e8e8f0;
  border-radius: 2px;
  background: #fff;
}
.u-shortscales .u-radio {
  width: 100%;
  padding: 0 10px;
  height: 32px;
  line-height: 32px;
}
.u-shortscales .u-radio:hover {
  background: #f5f5f5;
}
.u-shortscales:after {
  position: absolute;
  display: block;
  left: 50%;
  bottom: -5px;
  margin-left: -5px;
  width: 10px;
  height: 10px;
  background: #fff;
  border-color: #e8e8f0;
  border-width: 0 1px 1px 0;
  border-style: solid;
  content: "";
  transform: rotate(45deg);
}

/*
 * Icon Font: youdata
 */
@font-face {
  font-family: "youdata";
  src: url(../fonts/youdata.ba1727eb92.woff) format("woff"), url(../fonts/youdata.8a6160a771.ttf) format("truetype"), url(../fonts/youdata.5f82e865eb.svg) format("svg");
  font-weight: normal;
  font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: "youdata";
    src: url(../fonts/youdata.5f82e865eb.svg) format("svg");
  }
}
.u-icn {
  display: inline-block;
  font-family: "youdata";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  vertical-align: middle;
  margin-bottom: 2px;
}

.u-icn-abut-horizontal:before {
  content: "\f100";
}

.u-icn-add:before {
  content: "\f101";
}

.u-icn-add-circle:before {
  content: "\f102";
}

.u-icn-add-drop:before {
  content: "\f103";
}

.u-icn-add-field:before {
  content: "\f104";
}

.u-icn-add-filter-set:before {
  content: "\f105";
}

.u-icn-add-indent:before {
  content: "\f106";
}

.u-icn-add-link:before {
  content: "\f107";
}

.u-icn-add-thin:before {
  content: "\f108";
}

.u-icn-administration:before {
  content: "\f109";
}

.u-icn-administration-fill:before {
  content: "\f10a";
}

.u-icn-align-bottom:before {
  content: "\f10b";
}

.u-icn-align-center:before {
  content: "\f10c";
}

.u-icn-align-full:before {
  content: "\f10d";
}

.u-icn-align-left:before {
  content: "\f10e";
}

.u-icn-align-middle:before {
  content: "\f10f";
}

.u-icn-align-right:before {
  content: "\f110";
}

.u-icn-align-top:before {
  content: "\f111";
}

.u-icn-analysis:before {
  content: "\f112";
}

.u-icn-anchor:before {
  content: "\f113";
}

.u-icn-angle-down:before {
  content: "\f114";
}

.u-icn-angle-l:before {
  content: "\f115";
}

.u-icn-angle-left:before {
  content: "\f116";
}

.u-icn-angle-left-thin:before {
  content: "\f117";
}

.u-icn-angle-r:before {
  content: "\f118";
}

.u-icn-angle-right:before {
  content: "\f119";
}

.u-icn-angle-right-thin:before {
  content: "\f11a";
}

.u-icn-angle-up:before {
  content: "\f11b";
}

.u-icn-anomaly:before {
  content: "\f11c";
}

.u-icn-anomaly-blank:before {
  content: "\f11d";
}

.u-icn-anomaly-detection:before {
  content: "\f11e";
}

.u-icn-app:before {
  content: "\f11f";
}

.u-icn-apply:before {
  content: "\f120";
}

.u-icn-apply-fill:before {
  content: "\f121";
}

.u-icn-apply-permission:before {
  content: "\f122";
}

.u-icn-apply-time:before {
  content: "\f123";
}

.u-icn-arrange:before {
  content: "\f124";
}

.u-icn-arrow-down:before {
  content: "\f125";
}

.u-icn-arrow-l:before {
  content: "\f126";
}

.u-icn-arrow-r:before {
  content: "\f127";
}

.u-icn-arrow-up:before {
  content: "\f128";
}

.u-icn-asc:before {
  content: "\f129";
}

.u-icn-askme-icon:before {
  content: "\f12a";
}

.u-icn-attribute-analysis-open:before {
  content: "\f12b";
}

.u-icn-attribution-analysis:before {
  content: "\f12c";
}

.u-icn-attribution-analysis-conclusion:before {
  content: "\f12d";
}

.u-icn-axis:before {
  content: "\f12e";
}

.u-icn-back:before {
  content: "\f12f";
}

.u-icn-back-16:before {
  content: "\f130";
}

.u-icn-background:before {
  content: "\f131";
}

.u-icn-beautify:before {
  content: "\f132";
}

.u-icn-beautify-back:before {
  content: "\f133";
}

.u-icn-beginner-guide-right:before {
  content: "\f134";
}

.u-icn-beginner-guide-up:before {
  content: "\f135";
}

.u-icn-bin:before {
  content: "\f136";
}

.u-icn-black-color:before {
  content: "\f137";
}

.u-icn-bold:before {
  content: "\f138";
}

.u-icn-bookmark:before {
  content: "\f139";
}

.u-icn-bookmark-private:before {
  content: "\f13a";
}

.u-icn-boolean:before {
  content: "\f13b";
}

.u-icn-border-dashed:before {
  content: "\f13c";
}

.u-icn-border-radius:before {
  content: "\f13d";
}

.u-icn-border-style:before {
  content: "\f13e";
}

.u-icn-border-width:before {
  content: "\f13f";
}

.u-icn-box-fill:before {
  content: "\f140";
}

.u-icn-bulb:before {
  content: "\f141";
}

.u-icn-calendar:before {
  content: "\f142";
}

.u-icn-calendar2:before {
  content: "\f143";
}

.u-icn-calendar3:before {
  content: "\f144";
}

.u-icn-call:before {
  content: "\f145";
}

.u-icn-caret-down:before {
  content: "\f146";
}

.u-icn-caret-down-thin:before {
  content: "\f147";
}

.u-icn-caret-left:before {
  content: "\f148";
}

.u-icn-caret-right:before {
  content: "\f149";
}

.u-icn-caret-square-down:before {
  content: "\f14a";
}

.u-icn-caret-up:before {
  content: "\f14b";
}

.u-icn-case-items:before {
  content: "\f14c";
}

.u-icn-change-model:before {
  content: "\f14d";
}

.u-icn-change-project:before {
  content: "\f14e";
}

.u-icn-chart-align:before {
  content: "\f14f";
}

.u-icn-chart-area:before {
  content: "\f150";
}

.u-icn-chart-area-m:before {
  content: "\f151";
}

.u-icn-chart-automatic:before {
  content: "\f152";
}

.u-icn-chart-bar:before {
  content: "\f153";
}

.u-icn-chart-bar-h:before {
  content: "\f154";
}

.u-icn-chart-bar-m:before {
  content: "\f155";
}

.u-icn-chart-bar-v:before {
  content: "\f156";
}

.u-icn-chart-board:before {
  content: "\f157";
}

.u-icn-chart-circle:before {
  content: "\f158";
}

.u-icn-chart-ganttbar:before {
  content: "\f159";
}

.u-icn-chart-line:before {
  content: "\f15a";
}

.u-icn-chart-line-m:before {
  content: "\f15b";
}

.u-icn-chart-map:before {
  content: "\f15c";
}

.u-icn-chart-map-m:before {
  content: "\f15d";
}

.u-icn-chart-multiple:before {
  content: "\f15e";
}

.u-icn-chart-pie:before {
  content: "\f15f";
}

.u-icn-chart-ring:before {
  content: "\f160";
}

.u-icn-chart-scatter:before {
  content: "\f161";
}

.u-icn-chart-square:before {
  content: "\f162";
}

.u-icn-chart-tab:before {
  content: "\f163";
}

.u-icn-chart-text:before {
  content: "\f164";
}

.u-icn-chart-text-m:before {
  content: "\f165";
}

.u-icn-chat-admin:before {
  content: "\f166";
}

.u-icn-chat-agree:before {
  content: "\f167";
}

.u-icn-chat-delete:before {
  content: "\f168";
}

.u-icn-chat-demo:before {
  content: "\f169";
}

.u-icn-chat-disagree:before {
  content: "\f16a";
}

.u-icn-chat-more:before {
  content: "\f16b";
}

.u-icn-chat-ori-more:before {
  content: "\f16c";
}

.u-icn-chat-refresh:before {
  content: "\f16d";
}

.u-icn-chat-reverse:before {
  content: "\f16e";
}

.u-icn-chat-search:before {
  content: "\f16f";
}

.u-icn-chat-tip:before {
  content: "\f170";
}

.u-icn-chat-xls:before {
  content: "\f171";
}

.u-icn-chatbi-copilot-fixed:before {
  content: "\f172";
}

.u-icn-chatbi-copilot-static:before {
  content: "\f173";
}

.u-icn-chatbi-delete-share:before {
  content: "\f174";
}

.u-icn-chatbi-eye-close:before {
  content: "\f175";
}

.u-icn-chatbi-eye-open:before {
  content: "\f176";
}

.u-icn-chatbi-logo-thin:before {
  content: "\f177";
}

.u-icn-chatbi-share-border:before {
  content: "\f178";
}

.u-icn-chatbi-share-solid:before {
  content: "\f179";
}

.u-icn-check:before {
  content: "\f17a";
}

.u-icn-check-circle:before {
  content: "\f17b";
}

.u-icn-check-nav-1:before {
  content: "\f17c";
}

.u-icn-check-nav-10:before {
  content: "\f17d";
}

.u-icn-check-nav-11:before {
  content: "\f17e";
}

.u-icn-check-nav-12:before {
  content: "\f17f";
}

.u-icn-check-nav-13:before {
  content: "\f180";
}

.u-icn-check-nav-14:before {
  content: "\f181";
}

.u-icn-check-nav-15:before {
  content: "\f182";
}

.u-icn-check-nav-16:before {
  content: "\f183";
}

.u-icn-check-nav-17:before {
  content: "\f184";
}

.u-icn-check-nav-18:before {
  content: "\f185";
}

.u-icn-check-nav-19:before {
  content: "\f186";
}

.u-icn-check-nav-2:before {
  content: "\f187";
}

.u-icn-check-nav-3:before {
  content: "\f188";
}

.u-icn-check-nav-4:before {
  content: "\f189";
}

.u-icn-check-nav-5:before {
  content: "\f18a";
}

.u-icn-check-nav-6:before {
  content: "\f18b";
}

.u-icn-check-nav-7:before {
  content: "\f18c";
}

.u-icn-check-nav-8:before {
  content: "\f18d";
}

.u-icn-check-nav-9:before {
  content: "\f18e";
}

.u-icn-check-regular:before {
  content: "\f18f";
}

.u-icn-check-thin:before {
  content: "\f190";
}

.u-icn-circle-back:before {
  content: "\f191";
}

.u-icn-circle-clean:before {
  content: "\f192";
}

.u-icn-circle-delete:before {
  content: "\f193";
}

.u-icn-clean:before {
  content: "\f194";
}

.u-icn-clear-style:before {
  content: "\f195";
}

.u-icn-click:before {
  content: "\f196";
}

.u-icn-close:before {
  content: "\f197";
}

.u-icn-cockpit:before {
  content: "\f198";
}

.u-icn-collapse:before {
  content: "\f199";
}

.u-icn-collapse-m:before {
  content: "\f19a";
}

.u-icn-collect:before {
  content: "\f19b";
}

.u-icn-collected:before {
  content: "\f19c";
}

.u-icn-column:before {
  content: "\f19d";
}

.u-icn-comment:before {
  content: "\f19e";
}

.u-icn-company:before {
  content: "\f19f";
}

.u-icn-compare:before {
  content: "\f1a0";
}

.u-icn-component-warning:before {
  content: "\f1a1";
}

.u-icn-compress:before {
  content: "\f1a2";
}

.u-icn-contact:before {
  content: "\f1a3";
}

.u-icn-content-align-center:before {
  content: "\f1a4";
}

.u-icn-content-align-left:before {
  content: "\f1a5";
}

.u-icn-content-align-right:before {
  content: "\f1a6";
}

.u-icn-copy:before {
  content: "\f1a7";
}

.u-icn-copy-2-fetch:before {
  content: "\f1a8";
}

.u-icn-copy-2-report:before {
  content: "\f1a9";
}

.u-icn-copy-outline:before {
  content: "\f1aa";
}

.u-icn-crown:before {
  content: "\f1ab";
}

.u-icn-crown-fill:before {
  content: "\f1ac";
}

.u-icn-csv:before {
  content: "\f1ad";
}

.u-icn-custom-color:before {
  content: "\f1ae";
}

.u-icn-dashboard-color:before {
  content: "\f1af";
}

.u-icn-data-connection:before {
  content: "\f1b0";
}

.u-icn-data-connection-o:before {
  content: "\f1b1";
}

.u-icn-data-doctor:before {
  content: "\f1b2";
}

.u-icn-data-model:before {
  content: "\f1b3";
}

.u-icn-data-prepare:before {
  content: "\f1b4";
}

.u-icn-dataConnection:before {
  content: "\f1b5";
}

.u-icn-dataModel:before {
  content: "\f1b6";
}

.u-icn-database-error:before {
  content: "\f1b7";
}

.u-icn-datadoctor-focus:before {
  content: "\f1b8";
}

.u-icn-datamodel-dataview:before {
  content: "\f1b9";
}

.u-icn-datamodel-tag:before {
  content: "\f1ba";
}

.u-icn-datamodel-tagview:before {
  content: "\f1bb";
}

.u-icn-datamodel-visitor:before {
  content: "\f1bc";
}

.u-icn-date:before {
  content: "\f1bd";
}

.u-icn-datetime:before {
  content: "\f1be";
}

.u-icn-debug:before {
  content: "\f1bf";
}

.u-icn-debug-new:before {
  content: "\f1c0";
}

.u-icn-decimal:before {
  content: "\f1c1";
}

.u-icn-decision-event:before {
  content: "\f1c2";
}

.u-icn-delete:before {
  content: "\f1c3";
}

.u-icn-deliver:before {
  content: "\f1c4";
}

.u-icn-desc:before {
  content: "\f1c5";
}

.u-icn-detail:before {
  content: "\f1c6";
}

.u-icn-diagnose:before {
  content: "\f1c7";
}

.u-icn-dialog:before {
  content: "\f1c8";
}

.u-icn-dialog-correct:before {
  content: "\f1c9";
}

.u-icn-dialog-error:before {
  content: "\f1ca";
}

.u-icn-dialog-none:before {
  content: "\f1cb";
}

.u-icn-direct:before {
  content: "\f1cc";
}

.u-icn-director:before {
  content: "\f1cd";
}

.u-icn-dml-batch:before {
  content: "\f1ce";
}

.u-icn-dml-filter:before {
  content: "\f1cf";
}

.u-icn-document:before {
  content: "\f1d0";
}

.u-icn-dot-triangle:before {
  content: "\f1d1";
}

.u-icn-double-angle-left:before {
  content: "\f1d2";
}

.u-icn-double-angle-right:before {
  content: "\f1d3";
}

.u-icn-double-angle-right-2:before {
  content: "\f1d4";
}

.u-icn-double-angle-top:before {
  content: "\f1d5";
}

.u-icn-down:before {
  content: "\f1d6";
}

.u-icn-download:before {
  content: "\f1d7";
}

.u-icn-download1:before {
  content: "\f1d8";
}

.u-icn-drag:before {
  content: "\f1d9";
}

.u-icn-drag-down:before {
  content: "\f1da";
}

.u-icn-drag-icon:before {
  content: "\f1db";
}

.u-icn-drag-up:before {
  content: "\f1dc";
}

.u-icn-drill-down:before {
  content: "\f1dd";
}

.u-icn-drill-up:before {
  content: "\f1de";
}

.u-icn-dynamic:before {
  content: "\f1df";
}

.u-icn-easyfetch:before {
  content: "\f1e0";
}

.u-icn-easyfetch-back:before {
  content: "\f1e1";
}

.u-icn-easyfetch-folder:before {
  content: "\f1e2";
}

.u-icn-easyfetch-folder-unfold:before {
  content: "\f1e3";
}

.u-icn-edit:before {
  content: "\f1e4";
}

.u-icn-editor-align:before {
  content: "\f1e5";
}

.u-icn-editor-align-center:before {
  content: "\f1e6";
}

.u-icn-editor-align-full:before {
  content: "\f1e7";
}

.u-icn-editor-align-right:before {
  content: "\f1e8";
}

.u-icn-editor-align-through:before {
  content: "\f1e9";
}

.u-icn-editor-bgcolor:before {
  content: "\f1ea";
}

.u-icn-editor-bold:before {
  content: "\f1eb";
}

.u-icn-editor-dock-bottom:before {
  content: "\f1ec";
}

.u-icn-editor-dock-left:before {
  content: "\f1ed";
}

.u-icn-editor-dock-none:before {
  content: "\f1ee";
}

.u-icn-editor-forecolor:before {
  content: "\f1ef";
}

.u-icn-editor-italic:before {
  content: "\f1f0";
}

.u-icn-editor-li:before {
  content: "\f1f1";
}

.u-icn-editor-orderList:before {
  content: "\f1f2";
}

.u-icn-editor-strikethrough:before {
  content: "\f1f3";
}

.u-icn-editor-underline:before {
  content: "\f1f4";
}

.u-icn-editor-unorderList:before {
  content: "\f1f5";
}

.u-icn-editor-vertical:before {
  content: "\f1f6";
}

.u-icn-effect-apply:before {
  content: "\f1f7";
}

.u-icn-elbowLine:before {
  content: "\f1f8";
}

.u-icn-email:before {
  content: "\f1f9";
}

.u-icn-email-fail:before {
  content: "\f1fa";
}

.u-icn-email-pause:before {
  content: "\f1fb";
}

.u-icn-email-sending:before {
  content: "\f1fc";
}

.u-icn-email-success:before {
  content: "\f1fd";
}

.u-icn-empty:before {
  content: "\f1fe";
}

.u-icn-empty-portal:before {
  content: "\f1ff";
}

.u-icn-enlarge:before {
  content: "\f200";
}

.u-icn-etl:before {
  content: "\f201";
}

.u-icn-etl-aggregate:before {
  content: "\f202";
}

.u-icn-etl-clean:before {
  content: "\f203";
}

.u-icn-etl-comment:before {
  content: "\f204";
}

.u-icn-etl-comment-node:before {
  content: "\f205";
}

.u-icn-etl-comment-node-checked:before {
  content: "\f206";
}

.u-icn-etl-connect:before {
  content: "\f207";
}

.u-icn-etl-delete:before {
  content: "\f208";
}

.u-icn-etl-externalOutput:before {
  content: "\f209";
}

.u-icn-etl-externalOutput-ck:before {
  content: "\f20a";
}

.u-icn-etl-externalOutput-doris:before {
  content: "\f20b";
}

.u-icn-etl-externalOutput-gp:before {
  content: "\f20c";
}

.u-icn-etl-externaloutput:before {
  content: "\f20d";
}

.u-icn-etl-externaloutput-ck:before {
  content: "\f20e";
}

.u-icn-etl-externaloutput-doris:before {
  content: "\f20f";
}

.u-icn-etl-externaloutput-gp:before {
  content: "\f210";
}

.u-icn-etl-externaloutput-mysql:before {
  content: "\f211";
}

.u-icn-etl-externaloutput-starrocks:before {
  content: "\f212";
}

.u-icn-etl-groupsample:before {
  content: "\f213";
}

.u-icn-etl-input:before {
  content: "\f214";
}

.u-icn-etl-join:before {
  content: "\f215";
}

.u-icn-etl-join-inner:before {
  content: "\f216";
}

.u-icn-etl-join-left:before {
  content: "\f217";
}

.u-icn-etl-join-outer:before {
  content: "\f218";
}

.u-icn-etl-join-right:before {
  content: "\f219";
}

.u-icn-etl-output:before {
  content: "\f21a";
}

.u-icn-etl-pivotcoltorow:before {
  content: "\f21b";
}

.u-icn-etl-pivotrowtocol:before {
  content: "\f21c";
}

.u-icn-etl-rowextension:before {
  content: "\f21d";
}

.u-icn-etl-run:before {
  content: "\f21e";
}

.u-icn-etl-search:before {
  content: "\f21f";
}

.u-icn-etl-union:before {
  content: "\f220";
}

.u-icn-excel:before {
  content: "\f221";
}

.u-icn-exchange-horizontal:before {
  content: "\f222";
}

.u-icn-exchange-thin:before {
  content: "\f223";
}

.u-icn-exchange-vertical:before {
  content: "\f224";
}

.u-icn-exit:before {
  content: "\f225";
}

.u-icn-expand:before {
  content: "\f226";
}

.u-icn-expand-arrow:before {
  content: "\f227";
}

.u-icn-experiment:before {
  content: "\f228";
}

.u-icn-experiment-fill:before {
  content: "\f229";
}

.u-icn-export:before {
  content: "\f22a";
}

.u-icn-export-16:before {
  content: "\f22b";
}

.u-icn-eye:before {
  content: "\f22c";
}

.u-icn-eye-open:before {
  content: "\f22d";
}

.u-icn-eye-slash:before {
  content: "\f22e";
}

.u-icn-face-crying:before {
  content: "\f22f";
}

.u-icn-face-neutral:before {
  content: "\f230";
}

.u-icn-face-smiling:before {
  content: "\f231";
}

.u-icn-fail:before {
  content: "\f232";
}

.u-icn-feedback:before {
  content: "\f233";
}

.u-icn-fieldtrain-fieldinfo:before {
  content: "\f234";
}

.u-icn-fill:before {
  content: "\f235";
}

.u-icn-filter:before {
  content: "\f236";
}

.u-icn-filter-cancel:before {
  content: "\f237";
}

.u-icn-filter-group:before {
  content: "\f238";
}

.u-icn-filter-hollow:before {
  content: "\f239";
}

.u-icn-filter-set:before {
  content: "\f23a";
}

.u-icn-filter-square:before {
  content: "\f23b";
}

.u-icn-filter-topn-text:before {
  content: "\f23c";
}

.u-icn-filterGroup:before {
  content: "\f23d";
}

.u-icn-flag:before {
  content: "\f23e";
}

.u-icn-flow:before {
  content: "\f23f";
}

.u-icn-folder:before {
  content: "\f240";
}

.u-icn-folder-private:before {
  content: "\f241";
}

.u-icn-folder-unfold:before {
  content: "\f242";
}

.u-icn-forbidden:before {
  content: "\f243";
}

.u-icn-forecast:before {
  content: "\f244";
}

.u-icn-format:before {
  content: "\f245";
}

.u-icn-formula-division:before {
  content: "\f246";
}

.u-icn-formula-equal:before {
  content: "\f247";
}

.u-icn-formula-minus:before {
  content: "\f248";
}

.u-icn-formula-multiply:before {
  content: "\f249";
}

.u-icn-formula-plus:before {
  content: "\f24a";
}

.u-icn-fullscreen:before {
  content: "\f24b";
}

.u-icn-funds:before {
  content: "\f24c";
}

.u-icn-funds-fill:before {
  content: "\f24d";
}

.u-icn-fx:before {
  content: "\f24e";
}

.u-icn-fx-italic:before {
  content: "\f24f";
}

.u-icn-fx-no-border:before {
  content: "\f250";
}

.u-icn-gear:before {
  content: "\f251";
}

.u-icn-gear-fill:before {
  content: "\f252";
}

.u-icn-geography:before {
  content: "\f253";
}

.u-icn-gift:before {
  content: "\f254";
}

.u-icn-gift-fill:before {
  content: "\f255";
}

.u-icn-grid:before {
  content: "\f256";
}

.u-icn-group:before {
  content: "\f257";
}

.u-icn-group-user:before {
  content: "\f258";
}

.u-icn-header-message:before {
  content: "\f259";
}

.u-icn-header-nav-help:before {
  content: "\f25a";
}

.u-icn-header-nav-top-user:before {
  content: "\f25b";
}

.u-icn-help:before {
  content: "\f25c";
}

.u-icn-help-feedback:before {
  content: "\f25d";
}

.u-icn-help-guide:before {
  content: "\f25e";
}

.u-icn-help-page:before {
  content: "\f25f";
}

.u-icn-help-video:before {
  content: "\f260";
}

.u-icn-hint:before {
  content: "\f261";
}

.u-icn-hint-thin:before {
  content: "\f262";
}

.u-icn-histogram:before {
  content: "\f263";
}

.u-icn-histogram-fill:before {
  content: "\f264";
}

.u-icn-history:before {
  content: "\f265";
}

.u-icn-history-message:before {
  content: "\f266";
}

.u-icn-home:before {
  content: "\f267";
}

.u-icn-home-fill:before {
  content: "\f268";
}

.u-icn-hor:before {
  content: "\f269";
}

.u-icn-horn:before {
  content: "\f26a";
}

.u-icn-horn-fill:before {
  content: "\f26b";
}

.u-icn-hot-items:before {
  content: "\f26c";
}

.u-icn-i-down-1:before {
  content: "\f26d";
}

.u-icn-i-up-1:before {
  content: "\f26e";
}

.u-icn-ic-d:before {
  content: "\f26f";
}

.u-icn-ic-exit:before {
  content: "\f270";
}

.u-icn-ic-m:before {
  content: "\f271";
}

.u-icn-ic-pauto:before {
  content: "\f272";
}

.u-icn-ic-pauto1:before {
  content: "\f273";
}

.u-icn-ic-t:before {
  content: "\f274";
}

.u-icn-ic-tl-b:before {
  content: "\f275";
}

.u-icn-ic-tl-l:before {
  content: "\f276";
}

.u-icn-ic-tl-r:before {
  content: "\f277";
}

.u-icn-ic-tl-t:before {
  content: "\f278";
}

.u-icn-ic-wauto:before {
  content: "\f279";
}

.u-icn-ic-web:before {
  content: "\f27a";
}

.u-icn-icon-10:before {
  content: "\f27b";
}

.u-icn-icon-11:before {
  content: "\f27c";
}

.u-icn-icon-dq:before {
  content: "\f27d";
}

.u-icn-import:before {
  content: "\f27e";
}

.u-icn-indent-add:before {
  content: "\f27f";
}

.u-icn-indent-reduce:before {
  content: "\f280";
}

.u-icn-index:before {
  content: "\f281";
}

.u-icn-indicator-info:before {
  content: "\f282";
}

.u-icn-info:before {
  content: "\f283";
}

.u-icn-info-o:before {
  content: "\f284";
}

.u-icn-interest-items:before {
  content: "\f285";
}

.u-icn-italic:before {
  content: "\f286";
}

.u-icn-json:before {
  content: "\f287";
}

.u-icn-label-center:before {
  content: "\f288";
}

.u-icn-label-left:before {
  content: "\f289";
}

.u-icn-label-right:before {
  content: "\f28a";
}

.u-icn-layer:before {
  content: "\f28b";
}

.u-icn-layers:before {
  content: "\f28c";
}

.u-icn-layout-grid:before {
  content: "\f28d";
}

.u-icn-layout-list:before {
  content: "\f28e";
}

.u-icn-leader:before {
  content: "\f28f";
}

.u-icn-legend-shape-circle:before {
  content: "\f290";
}

.u-icn-legend-shape-line:before {
  content: "\f291";
}

.u-icn-legend-shape-rect:before {
  content: "\f292";
}

.u-icn-legend-shape-rhombus:before {
  content: "\f293";
}

.u-icn-legend-shape-star:before {
  content: "\f294";
}

.u-icn-legend-shape-triangle:before {
  content: "\f295";
}

.u-icn-level:before {
  content: "\f296";
}

.u-icn-light:before {
  content: "\f297";
}

.u-icn-light-fill:before {
  content: "\f298";
}

.u-icn-line:before {
  content: "\f299";
}

.u-icn-line-pen:before {
  content: "\f29a";
}

.u-icn-line-point:before {
  content: "\f29b";
}

.u-icn-line-smooth:before {
  content: "\f29c";
}

.u-icn-line-smooth-point:before {
  content: "\f29d";
}

.u-icn-line-step:before {
  content: "\f29e";
}

.u-icn-link:before {
  content: "\f29f";
}

.u-icn-list:before {
  content: "\f2a0";
}

.u-icn-list-detail:before {
  content: "\f2a1";
}

.u-icn-list-group:before {
  content: "\f2a2";
}

.u-icn-list-more:before {
  content: "\f2a3";
}

.u-icn-list1:before {
  content: "\f2a4";
}

.u-icn-list2:before {
  content: "\f2a5";
}

.u-icn-list3:before {
  content: "\f2a6";
}

.u-icn-loading:before {
  content: "\f2a7";
}

.u-icn-loading-small:before {
  content: "\f2a8";
}

.u-icn-loading-white:before {
  content: "\f2a9";
}

.u-icn-location:before {
  content: "\f2aa";
}

.u-icn-lock:before {
  content: "\f2ab";
}

.u-icn-lock-hollow:before {
  content: "\f2ac";
}

.u-icn-logical-table:before {
  content: "\f2ad";
}

.u-icn-mail:before {
  content: "\f2ae";
}

.u-icn-management:before {
  content: "\f2af";
}

.u-icn-management-bold:before {
  content: "\f2b0";
}

.u-icn-many-to-many:before {
  content: "\f2b1";
}

.u-icn-many-to-one:before {
  content: "\f2b2";
}

.u-icn-map-car:before {
  content: "\f2b3";
}

.u-icn-map-circle:before {
  content: "\f2b4";
}

.u-icn-map-person:before {
  content: "\f2b5";
}

.u-icn-map-plane:before {
  content: "\f2b6";
}

.u-icn-margin-bottom-icon:before {
  content: "\f2b7";
}

.u-icn-margin-left-icon:before {
  content: "\f2b8";
}

.u-icn-margin-right-icon:before {
  content: "\f2b9";
}

.u-icn-margin-top-icon:before {
  content: "\f2ba";
}

.u-icn-menubar-arrange:before {
  content: "\f2bb";
}

.u-icn-menubar-askme:before {
  content: "\f2bc";
}

.u-icn-menubar-candlestick:before {
  content: "\f2bd";
}

.u-icn-menubar-clock:before {
  content: "\f2be";
}

.u-icn-menubar-comment:before {
  content: "\f2bf";
}

.u-icn-menubar-compare-table:before {
  content: "\f2c0";
}

.u-icn-menubar-complex-table:before {
  content: "\f2c1";
}

.u-icn-menubar-cross-table:before {
  content: "\f2c2";
}

.u-icn-menubar-custom:before {
  content: "\f2c3";
}

.u-icn-menubar-date:before {
  content: "\f2c4";
}

.u-icn-menubar-decompositionTree:before {
  content: "\f2c5";
}

.u-icn-menubar-drill-down:before {
  content: "\f2c6";
}

.u-icn-menubar-eheatmap:before {
  content: "\f2c7";
}

.u-icn-menubar-electable:before {
  content: "\f2c8";
}

.u-icn-menubar-emarkmap:before {
  content: "\f2c9";
}

.u-icn-menubar-etrajectorymap:before {
  content: "\f2ca";
}

.u-icn-menubar-exit:before {
  content: "\f2cb";
}

.u-icn-menubar-formula:before {
  content: "\f2cc";
}

.u-icn-menubar-funnel:before {
  content: "\f2cd";
}

.u-icn-menubar-heatmap:before {
  content: "\f2ce";
}

.u-icn-menubar-help:before {
  content: "\f2cf";
}

.u-icn-menubar-image:before {
  content: "\f2d0";
}

.u-icn-menubar-indicator:before {
  content: "\f2d1";
}

.u-icn-menubar-indicatorPanel:before {
  content: "\f2d2";
}

.u-icn-menubar-marguee:before {
  content: "\f2d3";
}

.u-icn-menubar-meter:before {
  content: "\f2d4";
}

.u-icn-menubar-mobileLayout:before {
  content: "\f2d5";
}

.u-icn-menubar-page-back:before {
  content: "\f2d6";
}

.u-icn-menubar-parameter:before {
  content: "\f2d7";
}

.u-icn-menubar-playview:before {
  content: "\f2d8";
}

.u-icn-menubar-preview:before {
  content: "\f2d9";
}

.u-icn-menubar-radar:before {
  content: "\f2da";
}

.u-icn-menubar-rect:before {
  content: "\f2db";
}

.u-icn-menubar-redo:before {
  content: "\f2dc";
}

.u-icn-menubar-reflush:before {
  content: "\f2dd";
}

.u-icn-menubar-refresh:before {
  content: "\f2de";
}

.u-icn-menubar-resource:before {
  content: "\f2df";
}

.u-icn-menubar-ring:before {
  content: "\f2e0";
}

.u-icn-menubar-rollback:before {
  content: "\f2e1";
}

.u-icn-menubar-sankey:before {
  content: "\f2e2";
}

.u-icn-menubar-shape:before {
  content: "\f2e3";
}

.u-icn-menubar-showme:before {
  content: "\f2e4";
}

.u-icn-menubar-sunburst:before {
  content: "\f2e5";
}

.u-icn-menubar-table:before {
  content: "\f2e6";
}

.u-icn-menubar-text:before {
  content: "\f2e7";
}

.u-icn-menubar-trend-table:before {
  content: "\f2e8";
}

.u-icn-menubar-undo:before {
  content: "\f2e9";
}

.u-icn-menubar-utility:before {
  content: "\f2ea";
}

.u-icn-message:before {
  content: "\f2eb";
}

.u-icn-message-chat:before {
  content: "\f2ec";
}

.u-icn-microphone:before {
  content: "\f2ed";
}

.u-icn-microphone-start:before {
  content: "\f2ee";
}

.u-icn-microphone-stop:before {
  content: "\f2ef";
}

.u-icn-mix-nav:before {
  content: "\f2f0";
}

.u-icn-mode-switch:before {
  content: "\f2f1";
}

.u-icn-model-exist:before {
  content: "\f2f2";
}

.u-icn-model-warning:before {
  content: "\f2f3";
}

.u-icn-more:before {
  content: "\f2f4";
}

.u-icn-more-point:before {
  content: "\f2f5";
}

.u-icn-my-created-items:before {
  content: "\f2f6";
}

.u-icn-myQuery:before {
  content: "\f2f7";
}

.u-icn-nav-cockpit:before {
  content: "\f2f8";
}

.u-icn-nav-first:before {
  content: "\f2f9";
}

.u-icn-nav-help:before {
  content: "\f2fa";
}

.u-icn-nav-last:before {
  content: "\f2fb";
}

.u-icn-nav-mail:before {
  content: "\f2fc";
}

.u-icn-nav-projects:before {
  content: "\f2fd";
}

.u-icn-nav-report:before {
  content: "\f2fe";
}

.u-icn-nav-screen:before {
  content: "\f2ff";
}

.u-icn-nav-top-user:before {
  content: "\f300";
}

.u-icn-nav-user:before {
  content: "\f301";
}

.u-icn-nav0:before {
  content: "\f302";
}

.u-icn-network:before {
  content: "\f303";
}

.u-icn-null:before {
  content: "\f304";
}

.u-icn-null-set:before {
  content: "\f305";
}

.u-icn-one-to-many:before {
  content: "\f306";
}

.u-icn-one-to-one:before {
  content: "\f307";
}

.u-icn-opacity:before {
  content: "\f308";
}

.u-icn-orderedList:before {
  content: "\f309";
}

.u-icn-orderedList-1:before {
  content: "\f30a";
}

.u-icn-orderedList-2:before {
  content: "\f30b";
}

.u-icn-orderedList-3:before {
  content: "\f30c";
}

.u-icn-orderedList-4:before {
  content: "\f30d";
}

.u-icn-orderedList-5:before {
  content: "\f30e";
}

.u-icn-out-indent:before {
  content: "\f30f";
}

.u-icn-overview:before {
  content: "\f310";
}

.u-icn-overview-fill:before {
  content: "\f311";
}

.u-icn-padding-bottom:before {
  content: "\f312";
}

.u-icn-padding-left:before {
  content: "\f313";
}

.u-icn-padding-right:before {
  content: "\f314";
}

.u-icn-padding-side:before {
  content: "\f315";
}

.u-icn-padding-top:before {
  content: "\f316";
}

.u-icn-page-back:before {
  content: "\f317";
}

.u-icn-page-more:before {
  content: "\f318";
}

.u-icn-palace:before {
  content: "\f319";
}

.u-icn-panel-close:before {
  content: "\f31a";
}

.u-icn-panel-open:before {
  content: "\f31b";
}

.u-icn-param-date:before {
  content: "\f31c";
}

.u-icn-param-dateTime:before {
  content: "\f31d";
}

.u-icn-param-decimal:before {
  content: "\f31e";
}

.u-icn-param-integer:before {
  content: "\f31f";
}

.u-icn-param-string:before {
  content: "\f320";
}

.u-icn-pen:before {
  content: "\f321";
}

.u-icn-pending:before {
  content: "\f322";
}

.u-icn-permission:before {
  content: "\f323";
}

.u-icn-point:before {
  content: "\f324";
}

.u-icn-polygon-down:before {
  content: "\f325";
}

.u-icn-polygon-up:before {
  content: "\f326";
}

.u-icn-portal:before {
  content: "\f327";
}

.u-icn-portal-chart-permission:before {
  content: "\f328";
}

.u-icn-portal-desktop:before {
  content: "\f329";
}

.u-icn-portal-lock:before {
  content: "\f32a";
}

.u-icn-portal-mobile:before {
  content: "\f32b";
}

.u-icn-portal-out-range:before {
  content: "\f32c";
}

.u-icn-project:before {
  content: "\f32d";
}

.u-icn-publish:before {
  content: "\f32e";
}

.u-icn-published:before {
  content: "\f32f";
}

.u-icn-qrcode:before {
  content: "\f330";
}

.u-icn-range:before {
  content: "\f331";
}

.u-icn-recent-items:before {
  content: "\f332";
}

.u-icn-recent-visit:before {
  content: "\f333";
}

.u-icn-red-color:before {
  content: "\f334";
}

.u-icn-redo:before {
  content: "\f335";
}

.u-icn-refarea:before {
  content: "\f336";
}

.u-icn-refdistribution:before {
  content: "\f337";
}

.u-icn-refline:before {
  content: "\f338";
}

.u-icn-refresh:before {
  content: "\f339";
}

.u-icn-refresh-chat-recommend:before {
  content: "\f33a";
}

.u-icn-refresh2:before {
  content: "\f33b";
}

.u-icn-refresh3:before {
  content: "\f33c";
}

.u-icn-rename:before {
  content: "\f33d";
}

.u-icn-report:before {
  content: "\f33e";
}

.u-icn-report-menubar-arrange:before {
  content: "\f33f";
}

.u-icn-report-menubar-arrange-1:before {
  content: "\f340";
}

.u-icn-report-menubar-collapse:before {
  content: "\f341";
}

.u-icn-report-menubar-comment:before {
  content: "\f342";
}

.u-icn-report-menubar-compare-table:before {
  content: "\f343";
}

.u-icn-report-menubar-complex-table:before {
  content: "\f344";
}

.u-icn-report-menubar-cross-table:before {
  content: "\f345";
}

.u-icn-report-menubar-date:before {
  content: "\f346";
}

.u-icn-report-menubar-desktop:before {
  content: "\f347";
}

.u-icn-report-menubar-filter:before {
  content: "\f348";
}

.u-icn-report-menubar-image-1:before {
  content: "\f349";
}

.u-icn-report-menubar-mobile:before {
  content: "\f34a";
}

.u-icn-report-menubar-more:before {
  content: "\f34b";
}

.u-icn-report-menubar-more-graphic:before {
  content: "\f34c";
}

.u-icn-report-menubar-parameter:before {
  content: "\f34d";
}

.u-icn-report-menubar-preview:before {
  content: "\f34e";
}

.u-icn-report-menubar-published-mobile:before {
  content: "\f34f";
}

.u-icn-report-menubar-rect:before {
  content: "\f350";
}

.u-icn-report-menubar-shape-circle:before {
  content: "\f351";
}

.u-icn-report-menubar-table:before {
  content: "\f352";
}

.u-icn-report-menubar-web:before {
  content: "\f353";
}

.u-icn-reset:before {
  content: "\f354";
}

.u-icn-reset-column:before {
  content: "\f355";
}

.u-icn-role:before {
  content: "\f356";
}

.u-icn-rollback:before {
  content: "\f357";
}

.u-icn-row:before {
  content: "\f358";
}

.u-icn-runner:before {
  content: "\f359";
}

.u-icn-save:before {
  content: "\f35a";
}

.u-icn-save-2:before {
  content: "\f35b";
}

.u-icn-screen:before {
  content: "\f35c";
}

.u-icn-screen-card:before {
  content: "\f35d";
}

.u-icn-screen-colorBlock:before {
  content: "\f35e";
}

.u-icn-screen-doubleAxis:before {
  content: "\f35f";
}

.u-icn-screen-statusCard:before {
  content: "\f360";
}

.u-icn-screen-topology:before {
  content: "\f361";
}

.u-icn-search:before {
  content: "\f362";
}

.u-icn-search-n:before {
  content: "\f363";
}

.u-icn-search-o:before {
  content: "\f364";
}

.u-icn-select-arrow:before {
  content: "\f365";
}

.u-icn-send:before {
  content: "\f366";
}

.u-icn-send-fill:before {
  content: "\f367";
}

.u-icn-send-loading:before {
  content: "\f368";
}

.u-icn-send1:before {
  content: "\f369";
}

.u-icn-service:before {
  content: "\f36a";
}

.u-icn-service1:before {
  content: "\f36b";
}

.u-icn-set:before {
  content: "\f36c";
}

.u-icn-set-o:before {
  content: "\f36d";
}

.u-icn-setting:before {
  content: "\f36e";
}

.u-icn-setting-fill:before {
  content: "\f36f";
}

.u-icn-settings:before {
  content: "\f370";
}

.u-icn-shape-arrow-bold-down:before {
  content: "\f371";
}

.u-icn-shape-arrow-bold-left:before {
  content: "\f372";
}

.u-icn-shape-arrow-bold-left-down:before {
  content: "\f373";
}

.u-icn-shape-arrow-bold-left-up:before {
  content: "\f374";
}

.u-icn-shape-arrow-bold-right:before {
  content: "\f375";
}

.u-icn-shape-arrow-bold-right-down:before {
  content: "\f376";
}

.u-icn-shape-arrow-bold-right-up:before {
  content: "\f377";
}

.u-icn-shape-arrow-bold-up:before {
  content: "\f378";
}

.u-icn-shape-arrow-down:before {
  content: "\f379";
}

.u-icn-shape-arrow-left:before {
  content: "\f37a";
}

.u-icn-shape-arrow-left-down:before {
  content: "\f37b";
}

.u-icn-shape-arrow-left-up:before {
  content: "\f37c";
}

.u-icn-shape-arrow-right:before {
  content: "\f37d";
}

.u-icn-shape-arrow-right-down:before {
  content: "\f37e";
}

.u-icn-shape-arrow-right-up:before {
  content: "\f37f";
}

.u-icn-shape-arrow-up:before {
  content: "\f380";
}

.u-icn-shape-asterisk:before {
  content: "\f381";
}

.u-icn-shape-asterisk-bold:before {
  content: "\f382";
}

.u-icn-shape-circle:before {
  content: "\f383";
}

.u-icn-shape-circle-o:before {
  content: "\f384";
}

.u-icn-shape-decline:before {
  content: "\f385";
}

.u-icn-shape-device-coreSwitcher:before {
  content: "\f386";
}

.u-icn-shape-device-db:before {
  content: "\f387";
}

.u-icn-shape-device-firewall:before {
  content: "\f388";
}

.u-icn-shape-device-router:before {
  content: "\f389";
}

.u-icn-shape-device-server:before {
  content: "\f38a";
}

.u-icn-shape-device-switcher:before {
  content: "\f38b";
}

.u-icn-shape-dot-circle:before {
  content: "\f38c";
}

.u-icn-shape-dot-circle-o:before {
  content: "\f38d";
}

.u-icn-shape-exclame:before {
  content: "\f38e";
}

.u-icn-shape-multiply:before {
  content: "\f38f";
}

.u-icn-shape-multiply-bold:before {
  content: "\f390";
}

.u-icn-shape-pentagon-down:before {
  content: "\f391";
}

.u-icn-shape-pentagon-o-down:before {
  content: "\f392";
}

.u-icn-shape-pentagon-o-up:before {
  content: "\f393";
}

.u-icn-shape-pentagon-up:before {
  content: "\f394";
}

.u-icn-shape-plus:before {
  content: "\f395";
}

.u-icn-shape-plus-bold:before {
  content: "\f396";
}

.u-icn-shape-rect:before {
  content: "\f397";
}

.u-icn-shape-rect-o:before {
  content: "\f398";
}

.u-icn-shape-rhombus:before {
  content: "\f399";
}

.u-icn-shape-rhombus-o:before {
  content: "\f39a";
}

.u-icn-shape-rise:before {
  content: "\f39b";
}

.u-icn-shape-star:before {
  content: "\f39c";
}

.u-icn-shape-star-o:before {
  content: "\f39d";
}

.u-icn-shape-triangle-down:before {
  content: "\f39e";
}

.u-icn-shape-triangle-left:before {
  content: "\f39f";
}

.u-icn-shape-triangle-o-down:before {
  content: "\f3a0";
}

.u-icn-shape-triangle-o-left:before {
  content: "\f3a1";
}

.u-icn-shape-triangle-o-right:before {
  content: "\f3a2";
}

.u-icn-shape-triangle-o-up:before {
  content: "\f3a3";
}

.u-icn-shape-triangle-right:before {
  content: "\f3a4";
}

.u-icn-shape-triangle-up:before {
  content: "\f3a5";
}

.u-icn-shape-water-left-down:before {
  content: "\f3a6";
}

.u-icn-shape-water-left-up:before {
  content: "\f3a7";
}

.u-icn-shape-water-o-left-down:before {
  content: "\f3a8";
}

.u-icn-shape-water-o-left-up:before {
  content: "\f3a9";
}

.u-icn-shape-water-o-right-down:before {
  content: "\f3aa";
}

.u-icn-shape-water-o-right-up:before {
  content: "\f3ab";
}

.u-icn-shape-water-right-down:before {
  content: "\f3ac";
}

.u-icn-shape-water-right-up:before {
  content: "\f3ad";
}

.u-icn-share:before {
  content: "\f3ae";
}

.u-icn-share-line:before {
  content: "\f3af";
}

.u-icn-shop:before {
  content: "\f3b0";
}

.u-icn-shop-fill:before {
  content: "\f3b1";
}

.u-icn-shortLine:before {
  content: "\f3b2";
}

.u-icn-show-beatiful-icon:before {
  content: "\f3b3";
}

.u-icn-showme-icon:before {
  content: "\f3b4";
}

.u-icn-shrink:before {
  content: "\f3b5";
}

.u-icn-side-nav:before {
  content: "\f3b6";
}

.u-icn-sidebar-chatbi:before {
  content: "\f3b7";
}

.u-icn-sidebar-cockpit:before {
  content: "\f3b8";
}

.u-icn-sidebar-complex-report:before {
  content: "\f3b9";
}

.u-icn-sidebar-data-model:before {
  content: "\f3ba";
}

.u-icn-sidebar-data-portal:before {
  content: "\f3bb";
}

.u-icn-sidebar-easy-fetch:before {
  content: "\f3bc";
}

.u-icn-sidebar-elec-table:before {
  content: "\f3bd";
}

.u-icn-sidebar-home:before {
  content: "\f3be";
}

.u-icn-sidebar-report:before {
  content: "\f3bf";
}

.u-icn-sidebar-screen:before {
  content: "\f3c0";
}

.u-icn-sidebar-survey:before {
  content: "\f3c1";
}

.u-icn-sidebar-warning:before {
  content: "\f3c2";
}

.u-icn-single-angle-left:before {
  content: "\f3c3";
}

.u-icn-single-angle-right:before {
  content: "\f3c4";
}

.u-icn-sort:before {
  content: "\f3c5";
}

.u-icn-sort-alpha-asc:before {
  content: "\f3c6";
}

.u-icn-sort-alpha-desc:before {
  content: "\f3c7";
}

.u-icn-sort-amount-asc:before {
  content: "\f3c8";
}

.u-icn-sort-custom:before {
  content: "\f3c9";
}

.u-icn-sort-fill:before {
  content: "\f3ca";
}

.u-icn-sort-new-asc:before {
  content: "\f3cb";
}

.u-icn-sort-new-dsc:before {
  content: "\f3cc";
}

.u-icn-sort-normal-down:before {
  content: "\f3cd";
}

.u-icn-sort-normal-up:before {
  content: "\f3ce";
}

.u-icn-sort-numeric-asc:before {
  content: "\f3cf";
}

.u-icn-star-filled:before {
  content: "\f3d0";
}

.u-icn-star-hollow:before {
  content: "\f3d1";
}

.u-icn-step-forward:before {
  content: "\f3d2";
}

.u-icn-stop:before {
  content: "\f3d3";
}

.u-icn-straightLine:before {
  content: "\f3d4";
}

.u-icn-strikethrough:before {
  content: "\f3d5";
}

.u-icn-string:before {
  content: "\f3d6";
}

.u-icn-stylebrush:before {
  content: "\f3d7";
}

.u-icn-sub:before {
  content: "\f3d8";
}

.u-icn-success:before {
  content: "\f3d9";
}

.u-icn-support:before {
  content: "\f3da";
}

.u-icn-survey-widget-cellphone:before {
  content: "\f3db";
}

.u-icn-survey-widget-date:before {
  content: "\f3dc";
}

.u-icn-survey-widget-email:before {
  content: "\f3dd";
}

.u-icn-survey-widget-multipleselect:before {
  content: "\f3de";
}

.u-icn-survey-widget-number:before {
  content: "\f3df";
}

.u-icn-survey-widget-select:before {
  content: "\f3e0";
}

.u-icn-survey-widget-sex:before {
  content: "\f3e1";
}

.u-icn-survey-widget-subsurvey:before {
  content: "\f3e2";
}

.u-icn-survey-widget-telephone:before {
  content: "\f3e3";
}

.u-icn-survey-widget-text:before {
  content: "\f3e4";
}

.u-icn-survey-widget-uploader:before {
  content: "\f3e5";
}

.u-icn-switch-16:before {
  content: "\f3e6";
}

.u-icn-syntax:before {
  content: "\f3e7";
}

.u-icn-system-icon:before {
  content: "\f3e8";
}

.u-icn-tab:before {
  content: "\f3e9";
}

.u-icn-table:before {
  content: "\f3ea";
}

.u-icn-table-calculate:before {
  content: "\f3eb";
}

.u-icn-text:before {
  content: "\f3ec";
}

.u-icn-text-insert-param:before {
  content: "\f3ed";
}

.u-icn-text-left-down:before {
  content: "\f3ee";
}

.u-icn-text-left-up:before {
  content: "\f3ef";
}

.u-icn-text-right-down:before {
  content: "\f3f0";
}

.u-icn-text-right-up:before {
  content: "\f3f1";
}

.u-icn-ticket:before {
  content: "\f3f2";
}

.u-icn-ticket-fill:before {
  content: "\f3f3";
}

.u-icn-time:before {
  content: "\f3f4";
}

.u-icn-time-dynamic:before {
  content: "\f3f5";
}

.u-icn-time-shortcut:before {
  content: "\f3f6";
}

.u-icn-time-static:before {
  content: "\f3f7";
}

.u-icn-to-demo:before {
  content: "\f3f8";
}

.u-icn-to-project:before {
  content: "\f3f9";
}

.u-icn-toggle-bar:before {
  content: "\f3fa";
}

.u-icn-toggle-bar-16:before {
  content: "\f3fb";
}

.u-icn-toggle-selected:before {
  content: "\f3fc";
}

.u-icn-tokenkey:before {
  content: "\f3fd";
}

.u-icn-toolbar-more:before {
  content: "\f3fe";
}

.u-icn-toolbar-more-16:before {
  content: "\f3ff";
}

.u-icn-toolbar-table:before {
  content: "\f400";
}

.u-icn-top-nav:before {
  content: "\f401";
}

.u-icn-transparent:before {
  content: "\f402";
}

.u-icn-trash:before {
  content: "\f403";
}

.u-icn-treeFilter:before {
  content: "\f404";
}

.u-icn-trend:before {
  content: "\f405";
}

.u-icn-trend-fill:before {
  content: "\f406";
}

.u-icn-u-icn-range:before {
  content: "\f407";
}

.u-icn-underline:before {
  content: "\f408";
}

.u-icn-undo:before {
  content: "\f409";
}

.u-icn-unorderedList:before {
  content: "\f40a";
}

.u-icn-unorderedList-1:before {
  content: "\f40b";
}

.u-icn-unorderedList-2:before {
  content: "\f40c";
}

.u-icn-unorderedList-3:before {
  content: "\f40d";
}

.u-icn-unorderedList-4:before {
  content: "\f40e";
}

.u-icn-unorderedList-5:before {
  content: "\f40f";
}

.u-icn-unzip:before {
  content: "\f410";
}

.u-icn-up:before {
  content: "\f411";
}

.u-icn-user:before {
  content: "\f412";
}

.u-icn-user-circle:before {
  content: "\f413";
}

.u-icn-user1:before {
  content: "\f414";
}

.u-icn-utility:before {
  content: "\f415";
}

.u-icn-ver:before {
  content: "\f416";
}

.u-icn-video:before {
  content: "\f417";
}

.u-icn-view-data:before {
  content: "\f418";
}

.u-icn-view-field:before {
  content: "\f419";
}

.u-icn-view-statistic:before {
  content: "\f41a";
}

.u-icn-wallet:before {
  content: "\f41b";
}

.u-icn-wallet-fill:before {
  content: "\f41c";
}

.u-icn-warning:before {
  content: "\f41d";
}

.u-icn-warning-circle:before {
  content: "\f41e";
}

.u-icn-welcome-card:before {
  content: "\f41f";
}

.u-icn-white-color:before {
  content: "\f420";
}

.u-icn-whole:before {
  content: "\f421";
}

.u-icn-zip:before {
  content: "\f422";
}

.u-icn-zip-upDown:before {
  content: "\f423";
}

.u-icn-zoom-in:before {
  content: "\f424";
}

.u-icn-zoom-out:before {
  content: "\f425";
}

.u-switch {
  height: 16px;
  line-height: 16px;
  width: 40px;
  position: relative;
  border: 1px solid #d2d7e0;
  border-radius: 12px;
  background-color: #d2d7e0;
  cursor: pointer;
  color: #999;
}
.u-switch.transition {
  transition: all 0.26s cubic-bezier(0.4, 0, 0.2, 1) 0ms, transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
.u-switch.transition::before {
  transition: all 0.26s cubic-bezier(0.4, 0, 0.2, 1) 0ms, transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}
.u-switch::before {
  content: "";
  display: block;
  background-color: #fff;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  position: absolute;
  left: 2px;
  top: 1px;
}
.u-switch.on {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
}
.u-switch.on::before {
  background-color: #fff;
  -webkit-transform: translateX(23px);
  transform: translateX(23px);
}
.u-switch.disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.u-switch-focus {
  height: 28px;
  line-height: 28px;
  width: 50px;
  position: relative;
  border: 1px solid #e8e8f0;
  border-radius: 3px;
  background-color: rgba(0, 0, 0, 0.15);
  cursor: not-allowed;
  font-size: 12px;
}
.u-switch-focus .line-box {
  display: block;
  width: 22px;
  height: 22px;
  line-height: 22px;
  border-radius: 2px;
  position: relative;
  float: left;
  margin-left: 2px;
  margin-top: 2px;
  background-color: #fff;
}
.u-switch-focus .line-box .line {
  width: 2px;
  height: 8px;
  background-color: #8f8f8f;
  position: absolute;
  top: 7px;
}
.u-switch-focus .line-box .line-left {
  left: 8px;
}
.u-switch-focus .line-box .line-right {
  left: 12px;
}
.u-switch-focus.on {
  border-color: var(--color-primary);
  background-color: var(--color-primary);
}
.u-switch-focus.on .line-box {
  float: right;
  margin-right: 2px;
}

.u-continuousColor--2 {
  background: url(../img/none-color.0dc091e232.svg) no-repeat -999px -999px;
  width: 58px;
  height: 22px;
  vertical-align: middle;
  display: inline-block;
  background-position: 0 0;
}

.u-dispcolor, .u-dispcolor-49, .u-dispcolor-48, .u-dispcolor-47, .u-dispcolor-46, .u-dispcolor-45, .u-dispcolor-44, .u-dispcolor-43, .u-dispcolor-42, .u-dispcolor-41, .u-dispcolor-40, .u-dispcolor-31, .u-dispcolor-30, .u-dispcolor-29, .u-dispcolor-12, .u-dispcolor-11, .u-dispcolor-22, .u-dispcolor-21, .u-dispcolor-20, .u-dispcolor-19, .u-dispcolor-18, .u-dispcolor-17, .u-dispcolor-16, .u-dispcolor-13, .u-dispcolor-10, .u-dispcolor-9, .u-dispcolor-8, .u-dispcolor-7, .u-dispcolor-6, .u-dispcolor-5, .u-dispcolor-4, .u-dispcolor-3, .u-dispcolor-2, .u-dispcolor-1 {
  background: url(../img/color.84a978e38f.svg) no-repeat -999px -999px;
  width: 18px;
  height: 13px;
  vertical-align: middle;
  display: inline-block;
  background-position: 0 0;
}

.u-dispcolor-screen, .u-dispcolor-screen-49, .u-dispcolor-screen-48, .u-dispcolor-screen-47, .u-dispcolor-screen-46, .u-dispcolor-screen-45, .u-dispcolor-screen-44, .u-dispcolor-screen-43, .u-dispcolor-screen-42, .u-dispcolor-screen-41, .u-dispcolor-screen-40, .u-dispcolor-screen-31, .u-dispcolor-screen-30, .u-dispcolor-screen-29, .u-dispcolor-screen-12, .u-dispcolor-screen-11, .u-dispcolor-screen-22, .u-dispcolor-screen-21, .u-dispcolor-screen-20, .u-dispcolor-screen-19, .u-dispcolor-screen-18, .u-dispcolor-screen-17, .u-dispcolor-screen-16, .u-dispcolor-screen-13, .u-dispcolor-screen-10, .u-dispcolor-screen-9, .u-dispcolor-screen-8, .u-dispcolor-screen-7, .u-dispcolor-screen-6, .u-dispcolor-screen-5, .u-dispcolor-screen-4, .u-dispcolor-screen-3, .u-dispcolor-screen-2, .u-dispcolor-screen-1 {
  background: url(../img/color2.bf84f3feb6.svg) no-repeat -999px -999px;
  width: 18px;
  height: 13px;
  vertical-align: middle;
  display: inline-block;
}

.u-dispcolor-1 {
  background-position: 0 0;
}

.u-dispcolor-screen-1 {
  background-position: 0 0;
}

.u-dispcolor-2 {
  background-position: 0 -13px;
}

.u-dispcolor-screen-2 {
  background-position: 0 -13px;
}

.u-dispcolor-3 {
  background-position: 0 -26px;
}

.u-dispcolor-screen-3 {
  background-position: 0 -26px;
}

.u-dispcolor-4 {
  background-position: 0 -39px;
}

.u-dispcolor-screen-4 {
  background-position: 0 -39px;
}

.u-dispcolor-5 {
  background-position: 0 -52px;
}

.u-dispcolor-screen-5 {
  background-position: 0 -52px;
}

.u-dispcolor-6 {
  background-position: 0 -65px;
}

.u-dispcolor-screen-6 {
  background-position: 0 -65px;
}

.u-dispcolor-7 {
  background-position: 0 -78px;
}

.u-dispcolor-screen-7 {
  background-position: 0 -78px;
}

.u-dispcolor-8 {
  background-position: 0 -91px;
}

.u-dispcolor-screen-8 {
  background-position: 0 -91px;
}

.u-dispcolor-9 {
  background-position: 0 -104px;
}

.u-dispcolor-screen-9 {
  background-position: 0 -104px;
}

.u-dispcolor-10 {
  background-position: 0 -117px;
}

.u-dispcolor-screen-10 {
  background-position: 0 -117px;
}

.u-dispcolor-13 {
  background-position: 0 -117px;
}

.u-dispcolor-screen-13 {
  background-position: 0 -117px;
}

.u-dispcolor-16 {
  background-position: 0 -117px;
}

.u-dispcolor-screen-16 {
  background-position: 0 -117px;
}

.u-dispcolor-17 {
  background-position: 0 -130px;
}

.u-dispcolor-screen-17 {
  background-position: 0 -130px;
}

.u-dispcolor-18 {
  background-position: 0 -143px;
}

.u-dispcolor-screen-18 {
  background-position: 0 -143px;
}

.u-dispcolor-19 {
  background-position: 0 -156px;
}

.u-dispcolor-screen-19 {
  background-position: 0 -156px;
}

.u-dispcolor-20 {
  background-position: 0 -169px;
}

.u-dispcolor-screen-20 {
  background-position: 0 -169px;
}

.u-dispcolor-21 {
  background-position: 0 -182px;
}

.u-dispcolor-screen-21 {
  background-position: 0 -182px;
}

.u-dispcolor-22 {
  background-position: 0 -195px;
}

.u-dispcolor-screen-22 {
  background-position: 0 -195px;
}

.u-dispcolor-11 {
  background-position: 0 -120px;
}

.u-dispcolor-screen-11 {
  background-position: 0 -120px;
}

.u-dispcolor-12 {
  background-position: 0 -133px;
}

.u-dispcolor-screen-12 {
  background-position: 0 -133px;
}

.u-dispcolor-29 {
  background-position: 0 -208px;
}

.u-dispcolor-screen-29 {
  background-position: 0 -208px;
}

.u-dispcolor-30 {
  background-position: 0 -221px;
}

.u-dispcolor-screen-30 {
  background-position: 0 -221px;
}

.u-dispcolor-31 {
  background-position: 0 -234px;
}

.u-dispcolor-screen-31 {
  background-position: 0 -234px;
}

.u-dispcolor-40 {
  background-position: 0 -247px;
}

.u-dispcolor-screen-40 {
  background-position: 0 -247px;
}

.u-dispcolor-41 {
  background-position: 0 -260px;
}

.u-dispcolor-screen-41 {
  background-position: 0 -260px;
}

.u-dispcolor-42 {
  background-position: 0 -273px;
}

.u-dispcolor-screen-42 {
  background-position: 0 -273px;
}

.u-dispcolor-43 {
  background-position: 0 -286px;
}

.u-dispcolor-screen-43 {
  background-position: 0 -286px;
}

.u-dispcolor-44 {
  background-position: 0 -299px;
}

.u-dispcolor-screen-44 {
  background-position: 0 -299px;
}

.u-dispcolor-45 {
  background-position: 0 -312px;
}

.u-dispcolor-screen-45 {
  background-position: 0 -312px;
}

.u-dispcolor-46 {
  background-position: 0 -325px;
}

.u-dispcolor-screen-46 {
  background-position: 0 -325px;
}

.u-dispcolor-47 {
  background-position: 0 -338px;
}

.u-dispcolor-screen-47 {
  background-position: 0 -338px;
}

.u-dispcolor-48 {
  background-position: 0 -351px;
}

.u-dispcolor-screen-48 {
  background-position: 0 -351px;
}

.u-dispcolor-49 {
  background-position: 0 -364px;
}

.u-dispcolor-screen-49 {
  background-position: 0 -364px;
}

.u-colors .color-item {
  width: 21px;
  height: 21px;
  border-radius: 2px;
  cursor: pointer;
  margin-left: 4px;
  box-sizing: border-box;
}
.u-code-input {
  font-family: menlo, consolas, monospace;
}

.u-color-block {
  width: 100%;
  height: 100%;
  padding: 2px;
  border-radius: 2px;
  border: 1px solid #e8e8f0;
  background-color: #fff;
  cursor: pointer;
}
.u-color-block .dsc-row {
  height: 100%;
}
.u-color-block .dsc-row .dsc-col {
  height: 100%;
}
.u-color-block .color-area {
  width: 100%;
  height: 100%;
  position: relative;
}
.u-color-block .color-area::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;
}

.u-popo {
  display: inline-block;
  width: 25px;
  height: 25px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAClUExURUdwTP69Lv28Lf/DOfezMP/AM/7AJf27Lf6/Jv67Mf7DNP6/M/3GPfu4Lv2+J/y9L/y9Kv6+J/+/Mv7FPf/DH/7SVP3BIP7VXv7FI/7PTf7GKv7JN/7MQP7ORv7IMP7+/P3uvmpYQdmsO9inI8KWLPjz5bGMNPLGTem6Qeq0JZl9PrermMnBtP7lmf7df4Z5a6mchlhHMYFvV+66LtbDmOHZyta6cfLiwbAAAAAUdFJOUwBUQ64HmPcu6RndgPkQzmhdt3LR0l2seQAAAkVJREFUSMft1dlygjAUBuACsgmCSwhLCJts7nvf/9F60oCjgLa3nel/4Ujgm3OAkHx8/OevRBfnsiRJsiGoo18B1ViY1OcZS7b+M5DHcL3D4zs+XRjv0cgeh41wOfJpuBDetKfL5l1AWmMak5dCIiH9Ji4PJ2DkyWvRFHGfTBgSebC3kUxeE3M+RKbmnbg9QjRxoC0rAmLWdeU/VvGrujaBRFK/tXkEJCvX63VetcZxqhwGygyIIgwUicgly+o6K8uqfchVmbOR7EKioFdGUAJWJmStZ8ywVGUGN0cJFIkCTe0QOWDETW7XT4dmFZ8ydUb3181150dAgs5Dm1gBxC1u59Ph6LSz0qf7bZqeN0kIotuZqnlBQJL4eEq3h0/aGOokh9PxeC72IDzreQqIChC/iI/pKU2vtEnoFgc4PhcJI5reuXvP82gRb89pekjCNm4BjaXHGIjnde5fwECCJI5vm02xI40gNIm3m20R7+EsUroEwahTxJCEPdUmLh8hcBJ3iKggZvxdkuzCiL0hlohELozsmUDoubGRqqFvE7AXAD9t4D+JvG+BLL0zXzA3oFZ50OaSXwKvEXg26nwsjHCE8nLFxapctgCI0ZtjCLUILfN8Ccnz1R0g3JtjkxlG93h4xcjqfj0I3P+WRQ0/IOYeDzAeq/1Pf65gFjQQGNWEoeXC4OaZ8SOsTYeXyukY94JAYGUmvl6Qta5gdSx78nbZt5RnpM2m+o+bizGzNOYURbNk+3dbzEhXxaltC6I6+d+f/06+AOuXYgbGIgryAAAAAElFTkSuQmCC") no-repeat center/100%;
  cursor: pointer;
}
.u-popo.z-dis {
  background-image: url("data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAAUVBMVEVHcEy8vLzAwMC+vr6/v7/CwsLBwcG/v7++vr7AwMCysrK5ubnMzMy8vLzBwcHHx8fQ0NDT09P9/f3t7e2YmJisrKx0dHS0tLSjo6Pg4OCOjo4ErdygAAAAC3RSTlMA+HHRU5KxMegW6I33bwEAAAHjSURBVEjH7ZXrkoMgDIVXRcXBJAIq6Ps/6CZ4qbXW9u/O7GHGjimfyeH68/Ovv6JG5WVVVWWp6u+AuiyoXaWrvPkC0NK3E/FPS/oTlGvaiQSxCnVnoqSNsKyVISzfJmqqByHNrmmI3jFNhRtiVyWGiPNcIyUTT0i3phEmvyIUHpDukCUh+mKKmkIQ5MdzFlrD1cXwchiHnjXQznSUIgEJM3WVBM0QAELsMY0yP7CPAUwY4CqNyiRL8sJfpmUmqQ8SwKQXN6V8CDs/EbZtwGWJgWltB+0kXhDyc13AjHXTPM5D+5Btx3FGzwzAqbJaC+JdGMduxp3o/DyaMPtJkOJ5CdQZAJATZBzZDjd5WN/ze+89/wu6OblfEDuPY5xoU+eIKwW3IM/+lTFcmXduAuIydsY7yw6dZcKckUyYlhnnPOGuzqUIOzEme0WEmbxPQ0prwxRJxDlLrU1iQIYGD5IXSIQ5jVhTmJUBDBG27iamUCLMecWUxuxQ7AOgtKGPO2DOs7+Y2SDuOgxDjP2wAy9WZBebh2TxxijL+hB73ctKm6MAjv3F/MW2zDNzI315mN0x+s3xp4p3RFXfHMgX/bPi9ljmY/9Unq5U8/lyqQotXJbposy/vGKaWqk8V3Xd/N/Pf0e/Dmk0tDscE7MAAAAASUVORK5CYII=");
  cursor: not-allowed;
}

.u-arrow {
  position: absolute;
  width: 7px;
  height: 7px;
  top: 50%;
  left: 50%;
  margin-top: -3.5px;
  margin-left: -3.5px;
  border: 1px solid #a9a9b8;
  border-top: 0;
  border-right: 0;
}
.u-arrow-down {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  margin-top: -5px;
}
.u-arrow-up {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  margin-top: -2px;
}
.u-arrow-right {
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
  margin-top: -3px;
}

.u-number-input {
  width: 100%;
  height: 100%;
  background-color: #fff;
  border-radius: 2px;
}
.u-number-input .btn-box {
  border: 1px solid #e8e8f0;
  border-left: 0;
  height: 100%;
  border-radius: 0 2px 2px 0;
  font-size: 0;
}
.u-number-input .btn-box .btn {
  position: relative;
  display: block;
  height: 50%;
  line-height: 1.14;
  text-align: center;
}
.u-number-input .btn-box .btn-up {
  border-bottom: 1px solid #e8e8f0;
}
.u-number-input .btn-box .btn-down {
  border-bottom: 1px solid transparent;
}
.u-number-input .btn-box .btn-up:hover .u-icn, .u-number-input .btn-box .btn-down:hover .u-icn {
  color: var(--color-primary);
}
.u-number-input .btn-box .u-icn {
  height: 10px;
  font-size: 10px;
  margin-bottom: 0;
}
.u-number-input.z-disabled .btn {
  background: #ddd;
  cursor: not-allowed;
}
.u-number-input.z-disabled .prefix {
  color: #999;
}
.u-number-input.z-disabled .u-input {
  color: #999;
}
.u-number-input.z-disabled .btn-box .btn-up .u-icn, .u-number-input.z-disabled .btn-box .btn-down .u-icn {
  color: #a9a9b8;
}

.u-range {
  position: relative;
  height: 20px;
  overflow: hidden;
  padding: 0 10px;
  user-select: none;
}
.u-range .track {
  position: relative;
  height: 2px;
  margin-top: 9px;
  background: var(--color-primary);
  border: 6px solid #fff;
  border-width: 0 6px;
}
.u-range .track.disabled {
  background: #ebebeb;
}
.u-range-tick .track {
  border-width: 0;
  margin-top: 12px;
}
.u-range .fbt-min::before {
  position: absolute;
  top: 9px;
  height: 3px;
  width: 1000px;
  content: "";
  background: #ebebeb;
  z-index: -1;
  right: 50%;
}
.u-range .fbt-max::before {
  z-index: -1;
  position: absolute;
  top: 9px;
  height: 3px;
  width: 1000px;
  content: "";
  background: #ebebeb;
  left: 50%;
}
.u-range .fix-btn {
  position: absolute;
  z-index: 199;
  top: 0;
  bottom: 0;
  width: 6px;
  background: #fff;
  content: "";
}
.u-range .fix-btn.left {
  left: 0;
}
.u-range .fix-btn.right {
  right: 0;
}
.u-range .btn {
  width: 10px;
  height: 20px;
  position: absolute;
  top: -9px;
  left: auto;
  z-index: 100;
}
.u-range .btn b {
  width: 100%;
  height: 100%;
  cursor: pointer;
  display: block;
  border: 1px solid #e8e8f0;
  background-color: #fff;
  position: relative;
  border-radius: 2px;
}
.u-range .btn b::after, .u-range .btn b::before {
  content: "";
  position: absolute;
  width: 1px;
  height: 6px;
  top: 50%;
  transform: translateY(-50%);
  background: var(--color-title);
  opacity: 0.2;
}
.u-range .btn b::before {
  left: 30%;
}
.u-range .btn b::after {
  right: 30%;
}
.u-range .btn-min {
  left: 0;
  margin-left: -10px;
}
.u-range .btn-max {
  left: 100%;
  margin-right: -10px;
}
.u-range .cover {
  position: absolute;
  top: 50%;
  height: 2px;
  margin-top: -1px;
  width: 2000px;
  background: #ebebeb;
  z-index: 1;
}
.u-range .cover-min {
  right: 100%;
}
.u-range .cover-max {
  left: 100%;
}
.u-range .tick {
  position: relative;
  margin-top: 4px;
}
.u-range .tick .line {
  position: absolute;
  display: block;
  width: 2px;
  background: #ebebeb;
  height: 5px;
  margin-left: -1px;
}
.u-range .tick .line span {
  display: block;
  padding-top: 16px;
  margin-left: -3px;
}

.u-overlay-blank {
  background-color: #fff;
  border: 1px solid #e8e8f0;
}

.u-select-list,
.u-empty-indicator {
  background: #fff;
}
.u-select-list li,
.u-empty-indicator li {
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  min-width: 60px;
  color: #79809a;
  overflow: hidden;
  word-wrap: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 12px;
}
.u-select-list li:hover, .u-select-list li.z-crt,
.u-empty-indicator li:hover,
.u-empty-indicator li.z-crt {
  background: var(--color-hover-bg);
  color: var(--color-primary);
  cursor: pointer;
}
.u-select-list li.z-crt,
.u-empty-indicator li.z-crt {
  cursor: default;
}
.u-select-list label,
.u-empty-indicator label {
  display: block;
  width: 100%;
}
.u-select-list label input,
.u-empty-indicator label input {
  margin-right: 3px;
}
.u-select-list.scroll-y,
.u-empty-indicator.scroll-y {
  overflow-y: auto;
}

.m-search + .u-select-list.after-filter {
  border-top: none;
}

.u-empty-indicator {
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
}

.u-revert-checkbox, .u-overlap-checkbox, .u-log-checkbox, .u-percent-checkbox {
  position: relative;
  margin-left: 20px;
}
.u-revert-checkbox input[type=checkbox], .u-overlap-checkbox input[type=checkbox], .u-log-checkbox input[type=checkbox], .u-percent-checkbox input[type=checkbox] {
  position: absolute;
  left: -20px;
  top: -1px;
}

.u-overlap-checkbox {
  top: 20px;
}

.u-bicn, .icon-line-line-checked, .icon-line-line, .icon-bar-line-stack-checked, .icon-bar-line-stack, .icon-bar-line-parallel-checked, .icon-bar-line-parallel {
  display: block;
  width: 55px;
  height: 35px;
  background-image: url(../img/bicons.e4d7346255.svg);
  background-repeat: no-repeat;
}
.u-bicn-pie, .u-bicn-270 {
  background-position: -61px -87px;
}
.u-bicn-pie.z-crt, .u-bicn-270.z-crt {
  background-position: 0 -87px;
}
.u-bicn-bar, .u-bicn-vertical {
  background-position: -61px -204px;
}
.u-bicn-bar.z-crt, .u-bicn-vertical.z-crt {
  background-position: 0 -204px;
}
.u-bicn-180 {
  background-position: -61px -144px;
}
.u-bicn-180.z-crt {
  background-position: 0 -144px;
}
.u-bicn-horizontal {
  background-position: -61px -262px;
}
.u-bicn-horizontal.z-crt {
  background-position: 3px -262px;
}
.u-bicn-theme {
  background-position: -61px 8px;
}
.u-bicn-theme.z-crt {
  background-position: 0 8px;
}
.u-bicn-gou {
  width: 18px;
  height: 18px;
  background-position: -11px -36px;
}

.u-color-danger {
  color: #F24957;
}

.u-btn-menu-icn .u-icn {
  display: block;
  float: left;
  position: relative;
  top: 50%;
  margin-top: -8px;
  margin-left: 5px;
  width: 16px;
  height: 16px;
  font-size: 16px;
  line-height: 16px;
}

.u-tool-btn {
  text-align: center;
  padding-top: 1px;
  color: #f8f8f8;
}
.u-tool-btn > .u-icn {
  display: block;
  width: 24px;
  height: 24px;
  margin: 0 auto 2px auto;
  font-size: 24px;
  color: #fff;
}

.u-color-icon {
  width: 24px;
  height: 23px;
  color: #aaa;
  text-align: center;
  cursor: pointer;
}
.u-color-icon .color-bar {
  width: 24px;
  height: 4px;
  margin-top: 4px;
  background-color: #aaa;
}

.u-icn-report.z-mirror {
  position: relative;
}
.u-icn-report.z-mirror::after {
  content: "";
  display: block;
  position: absolute;
  left: -5px;
  bottom: calc(100% / 2 - 6px);
  width: 12px;
  height: 9px;
  background: url(../img/report-shortcut.3eb7402e4a.svg) center/cover;
}

.u-icn-report .u-icn-platform-desktop,
.u-icn-report .u-icn-platform-mobile,
.u-icn-report .u-icn-platform-both {
  position: absolute;
  right: -3px;
  top: 50%;
  width: 8px;
  height: 8px;
  background: #ddd;
}

.u-load {
  display: block;
  width: 40px;
  height: 40px;
  margin: 20px;
  background: url(../img/loading.dd8c6df601.svg) no-repeat;
}
.u-load-chart, .u-load-filter .u-load-chart-cancel {
  min-width: 40px;
  max-width: 70px;
  width: 15%;
  min-height: 40px;
  max-height: 100%;
  height: 70px;
}
.u-load-chart {
  background: url(../img/loading-chart.34fdc2e820.gif) no-repeat center/contain;
}
.u-load-filter {
  background: url(../img/loading.e05ba027ac.gif) no-repeat center/contain;
}
.u-load-chart-cancel {
  background: url(../img/chart-cancel.795c404d22.svg) no-repeat bottom;
  background-size: contain;
}

.u-measure-pill.z-crt, .u-measure-pill:hover {
  background-color: #40c0a8;
  color: #fff;
}

.u-mpill-dropdown {
  background-color: #40c0a8;
  font-size: 12px;
  color: #79809a;
  text-indent: 30px;
  cursor: pointer;
  border: 1px solid #40c0a8;
}
.u-mpill-dropdown:hover {
  border: 1px solid #40c0a8;
}

.u-bitem {
  position: relative;
  font-size: 12px;
  color: #79809a;
  height: 28px;
  line-height: 28px;
  padding-left: 16px;
  cursor: move;
  overflow: hidden;
  word-wrap: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.u-bitem .txt {
  line-height: 28px;
  display: block;
}
.u-bitem .txt i {
  display: block;
  float: left;
  width: 14px;
  height: 14px;
  font-size: 14px;
  margin-top: 7px;
}
.u-bitem .txt b {
  display: block;
  overflow: hidden;
  word-wrap: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  user-select: none;
  float: left;
  height: 28px;
  line-height: 28px;
  margin-left: 6px;
  width: calc(100% - 46px);
}
.u-bitem .txt b.error {
  color: #F24957;
}
.u-bitem .list {
  padding: 0 13px 30px 6px;
}
.u-bitem-top {
  cursor: pointer;
  width: 100%;
  overflow: hidden;
  word-wrap: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-right: 20px;
}
.u-bitem-top .u-icn-delete {
  font-size: 12px;
  right: 8px;
}
.u-bitem .menu {
  position: absolute;
  width: 16px;
  height: 16px;
  right: 8px;
  top: 50%;
  margin-top: -8px;
}
.u-bitem .menu > .u-icn {
  display: none;
  cursor: pointer;
  line-height: 16px;
  position: static;
  top: auto;
  right: auto;
}
.u-bitem .menu > .u-icn::after {
  border-color: #fff transparent transparent transparent;
}
.u-bitem .menu .u-menu {
  min-width: 94px;
  color: #666;
}
.u-bitem .menu .u-menu a {
  color: #666;
}
.u-bitem .menu.z-show .u-menu {
  display: block;
  z-index: 9;
}
.u-bitem .menu.z-show > .u-icn {
  display: block;
}
.u-bitem:hover .menu > .u-icn {
  display: block;
  color: #fff;
}
.u-bitem-1:hover .txt i, .u-bitem-1:hover, .u-bitem-1.z-act .txt i, .u-bitem-1.z-act, .u-bitem-1.z-err .txt i, .u-bitem-1.z-err, .u-bitem-2:hover .txt i, .u-bitem-2:hover, .u-bitem-2.z-act .txt i, .u-bitem-2.z-act, .u-bitem-2.z-err .txt i, .u-bitem-2.z-err {
  color: #fff;
}
.u-bitem-1.z-err, .u-bitem-2.z-err {
  background: #F24957;
}
.u-bitem-1:hover, .u-bitem-1.z-act {
  background-color: #4a90e2;
}
.u-bitem-1 i {
  color: #4a90e2;
}
.u-bitem-2:hover, .u-bitem-2.z-act {
  background-color: #40c0a8;
}
.u-bitem-2 i {
  color: #40c0a8;
}
.u-bitem-level .u-icn-delete {
  display: none;
  color: #666;
  position: absolute;
  right: 8px;
  top: 50%;
  margin-top: -8px;
  cursor: pointer;
}
.u-bitem-level:hover .u-icn-delete {
  display: block;
}
.u-bitem-table {
  cursor: pointer;
}
.u-bitem.z-error {
  color: #F24957;
  /* stylelint-disable-next-line scss/no-global-function-names */
  background-color: #fcd8db;
  border-color: #F24957;
}
.u-bitem.z-error .u-icn {
  color: #F24957;
}
.field-class-closer .u-bitem:hover .menu {
  margin-top: -10px;
}
.field-class-closer .u-bitem:hover .menu > i {
  color: #aaa;
}
.field-class-closer .u-bitem:hover .menu > i::after {
  border-top-color: #aaa;
}

.u-bubble {
  position: absolute;
  left: 10px;
  top: 10px;
  z-index: 999;
  padding: 4px 10px;
  border-radius: 2px;
  box-shadow: 0 2px 6px 0 rgba(23, 23, 26, 0.1);
  line-height: 24px;
  background-color: rgba(51, 51, 51, 0.9);
  color: #fff;
  text-align: center;
  font-size: 14px;
  word-break: break-all;
  transition: transform 0.2s cubic-bezier(0.7, 0.31, 0.7, 0.95), opacity 0.1s;
  -webkit-transform: scale(0.1);
  transform: scale(0.1);
  opacity: 0.2;
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
}
.u-bubble.z-show {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
.u-bubble .arrow {
  display: block;
  position: absolute;
  border-color: rgba(51, 51, 51, 0.9);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px;
}
.u-bubble-bottom .arrow {
  border-left-color: transparent;
  border-right-color: transparent;
  border-top-color: transparent;
  border-top-width: 0;
  top: -6px;
  left: 50%;
  margin-left: -6px;
}
.u-bubble-top .arrow {
  display: block;
  border-left-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-bottom-width: 0;
  bottom: -6px;
  left: 50%;
  margin-left: -6px;
}
.u-bubble.bubble-url a {
  color: #103ffa;
}

li.icn {
  position: relative;
}
li.icn-num {
  top: 0;
}
li.icn::before {
  width: 14px;
  display: inline-block;
  content: "\f17c";
  margin-right: 8px;
  visibility: hidden;
  font: 1em/1 youdata, bigviz;
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-user-select: none;
  user-select: none;
  speak: none;
}
li.icn .u-icn-rarr,
li.icn .u-icn-larr {
  color: #aaa;
}
li.icn .u-icn-rarr:hover,
li.icn .u-icn-larr:hover {
  color: #aaa;
}
li.icn .u-icn-rarr {
  position: absolute;
  right: 6px;
  top: 1px;
}
li.icn .u-icn-larr {
  position: absolute;
  left: 6px;
  top: 1px;
  transform: rotate(180deg);
}
li.icn .u-icn-larr::before {
  content: "\f217";
}

li[class*=icn]::before {
  width: 12px;
  display: inline-block;
  margin-right: 4px;
  font: 1em/1 youdata, bigviz;
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-user-select: none;
  user-select: none;
  speak: none;
}

.u-check, .u-check2 {
  position: absolute;
  top: 4px;
  left: 4px;
  color: #40c0a8;
  display: block;
  width: 10px;
  height: 10px;
  line-height: 1.2;
  font-size: 10px;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 2px;
  font-family: youdata;
  content: "\f16f";
  -webkit-animation: bounceIn 0.2s;
  animation: bounceIn 0.2s;
  cursor: pointer;
}

.u-check2.z-dis {
  color: transparent;
}
.u-check2.z-dis:hover {
  color: rgba(64, 192, 168, 0.3);
}
.u-check2::after {
  content: "\f16f";
}

.u-item {
  position: relative;
  height: 20px;
  line-height: 18px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 100px;
  font-size: 12px;
  color: #fff;
  cursor: move;
}
.u-item h6 {
  height: 20px;
  line-height: 20px;
  overflow: hidden;
  word-wrap: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-left: 5px;
}
.u-item-multiple {
  border: none;
}
.u-item-multiple h6 {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  border-radius: 100px;
  background: inherit;
  border: 1px solid rgba(255, 255, 255, 0.4);
  opacity: 0.9;
}
.u-item-multiple h6.shadow-1, .u-item-multiple h6.shadow-2 {
  opacity: 1;
}
.u-item-multiple h6.shadow-1 {
  z-index: 1;
  left: -4px;
  top: 3px;
}
.u-item-multiple h6.shadow-2 {
  z-index: 0;
  left: -8px;
  top: 6px;
}
.u-item:hover {
  border-color: rgba(0, 0, 0, 0.3);
}
.u-item:hover .u-icn-asc,
.u-item:hover .u-icn-desc,
.u-item:hover .u-icn-table-calculate,
.u-item:hover .u-icn-shape-rise {
  display: none;
}
.u-item:hover .sel {
  display: block;
}
.u-item:hover .sel::after {
  border-color: #fff transparent transparent transparent;
}
.u-item:active {
  -webkit-box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.16);
  box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.16);
}
.u-item-1 {
  background-color: #4a90e2;
}
.u-item-1:active {
  /* stylelint-disable-next-line scss/no-global-function-names */
  background-color: #277adc;
}
.u-item-2 {
  background-color: #40c0a8;
}
.u-item-2:active {
  /* stylelint-disable-next-line scss/no-global-function-names */
  background-color: #35a28d;
}
.u-item-drag {
  opacity: 0.92;
}
.u-item-drag-1 {
  color: #333;
}
.u-item.z-sel .sel {
  display: block;
}
.u-item.z-error {
  color: #F24957;
  /* stylelint-disable-next-line scss/no-global-function-names */
  background-color: #fcd8db;
  border-color: #F24957;
}
.u-item-mvalue {
  height: auto;
  transition: background-color 0.2s;
  padding: 0 24px 0 14px;
  border-color: transparent;
}
.u-item-mvalue .text .u-icn {
  position: absolute;
}
.u-item-mvalue.z-disabled {
  border-color: transparent;
}
.u-item-mvalue.z-disabled:hover {
  border-color: transparent;
}
.u-item-row {
  float: left;
  margin: 6px 0 0 6px;
  padding: 0 6px 0 3px;
  word-wrap: normal;
  white-space: nowrap;
  color: #666;
  height: 18px;
}
.u-item-row h6 {
  line-height: 16px;
}
.u-item-disabled {
  max-width: 150px;
  min-width: 100px;
  background-color: #eee;
  border-color: #ddd;
  color: #999;
  text-align: center;
}
.u-item-disabled:hover {
  border-color: #cdcdcd;
}
.u-item-disabled:active {
  border-color: #cdcdcd;
  background-color: #efefef;
  box-shadow: none;
}
.u-item-hidden {
  background-color: #8a98ac;
}
.u-item-hidden:active {
  /* stylelint-disable-next-line scss/no-global-function-names */
  background-color: #72839b;
}
.u-item-rline {
  height: 20px;
  width: 90px;
  cursor: default;
}
.u-item-rline .sel {
  display: block;
}
.u-item-rline h6 {
  padding-right: 17px;
}
.u-item-invalid {
  /* stylelint-disable-next-line scss/no-global-function-names */
  border-color: #e5758c;
  color: #dd4a68;
}
.u-item-invalid::before {
  font-family: youdata, bigviz;
  font-size: 12px;
  position: absolute;
  content: "\f126";
  width: 12px;
  height: 12px;
  top: 2px;
  right: 2px;
}
.u-item-invalid:hover, .u-item-invalid:active {
  /* stylelint-disable-next-line scss/no-global-function-names */
  border-color: #e5758c;
}
.u-item-folder {
  border-color: #ccc;
  background-color: #f1f1f1;
}
.u-item-folder.z-sel, .u-item-folder:hover {
  border-color: #40c0a8;
}
.u-item-folder:active {
  border-color: hsl(210, 100%, 75%);
}
.u-item-item {
  border-color: #ccc;
  background-color: #f1f1f1;
}
.u-item-item.z-sel, .u-item-item:hover {
  border-color: hsl(157, 72%, 52%);
}
.u-item-item:active {
  border-color: hsl(157, 72%, 55%);
}
.u-item-context {
  background-color: #8a98ac;
}
.u-item-placeholder::after {
  content: "";
  display: block;
  height: 10px;
}
.u-item.z-layer {
  height: 28px;
  line-height: 28px;
  padding: 0 18px 0 16px;
  border-radius: 0;
  border: 0;
  overflow: hidden;
  word-wrap: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #fff;
  background: #4a90e2;
  font-size: 12px;
}
.u-item.z-layer .u-icn {
  margin-right: 10px;
  font-size: 16px;
}
.u-item.report-page-item {
  height: 22px;
  line-height: 22px;
  font-size: 12px;
  padding: 0 10px;
  background: rgba(25, 129, 221, 0.61);
  border-radius: 0;
  border: 0;
  cursor: move;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.u-item.report-page-item span {
  height: 22px;
  line-height: 22px;
  float: right;
}
.u-item.dragable-list-item {
  height: 22px;
  line-height: 22px;
  font-size: 12px;
  padding: 0 10px;
  background: rgba(25, 129, 221, 0.61);
  border-radius: 0;
  border: 0;
  cursor: move;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  background: #fff;
  color: #79809a;
}
.u-item.dragable-list-item span {
  height: 22px;
  line-height: 22px;
  float: right;
}
.u-item.u-item-drag-field {
  color: #79809a;
  background: #fff;
  height: 26px;
  line-height: 26px;
  padding-left: 10px;
  width: 100px;
  overflow: hidden;
  word-wrap: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.u-split, .u-menu li.split {
  padding: 0;
  margin: 0;
  height: 1px;
  background-color: #e8e8f0;
}

.u-menu {
  display: none;
  position: absolute;
  left: 0;
  top: 100%;
  box-sizing: border-box;
  min-width: 100%;
  background: #fff;
  overflow-y: auto;
  cursor: default;
  box-shadow: 0 3px 8px rgba(16, 32, 72, 0.12);
}
.u-menu.z-sel {
  display: block;
}
.u-menu li {
  padding: 4px 23px 4px 12px;
  line-height: 28px;
  white-space: nowrap;
  cursor: pointer;
}
.u-menu li a {
  display: block;
  padding: 4px 12px;
  margin: -4px -12px;
}
.u-menu li .u-icn {
  margin-right: 8px;
}
.u-menu li:hover {
  background-color: var(--color-hover-bg);
}
.u-menu li:hover a {
  color: var(--color-primary);
}
.u-menu li .u-icn-check {
  line-height: 25px;
  font-size: 20px;
  color: var(--color-primary);
}
.u-menu .micn {
  padding-left: 32px;
}
.u-menu-overlay {
  position: relative;
  display: block;
}
.u-menu-auto {
  min-width: 0;
}
.u-menu-right {
  right: 0;
  left: auto;
  text-align: left;
  z-index: 10;
}
.u-menu-left {
  left: 0;
  text-align: left;
  z-index: 10;
}
.u-menu-schema {
  right: 0;
  left: auto;
  top: 12px;
  font-size: 12px;
  background-color: #fff;
}
.u-menu-sm {
  font-size: 12px;
}
.u-menu-sel li .u-icn + .u-icn-check {
  display: none;
}
.u-menu-sel li .u-icn-check {
  visibility: hidden;
  color: #333;
}
.u-menu-sel li.z-sel .u-icn {
  display: none;
}
.u-menu-sel li.z-sel .u-icn-check {
  visibility: visible;
  display: inline-block;
}
.u-menu-top {
  margin-top: -10px;
}
.u-menu-list {
  width: 175px;
  padding: 10px;
}
.u-menu-list .list {
  max-height: 300px;
  overflow-y: auto;
}

.u-dashed-border {
  border: 1px dashed #e8e8f0;
}

.u-indicator-info {
  width: 360px;
  margin-left: -5px;
  background: #fff;
  border-radius: 2px;
  border: 1px solid #e8e8f0;
  word-break: break-all;
  box-shadow: 0 2px 6px 0 rgba(16, 32, 72, 0.102);
}
.u-indicator-info .header {
  height: 50px;
  padding: 16px 16px 0;
  font-size: 16px;
  font-weight: 500;
  color: #102048;
}
.u-indicator-info .main {
  overflow-y: auto;
  max-height: 270px;
  padding: 0 16px 16px;
}
.u-indicator-info .u-info {
  padding: 12px;
  background-color: #f6f7fa;
  line-height: 20px;
  font-size: 12px;
}
.u-indicator-info .u-info .title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.u-indicator-info .u-info .title a {
  flex: 0 0 auto;
  font-weight: normal;
  color: var(--color-primary);
}
.u-indicator-info .u-info .title .icon {
  flex: 0 0 auto;
  padding-top: 2px;
  margin-right: 4px;
  color: #79809a;
  cursor: pointer;
}
.u-indicator-info .u-info .title span {
  flex: 1 0;
  font-weight: 500;
  color: #102048;
}
.u-indicator-info .u-info .title + .content {
  margin-top: 8px;
}
.u-indicator-info .u-info .content {
  padding-left: 16px;
  line-height: 20px;
  color: #79809a;
}
.u-indicator-info .u-info .content label {
  width: 70px;
  float: left;
  color: #102048;
}
.u-indicator-info .u-info .content div {
  margin-left: 70px;
  word-break: break-all;
  white-space: pre-wrap;
}
.u-indicator-info .u-info .content + .content {
  margin-top: 4px;
}
.u-indicator-info .u-info + .u-info {
  margin-top: 8px;
}

.m-progress {
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  overflow: hidden;
}
.m-progress-fix {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 298;
  width: 100%;
  height: 4px;
}
.m-progress .progress-bar {
  position: relative;
  height: 100%;
  border-radius: 2px;
}
.m-progress .progress-inner {
  display: block;
  position: absolute;
  right: 0;
  width: 100px;
  height: 100%;
  box-shadow: 0 0 12px var(--color-primary), 0 0 8px var(--color-primary), 0 0 4px var(--color-primary);
  opacity: 1;
  -webkit-transform: rotate(2deg) translate(0, -4px);
  transform: rotate(2deg) translate(0, -4px);
}
.m-progress .progress-activity {
  display: block;
  position: fixed;
  z-index: 2000;
  top: 22px;
  right: 4px;
  width: 18px;
  height: 18px;
  border: solid 3px transparent;
  /* stylelint-disable-next-line scss/no-global-function-names */
  border-left-color: #5b7bfc;
  border-top-color: var(--color-primary);
  border-radius: 50%;
  -webkit-animation: pace-spinner 400ms linear infinite;
  animation: pace-spinner 400ms linear infinite;
}
.m-progress-loading {
  top: -4px;
  background-color: #e0e0e0;
}
.m-progress-loading.active {
  top: 0;
}
.m-progress-loading .progress-bar {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: #66acff;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  will-change: transform;
  -webkit-transform-origin: right center;
  transform-origin: right center;
  -webkit-animation: indeterminate-bar-paper-progress 3s linear infinite;
  animation: indeterminate-bar-paper-progress 3s linear infinite;
}
.m-progress-loading .progress-bar::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: #e0e0e0;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  -webkit-animation: indeterminate-splitter-paper-progress 3s linear infinite;
  animation: indeterminate-splitter-paper-progress 3s linear infinite;
}

.z-global-nav-visible:not(.z-headless) .m-progress,
.z-nav.m-progress {
  top: 48px;
  visibility: hidden;
}
.z-global-nav-visible:not(.z-headless) .m-progress-loading.active,
.z-nav.m-progress-loading.active {
  visibility: visible;
}

.z-nav.m-progress {
  top: 64px;
}

.z-maxReportGraphic .m-progress,
.z-fullScreen .m-progress {
  visibility: hidden;
  top: 0;
}
.z-maxReportGraphic .m-progress-loading.active,
.z-fullScreen .m-progress-loading.active {
  visibility: visible;
}
.z-maxReportGraphic .g-canvas-integrationView,
.z-fullScreen .g-canvas-integrationView {
  padding: 0;
}

@keyframes pace-spinner {
  0% {
    transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes indeterminate-bar-paper-progress {
  0% {
    transform: scaleX(1) translateX(-100%);
    transform: scaleX(1) translateX(-100%);
  }
  50% {
    transform: scaleX(1) translateX(0%);
    transform: scaleX(1) translateX(0%);
  }
  75% {
    transform: scaleX(1) translateX(0%);
    transform: scaleX(1) translateX(0%);
    animation-timing-function: cubic-bezier(0.28, 0.62, 0.37, 0.91);
    animation-timing-function: cubic-bezier(0.28, 0.62, 0.37, 0.91);
  }
  100% {
    transform: scaleX(0) translateX(0%);
    transform: scaleX(0) translateX(0%);
  }
}
@keyframes indeterminate-splitter-paper-progress {
  0% {
    transform: scaleX(0.75) translateX(-125%);
    transform: scaleX(0.75) translateX(-125%);
  }
  30% {
    transform: scaleX(0.75) translateX(-125%);
    transform: scaleX(0.75) translateX(-125%);
    animation-timing-function: cubic-bezier(0.42, 0, 0.6, 0.8);
    animation-timing-function: cubic-bezier(0.42, 0, 0.6, 0.8);
  }
  90% {
    transform: scaleX(0.75) translateX(125%);
    transform: scaleX(0.75) translateX(125%);
  }
  100% {
    transform: scaleX(0.75) translateX(125%);
    transform: scaleX(0.75) translateX(125%);
  }
}
.u-ctxtmenu .list {
  border: 1px solid #e8e8f0;
  background: #fff;
}
.u-ctxtmenu .list li {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 18px;
  height: 32px;
  line-height: 32px;
  min-width: 140px;
  background-color: #fff;
  font-size: 14px;
  position: relative;
  text-align: left;
}
.u-ctxtmenu .list li:hover {
  background-color: #f5f5f5;
}
.u-ctxtmenu .list li.active {
  background-color: #eee;
}
.u-ctxtmenu .list li.clickable {
  cursor: pointer;
}
.u-ctxtmenu .list-1 .u-icn-angle-right {
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -9px;
  text-align: center;
  line-height: 16px;
}
.u-ctxtmenu .list-1 li:hover .list-2 {
  display: block;
}
.u-ctxtmenu .list-2 {
  position: absolute;
  left: 100%;
  top: 0;
  display: none;
}
.u-ctxtmenu .list .u-split, .u-ctxtmenu .list .u-menu li.split, .u-menu .u-ctxtmenu .list li.split {
  border-top: 1px solid #e8e8f0;
  height: 0;
}

.u-txt, .u-txtarea {
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
  height: 32px;
  padding: 4px 10px;
  border: 1px solid #e8e8f0;
  line-height: 22px;
  color: #79809a;
}
.u-txt:focus, .u-txtarea:focus {
  border-color: var(--color-primary);
}
.u-txt-w1 {
  width: 265px;
}
.u-txt-area {
  height: 150px;
}
.u-txt-span {
  height: auto;
  padding-left: 0;
  border-color: transparent;
}
.u-txt-span:focus {
  border-color: transparent;
}
.u-txt-err {
  border-color: #f5a9b1;
  box-shadow: 0 0 2px #f5a9b1;
}
.u-txt-err:focus {
  /* stylelint-disable-next-line scss/no-global-function-names */
  border-color: #f2929c;
  box-shadow: none;
}
.u-txt-h1 {
  height: 28px;
  padding: 0 8px;
  line-height: 28px;
  font-size: 12px;
}
.u-txt-h2 {
  height: 24px;
  padding: 0 8px;
  line-height: 24px;
  font-size: 12px;
}
.u-txt-s1 {
  height: 22px;
  padding: 0 8px;
  line-height: 20px;
  font-size: 12px;
  width: 100px;
}
.u-txt-s2 {
  min-width: 144px;
}
.u-txt[disabled], [disabled].u-txtarea {
  cursor: not-allowed;
  color: #aaa;
  border-color: #eee;
  background: #f5f5f5;
}

input[type=checkbox].u-txt, input[type=checkbox].u-txtarea,
input[type=radio].u-txt,
input[type=radio].u-txtarea {
  padding: 0;
}

select.u-txt-s1 {
  padding: 0 0 0 8px;
}

.u-txtarea {
  width: 100%;
  min-height: 120px;
}

.tok-alias {
  color: #0b4cfc;
}

.tok-err:not(.err-init) {
  background-image: url(../img/wavy.711860e92c.svg);
  background-size: 54px 5px;
  background-position: 0 100%;
  background-repeat: repeat-x;
  padding-bottom: 7px;
}
.tok-err.err-init {
  color: #f00300;
}

.tok-integer {
  color: #0c980c;
}

.tok-float {
  color: #0c980c;
}

.tok-string {
  color: #0c980c;
}

.tok-special {
  color: #9f9f9f;
}

.tok-fname {
  color: #30a4c4;
}

.tok-aggregator {
  color: #f8b90b;
}

.tok-spaces {
  white-space: pre;
}

.tok-tail {
  white-space: pre;
  color: #f00300;
}

.tok-zone {
  background-color: rgba(0, 153, 255, 0.32);
}

.tok-boundary {
  border-right: 1px solid #000;
}

.u-list li[class*=icn-]::before, .u-filter .list li[class*=icn-]::before {
  float: left;
  line-height: 28px;
}
.u-list li, .u-filter .list li {
  position: relative;
  height: 28px;
  line-height: 28px;
  padding: 0 9px;
  font-size: 12px;
  color: #7880a0;
}
.u-list li .u-icn, .u-filter .list li .u-icn {
  margin-right: 8px;
  line-height: inherit;
}
.u-list li .u-icn-check, .u-filter .list li .u-icn-check {
  display: none;
  color: var(--color-primary);
}
.u-list li:hover, .u-filter .list li:hover {
  background: #efefef;
}
.u-list li:active, .u-filter .list li:active {
  background: #e1e1e1;
}
.u-list li.u-split, .u-filter .list li.u-split, .u-list .u-menu li.split, .u-filter .list .u-menu li.split, .u-menu .u-list li.split, .u-menu .u-filter .list li.split, .u-filter .u-menu .list li.split {
  height: 1px;
}
.u-list-dropdown {
  font-size: 12px;
  min-width: 63px;
  background: #fff;
  max-height: 512px;
  overflow: auto;
}
.u-list-dropdown li {
  height: 28px;
  line-height: 28px;
  padding: 0 10px;
}
.u-list-dropdown li:hover, .u-list-dropdown li.selected {
  background: #eee;
  cursor: pointer;
}
.u-list-dropdown li.selected {
  cursor: default;
}
.u-list-dropdown li.z-disabled {
  cursor: not-allowed;
  background-color: #eee;
  color: #999 !important;
}

.u-filter {
  display: none;
  position: absolute;
  top: 100%;
  z-index: 299;
  margin-top: 6px;
  border: 1px solid #e8e8f0;
  background: #fff;
  font-size: 12px;
  color: #666;
  min-width: 158px;
}
.u-filter-sel {
  display: block;
  position: relative;
}
.u-filter-sel li {
  cursor: pointer;
}
.u-filter .tt {
  padding: 8px 8px 0;
  margin: 0 0 20px;
  height: 20px;
  line-height: 20px;
}
.u-filter .tt .u-icn {
  margin-right: 7px;
  line-height: inherit;
}
.u-filter-search {
  margin-top: 0;
  display: block;
  width: 100%;
  min-width: auto;
}
.u-filter-search .list li {
  padding-left: 15px;
  color: #999;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.u-filter-search li.z-act {
  background: #eaeaea;
}
.u-filter-search li b {
  font-weight: bold;
  background-color: yellow;
  color: #333;
}
.u-filter.z-sel {
  display: block;
}

.u-search {
  position: relative;
  padding-left: 31px;
  color: #666;
}
.u-search label,
.u-search input {
  float: left;
  box-sizing: border-box;
  height: 32px;
  line-height: 30px;
  border: 1px solid #e8e8f0;
  border-radius: 2px;
  box-shadow: inset 0 1px #f3f3f3;
}
.u-search label {
  width: 32px;
  line-height: 28px;
  text-align: center;
  margin: 0 -1px 0 -31px;
  background: #fafafa;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  color: #999;
}
.u-search input {
  width: 100%;
  padding: 0 20px 0 12px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.u-search .u-icn-close {
  position: absolute;
  right: 16px;
  top: 50%;
  margin-top: -7px;
  width: 12px;
  cursor: pointer;
  font-size: 14px;
}
.u-search .u-icn-close.u-icn-close-2 {
  right: 10px;
  margin-top: -8px;
}
.u-search .u-icn-close.hide {
  display: none;
}
.u-search-1 {
  padding-left: 66px;
}
.u-search-1 label {
  position: relative;
  width: 67px;
  padding-right: 10px;
  margin: 0 -2px 0 -66px;
  color: #333;
  text-align: left;
  padding-left: 9px;
}
.u-search-1 label:hover {
  cursor: pointer;
}
.u-search-1 .sel {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -7px;
  width: 8px;
  height: 4px;
  padding: 5px;
}
.u-search-1 .sel::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid dashed dashed;
  border-width: 4px 4px 0;
  border-color: #333 transparent transparent;
}
.u-search-1 input {
  padding: 0 15px 0 7px;
}
.u-search-1 .u-filter {
  display: block;
  width: 100%;
  min-width: inherit;
  font-size: 14px;
  margin: 0 0 0 -10px;
}

.u-radios {
  height: 28px;
  line-height: 28px;
}
.u-radios label {
  margin-right: 20px;
  cursor: pointer;
}
.u-radios label:last-child {
  margin-right: 0;
}
.u-radios label .u-radio {
  margin-right: 4px;
}

.m-mfilter2 {
  width: 228px;
  margin: 0 auto;
}
.m-mfilter2 .u-range,
.m-mfilter2 .u-radios,
.m-mfilter2 .u-rangeinput {
  margin: 20px 7px;
}
.m-mfilter2 .u-radios {
  text-align: center;
  overflow: hidden;
}
.m-mfilter2 .u-range {
  margin-left: 0;
  margin-right: 0;
}

.u-rangeinput {
  position: relative;
  overflow: hidden;
}
.u-rangeinput .input-wrapper {
  float: left;
}
.u-rangeinput .input-wrapper + .input-wrapper {
  float: right;
}
.u-rangeinput .input-wrapper .u-checkbox {
  display: block;
  margin: 8px 0;
}
.u-rangeinput .input-wrapper > input {
  box-sizing: border-box;
  width: 90px;
  height: 32px;
  padding: 5px;
  line-height: 22px;
  border: 1px solid #e8e8f0;
}
.u-rangeinput .input-wrapper > input[disabled] {
  color: transparent;
}
.u-rangeinput::after {
  content: "—";
  position: absolute;
  top: 7px;
  left: 50%;
  transform: translateX(-50%);
  font-weight: bold;
}

.u-rangeinput-err,
.range-text-wrap {
  display: none;
}

.u-top-overlay {
  z-index: 9999 !important;
}

.u-focus-switch {
  position: absolute;
  top: 8px;
  right: 8px;
  cursor: pointer;
  z-index: 3;
}

.u-focus-back {
  position: absolute;
  top: 8px;
  left: 8px;
  cursor: pointer;
  z-index: 3;
}

.u-rf-item {
  height: 28px;
  line-height: 28px;
  background-color: #fff;
  border: 1px solid #cccccc;
  text-indent: 16px;
  position: relative;
  border-radius: 2px;
  cursor: pointer;
}
.u-rf-item:hover .u-icn-delete {
  display: block;
}
.u-rf-item .u-icn-delete {
  position: absolute;
  width: 16px;
  height: 16px;
  right: 8px;
  top: 7px;
  display: none;
  text-indent: 0;
  cursor: pointer;
}

.u-email-err {
  width: 100%;
  position: absolute;
}
.u-email-err.u-txtwrap {
  position: absolute;
}
.u-email-err.z-err + .u-emails {
  border-color: #f5a9b1;
}
.u-email-err .u-errtip {
  white-space: pre-line;
}

.u-emails {
  display: block;
  box-sizing: border-box;
  width: 100%;
  border: 1px solid #e8e8f0;
  line-height: 0;
  cursor: text;
  font-size: 0;
  position: relative;
}
.u-emails.u-txt, .u-emails.u-txtarea {
  padding: 0;
  height: auto;
}
.u-emails .emails {
  font-size: 12px;
}
.u-emails .emails.emails-keep .email:first-child .u-icn-close {
  display: none;
}
.u-emails .email {
  position: relative;
  float: left;
  margin: 6px 0 6px 10px;
  height: 18px;
  line-height: 16px;
  border-radius: 20px;
  padding: 0 25px 0 9px;
  color: #666;
  cursor: default;
  border: 1px solid #c5cdde;
  background: #f3f7f9;
}
.u-emails .email b {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  max-width: 200px;
  text-overflow: ellipsis;
}
.u-emails .email .u-icn-close {
  position: absolute;
  right: 6px;
  top: 0;
  bottom: 0;
  width: 14px;
  line-height: 18px;
  text-align: center;
  cursor: pointer;
  font-size: 12px;
  -webkit-transform: scale(0.67);
  transform: scale(0.67);
}
.u-emails .email.z-err {
  color: #c86d57;
  border-color: #e2d4d1;
  background: #fbede9;
}
.u-emails .email-def {
  padding: 0 9px;
}
.u-emails .email-error {
  background: #fbede9;
  border-color: #e2d4d1;
  color: #cf8f8f;
}
.u-emails .email-warn {
  background: rgba(255, 185, 101, 0.25);
  border-color: #ff8700;
  color: #ff8700;
}
.u-emails .input-wrapper {
  position: relative;
  float: left;
  height: 30px;
  max-width: 200px;
  min-width: 100px;
}
.u-emails .input-wrapper .text-holder {
  padding: 6px 10px;
  visibility: hidden;
  display: block;
  height: 100%;
  font-size: 14px;
}
.u-emails .input-wrapper input {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  padding: 6px 10px;
  border: 0;
  width: 100%;
  height: 100%;
  color: #79809a;
}
.u-emails .input-wrapper input[disabled] {
  background-color: #fff;
  cursor: text;
}
.u-emails .u-placeholder {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  padding-left: 10px;
  color: #c0c0ca;
  font-weight: normal;
  line-height: 30px;
  font-size: 12px;
  pointer-events: none;
}
.u-emails .mask {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.05);
}

.u-txtwrap {
  position: relative;
  display: block;
}
.u-txtwrap.z-err .u-txt,
.u-txtwrap.z-err .u-input,
.u-txtwrap.z-err .u-txtarea {
  border-color: #f5a9b1;
}
.u-txtwrap.z-err input[type=checkbox].u-txt, .u-txtwrap.z-err input[type=checkbox].u-txtarea,
.u-txtwrap.z-err input[type=radio].u-txt,
.u-txtwrap.z-err input[type=radio].u-txtarea {
  border: none;
}
.u-txtwrap.z-err input[type=checkbox].u-txt::before, .u-txtwrap.z-err input[type=checkbox].u-txtarea::before,
.u-txtwrap.z-err input[type=radio].u-txt::before,
.u-txtwrap.z-err input[type=radio].u-txtarea::before {
  border-color: #f5a9b1;
}
.u-txtwrap.z-err .u-errtip {
  display: block;
  -webkit-animation: fadeup 0.3s both;
  animation: fadeup 0.3s both;
  z-index: 1;
}

.u-errtip {
  position: absolute;
  left: 0;
  bottom: 100%;
  margin-bottom: 12px;
  line-height: 22px;
  padding: 0 9px;
  color: #fff;
  background: #ed5565;
  border-radius: 2px;
  font-size: 12px;
}
.u-errtip::after {
  content: "";
  position: absolute;
  left: 19px;
  top: 100%;
  margin-top: -1px;
  border-style: solid solid dashed;
  border-width: 5px 5px 0;
  border-color: #ed5565 transparent transparent;
}

.u-errtip-text {
  position: absolute;
  left: 0;
  top: 100%;
  margin-top: 2px;
  font-size: 12px;
  color: #F24957;
}
.u-errtip-text.u-errtip-relative {
  position: relative;
  left: auto;
  top: auto;
}

.u-mark, .u-mark-table, .u-mark-pie, .u-mark-shape, .u-mark-angle, .u-mark-details, .u-mark-labels, .u-mark-size, .u-mark-color {
  background: url(../img/icon-mark.a11f71a0ef.svg) no-repeat -999px -999px;
  width: 28px;
  height: 22px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.u-mark-color {
  background-position: 1px 0;
}

.m-mark .item.z-act .u-mark-color {
  background-position: -34px 0;
}

.u-mark-size {
  background-position: 2px -26px;
}

.m-mark .item.z-act .u-mark-size {
  background-position: -33px -26px;
}

.u-mark-labels {
  background-position: 2px -56px;
}

.m-mark .item.z-act .u-mark-labels {
  background-position: -33px -56px;
}

.u-mark-details {
  background-position: 1px -82px;
}

.m-mark .item.z-act .u-mark-details {
  background-position: -34px -82px;
}

.u-mark-angle {
  background-position: 1px -112px;
}

.m-mark .item.z-act .u-mark-angle {
  background-position: -34px -112px;
}

.u-mark-shape {
  background-position: 1px -241px;
}

.m-mark .item.z-act .u-mark-shape {
  background-position: -34px -241px;
}

.u-mark-table, .u-mark-pie {
  display: inline-block;
  width: 36px;
  height: 36px;
  background-position: 3px -144px;
}
.u-mark-table:hover, .u-mark-pie:hover, .u-mark-table.z-act, .z-act.u-mark-pie {
  background-position: -34px -144px;
}
li.z-act .u-mark-table, li.z-act .u-mark-pie, li:hover .u-mark-table, li:hover .u-mark-pie {
  background-position: -34px -144px;
}

.u-mark-pie {
  background-position: 4px -192px;
}
.u-mark-pie:hover, .u-mark-pie.z-act {
  background-position: -33px -192px;
}
li.z-act .u-mark-pie, li:hover .u-mark-pie {
  background-position: -33px -192px;
}

.u-mark-text {
  float: left;
  line-height: 28px;
  margin-left: 14px;
}

.u-micn, .u-micn-Square, .u-micn-Circle, .u-micn-Smooth, .u-micn-GanttBar, .u-micn-FilledMap, .u-micn-Ring, .u-micn-Align, .u-micn-Multiple, .u-micn-Scatter, .u-micn-Text, .u-micn-Pie, .u-micn-Area, .u-micn-Line, .u-micn-Bar, .u-micn-Automatic {
  background-image: url(../img/icon-charts.7c04862d94.svg);
  background-repeat: no-repeat;
  width: 26px;
  height: 26px;
  float: left;
  position: relative;
  top: 50%;
  margin-top: -11px;
  margin-left: 10px;
  margin-right: auto;
}

.u-micn-Automatic {
  background-position: -25px 0;
}
.u-micn-Automatic.z-act, .z-act .u-micn-Automatic, .u-micn-Automatic:hover {
  background-position: 2px 0;
}

.u-micn-Bar {
  background-position: -25px -248px;
}
.u-micn-Bar.z-act, .z-act .u-micn-Bar, .u-micn-Bar:hover {
  background-position: 2px -248px;
}

.u-micn-Line {
  background-position: -25px -58px;
}
.u-micn-Line.z-act, .z-act .u-micn-Line, .u-micn-Line:hover {
  background-position: 2px -58px;
}

.u-micn-Area {
  background-position: -25px -90px;
}
.u-micn-Area.z-act, .z-act .u-micn-Area, .u-micn-Area:hover {
  background-position: 2px -90px;
}

.u-micn-Pie {
  background-position: -25px -156px;
}
.u-micn-Pie.z-act, .z-act .u-micn-Pie, .u-micn-Pie:hover {
  background-position: 2px -156px;
}

.u-micn-Text {
  background-position: -25px -191px;
}
.u-micn-Text.z-act, .z-act .u-micn-Text, .u-micn-Text:hover {
  background-position: 2px -191px;
}

.u-micn-Scatter {
  background-position: -25px -121px;
}
.u-micn-Scatter.z-act, .z-act .u-micn-Scatter, .u-micn-Scatter:hover {
  background-position: 2px -121px;
}

.u-micn-Multiple {
  background-position: -25px -218px;
}
.u-micn-Multiple.z-act, .z-act .u-micn-Multiple, .u-micn-Multiple:hover {
  background-position: 2px -218px;
}

.u-micn-Align {
  background-position: -25px -28px;
}
.u-micn-Align.z-act, .z-act .u-micn-Align, .u-micn-Align:hover {
  background-position: 2px -28px;
}

.u-micn-Ring {
  background-position: -25px -280px;
}
.u-micn-Ring.z-act, .z-act .u-micn-Ring, .u-micn-Ring:hover {
  background-position: 2px -280px;
}

.u-micn-FilledMap {
  background-position: -25px -314px;
}
.u-micn-FilledMap.z-act, .z-act .u-micn-FilledMap, .u-micn-FilledMap:hover {
  background-position: 2px -314px;
}

.u-micn-GanttBar {
  background-position: -25px -343px;
}
.u-micn-GanttBar.z-act, .z-act .u-micn-GanttBar, .u-micn-GanttBar:hover {
  background-position: 2px -343px;
}

.u-micn-Smooth {
  background-position: -25px -368px;
}
.u-micn-Smooth.z-act, .z-act .u-micn-Smooth, .u-micn-Smooth:hover {
  background-position: 2px -368px;
}

.u-micn-Circle {
  background-position: -27px -393px;
}
.u-micn-Circle.z-act, .z-act .u-micn-Circle, .u-micn-Circle:hover {
  background-position: 0px -393px;
}

.u-micn-Square {
  background-position: -27px -422px;
}
.u-micn-Square.z-act, .z-act .u-micn-Square, .u-micn-Square:hover {
  background-position: 0px -422px;
}

.icon-bar-line-parallel {
  background-position: -68px -390px;
  width: 40px;
  height: 40px;
}

.icon-bar-line-parallel-checked {
  background-position: -4px -390px;
  width: 40px;
  height: 40px;
}

.icon-bar-line-stack {
  background-position: -68px -429px;
  width: 40px;
  height: 40px;
}

.icon-bar-line-stack-checked {
  background-position: -4px -429px;
  width: 40px;
  height: 40px;
}

.icon-line-line {
  background-position: -68px -548px;
  width: 40px;
  height: 40px;
}

.icon-line-line-checked {
  background-position: -4px -548px;
  width: 40px;
  height: 40px;
}

.u-color-sel {
  height: 22px;
  line-height: 22px;
  border: 1px solid #e8e8f0;
  border-radius: 2px;
  position: relative;
  cursor: pointer;
}
.u-color-sel .sel {
  display: block;
}
.u-color-sel .color-area {
  height: 12px;
  margin: 4px 26px 4px 8px;
}

.u-pick {
  font-size: 12px;
}
.u-pick:before, .u-pick:after {
  display: table;
  content: " ";
}
.u-pick:after {
  clear: both;
}
.u-pick .item {
  float: left;
  text-align: center;
  width: 26px;
  height: 24px;
  line-height: 18px;
  cursor: pointer;
  vertical-align: middle;
  box-sizing: border-box;
  border: 1px solid #e8e8f0;
  padding: 2px;
}
.u-pick .item:hover, .u-pick .item.z-act {
  /* stylelint-disable-next-line scss/no-global-function-names */
  background-color: #66cdb9;
  /* stylelint-disable-next-line scss/no-global-function-names */
  border-color: #66cdb9;
  color: #fff;
}
.u-pick .item.z-dis {
  background-color: #e6e6e6;
  color: #f7f7f7;
  cursor: not-allowed;
}
.u-pick .item.z-dis:hover {
  background-color: #e6e6e6;
  border-color: #e6e6e6;
  color: #f7f7f7;
}
.u-pick .item + .item {
  margin-left: -1px;
}
.u-pick .item:first-child {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.u-pick .item:last-child {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.u-phones {
  width: 100%;
  height: auto;
  border: 1px solid #e8e8f0;
  cursor: text;
  padding: 8px 10px;
  position: relative;
}
.u-phones input {
  border: 0;
  display: block;
  float: left;
  width: 120px;
}
.u-phones .u-placeholder {
  position: absolute;
  left: 10px;
  top: 8px;
}
.u-phones .phones.phones-keep .phone:first-child .u-icn-close {
  display: none;
}
.u-phones .phone {
  position: relative;
  float: left;
  margin-right: 10px;
  height: 18px;
  line-height: 16px;
  border-radius: 20px;
  padding: 0 25px 0 9px;
  color: #666;
  cursor: default;
  border: 1px solid #c5cdde;
  background: #f3f7f9;
}
.u-phones .phone b {
  display: inline-block;
  max-width: 200px;
  overflow: hidden;
  word-wrap: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.u-phones .phone .u-icn-close {
  position: absolute;
  right: 6px;
  top: 0;
  bottom: 0;
  width: 14px;
  line-height: 18px;
  text-align: center;
  cursor: pointer;
  font-size: 12px;
  -webkit-transform: scale(0.67);
  transform: scale(0.67);
}
.u-phones .phone.z-err {
  color: #c86d57;
  border-color: #e2d4d1;
  background: #fbede9;
}
.u-phones .phone-error {
  background: #fbede9;
  border-color: #e2d4d1;
  color: #cf8f8f;
}
.u-phones .mask {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.05);
}

.u-placeholder {
  color: #c0c0ca;
  font-weight: normal;
}

.u-inactive {
  color: #8f8f8f;
}

.u-autoList {
  position: absolute;
  background-color: white;
  z-index: 9;
  display: block;
  box-sizing: border-box;
  border: 1px solid #e8e8f0;
  border-top: 0;
  width: 100%;
  font-size: 12px;
  max-height: 161px;
  overflow-y: auto;
  cursor: pointer;
}
.u-autoList li {
  height: 32px;
}
.u-autoList li.title a {
  background: #e0e0e0;
}
.u-autoList li.title a:hover {
  background: #e0e0e0;
  color: inherit;
}
.u-autoList li a {
  display: inline-block;
  box-sizing: border-box;
  padding-left: 10px;
  width: 100%;
  height: 32px;
  line-height: 32px;
  overflow: hidden;
  word-wrap: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #79809a;
}
.u-autoList li a:hover {
  color: var(--color-primary);
  background: var(--color-list-hover-bg);
}
.u-autoList li a.u-italic {
  font-style: italic;
}
.u-autoList li a .folder {
  color: #c0c0ca;
}
.u-autoList.e-auto-list li a {
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
}
.u-autoList.e-auto-list li a .user-text {
  max-width: 100%;
  overflow: hidden;
  word-wrap: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.u-autoList.e-auto-list li a .department {
  overflow: hidden;
  word-wrap: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #79809a;
  max-width: 210px;
  flex: 1;
  text-align: right;
  margin: 0 8px;
}
.u-autoList.e-auto-list li a:hover .department {
  color: #fff;
}
.u-autoList .z-crt a {
  color: var(--color-primary);
  background: var(--color-list-hover-bg);
}

.auto-list-tab {
  border: 1px solid #e8e8f0;
  border-top: none;
  display: -webkit-flex;
  display: flex;
}
.auto-list-tab .tab {
  padding: 9px 12px 6px 12px;
  cursor: pointer;
  color: #79809a;
}
.auto-list-tab .tab.active {
  color: var(--color-primary);
  border-bottom: 3px solid var(--color-primary);
}

.u-edit-mask .mask {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.2);
}
.u-edit-mask .mask-left {
  left: 0;
  top: 0;
  bottom: 0;
}
.u-edit-mask .mask-right {
  right: 0;
  top: 0;
  bottom: 0;
}
.u-edit-mask .mask-top {
  top: 0;
}
.u-edit-mask .mask-bottom {
  bottom: 0;
}

.u-msg {
  display: block;
  line-height: 22px;
  padding: 30px;
}
.u-msg .u-icn {
  margin-right: 12px;
  color: #f6bb42;
  font-size: 24px;
}

.cthid {
  display: none;
  transition: 0.3s;
}

.ctshow {
  display: block;
}

.u-col-24-50-50 {
  margin-left: -4px;
  margin-right: -4px;
}
.u-col-24-50-50 .col {
  float: left;
  padding-left: 4px;
  padding-right: 4px;
}
.u-col-24-50-50 .col-24 {
  width: 32px;
}
.u-col-24-50-50 .col-50 {
  width: calc(50% - 16px);
}

.u-col-100-20 .col {
  float: left;
}
.u-col-100-20 .col-20 {
  width: 16px;
}
.u-col-100-20 .col-100 {
  width: calc(100% - 16px);
}

.u-col-24-100-48 {
  margin-left: -4px;
  margin-right: -4px;
}
.u-col-24-100-48 .col {
  float: left;
  padding-left: 4px;
  padding-right: 4px;
}
.u-col-24-100-48 .col-24 {
  width: 32px;
}
.u-col-24-100-48 .col-48 {
  width: 56px;
}
.u-col-24-100-48 .col-100 {
  width: calc(100% - 88px);
}

.u-col-24-24-100 {
  margin-left: -4px;
  margin-right: -4px;
}
.u-col-24-24-100 .col {
  float: left;
  padding-left: 4px;
  padding-right: 4px;
}
.u-col-24-24-100 .col-24 {
  width: 32px;
}
.u-col-24-24-100 .col-100 {
  width: calc(100% - 64px);
}

.u-col-100-80-80 {
  margin-left: -4px;
  margin-right: -4px;
}
.u-col-100-80-80 .col {
  float: left;
  padding-left: 4px;
  padding-right: 4px;
}
.u-col-100-80-80 .col-80 {
  width: 88px;
}
.u-col-100-80-80 .col-100 {
  width: calc(100% - 176px);
}

.u-choice-icon {
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.u-choice-icon-1 {
  color: var(--color-primary);
}

.u-sicn, .u-sicn-bullet, .u-sicn-bubble, .u-sicn-gantt, .u-sicn-percent-stacked-bars, .u-sicn-filled-map, .u-sicn-symbol-map, .u-sicn-text-table, .u-sicn-bar-line, .u-sicn-dual-lines, .u-sicn-ring, .u-sicn-pie, .u-sicn-grouped-scatter, .u-sicn-scatter, .u-sicn-discrete-area, .u-sicn-discrete-lines, .u-sicn-continuous-area, .u-sicn-continuous-lines, .u-sicn-horizontal-aligned-bars, .u-sicn-horizontal-stacked-bars, .u-sicn-aligned-bars, .u-sicn-stacked-bars {
  background: url(../img/icon-showm.87079fd407.svg) no-repeat -999px -999px;
  width: 42px;
  height: 28px;
  vertical-align: middle;
  display: inline-block;
}

.u-sicn-stacked-bars {
  background-position: -101px -1px;
}

.u-sicn-aligned-bars {
  background-position: -51px -1px;
}

.u-sicn-horizontal-stacked-bars {
  background-position: -1px -37px;
}

.u-sicn-horizontal-aligned-bars {
  background-position: -1px -1px;
}

.u-sicn-continuous-lines {
  background-position: -1px -145px;
}

.u-sicn-continuous-area {
  background-position: -1px -109px;
}

.u-sicn-discrete-lines {
  background-position: -51px -145px;
}

.u-sicn-discrete-area {
  background-position: -51px -109px;
}

.u-sicn-scatter {
  background-position: -101px -37px;
}

.u-sicn-grouped-scatter {
  background-position: -51px -37px;
}

.u-sicn-pie {
  background-position: -51px -73px;
}

.u-sicn-ring {
  background-position: -101px -73px;
}

.u-sicn-dual-lines {
  background-position: -101px -145px;
}

.u-sicn-bar-line {
  background-position: -101px -109px;
}

.u-sicn-text-table {
  background-position: -1px -73px;
}

.u-sicn-symbol-map {
  background-position: -51px -181px;
}

.u-sicn-filled-map {
  background-position: -1px -181px;
}

.u-sicn-percent-stacked-bars {
  background-position: -1px -217px;
}

.u-sicn-gantt {
  background-position: -51px -217px;
}

.u-sicn-bubble {
  background-position: -101px -217px;
}

.u-sicn-bullet {
  background-position: -1px -253px;
}

.u-tip {
  border-radius: 2px;
  padding: 0 10px;
  background-color: rgba(64, 64, 64, 0.85);
  font-size: 14px;
  color: #fff;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
  text-align: center;
}
.u-tip-grid {
  position: absolute;
  z-index: 999;
  top: 100%;
  left: 100%;
  width: auto;
  white-space: nowrap;
  height: 24px;
  line-height: 22px;
  margin-left: 8px;
  margin-top: 8px;
  border: 1px solid #fff;
}
.u-tip-grid span,
.u-tip-grid i {
  display: inline-block;
}

.u-mask {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.05);
  z-index: 1;
}

.u-ellipsis {
  overflow: hidden;
  word-wrap: normal;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.u-clearfix:before, .u-clearfix:after {
  display: table;
  content: " ";
}
.u-clearfix:after {
  clear: both;
}

.u-dragBar {
  position: absolute;
  font-size: 0;
}
.u-dragBar-v {
  bottom: 0;
  right: 0;
  left: 0;
  cursor: ns-resize;
  height: 6px;
}
.u-dragBar-v .icon {
  border: 1px solid #e8e8f0;
  width: 40px;
  height: 6px;
  margin: 0 auto;
  border-bottom: 0;
}
.u-dragBar-v .icon .line {
  border-top: 1px solid #e8e8f0;
  width: 30px;
  height: 1px;
  margin: 0 auto;
  margin-top: 2px;
}
.u-dragBar-v:hover .icon {
  border-color: #aaa;
}
.u-dragBar-v:hover .icon .line {
  border-color: #aaa;
}
.u-dragBar-v.u-dragBar-other {
  top: 0;
  bottom: auto;
  z-index: 1;
}
.u-dragBar-v.u-dragBar-other .icon {
  border-bottom: 1px solid #e8e8f0;
  width: 40px;
  border-top: 0;
}
.u-dragBar-v.u-dragBar-other .icon .line {
  border-bottom: 1px solid #e8e8f0;
  width: 30px;
  height: 1px;
  margin: 0 auto;
  margin-bottom: 2px;
}
.u-dragBar-v .m-slide-icn {
  padding: 0 14px;
  height: 12px;
  border: 0;
  left: 50%;
  top: auto;
  bottom: 0;
  transform: translate(-50%);
  font-size: 14px;
}
.u-dragBar-v .m-slide-icn, .u-dragBar-v .m-slide-icn:hover {
  background-color: transparent;
}
.u-dragBar-v .m-slide-icn::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  border-radius: 2px 2px 0 0;
  transform: perspective(30px) rotateX(20deg);
}
.u-dragBar-v .m-slide-icn .u-icn {
  transform: scale(0.5, 0.35);
  margin-bottom: 5px;
  color: #979797;
}
.u-dragBar-v .m-slide-icn:hover .u-icn {
  color: #666;
}
.u-dragBar-h {
  right: -3px;
  cursor: ew-resize;
  width: 6px;
  top: 0;
  bottom: 0;
}
.u-dragBar-h .icon {
  display: none;
}
.u-dragBar-left {
  left: -3px;
}

.u-alert {
  padding: 6px 8px;
  border: 1px solid transparent;
  border-radius: 3px;
  color: #957d32;
  background-color: #fef6dd;
  border-color: #faebcc;
  font-size: 12px;
}

.u-alert-center {
  text-align: center;
}

.u-dtcon, .u-dtcon-custom, .u-dtcon-shentong, .u-dtcon-argodb, .u-dtcon-gbase8a, .u-dtcon-starrocks, .u-dtcon-tdsql, .u-dtcon-oceanbase, .u-dtcon-trino, .u-dtcon-etl, .u-dtcon-kyligence, .u-dtcon-redshift, .u-dtcon-maxcompute, .u-dtcon-tidb, .u-dtcon-ntsdb, .u-dtcon-analyticdb-mysql, .u-dtcon-influxdb, .u-dtcon-dameng, .u-dtcon-doris, .u-dtcon-elasticsearch, .u-dtcon-clickhouse, .u-dtcon-druid, .u-dtcon-phoenix, .u-dtcon-ksyun-mysql, .u-dtcon-customapi, .u-dtcon-survey, .u-dtcon-restapi, .u-dtcon-mammut, .u-dtcon-vertica, .u-dtcon-postgresql, .u-dtcon-prestodb, .u-dtcon-teradata, .u-dtcon-text-csv, .u-dtcon-transwarp, .u-dtcon-greenplum, .u-dtcon-hana, .u-dtcon-db2, .u-dtcon-sqlserver, .u-dtcon-monetdb, .u-dtcon-impala, .u-dtcon-cheetah, .u-dtcon-spark, .u-dtcon-kylin, .u-dtcon-oracle, .u-dtcon-hive, .u-dtcon-mysql, .u-dtcon-excel {
  background: url(../img/icon-dtcon.003aa5069e.svg) no-repeat -999px -999px;
  width: 140px;
  height: 100px;
  vertical-align: middle;
  display: inline-block;
}

.u-dtcon-mini, .u-dtcon-mini-custom, .u-dtcon-mini-shentong, .u-dtcon-mini-argodb, .u-dtcon-mini-gbase8a, .u-dtcon-mini-starrocks, .u-dtcon-mini-tdsql, .u-dtcon-mini-oceanbase, .u-dtcon-mini-trino, .u-dtcon-mini-etl, .u-dtcon-mini-kyligence, .u-dtcon-mini-redshift, .u-dtcon-mini-maxcompute, .u-dtcon-mini-tidb, .u-dtcon-mini-ntsdb, .u-dtcon-mini-analyticdb-mysql, .u-dtcon-mini-influxdb, .u-dtcon-mini-dameng, .u-dtcon-mini-doris, .u-dtcon-mini-elasticsearch, .u-dtcon-mini-clickhouse, .u-dtcon-mini-druid, .u-dtcon-mini-phoenix, .u-dtcon-mini-ksyun-mysql, .u-dtcon-mini-customapi, .u-dtcon-mini-survey, .u-dtcon-mini-restapi, .u-dtcon-mini-mammut, .u-dtcon-mini-vertica, .u-dtcon-mini-postgresql, .u-dtcon-mini-prestodb, .u-dtcon-mini-teradata, .u-dtcon-mini-text-csv, .u-dtcon-mini-transwarp, .u-dtcon-mini-greenplum, .u-dtcon-mini-hana, .u-dtcon-mini-db2, .u-dtcon-mini-sqlserver, .u-dtcon-mini-monetdb, .u-dtcon-mini-impala, .u-dtcon-mini-cheetah, .u-dtcon-mini-spark, .u-dtcon-mini-kylin, .u-dtcon-mini-oracle, .u-dtcon-mini-hive, .u-dtcon-mini-mysql, .u-dtcon-mini-excel {
  background: url(../img/icon-dtcon-mini.6f1ec3ab78.svg) no-repeat -999px -999px;
  width: 14px;
  height: 14px;
  vertical-align: middle;
  display: inline-block;
}

.u-dtcon-excel {
  background-position: 0px, 0;
}

.u-dtcon-mysql {
  background-position: -140px, 0;
}

.u-dtcon-hive {
  background-position: -280px, 0;
}

.u-dtcon-oracle {
  background-position: -420px, 0;
}

.u-dtcon-kylin {
  background-position: -560px, 0;
}

.u-dtcon-spark {
  background-position: -700px, 0;
}

.u-dtcon-cheetah {
  background-position: -840px, 0;
}

.u-dtcon-impala {
  background-position: -980px, 0;
}

.u-dtcon-monetdb {
  background-position: -1120px, 0;
}

.u-dtcon-sqlserver {
  background-position: -1260px, 0;
}

.u-dtcon-db2 {
  background-position: -1400px, 0;
}

.u-dtcon-hana {
  background-position: -1540px, 0;
}

.u-dtcon-greenplum {
  background-position: -1680px, 0;
}

.u-dtcon-transwarp {
  background-position: -1820px, 0;
}

.u-dtcon-text-csv {
  background-position: -1960px, 0;
}

.u-dtcon-teradata {
  background-position: -2100px, 0;
}

.u-dtcon-prestodb {
  background-position: -2240px, 0;
}

.u-dtcon-postgresql {
  background-position: -2380px, 0;
}

.u-dtcon-vertica {
  background-position: -2520px, 0;
}

.u-dtcon-mammut {
  background-position: -2660px, 0;
}

.u-dtcon-restapi {
  background-position: -2800px, 0;
}

.u-dtcon-survey {
  background-position: -2940px, 0;
}

.u-dtcon-customapi {
  background-position: -3080px, 0;
}

.u-dtcon-ksyun-mysql {
  background-position: -3220px, 0;
}

.u-dtcon-phoenix {
  background-position: -3360px, 0;
}

.u-dtcon-druid {
  background-position: -3500px, 0;
}

.u-dtcon-clickhouse {
  background-position: -3640px, 0;
}

.u-dtcon-elasticsearch {
  background-position: -3780px, 0;
}

.u-dtcon-doris {
  background-position: -3920px, 0;
}

.u-dtcon-dameng {
  background-position: -4060px, 0;
}

.u-dtcon-influxdb {
  background-position: -4200px, 0;
}

.u-dtcon-analyticdb-mysql {
  background-position: -4340px, 0;
}

.u-dtcon-ntsdb {
  background-position: -4480px, 0;
}

.u-dtcon-tidb {
  background-position: -4620px, 0;
}

.u-dtcon-maxcompute {
  background-position: -4760px, 0;
}

.u-dtcon-redshift {
  background-position: -4900px, 0;
}

.u-dtcon-kyligence {
  background-position: -5040px, 0;
}

.u-dtcon-etl {
  background-position: -5180px, 0;
}

.u-dtcon-trino {
  background-position: -5320px, 0;
}

.u-dtcon-oceanbase {
  background-position: -5460px, 0;
}

.u-dtcon-tdsql {
  background-position: -5600px, 0;
}

.u-dtcon-starrocks {
  background-position: -5740px, 0;
}

.u-dtcon-gbase8a {
  background-position: -5880px, 0;
}

.u-dtcon-argodb {
  background-position: -6020px, 0;
}

.u-dtcon-shentong {
  background-position: -6160px, 0;
}

.u-dtcon-custom {
  background-position: -6300px, 0;
}

.u-dtcon-mini-excel {
  background-position: 0px, 7px;
}

.u-dtcon-mini-mysql {
  background-position: -14px, 7px;
}

.u-dtcon-mini-hive {
  background-position: -28px, 7px;
}

.u-dtcon-mini-oracle {
  background-position: -42px, 7px;
}

.u-dtcon-mini-kylin {
  background-position: -56px, 7px;
}

.u-dtcon-mini-spark {
  background-position: -70px, 7px;
}

.u-dtcon-mini-cheetah {
  background-position: -84px, 7px;
}

.u-dtcon-mini-impala {
  background-position: -98px, 7px;
}

.u-dtcon-mini-monetdb {
  background-position: -112px, 7px;
}

.u-dtcon-mini-sqlserver {
  background-position: -126px, 7px;
}

.u-dtcon-mini-db2 {
  background-position: -140px, 7px;
}

.u-dtcon-mini-hana {
  background-position: -154px, 7px;
}

.u-dtcon-mini-greenplum {
  background-position: -168px, 7px;
}

.u-dtcon-mini-transwarp {
  background-position: -182px, 7px;
}

.u-dtcon-mini-text-csv {
  background-position: -196px, 7px;
}

.u-dtcon-mini-teradata {
  background-position: -210px, 7px;
}

.u-dtcon-mini-prestodb {
  background-position: -224px, 7px;
}

.u-dtcon-mini-postgresql {
  background-position: -238px, 7px;
}

.u-dtcon-mini-vertica {
  background-position: -252px, 7px;
}

.u-dtcon-mini-mammut {
  background-position: -266px, 7px;
}

.u-dtcon-mini-restapi {
  background-position: -280px, 7px;
}

.u-dtcon-mini-survey {
  background-position: -294px, 7px;
}

.u-dtcon-mini-customapi {
  background-position: -308px, 7px;
}

.u-dtcon-mini-ksyun-mysql {
  background-position: -322px, 7px;
}

.u-dtcon-mini-phoenix {
  background-position: -336px, 7px;
}

.u-dtcon-mini-druid {
  background-position: -350px, 7px;
}

.u-dtcon-mini-clickhouse {
  background-position: -364px, 7px;
}

.u-dtcon-mini-elasticsearch {
  background-position: -378px, 7px;
}

.u-dtcon-mini-doris {
  background-position: -392px, 7px;
}

.u-dtcon-mini-dameng {
  background-position: -406px, 7px;
}

.u-dtcon-mini-influxdb {
  background-position: -420px, 7px;
}

.u-dtcon-mini-analyticdb-mysql {
  background-position: -434px, 7px;
}

.u-dtcon-mini-ntsdb {
  background-position: -448px, 7px;
}

.u-dtcon-mini-tidb {
  background-position: -462px, 7px;
}

.u-dtcon-mini-maxcompute {
  background-position: -476px, 7px;
}

.u-dtcon-mini-redshift {
  background-position: -490px, 7px;
}

.u-dtcon-mini-kyligence {
  background-position: -504px, 7px;
}

.u-dtcon-mini-etl {
  background-position: -518px, 7px;
}

.u-dtcon-mini-trino {
  background-position: -532px, 7px;
}

.u-dtcon-mini-oceanbase {
  background-position: -546px, 7px;
}

.u-dtcon-mini-tdsql {
  background-position: -560px, 7px;
}

.u-dtcon-mini-starrocks {
  background-position: -574px, 7px;
}

.u-dtcon-mini-gbase8a {
  background-position: -588px, 7px;
}

.u-dtcon-mini-argodb {
  background-position: -602px, 7px;
}

.u-dtcon-mini-shentong {
  background-position: -616px, 7px;
}

.u-dtcon-mini-custom {
  background-position: -630px, 7px;
}

.u-sicnbig, .u-sicnbig-bullet, .u-sicnbig-bubble, .u-sicnbig-gantt, .u-sicnbig-percent-stacked-bars, .u-sicnbig-filled-map, .u-sicnbig-symbol-map, .u-sicnbig-text-table, .u-sicnbig-bar-line, .u-sicnbig-dual-lines, .u-sicnbig-ring, .u-sicnbig-pie, .u-sicnbig-grouped-scatter, .u-sicnbig-scatter, .u-sicnbig-discrete-area, .u-sicnbig-discrete-lines, .u-sicnbig-continuous-area, .u-sicnbig-continuous-lines, .u-sicnbig-horizontal-aligned-bars, .u-sicnbig-horizontal-stacked-bars, .u-sicnbig-aligned-bars, .u-sicnbig-stacked-bars {
  background: url(../img/img-charts1.2309229d6a.svg) no-repeat -999px -999px;
  width: 216px;
  height: 369px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.u-sicnbig-stacked-bars {
  background-position: -150px 0;
}

.u-sicnbig-aligned-bars {
  background-position: -75px 0;
}

.u-sicnbig-horizontal-stacked-bars {
  background-position: 0 -54px;
}

.u-sicnbig-horizontal-aligned-bars {
  background-position: 0 0;
}

.u-sicnbig-continuous-lines {
  background-position: 0 -216px;
}

.u-sicnbig-continuous-area {
  background-position: 0 -162px;
}

.u-sicnbig-discrete-lines {
  background-position: -75px -216px;
}

.u-sicnbig-discrete-area {
  background-position: -75px -162px;
}

.u-sicnbig-scatter {
  background-position: -150px -54px;
}

.u-sicnbig-grouped-scatter {
  background-position: -75px -54px;
}

.u-sicnbig-pie {
  background-position: -75px -108px;
}

.u-sicnbig-ring {
  background-position: -150px -108px;
}

.u-sicnbig-dual-lines {
  background-position: -150px -216px;
}

.u-sicnbig-bar-line {
  background-position: -150px -162px;
}

.u-sicnbig-text-table {
  background-position: 0 -108px;
}

.u-sicnbig-symbol-map {
  background-position: -75px -270px;
}

.u-sicnbig-filled-map {
  background-position: 0 -270px;
}

.u-sicnbig-percent-stacked-bars {
  background-position: 0 -324px;
}

.u-sicnbig-gantt {
  background-position: -75px -324px;
}

.u-sicnbig-bubble {
  background-position: -150px -324px;
}

.u-sicnbig-bullet {
  background-position: 0 -378px;
}

.u-lsicn, .u-lwsicn-dashed, .u-lwsicn-solid, .u-lwsicn-dotted {
  width: 12px;
  height: 1px;
}

.u-lwsicn-dotted {
  border-bottom: 1px dotted #79809a;
}

.u-lwsicn-solid {
  border-bottom: 1px solid #79809a;
}

.u-lwsicn-dashed {
  border-bottom: 1px dashed #79809a;
}

.u-lwicn, .u-lwsicn-10, .u-lwsicn-9, .u-lwsicn-8, .u-lwsicn-7, .u-lwsicn-6, .u-lwsicn-5, .u-lwsicn-4, .u-lwsicn-3, .u-lwsicn-2, .u-lwsicn-1, .u-lwsicn-0 {
  background: #79809a;
  width: 10px;
}

.u-lwsicn-0 {
  height: 0px;
}

.u-lwsicn-1 {
  height: 1px;
}

.u-lwsicn-2 {
  height: 2px;
}

.u-lwsicn-3 {
  height: 3px;
}

.u-lwsicn-4 {
  height: 4px;
}

.u-lwsicn-5 {
  height: 5px;
}

.u-lwsicn-6 {
  height: 6px;
}

.u-lwsicn-7 {
  height: 7px;
}

.u-lwsicn-8 {
  height: 8px;
}

.u-lwsicn-9 {
  height: 9px;
}

.u-lwsicn-10 {
  height: 10px;
}

.u-loading-analysis {
  background: url(../img/loading-analysis.50a6f8f405.svg);
  background-repeat: no-repeat;
  width: 200px;
  height: 200px;
  vertical-align: middle;
  display: inline-block;
}

.u-analysis-status {
  display: block;
  width: 177px;
  height: 240px;
  background-image: url(../img/analysis-status.7ba86ab2b2.svg);
  background-repeat: no-repeat;
}
.u-analysis-status-view {
  background-position: 0 50px;
}
.u-analysis-status-edit {
  background-position: 0 -240px;
}
.u-analysis-status-delete {
  background-position: 0 -560px;
}

.u-analysis-group {
  display: block;
  background-image: url(../img/analysis-group.fbcce2241d.svg);
}

.u-icn-publishtext {
  position: absolute;
  top: 8px;
  left: 4px;
  width: 28px;
  height: 14px;
  line-height: 14px;
  background: #FFAF0F;
  font-size: 12px;
  text-align: center;
}

.u-disabled {
  color: #A9A9B8;
  cursor: not-allowed;
}

.u-noData {
  display: block;
  background-image: url(../img/emptyBox.0870a5577b.svg);
  background-repeat: no-repeat;
  width: 86px;
  height: 54px;
}

.img-method {
  width: 16px;
  height: 16px;
  margin: 4px auto;
  background: url(../img/tableRelat.5d8ef7c02c.svg) no-repeat;
}
.img-method-1 {
  background-position: 0 0px;
}
.img-method-2 {
  background-position: 0 -16px;
}
.img-method-3 {
  background-position: 0 -32px;
}
.img-method-4 {
  background-position: 0 -48px;
}
.img-method-5 {
  background-position: 0 -64px;
}

.z-warn .img-method-1 {
  background-position: -48px 0px;
}
.z-warn .img-method-2 {
  background-position: -48px -16px;
}
.z-warn .img-method-3 {
  background-position: -48px -32px;
}
.z-warn .img-method-4 {
  background-position: -48px -48px;
}
.z-warn .img-method-5 {
  background-position: -48px -64px;
}

.z-err .img-method-1 {
  background-position: -32px 0px;
}
.z-err .img-method-2 {
  background-position: -32px -16px;
}
.z-err .img-method-3 {
  background-position: -32px -32px;
}
.z-err .img-method-4 {
  background-position: -32px -48px;
}
.z-err .img-method-5 {
  background-position: -32px -64px;
}

.z-disabled .img-method-1 {
  background-position: -16px 0px;
}
.z-disabled .img-method-2 {
  background-position: -16px -16px;
}
.z-disabled .img-method-3 {
  background-position: -16px -32px;
}
.z-disabled .img-method-4 {
  background-position: -16px -48px;
}
.z-disabled .img-method-5 {
  background-position: -16px -64px;
}

.u-pro-label::after {
  content: "Pro";
  display: block;
  position: absolute;
  padding: 2px 5px;
  top: 5px;
  right: 0;
  background: linear-gradient(287.56deg, #2670ff 0%, #9feeff 100%);
  border-radius: 2px;
  color: #ffffff;
  font-size: 12px;
  line-height: 1;
}

.u-icn-toggle-bar-16.collapsed,
.u-icn-toggle-bar.collapsed {
  transform: rotate(180deg);
}

.u-icn-datamodel-visitor,
.u-icn-direct {
  position: relative;
}
.u-icn-datamodel-visitor.success::after,
.u-icn-direct.success::after {
  position: absolute;
  top: 50%;
  left: -8px;
  margin-top: -2px;
  width: 4px;
  height: 4px;
  border-radius: 2px;
  content: "";
  background-color: #36bf5a;
}
.u-icn-datamodel-visitor.fail::after,
.u-icn-direct.fail::after {
  position: absolute;
  top: 50%;
  left: -8px;
  margin-top: -2px;
  width: 4px;
  height: 4px;
  border-radius: 2px;
  content: "";
  background-color: #F24957;
}
.u-icn-datamodel-visitor.pending::after,
.u-icn-direct.pending::after {
  position: absolute;
  top: 50%;
  left: -8px;
  margin-top: -2px;
  width: 4px;
  height: 4px;
  border-radius: 2px;
  content: "";
  background-color: #1881dc;
}

.u-icn-screen {
  position: relative;
}
.u-icn-screen.publish::after {
  position: absolute;
  top: 50%;
  left: -8px;
  margin-top: -2px;
  width: 4px;
  height: 4px;
  border-radius: 2px;
  content: "";
  background-color: #36bf5a;
}

.u-icon-unity {
  width: 20px;
  height: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 16px;
}
.u-icon-unity:hover {
  background-color: var(--color-primary-bg);
}
.u-icon-unity.u-icn-sort-amount-asc {
  padding-top: 4px;
}
.u-icon-unity.u-icn-sort-normal-up {
  padding-top: 4px;
}
.u-icon-unity.u-icn-sort-normal-down {
  padding-top: 4px;
}
.u-icon-unity.u-icn-list-more {
  padding-left: 9px;
}

.u-icn-folder-unfold {
  padding-top: 1px;
}

.u-icn.u-icn-16 {
  font-size: 16px;
}

.u-icn-xlsx {
  width: 16px;
  height: 16px;
  background: url(../img/xlsx-preview.cd70e4ef66.svg) no-repeat center;
  background-size: 16px 16px;
}