@charset "UTF-8";
/**
 * 基础文件
 * 包含所有变量定义
 */
/*颜色定义*/
/*size定义*/
/*全局padding*/
/*全局圆角*/
/*下拉框离显示框距离*/
/*按钮padding*/
/*字体大小*/
/*字体粗体*/
/*zindex*/
/*动画*/
/*border样式*/
/*global*/
body {
  margin: 0;
  background-color: #ffffff;
  color: #606266;
  font-size: 14px;
}

/*button input */
button, input {
  outline: none;
}

/*active 浅色*/
.ui-active-light, .ui-list-horizontal .ui-list-item-active, .ui-list-horizontal .ui-list-item:hover, .ui-grid .ui-grid-head .ui-grid-row .ui-grid-sort > b:hover, .ui-datetime-timetbl .ui-datetime-timect > div .ui-datetime-itemselect {
  background-color: #909aa3;
  color: #409eff;
}

/*item hover*/
.ui-item-hover, .ui-tree .ui-tree-node-wrap .ui-tree-node:hover, .ui-select .ui-select-list .ui-select-item:hover, .ui-menu .ui-menu-node-wrap .ui-menu-node:hover,
.ui-menu .ui-menu-node-wrap a.ui-menu-node:hover, .ui-list .ui-list-item:hover, .ui-grid .ui-grid-body .ui-grid-row:hover .ui-grid-row-item, .ui-datetime-datetbl .ui-datetime-dates .ui-datetime-selected, .ui-datetime-datetbl .ui-datetime-dates > span:hover, .ui-btn:hover {
  background-color: #ebebeb;
  color: #303133;
}

/*link*/
a:link {
  color: rgb(38, 117, 246);
  text-decoration: none;
}

a:hover {
  color: rgb(30, 100, 200);
}

a:visited {
  color: rgb(30, 100, 200);
}

/*禁用*/
.ui-disable, .ui-select .ui-select-list .ui-select-item-disable, .ui-pagination-disable, .ui-list-horizontal .ui-list-item-disable, .ui-list .ui-list-item-disable, .ui-datetime-datetbl .ui-datetime-dates .ui-datetime-disable {
  color: #e0e0e0;
  cursor: not-allowed !important;
}
.ui-disable:hover, .ui-select .ui-select-list .ui-select-item-disable:hover, .ui-pagination-disable:hover, .ui-list-horizontal .ui-list-item-disable:hover, .ui-list .ui-list-item-disable:hover, .ui-datetime-datetbl .ui-datetime-dates .ui-datetime-disable:hover {
  color: #e0e0e0 !important;
  background-color: transparent !important;
}

.ui-disable-nocolor {
  cursor: not-allowed !important;
}
.ui-disable-nocolor:hover {
  background-color: transparent !important;
}

/*可以click*/
.ui-canclick, .ui-tab .ui-tab-head .ui-tab-item .ui-tab-close, .ui-tab .ui-tab-head .ui-tab-item, .ui-select .ui-select-list .ui-select-item, .ui-relationmap-row td, .ui-pagination-rightarrow1, .ui-pagination-rightarrow, .ui-pagination-leftarrow1, .ui-pagination-leftarrow, .ui-list-horizontal .ui-list-item, .ui-list .ui-list-item, .ui-datetime-datetbl .ui-datetime-dates > span, .ui-datetime-datetbl .ui-datetime-ymct > b, .ui-btn {
  cursor: pointer;
}

.--fore-active-color {
  color: #409eff;
}

.--fore-success-color {
  color: #67c23a;
}

.--fore-warn-color {
  color: #e6a23c;
}

.--fore-error-color {
  color: #f56c6c;
}

/* 普通框*/
.ui-commonbox, .ui-list, .ui-accordion {
  border: 1px solid #ebebeb;
  padding: 10px;
}

/*可点击icon*/
/*label*/
label {
  font-size: 12px;
  color: #909399;
  text-shadow: 0.5px 0.5px 0.5px rgba(0, 0, 0, 0.1);
}

/*带图标输入框*/
.ui-input-icon, .ui-select .ui-select-input-wrap, .ui-datetime-field {
  line-height: 15px;
  display: inline-flex;
}
.ui-input-icon b, .ui-select .ui-select-input-wrap b, .ui-datetime-field b {
  flex: 0;
  padding: 0;
  width: 16px;
}
.ui-input-icon input, .ui-select .ui-select-input-wrap input, .ui-datetime-field input {
  margin: 0;
  padding: 0;
  border: 0;
  background-color: transparent;
}

/**滚动条**/
@media screen and (max-width: 640px) {
  ::-webkit-scrollbar {
    width: 4px;
    height: 4px;
  }
}
@media screen and (min-width: 640px) {
  ::-webkit-scrollbar {
    width: 8px;
    height: 8px;
  }
}

/*滚动条轨道*/
::-webkit-scrollbar-track {
  background-color: #ffffff;
  color: #606266;
  border: whitesmoke;
  border-radius: 5px;
}

/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #e0e0e0;
}
::-webkit-scrollbar-thumb:hover {
  background-color: #adadad;
}

/*标题*/
h1 {
  font-size: 20px;
  font-weight: bold !important;
}

h2 {
  font-size: 18px;
  font-weight: bold !important;
}

h3 {
  font-size: 16px;
  font-weight: bold !important;
}

h4 {
  font-size: 14px;
  font-weight: bold !important;
}

h5 {
  font-size: 12px;
  font-weight: bold !important;
}

/*展开箭头*/
.ui-expand-icon, .ui-menu .ui-menu-node-wrap .ui-menu-node b,
.ui-menu .ui-menu-node-wrap a.ui-menu-node b, .ui-menu .ui-menu-subct-expand .ui-menu-node-wrap .ui-menu-node .ui-menu-subicon,
.ui-menu .ui-menu-subct-expand .ui-menu-node-wrap a.ui-menu-node .ui-menu-subicon, .ui-menu .ui-menu-subct-pop .ui-menu-node .ui-menu-node .ui-menu-subicon {
  transition: all ease 0.3s;
  width: 14px;
}

.ui-expand-icon-open {
  transform: translate(-2px, 1px) rotate(90deg);
}

/*纵向展开*/
.ui-expand-vertical {
  transition: height ease 0.3s;
  overflow: hidden;
  position: relative;
  height: 0px;
  padding: 0px;
}

/*横向展开*/
.ui-expand-horizontal {
  transition: width ease 0.3s;
  overflow: hidden;
  position: relative;
  width: 0px;
  padding: 0px;
}

/*弹出类box*/
.ui-pop-box, .ui-drawer .ui-drawer-content, .ui-messagebox-wrap, .ui-select .ui-select-list, .ui-menu .ui-menu-subct-pop, .ui-dialog .ui-dialog-body, .ui-datetime-picker {
  padding: 5px;
  display: block;
  background-color: transparent !important;
}
.ui-pop-box > div, .ui-drawer .ui-drawer-content > div, .ui-messagebox-wrap > div, .ui-select .ui-select-list > div, .ui-menu .ui-menu-subct-pop > div, .ui-dialog .ui-dialog-body > div, .ui-datetime-picker > div {
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1);
  background-color: #ffffff;
  border-radius: 3px;
  border: 1px solid #ebebeb;
}

/*框*/
* .ui-box-default {
  background-color: whitesmoke;
  border-radius: 3px;
  box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.1);
}

/*active颜色框*/
.ui-box-active {
  padding: 5px;
  background-color: #ecf5ff;
  border-radius: 3px;
  box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.1);
  color: #337ecc;
}

/*success 颜色框*/
.ui-box-success {
  padding: 5px;
  background-color: #f0f9eb;
  border-radius: 3px;
  box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.1);
  color: #529b2e;
}

/*warn颜色框*/
.ui-box-warn {
  padding: 5px;
  background-color: #fdf6ec;
  border-radius: 3px;
  box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.1);
  color: #b88230;
}

/*error颜色框*/
.ui-box-error {
  padding: 5px;
  background-color: #fef0f0;
  border-radius: 3px;
  box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.1);
  color: #c45656;
}

/*transition*/
.ui-transition, .ui-checkbox .ui-checkbox-title, .ui-checkbox .ui-checkbox-box, .ui-radio > b, .ui-radio, .ui-tab .ui-tab-head .ui-tab-item, .ui-menu .ui-menu-subct-expand .ui-menu-node-wrap .ui-menu-node,
.ui-menu .ui-menu-subct-expand .ui-menu-node-wrap a.ui-menu-node, .ui-list .ui-list-item, .ui-grid .ui-grid-row, .ui-form .ui-form-item .ui-form-item-tip, .ui-form .ui-form-item input, .ui-form .ui-form-item textarea, .ui-form .ui-form-item .ui-select, .ui-form .ui-form-item .ui-text, .ui-form .ui-form-item .ui-file, .ui-form .ui-form-item .ui-range, .ui-datetime-datetbl .ui-datetime-weekdays > span,
.ui-datetime-datetbl .ui-datetime-dates > span, .ui-btn {
  transition: all ease 0.3s;
}

@font-face {
  font-family: "ui-iconfont";
  src: url("font/iconfont.woff2?t=1689838648913") format("woff2"), url("font/iconfont.woff?t=1689838648913") format("woff"), url("font/iconfont.ttf?t=1689838648913") format("truetype");
}
/*icon size*/
.ui-icon-sizesmall {
  font-size: 12px;
}

.ui-icon-sizenormal {
  font-size: 14px;
}

.ui-icon-sizebig {
  font-size: 20px;
}

/*icon class*/
/**必要箭头开始*/
/*菜单，树右向箭头*/
.ui-icon-arrow-right, .ui-pagination-rightarrow, .ui-grid .ui-grid-head .ui-grid-row .ui-grid-sort .ui-grid-sort-down, .ui-grid .ui-grid-head .ui-grid-row .ui-grid-sort .ui-grid-sort-raise, .ui-datetime-datetbl .ui-datetime-ymct .ui-datetime-rightarrow, .ui-expand-icon, .ui-menu .ui-menu-node-wrap .ui-menu-node b,
.ui-menu .ui-menu-node-wrap a.ui-menu-node b, .ui-menu .ui-menu-subct-expand .ui-menu-node-wrap .ui-menu-node .ui-menu-subicon,
.ui-menu .ui-menu-subct-expand .ui-menu-node-wrap a.ui-menu-node .ui-menu-subicon, .ui-menu .ui-menu-subct-pop .ui-menu-node .ui-menu-node .ui-menu-subicon {
  font-family: ui-iconfont;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ui-icon-arrow-right:before, .ui-pagination-rightarrow:before, .ui-grid .ui-grid-head .ui-grid-row .ui-grid-sort .ui-grid-sort-down:before, .ui-grid .ui-grid-head .ui-grid-row .ui-grid-sort .ui-grid-sort-raise:before, .ui-datetime-datetbl .ui-datetime-ymct .ui-datetime-rightarrow:before, .ui-expand-icon:before, .ui-menu .ui-menu-node-wrap .ui-menu-node b:before, .ui-menu .ui-menu-subct-expand .ui-menu-node-wrap .ui-menu-node .ui-menu-subicon:before, .ui-menu .ui-menu-subct-pop .ui-menu-node .ui-menu-node .ui-menu-subicon:before {
  content: "\e696";
}

/*右双箭头*/
.ui-icon-double-arrow-right, .ui-pagination-rightarrow1, .ui-datetime-datetbl .ui-datetime-ymct .ui-datetime-rightarrow1 {
  font-family: ui-iconfont;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ui-icon-double-arrow-right:before, .ui-pagination-rightarrow1:before, .ui-datetime-datetbl .ui-datetime-ymct .ui-datetime-rightarrow1:before {
  content: "\e67d";
}

/*左箭头*/
.ui-icon-arrow-left, .ui-pagination-leftarrow, .ui-datetime-datetbl .ui-datetime-ymct .ui-datetime-leftarrow {
  font-family: ui-iconfont;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ui-icon-arrow-left:before, .ui-pagination-leftarrow:before, .ui-datetime-datetbl .ui-datetime-ymct .ui-datetime-leftarrow:before {
  content: "\e6bc";
}

/*左双箭头*/
.ui-icon-double-arrow-left, .ui-pagination-leftarrow1, .ui-datetime-datetbl .ui-datetime-ymct .ui-datetime-leftarrow1 {
  font-family: ui-iconfont;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ui-icon-double-arrow-left:before, .ui-pagination-leftarrow1:before, .ui-datetime-datetbl .ui-datetime-ymct .ui-datetime-leftarrow1:before {
  content: "\e668";
}

/*勾*/
.ui-icon-select, .ui-checkbox-checked .ui-checkbox-box .ui-checkbox-inner, .ui-select .ui-select-list .ui-select-item-active .ui-select-icon, .ui-list .ui-list-item-active .ui-list-icon {
  font-family: ui-iconfont;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ui-icon-select:before, .ui-checkbox-checked .ui-checkbox-box .ui-checkbox-inner:before, .ui-select .ui-select-list .ui-select-item-active .ui-select-icon:before, .ui-list .ui-list-item-active .ui-list-icon:before {
  content: "\e669";
}

/*叉*/
.ui-icon-cross, .ui-file .ui-file-showct .ui-file-del, .ui-tab .ui-tab-head .ui-tab-item .ui-tab-close, .ui-form .ui-form-item .ui-form-item-tip .ui-form-item-tip-icon {
  font-family: ui-iconfont;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ui-icon-cross:before, .ui-file .ui-file-showct .ui-file-del:before, .ui-tab .ui-tab-head .ui-tab-item .ui-tab-close:before, .ui-form .ui-form-item .ui-form-item-tip .ui-form-item-tip-icon:before {
  content: "\e680";
}

/*关闭*/
.ui-icon-close, .ui-input-clear {
  font-family: ui-iconfont;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ui-icon-close:before, .ui-input-clear:before {
  content: "\e656";
}

/*双右箭头*/
.ui-icon-double-right {
  font-family: ui-iconfont;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ui-icon-double-right:before {
  content: "\e6a6";
}

/*日期*/
.ui-icon-calendar, .ui-datetime-field .ui-datetime-date {
  font-family: ui-iconfont;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ui-icon-calendar:before, .ui-datetime-field .ui-datetime-date:before {
  content: "\e681";
}

/*时间*/
.ui-icon-time, .ui-datetime-field .ui-datetime-time {
  font-family: ui-iconfont;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ui-icon-time:before, .ui-datetime-field .ui-datetime-time:before {
  content: "\e68a";
}

/*查询*/
.ui-icon-search {
  font-family: ui-iconfont;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ui-icon-search:before {
  content: "\e68f";
}

/*眼睛*/
.ui-icon-eye, .ui-input-seepwd {
  font-family: ui-iconfont;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ui-icon-eye:before, .ui-input-seepwd:before {
  content: "\e69b";
}

/*眼睛关闭*/
.ui-icon-eyeclose, .ui-input-hidepwd {
  font-family: ui-iconfont;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ui-icon-eyeclose:before, .ui-input-hidepwd:before {
  content: "\e6a5";
}

/**必要图标结束*/
/**编辑器*/
/*左对齐*/
.ui-icon-leftalign {
  font-family: ui-iconfont;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ui-icon-leftalign:before {
  content: "\e6b1";
}

/*右对齐*/
.ui-icon-rightalign {
  font-family: ui-iconfont;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ui-icon-rightalign:before {
  content: "\e698";
}

/*居中对齐*/
.ui-icon-centeralign {
  font-family: ui-iconfont;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ui-icon-centeralign:before {
  content: "\e676";
}

/*剪切*/
.ui-icon-cut {
  font-family: ui-iconfont;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ui-icon-cut:before {
  content: "\e66e";
}

/*播放器*/
/*播放*/
.ui-icon-play {
  font-family: ui-iconfont;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ui-icon-play:before {
  content: "\e64d";
}

/*停止*/
.ui-icon-stop {
  font-family: ui-iconfont;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ui-icon-stop:before {
  content: "\e6b4";
}

/*编辑*/
.ui-icon-edit {
  font-family: ui-iconfont;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ui-icon-edit:before {
  content: "\e64b";
}

/*提示*/
.ui-icon-prompt {
  font-family: ui-iconfont;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ui-icon-prompt:before {
  content: "\e699";
}

/*菜单*/
.ui-icon-menu {
  font-family: ui-iconfont;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ui-icon-menu:before {
  content: "\e666";
}

/*目录*/
.ui-icon-category {
  font-family: ui-iconfont;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ui-icon-category:before {
  content: "\e675";
}

/*设置*/
.ui-icon-setting {
  font-family: ui-iconfont;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ui-icon-setting:before {
  content: "\e688";
}

/*用户*/
.ui-icon-user {
  font-family: ui-iconfont;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ui-icon-user:before {
  content: "\e69c";
}

/*列表*/
.ui-icon-list {
  font-family: ui-iconfont;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ui-icon-list:before {
  content: "\e671";
}

/*密码*/
.ui-icon-password {
  font-family: ui-iconfont;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ui-icon-password:before {
  content: "\e672";
}

/*解锁*/
.ui-icon-unlock {
  font-family: ui-iconfont;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ui-icon-unlock:before {
  content: "\e66b";
}

/*安全*/
.ui-icon-security {
  font-family: ui-iconfont;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ui-icon-security:before {
  content: "\e772";
}

/*保险*/
.ui-icon-insurance {
  font-family: ui-iconfont;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ui-icon-insurance:before {
  content: "\e684";
}

/*垃圾桶*/
.ui-icon-ashbin {
  font-family: ui-iconfont;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ui-icon-ashbin:before {
  content: "\e6b0";
}

/*消息*/
.ui-icon-message {
  font-family: ui-iconfont;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ui-icon-message:before {
  content: "\e635";
}

/*二维码*/
.ui-icon-qrcode {
  font-family: ui-iconfont;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ui-icon-qrcode:before {
  content: "\e65f";
}

/*扫描*/
.ui-icon-scan {
  font-family: ui-iconfont;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ui-icon-scan:before {
  content: "\e682";
}

/*下载*/
.ui-icon-download {
  font-family: ui-iconfont;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ui-icon-download:before {
  content: "\e6b7";
}

/*上传*/
.ui-icon-upload {
  font-family: ui-iconfont;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ui-icon-upload:before {
  content: "\e68c";
}

/*警示*/
.ui-icon-warning {
  font-family: ui-iconfont;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ui-icon-warning:before {
  content: "\e67e";
}

/*警告*/
.ui-icon-warning1 {
  font-family: ui-iconfont;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ui-icon-warning1:before {
  content: "\e67c";
}

/*点赞*/
.ui-icon-good {
  font-family: ui-iconfont;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ui-icon-good:before {
  content: "\ec7f";
}

/*踩*/
.ui-icon-notgood {
  font-family: ui-iconfont;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ui-icon-notgood:before {
  content: "\e6bd";
}

/*主页*/
.ui-icon-home {
  font-family: ui-iconfont;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ui-icon-home:before {
  content: "\e6a8";
}

/*喜欢*/
.ui-icon-favorite {
  font-family: ui-iconfont;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ui-icon-favorite:before {
  content: "\e606";
}

/*喜欢fill*/
.ui-icon-favorite-fill {
  font-family: ui-iconfont;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ui-icon-favorite-fill:before {
  content: "\e620";
}

/*收藏*/
.ui-icon-collect {
  font-family: ui-iconfont;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ui-icon-collect:before {
  content: "\e793";
}

/*收藏fill*/
.ui-icon-collect-fill, .ui-rating input {
  font-family: ui-iconfont;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ui-icon-collect-fill:before, .ui-rating input:before {
  content: "\e603";
}

/*map*/
.ui-icon-map {
  font-family: ui-iconfont;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ui-icon-map:before {
  content: "\e662";
}

/*vip*/
.ui-icon-vip {
  font-family: ui-iconfont;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ui-icon-vip:before {
  content: "\e78b";
}

/*picture*/
.ui-icon-picture {
  font-family: ui-iconfont;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ui-icon-picture:before {
  content: "\e889";
}

/*电话*/
.ui-icon-telephone {
  font-family: ui-iconfont;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ui-icon-telephone:before {
  content: "\e8ad";
}

/*保存*/
.ui-icon-save {
  font-family: ui-iconfont;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ui-icon-save:before {
  content: "\e64c";
}

/*打印机*/
.ui-icon-printer {
  font-family: ui-iconfont;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ui-icon-printer:before {
  content: "\e65d";
}

/*help*/
.ui-icon-help {
  font-family: ui-iconfont;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ui-icon-help:before {
  content: "\e6a1";
}

/*email*/
.ui-icon-email {
  font-family: ui-iconfont;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ui-icon-email:before {
  content: "\e6a6";
}

/*more*/
.ui-icon-more {
  font-family: ui-iconfont;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ui-icon-more:before {
  content: "\e658";
}

/*link*/
.ui-icon-link {
  font-family: ui-iconfont;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ui-icon-link:before {
  content: "\e692";
}

/*计算器*/
.ui-icon-caculator {
  font-family: ui-iconfont;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ui-icon-caculator:before {
  content: "\e74c";
}

/*声音*/
.ui-icon-voice {
  font-family: ui-iconfont;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ui-icon-voice:before {
  content: "\e68e";
}

/*关闭声音*/
.ui-icon-voiceout {
  font-family: ui-iconfont;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ui-icon-voiceout:before {
  content: "\e687";
}

/*刷新*/
.ui-icon-refresh {
  font-family: ui-iconfont;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ui-icon-refresh:before {
  content: "\e6ba";
}

/* 其它新加 */
/*群组*/
.ui-icon-group {
  font-family: ui-iconfont;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ui-icon-group:before {
  content: "\e685";
}

/*分享*/
.ui-icon-share {
  font-family: ui-iconfont;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ui-icon-share:before {
  content: "\e723";
}

/*复制*/
.ui-icon-copy {
  font-family: ui-iconfont;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ui-icon-copy:before {
  content: "\e66c";
}

/*平铺排列*/
.ui-icon-tile {
  font-family: ui-iconfont;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ui-icon-tile:before {
  content: "\e670";
}

/*目标、标记、版本*/
.ui-icon-target {
  font-family: ui-iconfont;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ui-icon-target:before {
  content: "\e678";
}

/*录音*/
.ui-icon-record {
  font-family: ui-iconfont;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ui-icon-record:before {
  content: "\e679";
}

/*历史记录*/
.ui-icon-history {
  font-family: ui-iconfont;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ui-icon-history:before {
  content: "\e67a";
}

/*清理*/
.ui-icon-clean {
  font-family: ui-iconfont;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ui-icon-clean:before {
  content: "\e67f";
}

/*可视化*/
.ui-icon-visual {
  font-family: ui-iconfont;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ui-icon-visual:before {
  content: "\e66a";
}

/*放大比例*/
.ui-icon-sizeout {
  font-family: ui-iconfont;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ui-icon-sizeout:before {
  content: "\e667";
}

/*附件*/
.ui-icon-attach {
  font-family: ui-iconfont;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ui-icon-attach:before {
  content: "\e66d";
}

/*空文档*/
.ui-icon-empty-file {
  font-family: ui-iconfont;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ui-icon-empty-file:before {
  content: "\e673";
}

/*男性*/
.ui-icon-male {
  font-family: ui-iconfont;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ui-icon-male:before {
  content: "\e66f";
}

/*女性*/
.ui-icon-female {
  font-family: ui-iconfont;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ui-icon-female:before {
  content: "\e674";
}

/*切换、交换*/
.ui-icon-exchange {
  font-family: ui-iconfont;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ui-icon-exchange:before {
  content: "\e677";
}

/*全屏*/
.ui-icon-full-screen {
  font-family: ui-iconfont;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ui-icon-full-screen:before {
  content: "\e683";
}

/*重置*/
.ui-icon-reset {
  font-family: ui-iconfont;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ui-icon-reset:before {
  content: "\e686";
}

/*伸缩*/
.ui-icon-flex {
  font-family: ui-iconfont;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ui-icon-flex:before {
  content: "\e689";
}

/*审核*/
.ui-icon-check {
  font-family: ui-iconfont;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ui-icon-check:before {
  content: "\e68b";
}

/*缩小比例*/
.ui-icon-sizein {
  font-family: ui-iconfont;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ui-icon-sizein:before {
  content: "\e68d";
}

/*Excel文档*/
.ui-icon-excel {
  font-family: ui-iconfont;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ui-icon-excel:before {
  content: "\e690";
}

/*文本*/
.ui-icon-text {
  font-family: ui-iconfont;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ui-icon-text:before {
  content: "\e691";
}

/*PDF文档*/
.ui-icon-pdf {
  font-family: ui-iconfont;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ui-icon-pdf:before {
  content: "\e693";
}

/*未知文档*/
.ui-icon-unknown-file {
  font-family: ui-iconfont;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ui-icon-unknown-file:before {
  content: "\e694";
}

/*用户管理*/
.ui-icon-user-manage {
  font-family: ui-iconfont;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ui-icon-user-manage:before {
  content: "\e695";
}

/*PPT文档*/
.ui-icon-ppt {
  font-family: ui-iconfont;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ui-icon-ppt:before {
  content: "\e697";
}

/*转发*/
.ui-icon-transmit {
  font-family: ui-iconfont;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ui-icon-transmit:before {
  content: "\e69a";
}

/*文件夹*/
.ui-icon-folder {
  font-family: ui-iconfont;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ui-icon-folder:before {
  content: "\e69e";
}

/*上传（云）*/
.ui-icon-cloud-upload {
  font-family: ui-iconfont;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ui-icon-cloud-upload:before {
  content: "\e69f";
}

/*退出*/
.ui-icon-exit {
  font-family: ui-iconfont;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ui-icon-exit:before {
  content: "\e6a0";
}

/*登录*/
.ui-icon-login {
  font-family: ui-iconfont;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ui-icon-login:before {
  content: "\e67b";
}

/*数据备份*/
.ui-icon-backup {
  font-family: ui-iconfont;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ui-icon-backup:before {
  content: "\e6a2";
}

/*系统更新*/
.ui-icon-update {
  font-family: ui-iconfont;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ui-icon-update:before {
  content: "\e6a3";
}

/*应用服务*/
.ui-icon-application {
  font-family: ui-iconfont;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ui-icon-application:before {
  content: "\e6a4";
}

/*USB*/
.ui-icon-usb {
  font-family: ui-iconfont;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ui-icon-usb:before {
  content: "\e6a7";
}

/*下载（云）*/
.ui-icon-cloud-download {
  font-family: ui-iconfont;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ui-icon-cloud-download:before {
  content: "\e6aa";
}

/*清理缓存*/
.ui-icon-clear-catch {
  font-family: ui-iconfont;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ui-icon-clear-catch:before {
  content: "\e6ab";
}

/*折线图*/
.ui-icon-broken-line {
  font-family: ui-iconfont;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ui-icon-broken-line:before {
  content: "\e6ad";
}

/*退出全屏*/
.ui-icon-exit-fullscreen {
  font-family: ui-iconfont;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ui-icon-exit-fullscreen:before {
  content: "\e6ae";
}

/*向右（箭头）*/
.ui-icon-right-arrow {
  font-family: ui-iconfont;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ui-icon-right-arrow:before {
  content: "\e6b2";
}

/*下一个*/
.ui-icon-next {
  font-family: ui-iconfont;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ui-icon-next:before {
  content: "\e6b5";
}

/*音乐*/
.ui-icon-music {
  font-family: ui-iconfont;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ui-icon-music:before {
  content: "\e6b6";
}

/*统计概览*/
.ui-icon-overview {
  font-family: ui-iconfont;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ui-icon-overview:before {
  content: "\e6b8";
}

/*仪表盘*/
.ui-icon-panel {
  font-family: ui-iconfont;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ui-icon-panel:before {
  content: "\e6b9";
}

/*报告*/
.ui-icon-report {
  font-family: ui-iconfont;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ui-icon-report:before {
  content: "\e64e";
}

/*撤回、重置*/
.ui-icon-withdraw {
  font-family: ui-iconfont;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ui-icon-withdraw:before {
  content: "\e64f";
}

/*饼图*/
.ui-icon-pie {
  font-family: ui-iconfont;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ui-icon-pie:before {
  content: "\e650";
}

/*标记*/
.ui-icon-tag {
  font-family: ui-iconfont;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ui-icon-tag:before {
  content: "\e651";
}

/*单向（左）*/
.ui-icon-left-oneway {
  font-family: ui-iconfont;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ui-icon-left-oneway:before {
  content: "\e653";
}

/*备注*/
.ui-icon-remark {
  font-family: ui-iconfont;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ui-icon-remark:before {
  content: "\e654";
}

/*顶对齐*/
.ui-icon-topalign {
  font-family: ui-iconfont;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ui-icon-topalign:before {
  content: "\e655";
}

/*底对齐*/
.ui-icon-bottomalign {
  font-family: ui-iconfont;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ui-icon-bottomalign:before {
  content: "\e657";
}

/*放大*/
.ui-icon-magnify {
  font-family: ui-iconfont;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ui-icon-magnify:before {
  content: "\e659";
}

/*单向（右）*/
.ui-icon-right-oneway {
  font-family: ui-iconfont;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ui-icon-right-oneway:before {
  content: "\e65b";
}

/*返回*/
.ui-icon-return {
  font-family: ui-iconfont;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ui-icon-return:before {
  content: "\e65c";
}

/*废弃，禁止*/
.ui-icon-abandon {
  font-family: ui-iconfont;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ui-icon-abandon:before {
  content: "\e65e";
}

/*互联网*/
.ui-icon-internet {
  font-family: ui-iconfont;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ui-icon-internet:before {
  content: "\e660";
}

/*更多（竖）*/
.ui-icon-more-v {
  font-family: ui-iconfont;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ui-icon-more-v:before {
  content: "\e661";
}

/*耳机*/
.ui-icon-headset {
  font-family: ui-iconfont;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ui-icon-headset:before {
  content: "\e663";
}

/*服务器*/
.ui-icon-server {
  font-family: ui-iconfont;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ui-icon-server:before {
  content: "\e664";
}

/*维修*/
.ui-icon-repair {
  font-family: ui-iconfont;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ui-icon-repair:before {
  content: "\e60c";
}

/*消息*/
.ui-icon-message {
  font-family: ui-iconfont;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ui-icon-message:before {
  content: "\e78a";
}

/*消息*/
.ui-icon-message1 {
  font-family: ui-iconfont;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ui-icon-message1:before {
  content: "\e600";
}

/*蒙板*/
.ui-mask {
  transition: opacity ease 0.3s;
  background-color: #000;
  opacity: 0.28;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.ui-mask-hide {
  opacity: 0;
}

/**
 * 基础文件
 * 包含所有变量定义
 */
/*颜色定义*/
/*size定义*/
/*全局padding*/
/*全局圆角*/
/*下拉框离显示框距离*/
/*按钮padding*/
/*字体大小*/
/*字体粗体*/
/*zindex*/
/*动画*/
/*border样式*/
/*global*/
body {
  margin: 0;
  background-color: #ffffff;
  color: #606266;
  font-size: 14px;
}

/*button input */
button, input {
  outline: none;
}

/*active 浅色*/
.ui-active-light, .ui-list-horizontal .ui-list-item-active, .ui-list-horizontal .ui-list-item:hover, .ui-grid .ui-grid-head .ui-grid-row .ui-grid-sort > b:hover, .ui-datetime-timetbl .ui-datetime-timect > div .ui-datetime-itemselect {
  background-color: #909aa3;
  color: #409eff;
}

/*item hover*/
.ui-item-hover, .ui-tree .ui-tree-node-wrap .ui-tree-node:hover, .ui-select .ui-select-list .ui-select-item:hover, .ui-menu .ui-menu-node-wrap .ui-menu-node:hover,
.ui-menu .ui-menu-node-wrap a.ui-menu-node:hover, .ui-list .ui-list-item:hover, .ui-grid .ui-grid-body .ui-grid-row:hover .ui-grid-row-item, .ui-datetime-datetbl .ui-datetime-dates .ui-datetime-selected, .ui-datetime-datetbl .ui-datetime-dates > span:hover, .ui-btn:hover {
  background-color: #ebebeb;
  color: #303133;
}

/*link*/
a:link {
  color: rgb(38, 117, 246);
  text-decoration: none;
}

a:hover {
  color: rgb(30, 100, 200);
}

a:visited {
  color: rgb(30, 100, 200);
}

/*禁用*/
.ui-disable, .ui-select .ui-select-list .ui-select-item-disable, .ui-pagination-disable, .ui-list-horizontal .ui-list-item-disable, .ui-list .ui-list-item-disable, .ui-datetime-datetbl .ui-datetime-dates .ui-datetime-disable {
  color: #e0e0e0;
  cursor: not-allowed !important;
}

.ui-disable:hover, .ui-select .ui-select-list .ui-select-item-disable:hover, .ui-pagination-disable:hover, .ui-list-horizontal .ui-list-item-disable:hover, .ui-list .ui-list-item-disable:hover, .ui-datetime-datetbl .ui-datetime-dates .ui-datetime-disable:hover {
  color: #e0e0e0 !important;
  background-color: transparent !important;
}

.ui-disable-nocolor {
  cursor: not-allowed !important;
}

.ui-disable-nocolor:hover {
  background-color: transparent !important;
}

/*可以click*/
.ui-canclick, .ui-tab .ui-tab-head .ui-tab-item .ui-tab-close, .ui-tab .ui-tab-head .ui-tab-item, .ui-select .ui-select-list .ui-select-item, .ui-relationmap-row td, .ui-pagination-rightarrow1, .ui-pagination-rightarrow, .ui-pagination-leftarrow1, .ui-pagination-leftarrow, .ui-list-horizontal .ui-list-item, .ui-list .ui-list-item, .ui-datetime-datetbl .ui-datetime-dates > span, .ui-datetime-datetbl .ui-datetime-ymct > b, .ui-btn {
  cursor: pointer;
}

.--fore-active-color {
  color: #409eff;
}

.--fore-success-color {
  color: #67c23a;
}

.--fore-warn-color {
  color: #e6a23c;
}

.--fore-error-color {
  color: #f56c6c;
}

/* 普通框*/
.ui-commonbox, .ui-list, .ui-accordion {
  border: 1px solid #ebebeb;
  padding: 10px;
}

/*可点击icon*/
/*label*/
label {
  font-size: 12px;
  color: #909399;
  text-shadow: 0.5px 0.5px 0.5px rgba(0, 0, 0, 0.1);
}

/*带图标输入框*/
.ui-input-icon, .ui-select .ui-select-input-wrap, .ui-datetime-field {
  line-height: 15px;
  display: inline-flex;
}

.ui-input-icon b, .ui-select .ui-select-input-wrap b, .ui-datetime-field b {
  flex: 0;
  padding: 0;
  width: 16px;
}

.ui-input-icon input, .ui-select .ui-select-input-wrap input, .ui-datetime-field input {
  margin: 0;
  padding: 0;
  border: 0;
  background-color: transparent;
}

/**滚动条**/
@media screen and (max-width: 640px) {
  ::-webkit-scrollbar {
    width: 4px;
    height: 4px;
  }
}
@media screen and (min-width: 640px) {
  ::-webkit-scrollbar {
    width: 8px;
    height: 8px;
  }
}
/*滚动条轨道*/
::-webkit-scrollbar-track {
  background-color: #ffffff;
  color: #606266;
  border: whitesmoke;
  border-radius: 5px;
}

/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #e0e0e0;
}

::-webkit-scrollbar-thumb:hover {
  background-color: #adadad;
}

/*标题*/
h1 {
  font-size: 20px;
  font-weight: bold !important;
}

h2 {
  font-size: 18px;
  font-weight: bold !important;
}

h3 {
  font-size: 16px;
  font-weight: bold !important;
}

h4 {
  font-size: 14px;
  font-weight: bold !important;
}

h5 {
  font-size: 12px;
  font-weight: bold !important;
}

/*展开箭头*/
.ui-expand-icon, .ui-menu .ui-menu-node-wrap .ui-menu-node b,
.ui-menu .ui-menu-node-wrap a.ui-menu-node b, .ui-menu .ui-menu-subct-expand .ui-menu-node-wrap .ui-menu-node .ui-menu-subicon,
.ui-menu .ui-menu-subct-expand .ui-menu-node-wrap a.ui-menu-node .ui-menu-subicon, .ui-menu .ui-menu-subct-pop .ui-menu-node .ui-menu-node .ui-menu-subicon {
  transition: all ease 0.3s;
  width: 14px;
}

.ui-expand-icon-open {
  transform: translate(-2px, 1px) rotate(90deg);
}

/*纵向展开*/
.ui-expand-vertical {
  transition: height ease 0.3s;
  overflow: hidden;
  position: relative;
  height: 0px;
  padding: 0px;
}

/*横向展开*/
.ui-expand-horizontal {
  transition: width ease 0.3s;
  overflow: hidden;
  position: relative;
  width: 0px;
  padding: 0px;
}

/*弹出类box*/
.ui-pop-box, .ui-drawer .ui-drawer-content, .ui-messagebox-wrap, .ui-select .ui-select-list, .ui-menu .ui-menu-subct-pop, .ui-dialog .ui-dialog-body, .ui-datetime-picker {
  padding: 5px;
  display: block;
  background-color: transparent !important;
}

.ui-pop-box > div, .ui-drawer .ui-drawer-content > div, .ui-messagebox-wrap > div, .ui-select .ui-select-list > div, .ui-menu .ui-menu-subct-pop > div, .ui-dialog .ui-dialog-body > div, .ui-datetime-picker > div {
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.1);
  background-color: #ffffff;
  border-radius: 3px;
  border: 1px solid #ebebeb;
}

/*框*/
* .ui-box-default {
  background-color: whitesmoke;
  border-radius: 3px;
  box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.1);
}

/*active颜色框*/
.ui-box-active {
  padding: 5px;
  background-color: #ecf5ff;
  border-radius: 3px;
  box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.1);
  color: #337ecc;
}

/*success 颜色框*/
.ui-box-success {
  padding: 5px;
  background-color: #f0f9eb;
  border-radius: 3px;
  box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.1);
  color: #529b2e;
}

/*warn颜色框*/
.ui-box-warn {
  padding: 5px;
  background-color: #fdf6ec;
  border-radius: 3px;
  box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.1);
  color: #b88230;
}

/*error颜色框*/
.ui-box-error {
  padding: 5px;
  background-color: #fef0f0;
  border-radius: 3px;
  box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.1);
  color: #c45656;
}

/*transition*/
.ui-transition, .ui-checkbox .ui-checkbox-title, .ui-checkbox .ui-checkbox-box, .ui-radio > b, .ui-radio, .ui-tab .ui-tab-head .ui-tab-item, .ui-menu .ui-menu-subct-expand .ui-menu-node-wrap .ui-menu-node,
.ui-menu .ui-menu-subct-expand .ui-menu-node-wrap a.ui-menu-node, .ui-list .ui-list-item, .ui-grid .ui-grid-row, .ui-form .ui-form-item .ui-form-item-tip, .ui-form .ui-form-item input, .ui-form .ui-form-item textarea, .ui-form .ui-form-item .ui-select, .ui-form .ui-form-item .ui-text, .ui-form .ui-form-item .ui-file, .ui-form .ui-form-item .ui-range, .ui-datetime-datetbl .ui-datetime-weekdays > span,
.ui-datetime-datetbl .ui-datetime-dates > span, .ui-btn {
  transition: all ease 0.3s;
}

/**按钮**/
.ui-btn {
  display: inline-block;
  border-radius: 3px;
  border: 1px solid whitesmoke;
  background-color: whitesmoke;
  color: #606266;
  padding: 5px 15px;
}
.ui-btn:hover {
  border: 1px solid #ebebeb;
}
.ui-btn .ui-btn-icon {
  margin-right: 10px;
}

/*无背景色*/
.ui-btn-nobg {
  background-color: transparent;
  border-color: transparent;
}

/*有图标*/
.ui-btn-small {
  font-size: 12px;
}

.ui-btn-normal {
  font-size: 14px;
}

.ui-btn-large {
  font-size: 20px;
}

/*无文字*/
.ui-btn-notext {
  padding: 8px;
}
.ui-btn-notext .ui-btn-icon {
  margin-right: 0 !important;
}

/*图标纵向*/
.ui-btn-vert .ui-btn-icon {
  display: block;
  margin-right: 0 !important;
}

.ui-btn-circle {
  padding: 10px;
  border-radius: 18px;
}

/*不同色按钮*/
/*active背景色*/
.ui-btn-active {
  background-color: #409eff;
  border: 1px solid #409eff;
  color: #f5f5f5;
}
.ui-btn-active:hover {
  background-color: #a6d2ff !important;
  border: 1px solid #a6d2ff;
  color: #409eff !important;
}

/*success*/
.ui-btn-success {
  background-color: #67c23a;
  border: 1px solid #67c23a;
  color: #f5f5f5;
}
.ui-btn-success:hover {
  background-color: #a3db87 !important;
  border: 1px solid #a3db87;
  color: #67c23a !important;
}

/*warn*/
.ui-btn-warn {
  background-color: #e6a23c;
  border: 1px solid #e6a23c;
  color: #f5f5f5;
}
.ui-btn-warn:hover {
  background-color: #f2cd96 !important;
  border: 1px solid #f2cd96;
  color: #e6a23c !important;
}

/*error*/
.ui-btn-error {
  background-color: #f56c6c;
  border: 1px solid #f56c6c;
  color: #f5f5f5;
}
.ui-btn-error:hover {
  background-color: #fbcccc !important;
  border: 1px solid #fbcccc;
  color: #f56c6c !important;
}

/*禁用*/
.ui-btn-disable {
  background-color: #e0e0e0;
  border-color: #e0e0e0;
  color: #909399;
  cursor: not-allowed !important;
}
.ui-btn-disable:hover {
  background-color: #e0e0e0 !important;
  color: #909399 !important;
  border-color: #e0e0e0;
}

/********** accordion ***********/
.ui-accordion .ui-accordion-item .ui-accordion-title {
  padding: 10px;
  cursor: pointer;
  font-size: 14px;
  font-weight: bold;
  width: 100%;
  box-sizing: border-box;
  display: inline-flex;
  justify-content: space-between;
  user-select: none;
}
.ui-accordion .ui-accordion-item .ui-accordion-content {
  font-size: 14px;
  padding: 0px;
  display: block;
  background-color: #ffffff;
  color: #606266;
}

/*datetime css*/
/*弹出选择框*/
.ui-datetime {
  /*下拉面板*/
  /*日期面板*/
  /*时间面板*/
}
.ui-datetime-field {
  position: relative;
  padding: 10px;
  max-width: 200px;
  flex: 1;
}
.ui-datetime-field .ui-datetime-date {
  background-color: inherit;
}
.ui-datetime-field > input {
  padding: 0 !important;
}
.ui-datetime-picker-wrap {
  position: fixed;
  z-index: 997;
}
.ui-datetime-picker {
  width: auto;
  box-sizing: border-box;
  background-color: #ffffff;
  color: #606266;
  /*按钮*/
}
.ui-datetime-picker .ui-datetime-btnct {
  padding-bottom: 10px;
  text-align: center;
}
.ui-datetime-picker .ui-datetime-btnct :first-child {
  margin-right: 20px;
}
.ui-datetime-picker .ui-datetime-tbl {
  display: flex;
}
.ui-datetime-datetbl {
  width: 280px;
  padding: 10px;
  /*显示年月和箭头*/
  /*周日容器*/
  /*日期容器*/
}
.ui-datetime-datetbl .ui-datetime-ymct {
  line-height: 30px;
  margin-bottom: 10px;
  font-size: 16px;
  display: flex;
  justify-content: space-between;
  /*年月*/
}
.ui-datetime-datetbl .ui-datetime-ymct .ui-datetime-ym {
  text-align: center;
  font-weight: bold;
  flex: 1;
}
.ui-datetime-datetbl .ui-datetime-ymct > b {
  padding: 0 10px;
}
.ui-datetime-datetbl .ui-datetime-ymct > b:hover {
  color: #409eff;
  border-radius: 100px;
}
.ui-datetime-datetbl .ui-datetime-weekdays > span,
.ui-datetime-datetbl .ui-datetime-dates > span {
  display: inline-block;
  height: 40px;
  width: 40px;
  text-align: center;
  line-height: 40px;
}
.ui-datetime-datetbl .ui-datetime-dates {
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
  padding: 10px 0;
}
.ui-datetime-datetbl .ui-datetime-dates {
  font-size: 12px;
}
.ui-datetime-datetbl .ui-datetime-dates > span:hover {
  border-radius: 100px;
}
.ui-datetime-datetbl .ui-datetime-dates .ui-datetime-today {
  color: #409eff;
}
.ui-datetime-datetbl .ui-datetime-dates .ui-datetime-selected {
  border-radius: 100px !important;
}
.ui-datetime-timetbl {
  width: 210px;
  overflow: hidden;
  padding: 10px;
}
.ui-datetime-timetbl > input {
  margin-bottom: 10px;
  width: 100%;
  box-sizing: border-box;
  font-size: 16px;
  text-align: center;
}
.ui-datetime-timetbl .ui-datetime-timect {
  font-size: 14px;
  height: 180px;
  display: flex;
}
.ui-datetime-timetbl .ui-datetime-timect > div {
  overflow: auto;
  height: 100%;
  flex: 1;
}
.ui-datetime-timetbl .ui-datetime-timect > div > div {
  line-height: 30px;
  text-align: center;
}
/*dialog*/
.ui-dialog {
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 999;
}
.ui-dialog .ui-dialog-body-wrap {
  position: absolute;
  width: 100%;
  top: 200px;
  display: flex;
  justify-content: center;
}
.ui-dialog .ui-dialog-body {
  display: inline-flex;
  transition: opacity 0.3s ease;
  opacity: 1;
  z-index: 1;
}
.ui-dialog .ui-dialog-body > div {
  border: 0 !important;
}
.ui-dialog .ui-dialog-body .ui-panel-body {
  overflow: auto;
}
.ui-dialog .ui-dialog-body .ui-dialog-close {
  cursor: pointer;
}
.ui-dialog .ui-dialog-body .ui-dialog-close:hover {
  color: #f56c6c;
}
.ui-dialog .ui-dialog-body .ui-dialog-close::after {
  content: "×";
}

.ui-dialog-hide {
  width: 0px;
  height: 0px;
}
.ui-dialog-hide .ui-messagebox-wrap {
  padding: 0;
}
.ui-dialog-hide .ui-dialog-body {
  opacity: 0;
  overflow: hidden;
}

/*form css*/
.ui-form {
  padding: 10px;
}
.ui-form .ui-form-item {
  padding: 10px;
  flex: 1;
  /*第一行，包含输入框和单位*/
}
.ui-form .ui-form-item .ui-form-item-first {
  flex: 1;
  display: flex;
  flex-direction: row;
}
.ui-form .ui-form-item .ui-form-item-unit {
  width: 50px;
  text-align: center;
  display: inline-block;
  font-style: italic;
  font-size: 12px;
}
.ui-form .ui-form-item input, .ui-form .ui-form-item textarea, .ui-form .ui-form-item .ui-select, .ui-form .ui-form-item .ui-text, .ui-form .ui-form-item .ui-file, .ui-form .ui-form-item .ui-range {
  flex: 1;
  background-color: #ffffff;
}
.ui-form .ui-form-item .ui-form-item-content {
  flex: 1;
  display: flex;
  align-items: center;
  flex-direction: row;
}
.ui-form .ui-form-item .ui-form-unit {
  display: inline-block;
  width: 50px;
  text-align: center;
}
.ui-form .ui-form-item .ui-form-item-error input, .ui-form .ui-form-item .ui-form-item-error textarea, .ui-form .ui-form-item .ui-form-item-error .ui-select, .ui-form .ui-form-item .ui-form-item-error .ui-datetime, .ui-form .ui-form-item .ui-form-item-error .ui-text, .ui-form .ui-form-item .ui-form-item-error .ui-file {
  border-color: #f56c6c;
  color: #f56c6c;
}
.ui-form .ui-form-item .ui-form-item-tip {
  color: #f56c6c;
}
.ui-form .ui-form-item .ui-form-item-tip .ui-form-item-tip-text {
  padding-left: 2px;
  font-size: 12px;
  font-style: italic;
  font-weight: 400;
}

/*表格css*/
.ui-grid {
  height: 100%;
  width: 100%;
  box-sizing: border-box;
  overflow: auto;
  display: flex;
  flex-direction: column;
  /*每行颜色交错*/
}
.ui-grid .ui-grid-row {
  width: inherit;
  box-sizing: border-box;
  overflow: visible;
  display: flex;
  flex-direction: row;
  /*icon*/
  /*左对齐*/
  /*居中*/
}
.ui-grid .ui-grid-row .ui-grid-row-item {
  display: flex;
  box-sizing: border-box;
  align-items: center;
  padding: 10px;
  vertical-align: middle;
  text-overflow: ellipsis;
  white-space: normal;
  word-break: break-all;
  background-color: #ffffff;
  color: #606266;
}
.ui-grid .ui-grid-row .ui-grid-icon {
  width: 25px;
  padding: 0;
  cursor: pointer;
  display: flex;
  justify-content: center;
}
.ui-grid .ui-grid-row .ui-grid-align-left {
  justify-content: flex-start;
}
.ui-grid .ui-grid-row .ui-grid-align-center {
  text-align: center;
}
.ui-grid .ui-grid-bodyct {
  height: inherit;
  overflow: visible;
}
.ui-grid .ui-grid-body {
  width: inherit;
}
.ui-grid .ui-grid-body .ui-grid-rowct {
  width: 100%;
  box-sizing: border-box;
}
.ui-grid .ui-grid-head {
  box-sizing: border-box;
  overflow: visible;
  background-color: #ffffff;
  color: #606266;
}
.ui-grid .ui-grid-head .ui-grid-row {
  font-weight: bold;
  user-select: none;
  /*排序容器*/
}
.ui-grid .ui-grid-head .ui-grid-row .ui-grid-sort {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  line-height: 8px;
  vertical-align: middle;
  margin-left: 3px;
  /*升序箭头*/
  /*降序箭头*/
}
.ui-grid .ui-grid-head .ui-grid-row .ui-grid-sort .ui-grid-sort-raise {
  transform: rotate(-90deg);
}
.ui-grid .ui-grid-head .ui-grid-row .ui-grid-sort .ui-grid-sort-down {
  transform: rotate(90deg);
}
.ui-grid .ui-grid-head .ui-grid-row .ui-grid-sort .ui-grid-sort-pressed {
  color: #409eff;
}
.ui-grid .ui-grid-head .ui-grid-row .ui-grid-sort > b:hover {
  cursor: pointer;
}
.ui-grid .ui-grid-rowalt .ui-grid-rowct:nth-child(even) .ui-grid-row-item {
  background-color: whitesmoke;
}
.ui-grid .ui-grid-expand {
  width: inherit;
  display: flex;
  flex-direction: column;
  padding: 10px;
  box-sizing: border-box;
  background-color: #ffffff;
}

/*行网格线*/
.ui-grid-row-line, .ui-grid-all-line {
  border-bottom: 1px solid #ebebeb;
  border-top: 1px solid #ebebeb;
}
.ui-grid-row-line .ui-grid-row, .ui-grid-all-line .ui-grid-row {
  border-bottom: 1px solid #ebebeb;
}
.ui-grid-row-line .ui-grid-expand, .ui-grid-all-line .ui-grid-expand {
  border-bottom: 1px solid #ebebeb;
}
.ui-grid-row-line .ui-grid-expand-hide, .ui-grid-all-line .ui-grid-expand-hide {
  border: 0;
}

/*列网格线*/
.ui-grid-col-line, .ui-grid-all-line {
  border-right: 1px solid #ebebeb;
  border-left: 1px solid #ebebeb;
}
.ui-grid-col-line .ui-grid-row-item, .ui-grid-all-line .ui-grid-row-item {
  border-left: 1px solid #ebebeb;
}
.ui-grid-col-line .ui-grid-row .ui-grid-row-item:first-child, .ui-grid-all-line .ui-grid-row .ui-grid-row-item:first-child {
  border-left: 0;
}

/*行列网格线*/
/*固定头*/
.ui-grid-fixhead .ui-grid-head {
  position: sticky;
  top: 0px;
  z-index: 10;
}

.ui-grid-sticky-left {
  position: sticky;
  left: 0px;
  z-index: 5;
  border: 0;
  box-shadow: 2px 0px 5px 0px rgba(0, 0, 0, 0.1);
}

.ui-grid-sticky-right {
  position: sticky;
  right: 0px;
  z-index: 5;
  box-shadow: -2px 0px 5px 0px rgba(0, 0, 0, 0.1);
}

/******* layout *******/
.ui-layout {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  overflow: auto;
}
.ui-layout > * {
  box-sizing: border-box;
  overflow: auto;
}
.ui-layout .ui-layout-top {
  height: 50px;
}
.ui-layout .ui-layout-bottom {
  height: 50px;
}
.ui-layout .ui-layout-center {
  flex: 1;
  display: flex;
  min-width: 30%;
}
.ui-layout .ui-layout-left, .ui-layout .ui-layout-right {
  position: relative;
  display: flex;
  flex-direction: row;
  min-width: 5px;
}
.ui-layout .ui-layout-left .ui-layout-content, .ui-layout .ui-layout-right .ui-layout-content {
  flex: 1;
}
.ui-layout > .ui-layout {
  flex: 1;
}
.ui-layout .ui-layout-spliter {
  width: 5px;
  min-width: 5px;
  position: sticky;
  cursor: col-resize;
  background-color: #409eff;
  opacity: 0;
  right: 0;
}
.ui-layout .ui-layout-spliter:hover {
  opacity: 1;
}
.ui-layout .ui-layout-right .ui-layout-spliter {
  left: 0;
}

/*纵向分布*/
.ui-layout-hori {
  flex-direction: row;
}

.ui-layout-vert {
  flex-direction: column;
}

/*行列布局*/
.ui-row {
  display: flex;
  flex: 1;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: space-between;
  box-sizing: border-box;
}
.ui-row .ui-col {
  flex: 1;
}

/*list box*/
.ui-list {
  overflow: auto;
}
.ui-list .ui-list-item {
  display: flex;
  padding: 10px;
}
.ui-list .ui-list-item .ui-list-icon {
  flex: 0;
  padding: 0;
  width: 15px;
  display: inline-block;
}
.ui-list .ui-list-item .ui-list-itemcontent {
  flex: 1;
}
.ui-list .ui-list-item-active {
  color: #409eff;
}
/*横向*/
.ui-list-horizontal {
  overflow: auto;
}
.ui-list-horizontal .ui-list-item {
  display: inline-block;
  padding: 20px;
  border-radius: 10px;
  margin: 10px;
}
/*表格css*/
.ui-listtransfer {
  display: flex;
  flex: 1;
  flex-direction: row;
}
.ui-listtransfer .ui-list {
  border: 1px solid #ebebeb;
  background-color: #ffffff;
  color: #606266;
  border-radius: 3px;
  overflow: auto;
  padding: 10px;
  flex: 1;
  display: flex;
  flex-direction: column;
  white-space: nowrap;
}
.ui-listtransfer .ui-listtransfer-btngrp {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 70px;
  justify-content: space-around;
}
.ui-listtransfer .ui-listtransfer-btngrp > div {
  height: 160px;
  justify-content: space-between;
  display: flex;
  flex-direction: column;
}

/********** menu ***********/
.ui-menu {
  background-color: #ffffff;
  color: #606266;
  text-align: left;
  overflow: visible;
  box-sizing: border-box;
}
.ui-menu a {
  color: #606266;
}
.ui-menu .ui-menu-subct-wrap {
  position: fixed;
  z-index: 998;
}
.ui-menu .ui-menu-subct-pop {
  box-sizing: border-box;
  overflow: visible;
}
.ui-menu .ui-menu-subct-pop > div {
  box-sizing: border-box;
  width: 100%;
  padding: 5px;
}
.ui-menu .ui-menu-subct-pop .ui-menu-node {
  height: 30px;
  line-height: 30px;
  user-select: none;
}
.ui-menu .ui-menu-subct-pop .ui-menu-node .ui-menu-node {
  padding: 0 20px;
  box-sizing: border-box;
  overflow: hidden;
  /*子菜单箭头*/
}
.ui-menu .ui-menu-subct-pop .ui-menu-node .ui-menu-node .ui-menu-subicon {
  position: absolute;
  right: 10px;
  height: auto;
}
.ui-menu .ui-menu-subct-pop .ui-menu-node .ui-menu-node > span {
  text-overflow: ellipsis;
}
.ui-menu .ui-menu-subct-expand {
  font-size: 14px;
}
.ui-menu .ui-menu-subct-expand .ui-menu-node-wrap .ui-menu-node,
.ui-menu .ui-menu-subct-expand .ui-menu-node-wrap a.ui-menu-node {
  user-select: none;
  position: relative;
  height: 40px;
  line-height: 40px;
  display: flex;
  /*子菜单箭头*/
}
.ui-menu .ui-menu-subct-expand .ui-menu-node-wrap .ui-menu-active {
  background-color: #909aa3;
  color: #ffffff;
}
.ui-menu .ui-menu-node-wrap {
  cursor: pointer;
}
.ui-menu .ui-menu-node-wrap .ui-menu-node,
.ui-menu .ui-menu-node-wrap a.ui-menu-node {
  word-break: keep-all;
  white-space: nowrap;
  padding-right: 20px;
}
.ui-menu .ui-menu-node-wrap .ui-menu-node b,
.ui-menu .ui-menu-node-wrap a.ui-menu-node b {
  position: absolute;
  right: 15px;
  display: inline-block;
}
.ui-menu .ui-menu-hori-first > .ui-menu-node-wrap {
  display: inline-block;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
}
.ui-menu .ui-menu-hori-first > .ui-menu-node-wrap .ui-menu-node {
  padding: 0 10px;
}
.ui-menu .ui-menu-hori-first .ui-menu-subicon {
  display: none;
}

.ui-menu-vert .ui-menu-node-wrap {
  position: relative;
  overflow: hidden;
}

/*pagenation*/
.ui-pagination {
  padding: 10px;
  background-color: #ffffff;
  color: #606266;
  display: flex;
  flex-direction: row;
  align-items: center;
  /*每页数，页码及箭头容器*/
  /*页码及箭头容器*/
  /*共x页*/
  /*第x页*/
}
.ui-pagination-data-wrap {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-right: 40px;
  flex: 1;
}
.ui-pagination-page-wrap > * {
  cursor: pointer;
}
.ui-pagination-page-wrap > *:hover {
  color: #409eff;
}
.ui-pagination-active {
  color: #409eff;
}
.ui-pagination-page {
  padding: 0 10px;
}
.ui-pagination-leftarrow:hover {
  color: #409eff;
}
.ui-pagination-leftarrow1:hover {
  color: #409eff;
}
.ui-pagination-rightarrow:hover {
  color: #409eff;
}
.ui-pagination-rightarrow1:hover {
  color: #409eff;
}
.ui-pagination-total-wrap {
  line-height: 35px;
  margin-right: 15px;
}
.ui-pagination-total {
  padding: 0 10px;
}
.ui-pagination-go {
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
  width: 120px;
}
.ui-pagination-go .ui-input, .ui-pagination-go .ui-input-icon, .ui-pagination-go .ui-select .ui-select-input-wrap, .ui-select .ui-pagination-go .ui-select-input-wrap, .ui-pagination-go .ui-datetime-field, .ui-pagination-go .ui-datetime-timetbl > input {
  width: 80px;
  margin: 0 10px;
}

/* panel */
.ui-panel {
  color: #606266;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  /* 头部 */
}
.ui-panel .ui-panel-header {
  width: 100%;
  box-sizing: border-box;
  background-color: #499ef5;
  color: #fff;
  line-height: 45px;
  padding: 0 20px;
  border-radius: 3px 3px 0 0;
  flex: 0;
  display: inline-flex;
  justify-content: space-between;
  flex-direction: row;
  /* 标题 */
  /*头部工具栏*/
}
.ui-panel .ui-panel-header .ui-panel-title {
  font-size: 14px;
  font-weight: bold;
}
.ui-panel .ui-panel-header .ui-panel-header-bar {
  font-size: 16px;
  float: right;
}
.ui-panel .ui-panel-header .ui-panel-header-bar > .ui-btn {
  margin: 0;
  padding: 3px;
  color: #fff;
  border: 0;
}
.ui-panel .ui-panel-bodyct {
  flex: 1;
  border: 1px solid #ebebeb;
  border-radius: 0 0 3px 3px;
  display: flex;
  flex-direction: column;
  overflow: auto;
}
.ui-panel .ui-panel-bodyct .ui-toolbar {
  background-color: whitesmoke;
}
.ui-panel .ui-panel-bodyct .ui-button-group {
  background-color: whitesmoke;
  padding: 10px 20px;
}
.ui-panel .ui-panel-bodyct .ui-panel-body {
  padding: 10px;
  flex: 1;
  overflow: auto;
  display: flex;
  flex-direction: column;
}

.ui-input, .ui-input-icon, .ui-select .ui-select-input-wrap, .ui-datetime-field, .ui-datetime-timetbl > input {
  display: inline-flex;
  flex: 1;
  flex-direction: row;
  background-color: #ffffff;
  box-sizing: border-box;
  color: #909399;
  border-radius: 3px;
  border: 1px solid #ebebeb;
  /*前置区域*/
  /*后置区域*/
  /*clear按钮*/
  /*可见密码按钮*/
}
.ui-input:hover, .ui-input-icon:hover, .ui-select .ui-select-input-wrap:hover, .ui-datetime-field:hover, .ui-datetime-timetbl > input:hover, .ui-input:focus, .ui-input-icon:focus, .ui-select .ui-select-input-wrap:focus, .ui-datetime-field:focus, .ui-datetime-timetbl > input:focus {
  background-color: #ffffff;
  color: #409eff;
  border: 1px solid #409eff;
  color: #606266;
}
.ui-input > input, .ui-input-icon > input, .ui-select .ui-select-input-wrap > input, .ui-datetime-field > input, .ui-datetime-timetbl > input > input, .ui-input > textarea, .ui-input-icon > textarea, .ui-select .ui-select-input-wrap > textarea, .ui-datetime-field > textarea, .ui-datetime-timetbl > input > textarea {
  width: 100%;
  border: 0;
  color: inherit;
  padding: 10px;
  box-sizing: border-box;
  cursor: inherit;
}
.ui-input-before {
  box-sizing: border-box;
  height: inherit;
}
.ui-input-after {
  box-sizing: border-box;
  height: inherit;
}
.ui-input-buttons {
  padding: 7px 0;
  width: 20px;
  border: 0;
}
.ui-input-clear {
  cursor: pointer;
}
.ui-input-seepwd {
  cursor: pointer;
}
.ui-input-hidepwd {
  cursor: pointer;
}

.ui-input-disabled {
  border: 1px solid #e0e0e0;
  background-color: #e0e0e0;
  cursor: not-allowed;
}
.ui-input-disabled:hover {
  border: 1px solid #ebebeb;
  color: #909399;
}
.ui-input-disabled > input, .ui-input-disabled > textarea {
  background-color: #e0e0e0;
  user-select: none;
}
.ui-input-disabled .ui-input-buttons {
  display: none;
}

.ui-progress {
  position: relative;
  display: flex;
  align-items: center;
  line-height: 1;
  /*条状进度条*/
  /*圆圈进度条*/
}
.ui-progress-text {
  line-height: 1;
  min-width: 50px;
  margin-left: 5px;
}
.ui-progress-bar {
  flex-grow: 1;
  box-sizing: border-box;
}
.ui-progress-bar .ui-progress-inner {
  background-color: #67c23a;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  border-radius: 100px;
  line-height: 1;
  max-width: 100%;
  transition: width 0.3s ease;
}
.ui-progress-bar .ui-progress-outer {
  border-radius: 100px;
  background-color: whitesmoke;
  overflow: hidden;
  position: relative;
  vertical-align: middle;
}
.ui-progress-circle {
  display: inline-block;
}
.ui-progress-circle .ui-progress-track {
  overflow: hidden;
  display: flex;
}
.ui-progress-circle .ui-progress-wrapper {
  overflow: hidden;
  width: calc(50% - 1px);
  height: 100%;
}
.ui-progress-circle .ui-progress-left,
.ui-progress-circle .ui-progress-right {
  border-style: solid;
  border-color: #67c23a;
  transition: transform 0.3s ease;
}
.ui-progress-circle .ui-progress-left {
  float: left;
  border-top-color: whitesmoke;
  border-left-color: whitesmoke;
}
.ui-progress-circle .ui-progress-right {
  float: right;
  border-top-color: whitesmoke;
  border-right-color: whitesmoke;
}
.ui-progress-circle .ui-progress-text {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  text-align: center;
  margin: 0;
  transform: translate(0, -50%);
}
.ui-progress-small .ui-progress-bar .ui-progress-outer {
  height: 3px;
}
.ui-progress-small .ui-progress-text {
  font-size: 10px;
}
.ui-progress-small.ui-progress-circle .ui-progress-track {
  width: 60px;
  height: 60px;
}
.ui-progress-small.ui-progress-circle .ui-progress-left,
.ui-progress-small.ui-progress-circle .ui-progress-right {
  width: 54px;
  height: 54px;
  border-radius: 50%;
  border-width: 3px;
}
.ui-progress-normal .ui-progress-bar .ui-progress-outer {
  height: 6px;
}
.ui-progress-normal .ui-progress-text {
  font-size: 14px;
}
.ui-progress-normal.ui-progress-circle .ui-progress-track {
  width: 80px;
  height: 80px;
}
.ui-progress-normal.ui-progress-circle .ui-progress-left,
.ui-progress-normal.ui-progress-circle .ui-progress-right {
  width: 68px;
  height: 68px;
  border-radius: 50%;
  border-width: 6px;
}
.ui-progress-large .ui-progress-bar .ui-progress-outer {
  height: 9px;
}
.ui-progress-large .ui-progress-text {
  font-size: 18px;
}
.ui-progress-large.ui-progress-circle .ui-progress-track {
  width: 100px;
  height: 100px;
}
.ui-progress-large.ui-progress-circle .ui-progress-left,
.ui-progress-large.ui-progress-circle .ui-progress-right {
  width: 82px;
  height: 82px;
  border-radius: 50%;
  border-width: 9px;
}

/*relation map*/
.ui-relationmap {
  border-spacing: 1px;
  background-color: #ffffff;
  color: #606266;
  border: 1px solid #ebebeb;
}
.ui-relationmap-head td {
  padding: 10px 20px;
  cursor: not-allowed;
  color: #303133;
  background-color: #e0e0e0;
}
.ui-relationmap-head td:hover {
  background-color: #e0e0e0;
}
.ui-relationmap-row:nth-child(odd) td {
  background-color: whitesmoke;
}
.ui-relationmap-row td:first-child {
  cursor: not-allowed;
  color: #303133;
  background-color: #e0e0e0;
  padding: 10px 20px;
}
.ui-relationmap-row td:first-child:hover {
  background-color: #e0e0e0;
}
.ui-relationmap-row td {
  background-color: #ffffff;
  color: #606266;
  text-align: center;
}
.ui-relationmap-row td:hover {
  background-color: #ebebeb !important;
  color: #303133 !important;
}

/*select 框*/
.ui-select {
  height: 37px;
  overflow: hidden;
  /*输入框，下箭头容器*/
  /*下拉框*/
}
.ui-select .ui-select-input-wrap {
  box-sizing: border-box;
  position: relative;
  padding: 10px;
  overflow: hidden;
  width: 100%;
  height: inherit;
  display: flex;
  flex-direction: row;
  background-color: #ffffff;
  color: #909399;
  border-radius: 3px;
  border-width: 1px solid #ebebeb;
  /*搜索框*/
}
.ui-select .ui-select-input-wrap:hover, .ui-select .ui-select-input-wrap:focus {
  color: #409eff;
  border-color: #409eff;
  color: #606266;
}
.ui-select .ui-select-input-wrap input {
  flex: 1;
}
.ui-select .ui-select-input-wrap .ui-select-show {
  flex: 1;
  height: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  /*如果有查询，则需要输入框*/
}
.ui-select .ui-select-input-wrap .ui-select-show input {
  width: 100%;
  color: #909399;
}
.ui-select .ui-select-input-wrap .ui-select-show input:hover, .ui-select .ui-select-input-wrap .ui-select-show input:focus {
  color: #409eff;
  border-color: #409eff;
  color: #606266;
}
.ui-select .ui-select-input-wrap > b {
  width: 15px;
  margin-left: 3px;
  background-color: inherit;
}
.ui-select .ui-select-input-wrap .ui-select-search {
  position: absolute;
  width: 90%;
  opacity: 0.3;
  background-color: #ffffff;
  color: #606266;
}
.ui-select .ui-select-input-wrap .ui-select-search-active {
  opacity: 1;
}
.ui-select .ui-select-list-wrap {
  position: fixed !important;
  z-index: 997;
  box-sizing: border-box;
}
.ui-select .ui-select-list-wrap > div {
  overflow: visible;
}
.ui-select .ui-select-list {
  background-color: #ffffff;
  color: #606266;
  overflow: auto;
}
.ui-select .ui-select-list > div {
  text-align: left;
  box-sizing: border-box;
  overflow: auto;
  height: 100%;
}
.ui-select .ui-select-list .ui-select-item {
  display: flex;
  box-sizing: border-box;
  width: 100%;
  line-height: 30px;
  cursor: cursor;
  padding: 0 10px;
  overflow: visible;
}
.ui-select .ui-select-list .ui-select-item .ui-select-icon {
  min-width: 15px;
  margin-left: 10px;
}
.ui-select .ui-select-list .ui-select-item .ui-select-itemcontent {
  flex: 1;
}
.ui-select .ui-select-list .ui-select-item-active {
  color: #409eff;
}
/*swich class*/
.ui-switch {
  width: 40px;
  height: 20px;
  flex: none !important;
  /*选中背景色*/
  /*未选中背景色*/
}
.ui-switch .ui-switch-slider {
  cursor: pointer;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  padding: 2px;
  box-sizing: border-box;
  transition: all ease 0.3s;
}
.ui-switch .ui-switch-slider .ui-switch-circle {
  display: inline-block;
  height: 16px;
  width: 16px;
  background-color: #ffffff;
  border-radius: 50%;
  transition: all ease 0.3s;
}
.ui-switch .ui-switch-checked {
  background-color: #409eff;
}
.ui-switch .ui-switch-checked .ui-switch-circle {
  transform: translateX(20px);
}
.ui-switch .ui-switch-unchecked {
  background-color: #e0e0e0;
}

/*tab*/
.ui-tab {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  border: 1px solid #ebebeb;
  background-color: #ffffff;
  overflow: hidden;
  /*头部 tab区域*/
  /*内容区域*/
}
.ui-tab .ui-tab-headct {
  width: 100%;
  position: relative;
  height: 41px;
  box-sizing: border-box;
  background-color: #ffffff;
  border-bottom: 1px solid #ebebeb;
}
.ui-tab .ui-tab-head {
  box-sizing: border-box;
  overflow-x: visible;
  white-space: nowrap;
}
.ui-tab .ui-tab-head .ui-tab-item {
  box-sizing: border-box;
  display: inline-block;
  padding: 10px 20px;
  user-select: none;
  margin-right: 1px;
}
.ui-tab .ui-tab-head .ui-tab-item .ui-tab-close {
  margin-left: 10px;
  font-size: 12px;
  border-radius: 10px;
}
.ui-tab .ui-tab-head .ui-tab-item .ui-tab-close:hover {
  color: #409eff;
}
.ui-tab .ui-tab-head .ui-tab-item-active {
  font-weight: bold;
  background-color: #f0f0f0;
  color: #499ef5;
}
.ui-tab .ui-tab-body {
  flex: 1;
  padding: 10px;
  overflow: auto;
}
.ui-tab .ui-tab-body > div {
  overflow: auto;
  display: flex;
  flex: 1;
}

.ui-tip {
  position: fixed;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
}
.ui-tip .ui-tip-wrap {
  padding: 5px;
}
.ui-tip .ui-tip-item {
  width: 100%;
  box-sizing: border-box;
  padding: 20px;
  border-radius: 3px;
  display: flex;
  align-items: center;
}
.ui-tip .ui-tip-item > b {
  font-size: 18px;
  width: 20px;
  margin-right: 20px;
}
.ui-tip .ui-tip-item .ui-tip-content {
  flex: 1;
}
.ui-tip .ui-tip-item .ui-tip-close {
  margin-left: 20px;
  margin-right: 0;
  cursor: pointer;
}
.ui-tip .ui-tip-item .ui-tip-close:hover {
  color: #f56c6c;
}
.ui-tip .ui-tip-item .ui-tip-close::after {
  content: "×";
}

.ui-tip-top {
  top: 30px;
  left: 0;
  width: 100%;
}

.ui-tip-bottom {
  left: 0;
  bottom: 30px;
  width: 100%;
}

.ui-tip-left {
  left: 10px;
  top: 10px;
}

.ui-tip-right {
  right: 10px;
  top: 10px;
}

/********** tree ***********/
.ui-tree {
  overflow: auto;
}
.ui-tree .ui-tree-node-wrap {
  overflow: visible;
}
.ui-tree .ui-tree-node-wrap .ui-tree-node {
  display: block;
  padding: 3px 5px;
  cursor: pointer;
  word-break: keep-all;
  border-radius: 3px;
  word-break: keep-all;
  white-space: nowrap;
  user-select: none;
}
.ui-tree .ui-tree-node-wrap .ui-tree-node .ui-checkbox {
  margin-right: 3px;
}
.ui-tree .ui-tree-node-wrap .ui-tree-node * {
  word-break: keep-all;
  white-space: nowrap;
}
.ui-tree .ui-tree-node-wrap .ui-tree-node > b {
  width: 14px;
  padding-right: 3px;
  display: inline-block;
}
.ui-tree .ui-tree-sub-wrap {
  padding-left: 15px;
  display: block;
  overflow: visible;
}
.ui-tree .ui-tree-sub-wrap-hide {
  display: none;
}

/* toolbar */
.ui-toolbar {
  width: 100%;
  display: inline-flex;
  overflow: auto;
  box-sizing: border-box;
}
.ui-toolbar .ui-btn {
  padding: 10px !important;
  border: 0;
}
.ui-toolbar .ui-btn:hover {
  border: 0;
}

.ui-timeline {
  font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, SimSun, sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent;
  list-style-type: none;
  list-style-image: initial;
  list-style-position: initial;
  font-size: 14px;
  margin: 0;
}
.ui-timeline .ui-timeline-block .ui-timeline-reverse:last-child .ui-itemtail {
  display: none;
}
.ui-timeline .ui-timeline-block .ui-timeline-reverse {
  font-size: 14px;
  list-style-type: none;
  list-style-image: initial;
  list-style-position: initial;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  padding-inline-start: 40px;
}
.ui-timeline .ui-timeline-block .ui-timeline-reverse .ui-timeline-item {
  position: relative;
  padding-bottom: 20px;
}
.ui-timeline .ui-timeline-block .ui-timeline-reverse .ui-timeline-item li {
  text-align: -webkit-match-parent;
}
.ui-timeline .ui-timeline-block .ui-timeline-reverse .ui-timeline-item .ui-itemtail {
  /* 原来的样式 */
  position: absolute;
  left: 4px;
  height: 100%;
  border-left: 2px solid #e4e7ed;
  transform: translateY(12px);
}
.ui-timeline .ui-timeline-block .ui-timeline-reverse .ui-itemnode {
  position: absolute;
  background-color: #e4e7ed;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ui-timeline .ui-timeline-block .ui-timeline-reverse .ui-icon {
  display: inline-block;
  transform: scale(1.5);
  left: -2px;
}
.ui-timeline .ui-timeline-block .ui-timeline-reverse .ui-itemnode--normal {
  left: -1px;
  width: 12px;
  height: 12px;
}
.ui-timeline .ui-timeline-block .ui-timeline-reverse .ui-itemnode--large {
  left: -2px;
  width: 15px;
  height: 15px;
}
.ui-timeline .ui-timeline-block .ui-timeline-reverse .ui-itemnode--small {
  width: 10px;
  height: 10px;
}
.ui-timeline .ui-timeline-block .ui-timeline-reverse .ui-itemnode--hollow {
  background: white;
  border-style: solid;
  border-width: 2px;
  border-color: rgba(34, 172, 236, 0.952);
  left: -2px;
  width: 12px;
  height: 12px;
}
.ui-timeline .ui-timeline-block .ui-timeline-reverse .ui-itemwrapper {
  position: relative;
  padding-left: 28px;
  top: -3px;
}
.ui-timeline .ui-timeline-block .ui-timeline-reverse .ui-itemwrapper .ui-itemcontent {
  color: #303133;
}
.ui-timeline .ui-timeline-block .ui-timeline-reverse .ui-itemwrapper .ui-card-shadow {
  border-radius: 4px;
  border: 1px solid #ebeef5;
  background-color: #fff;
  overflow: hidden;
  color: #303133;
  transition: 0.3s;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}
.ui-timeline .ui-timeline-block .ui-timeline-reverse .ui-card-body {
  padding: 20px;
  color: #303133;
}
.ui-timeline .ui-timeline-block .ui-timeline-reverse .ui-itemtimestamp-bottom {
  color: #909399;
  line-height: 1;
  font-size: 13px;
  margin-top: 8px;
}
.ui-timeline .ui-timeline-block .ui-timeline-reverse .ui-itemtimestamp-top {
  margin-bottom: 8px;
  padding-top: 4px;
  color: #909399;
  line-height: 1;
  font-size: 13px;
  display: block;
}

/* button group*/
.ui-button-group {
  padding: 10px;
  box-sizing: border-box;
  width: 100%;
  display: inline-flex;
  justify-content: flex-end;
}
.ui-button-group .ui-btn {
  margin-right: 10px;
}
.ui-button-group .ui-btn:last-child {
  margin: 0px;
}

.ui-rate {
  list-style: none;
  display: inline-block;
  vertical-align: middle;
  padding: 10px 5px 10px 0px;
  font-size: 0;
  background-color: #ffffff;
  color: #606266;
}

.ui-inline {
  display: inline;
  vertical-align: middle;
}

.ui-rate-item {
  font-size: 20px;
  display: inline-block;
  color: #e6a23c;
  font-style: normal;
  margin-right: 5px;
  cursor: pointer;
}

.ui-carousel {
  position: relative;
  overflow: hidden;
}
.ui-carousel .ui-carousel-wrap {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.ui-carousel .ui-carousel-wrap .ui-carousel-item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: none;
  z-index: 0;
}
.ui-carousel .ui-carousel-wrap .ui-carousel-item-animation {
  z-index: 1;
  display: block;
  transition-property: all;
  transition-timing-function: ease;
}
.ui-carousel .ui-carousel-wrap .ui-carousel-item-active {
  display: block;
  z-index: 1;
}
.ui-carousel .ui-carousel-arrow-left,
.ui-carousel .ui-carousel-arrow-right {
  border: none;
  padding: 0;
  margin: 0;
  height: 32px;
  width: 32px;
  cursor: pointer;
  border-radius: 50%;
  z-index: 10;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
  font-size: 32px;
  transition: color 0.3s ease;
  color: #909399;
}
.ui-carousel .ui-carousel-arrow-left:hover,
.ui-carousel .ui-carousel-arrow-right:hover {
  color: #909399;
}
.ui-carousel .ui-carousel-arrow-left {
  left: 32px;
}
.ui-carousel .ui-carousel-arrow-right {
  right: 32px;
}
.ui-carousel .ui-carousel-arrow-hover div {
  color: transparent;
}
.ui-carousel:hover .ui-carousel-arrow-hover div {
  color: #909399;
}
.ui-carousel .ui-carousel-indicator-wrap {
  position: absolute;
  list-style: none;
  margin: 0;
  padding: 0;
  z-index: 10;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.ui-carousel .ui-carousel-indicator-wrap .ui-carousel-indicator {
  display: inline-block;
  cursor: pointer;
  margin: 4px;
  background-color: #909399;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  transition-property: all;
  transition-timing-function: ease;
}
.ui-carousel .ui-carousel-indicator-wrap .ui-carousel-indicator-active {
  background-color: #f56c6c;
}

.ui-file {
  display: flex;
  box-sizing: border-box;
  width: inherit;
  height: inherit;
  flex-wrap: wrap;
  overflow: hidden;
}
.ui-file > div {
  position: relative;
  display: inline-flex;
  background-color: whitesmoke;
}
.ui-file .ui-file-showct {
  flex: 1;
}
.ui-file .ui-file-showct a.ui-file-content {
  color: #606266;
  display: flex;
}
.ui-file .ui-file-showct a.ui-file-content div {
  flex: 1;
  box-sizing: border-box;
  padding: 10px;
  text-overflow: ellipsis;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.ui-file .ui-file-showct a.ui-file-content img {
  max-width: 100%;
  max-height: 100%;
  flex: 1;
}
.ui-file .ui-file-showct .ui-file-del {
  position: absolute;
  right: 2px;
  top: 2px;
  font-size: 18px;
  cursor: pointer;
}
.ui-file .ui-file-showct .ui-file-del:hover {
  color: #f56c6c;
}
.ui-file .ui-file-uploadct {
  box-sizing: border-box;
  display: flex;
  overflow: hidden;
  color: #909399;
}
.ui-file .ui-file-uploadct:hover {
  color: #606266;
}
.ui-file .ui-file-uploadct > div {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ui-file .ui-file-uploadct .ui-file-input {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  opacity: 0;
  display: block;
  padding: 0;
  margin: 0;
  border: 0;
  cursor: pointer;
}
.ui-file .ui-file-uploadct .ui-file-toupload {
  flex: 1;
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  font-size: 24pt;
  /*加号按钮*/
}
.ui-file .ui-file-uploadct .ui-file-toupload .ui-file-add {
  margin-top: -5px;
}

/*dialog*/
.ui-messagebox {
  z-index: 1000;
}
.ui-messagebox-wrap {
  min-width: 250px;
  max-width: 80%;
}
.ui-messagebox-body {
  box-sizing: border-box;
  padding: 20px;
  border-radius: 3px;
}
.ui-messagebox-content {
  padding: 10px 0;
}
.ui-messagebox-content > div {
  display: flex;
  flex-direction: column;
}
.ui-messagebox-content .ui-messagebox-text {
  flex: 1;
}
.ui-messagebox-content input {
  margin-top: 5px;
  background-color: #ffffff;
  flex: 1;
}
.ui-messagebox-btn-wrap {
  text-align: right;
  padding-top: 10px;
}
.ui-messagebox-btn-wrap .ui-btn {
  margin-right: 10px;
}
.ui-messagebox-btn-wrap .ui-btn:last-child {
  margin-right: 0;
}

/*radio*/
.ui-radiogroup {
  display: inline-flex;
  margin-left: 20px;
  align-items: center;
}
.ui-radiogroup .ui-radio {
  margin-right: 30px;
}
.ui-radiogroup .ui-radio:last-child {
  margin-right: 0;
}

.ui-radio {
  cursor: pointer;
}
.ui-radio > span {
  padding-left: 10px;
}
.ui-radio > b {
  display: inline-block;
  border-radius: 100%;
  border: 1px solid #606266;
  width: 12px;
  height: 12px;
  box-sizing: border-box;
}

.ui-radio-unactive > b {
  background-color: #ffffff;
  border-color: #606266;
}

.ui-radio-active {
  color: #409eff;
}
.ui-radio-active > b {
  border-color: #409eff;
  border-width: 5px;
}

/*checkbox*/
.ui-checkbox {
  /*选择框*/
  /*标题*/
}
.ui-checkbox .ui-checkbox-box {
  position: relative;
  display: inline-block;
  border: 1px solid #606266;
  width: 14px;
  height: 14px;
  line-height: 12px;
  box-sizing: border-box;
  color: #ffffff;
  user-select: none;
  text-align: center;
  border-radius: 2px;
  font-size: 12px;
}
.ui-checkbox .ui-checkbox-box .ui-checkbox-inner:after {
  width: 1;
  content: "";
  display: inline-block;
}
.ui-checkbox .ui-checkbox-title {
  padding-left: 10px;
}

/*选中*/
.ui-checkbox-checked .ui-checkbox-box {
  background-color: #409eff;
  border-color: #409eff;
  color: #ffffff;
}
.ui-checkbox-checked .ui-checkbox-box .ui-checkbox-inner {
  display: inline-block;
}
.ui-checkbox-checked .ui-checkbox-title {
  color: #409eff;
  display: inline-block;
}

/*部分选中*/
.ui-checkbox-partchecked .ui-checkbox-box {
  background-color: #409eff;
  border-color: #409eff;
  color: #ffffff;
  font-weight: bold;
}
.ui-checkbox-partchecked .ui-checkbox-box .ui-checkbox-inner:after {
  content: "-";
  position: relative;
  top: -1px;
}

/*loading*/
.ui-loading {
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
}
.ui-loading canvas {
  height: 100px;
  width: 100px;
}

.ui-loading-hide {
  display: none;
}

.ui-carousel {
  position: relative;
  overflow: hidden;
}
.ui-carousel .ui-carousel-wrap {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.ui-carousel .ui-carousel-wrap .ui-carousel-item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: none;
  z-index: 0;
}
.ui-carousel .ui-carousel-wrap .ui-carousel-item-animation {
  z-index: 1;
  display: block;
  transition-property: all;
  transition-timing-function: ease;
}
.ui-carousel .ui-carousel-wrap .ui-carousel-item-active {
  display: block;
  z-index: 1;
}
.ui-carousel .ui-carousel-arrow-left,
.ui-carousel .ui-carousel-arrow-right {
  border: none;
  padding: 0;
  margin: 0;
  height: 32px;
  width: 32px;
  cursor: pointer;
  border-radius: 50%;
  z-index: 10;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
  font-size: 32px;
  transition: color 0.3s ease;
  color: #909399;
}
.ui-carousel .ui-carousel-arrow-left:hover,
.ui-carousel .ui-carousel-arrow-right:hover {
  color: #909399;
}
.ui-carousel .ui-carousel-arrow-left {
  left: 32px;
}
.ui-carousel .ui-carousel-arrow-right {
  right: 32px;
}
.ui-carousel .ui-carousel-arrow-hover div {
  color: transparent;
}
.ui-carousel:hover .ui-carousel-arrow-hover div {
  color: #909399;
}
.ui-carousel .ui-carousel-indicator-wrap {
  position: absolute;
  list-style: none;
  margin: 0;
  padding: 0;
  z-index: 10;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.ui-carousel .ui-carousel-indicator-wrap .ui-carousel-indicator {
  display: inline-block;
  cursor: pointer;
  margin: 4px;
  background-color: #909399;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  transition-property: all;
  transition-timing-function: ease;
}
.ui-carousel .ui-carousel-indicator-wrap .ui-carousel-indicator-active {
  background-color: #f56c6c;
}

.ui-progress {
  position: relative;
  display: flex;
  align-items: center;
  line-height: 1;
  /*条状进度条*/
  /*圆圈进度条*/
}
.ui-progress-text {
  line-height: 1;
  min-width: 50px;
  margin-left: 5px;
}
.ui-progress-bar {
  flex-grow: 1;
  box-sizing: border-box;
}
.ui-progress-bar .ui-progress-inner {
  background-color: #67c23a;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  border-radius: 100px;
  line-height: 1;
  max-width: 100%;
  transition: width 0.3s ease;
}
.ui-progress-bar .ui-progress-outer {
  border-radius: 100px;
  background-color: whitesmoke;
  overflow: hidden;
  position: relative;
  vertical-align: middle;
}
.ui-progress-circle {
  display: inline-block;
}
.ui-progress-circle .ui-progress-track {
  overflow: hidden;
  display: flex;
}
.ui-progress-circle .ui-progress-wrapper {
  overflow: hidden;
  width: calc(50% - 1px);
  height: 100%;
}
.ui-progress-circle .ui-progress-left,
.ui-progress-circle .ui-progress-right {
  border-style: solid;
  border-color: #67c23a;
  transition: transform 0.3s ease;
}
.ui-progress-circle .ui-progress-left {
  float: left;
  border-top-color: whitesmoke;
  border-left-color: whitesmoke;
}
.ui-progress-circle .ui-progress-right {
  float: right;
  border-top-color: whitesmoke;
  border-right-color: whitesmoke;
}
.ui-progress-circle .ui-progress-text {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  text-align: center;
  margin: 0;
  transform: translate(0, -50%);
}
.ui-progress-small .ui-progress-bar .ui-progress-outer {
  height: 3px;
}
.ui-progress-small .ui-progress-text {
  font-size: 10px;
}
.ui-progress-small.ui-progress-circle .ui-progress-track {
  width: 60px;
  height: 60px;
}
.ui-progress-small.ui-progress-circle .ui-progress-left,
.ui-progress-small.ui-progress-circle .ui-progress-right {
  width: 54px;
  height: 54px;
  border-radius: 50%;
  border-width: 3px;
}
.ui-progress-normal .ui-progress-bar .ui-progress-outer {
  height: 6px;
}
.ui-progress-normal .ui-progress-text {
  font-size: 14px;
}
.ui-progress-normal.ui-progress-circle .ui-progress-track {
  width: 80px;
  height: 80px;
}
.ui-progress-normal.ui-progress-circle .ui-progress-left,
.ui-progress-normal.ui-progress-circle .ui-progress-right {
  width: 68px;
  height: 68px;
  border-radius: 50%;
  border-width: 6px;
}
.ui-progress-large .ui-progress-bar .ui-progress-outer {
  height: 9px;
}
.ui-progress-large .ui-progress-text {
  font-size: 18px;
}
.ui-progress-large.ui-progress-circle .ui-progress-track {
  width: 100px;
  height: 100px;
}
.ui-progress-large.ui-progress-circle .ui-progress-left,
.ui-progress-large.ui-progress-circle .ui-progress-right {
  width: 82px;
  height: 82px;
  border-radius: 50%;
  border-width: 9px;
}

/*range*/
.ui-range {
  display: inline-flex;
  flex: 1;
  flex-direction: row;
  background-color: #ffffff;
  box-sizing: border-box;
  color: #909399;
}
.ui-range > input {
  flex: 1;
  border: 0;
  color: inherit;
  padding: 10px;
  cursor: inherit;
  border-radius: 3px;
  border: 1px solid #ebebeb;
}
.ui-range > input:hover, .ui-range > input:focus {
  background-color: #ffffff;
  color: #409eff;
  border: 1px solid #409eff;
  color: #606266;
}
.ui-range span {
  padding: 10px;
}

.ui-rich-editor {
  border: 1px solid rgba(10, 10, 10, 0.1);
  box-sizing: border-box;
}
.ui-rich-editor-content {
  box-sizing: border-box;
  height: 300px;
  outline: 0;
  overflow-y: auto;
  padding: 10px;
}
.ui-rich-editor-toolbar {
  background-color: #FFF;
  border-bottom: 1px solid rgba(10, 10, 10, 0.1);
}
.ui-rich-editor-button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  height: 30px;
  outline: 0;
  width: 30px;
  vertical-align: bottom;
  color: #000;
  padding: 0;
}
.ui-rich-editor-button > b {
  margin-right: 0;
}
.ui-rich-editor-button-selected {
  color: #409eff;
  background-color: #ecf5ff;
}

.ui-skeleton-base {
  display: inline-block;
  background-color: rgba(0, 0, 0, 0.1490196078);
  border-radius: 4px;
}
.ui-skeleton-title {
  height: 18px;
  width: 50%;
  margin: 10px auto;
}
.ui-skeleton-circle {
  width: 36px;
  height: 36px;
  border-radius: 50%;
}
.ui-skeleton-rect {
  width: 64px;
  height: 32px;
}
.ui-skeleton-text {
  height: 14px;
  width: 100%;
  margin: 1px auto;
}
.ui-skeleton-img {
  width: 180px;
  height: 180px;
}
.ui-skeleton-animated .ui-skeleton-base {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.1490196078) 25%, rgba(0, 0, 0, 0.0588235294) 37%, rgba(0, 0, 0, 0.1490196078) 63%);
  background-size: 400% 100%;
  animation: ui-skeleton-loading 1.4s ease infinite;
}
@keyframes ui-skeleton-loading {
  0% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0 50%;
  }
}

.ui-slider-normal {
  width: 100%;
  height: 12px;
  position: relative;
  border-radius: 10px;
  background: #f0f0f0;
  cursor: pointer;
  flex: 1;
}
.ui-slider-normal .ui-slider-bar {
  position: absolute;
  height: 2px;
  border-radius: 2px;
  background: #409eff;
  top: 50%;
  transform: translateY(-50%);
}
.ui-slider-normal .ui-slider-dot {
  position: absolute;
  width: 12px;
  height: 12px;
  transform: translateX(-50%);
  top: 0;
  left: 0;
}
.ui-slider-normal .ui-slider-dot::after {
  content: "";
  position: absolute;
  width: 12px;
  height: 12px;
  transform: translateX(-50%);
  top: 0;
  left: 50%;
  display: inline-block;
  background: #ffffff;
  border: 2px solid #409eff;
  border-radius: 50%;
  box-sizing: border-box;
  transition: all 0.3s cubic-bezier(0.3, 1.3, 0.3, 1);
}
.ui-slider-normal .ui-slider-ticks .ui-slider-tick {
  position: absolute;
  width: 1px;
  height: 3px;
  top: 50%;
  transform: translate(-50%, -100%);
  margin-top: -1px;
}
.ui-slider-normal .ui-slider-ticks .ui-slider-tick-active {
  background-color: #409eff;
}

.ui-slider-vertical {
  width: 12px;
  max-width: 12px;
  height: 100%;
  border-radius: 10px;
  background: #f0f0f0;
  min-height: 200px;
  margin-bottom: 6px;
  margin-top: 6px;
  margin-right: 0;
  transform: translateY(0);
  flex: 1;
  position: relative;
  cursor: pointer;
}
.ui-slider-vertical .ui-slider-bar {
  position: absolute;
  width: 2px;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 2px;
  background: #409eff;
  bottom: 0;
}
.ui-slider-vertical .ui-slider-dot {
  position: absolute;
  height: 12px;
  width: 12px;
  left: 0;
  transform: translateY(50%);
}
.ui-slider-vertical .ui-slider-dot::after {
  content: "";
  display: inline-block;
  background-color: #f0f0f0;
  border: 2px solid #409eff;
  border-radius: 50%;
  box-sizing: border-box;
  transition: all 0.3s cubic-bezier(0.3, 1.3, 0.3, 1);
  position: absolute;
  height: 12px;
  width: 12px;
  left: 0;
  text-align: center;
}
.ui-slider-vertical .ui-slider-ticks .ui-slider-tick {
  position: absolute;
  width: 3px;
  height: 1px;
  transform: translate(-1px, 50%);
  left: 65%;
  top: unset;
  margin-top: unset;
}
.ui-slider-vertical .ui-slider-ticks .ui-slider-tick-active {
  background-color: #409eff;
}

.ui-slider-disabled .ui-slider-bar {
  background: rgba(0, 0, 0, 0.1);
}
.ui-slider-disabled .ui-slider-dot {
  cursor: not-allowed;
}
.ui-slider-disabled .ui-slider-dot::after {
  border-color: rgba(0, 0, 0, 0.1);
}

.ui-rating {
  display: inline-block;
}
.ui-rating input {
  font-family: ui-iconfont;
  -webkit-appearance: none;
  padding: 0;
  margin: 0;
  border: none;
  outline: none;
  cursor: pointer;
  transition: color 0.4s ease;
}
.ui-rating input:hover {
  transform: scale(1.2);
}
.ui-rating .ui-rating-small {
  font-size: 12px;
}
.ui-rating .ui-rating-normal {
  font-size: 14px;
}
.ui-rating .ui-rating-large {
  font-size: 20px;
}
.ui-rating .ui-rating-star {
  color: #ebebeb;
}
.ui-rating .ui-rating-star-filled {
  color: #e6a23c;
}
.ui-rating .ui-rating-star-half-filled {
  width: 0.5em;
  overflow: hidden;
}
.ui-rating span:nth-child(even) {
  direction: rtl;
}

.ui-rating-title {
  margin-left: 5px;
}

/*drawer*/
.ui-drawer {
  display: flex;
  position: fixed;
  align-items: center;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 999;
  overflow: hidden;
}
.ui-drawer .ui-drawer-content {
  z-index: 1;
}
.ui-drawer .ui-drawer-content > div {
  border: 0 !important;
}
.ui-drawer .ui-drawer-content .ui-drawer-close {
  cursor: pointer;
}
.ui-drawer .ui-drawer-content .ui-drawer-close:hover {
  color: #f56c6c;
}
.ui-drawer .ui-drawer-content .ui-drawer-close::after {
  content: "×";
}

.ui-badge {
  position: relative;
  vertical-align: middle;
  display: inline-block;
  border-radius: 3px;
  box-sizing: content-box;
}
.ui-badge .ui-badge-sup {
  border-radius: 10px;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  height: 18px;
  line-height: 18px;
  padding: 0 6px;
  text-align: center;
  white-space: nowrap;
  position: absolute;
  top: 0;
  right: 10px;
  transform: translateY(-50%) translateX(100%);
}
.ui-badge .ui-badge-sup.dot {
  height: 8px;
  width: 8px;
  padding: 0;
  right: 5px;
  border-radius: 50%;
}
.ui-badge .ui-badge-sup.active {
  position: absolute;
  top: -10px;
  right: -10px;
  animation: active 1.2s infinite;
}
.ui-badge .ui-badge-sup b {
  color: #f56c6c;
}
.ui-badge .ui-badge-sup.ui-badge-sup-error {
  background-color: #f56c6c;
}
.ui-badge .ui-badge-sup.ui-badge-sup-warn {
  background-color: #e6a23c;
}
.ui-badge .ui-badge-sup.ui-badge-sup-active {
  background-color: #409eff;
}
.ui-badge .ui-badge-sup.ui-badge-sup-success {
  background-color: #67c23a;
}

@keyframes active {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.7);
  }
  100% {
    transform: scale(1);
  }
}
.ui-steps {
  display: flex;
}
.ui-steps .ui-step {
  flex: 1 1 auto;
  position: relative;
}
.ui-steps .ui-step .ui-step-head {
  position: relative;
  width: 100%;
}
.ui-steps .ui-step .ui-step-head .ui-step-text,
.ui-steps .ui-step .ui-step-head .ui-step-icon {
  position: relative;
  z-index: 1;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  font-size: 14px;
  box-sizing: border-box;
  background: #fff;
  transition: 0.15s ease-out;
}
.ui-steps .ui-step .ui-step-head .ui-step-text .ui-step-inner,
.ui-steps .ui-step .ui-step-head .ui-step-icon .ui-step-inner {
  display: inline-block;
  text-align: center;
  line-height: 1;
  color: inherit;
}
.ui-steps .ui-step .ui-step-head .ui-step-text {
  border-radius: 50%;
  border: 1px solid;
  border-color: inherit;
}
.ui-steps .ui-step .ui-step-head .ui-step-icon {
  width: 40px;
  font-size: 18px;
}
.ui-steps .ui-step .ui-step-head .ui-step-line {
  position: absolute;
  border-color: inherit;
  background-color: #c0c4cc;
  height: 1px;
  width: 100%;
  top: 50%;
  left: 24px;
  transform: translateY(-50%);
}
.ui-steps .ui-step .ui-step-head .ui-step-line .ui-step-line-inner {
  display: block;
  border-color: inherit;
  transition: all ease 0.3s;
  box-sizing: border-box;
  width: 0;
  height: 0;
}
.ui-steps .ui-step:last-child .ui-step-line {
  display: none;
}
.ui-steps .ui-step .ui-step-main {
  width: 100%;
  text-align: left;
}
.ui-steps .ui-step .ui-step-main .ui-step-title {
  font-size: 16px;
  line-height: 38px;
}
.ui-steps .ui-step .ui-step-main .ui-step-description {
  padding-right: 10%;
  margin-top: -5px;
  font-size: 12px;
  line-height: 20px;
  font-weight: 400;
}
.ui-steps .ui-step.ui-step-success {
  color: #67c23a;
  border-color: #67c23a;
}
.ui-steps .ui-step.ui-step-process {
  color: #303133;
  border-color: #303133;
}
.ui-steps .ui-step.ui-step-process .ui-step-line-inner {
  width: 0 !important;
  height: 0 !important;
}
.ui-steps .ui-step.ui-step-process .ui-step-text {
  border: 2px solid;
}
.ui-steps .ui-step.ui-step-process .ui-step-text .ui-step-inner {
  font-weight: bolder;
}
.ui-steps .ui-step.ui-step-process .ui-step-icon .ui-step-inner {
  font-weight: bolder;
}
.ui-steps .ui-step.ui-step-wait {
  color: #c0c4cc;
  border-color: #c0c4cc;
}
.ui-steps .ui-step.ui-step-wait .ui-step-line {
  background-color: rgba(5, 5, 5, 0.06);
}
.ui-steps.ui-steps-vertical {
  height: 100%;
  flex-flow: column;
}
.ui-steps.ui-steps-vertical .ui-step {
  display: flex;
}
.ui-steps.ui-steps-vertical .ui-step .ui-step-head {
  flex-grow: 0;
  width: 24px;
}
.ui-steps.ui-steps-vertical .ui-step .ui-step-head .ui-step-line {
  height: 100%;
  width: 1px;
  top: 0;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.ui-steps.ui-steps-vertical .ui-step .ui-step-head .ui-step-line .ui-step-line-inner {
  border-left: 1px solid;
}
.ui-steps.ui-steps-vertical .ui-step .ui-step-main {
  padding-left: 10px;
  flex-grow: 1;
}
.ui-steps.ui-steps-vertical .ui-step .ui-step-main .ui-step-title {
  line-height: 24px;
  padding-bottom: 8px;
}
.ui-steps.ui-steps-vertical .ui-step.ui-step-success .ui-step-line-inner {
  width: 0;
  height: 100%;
}
.ui-steps.ui-steps-horizontal {
  white-space: nowrap;
}
.ui-steps.ui-steps-horizontal .ui-step {
  display: inline-block;
}
.ui-steps.ui-steps-horizontal .ui-step:last-child {
  flex: 0 0 min-content;
}
.ui-steps.ui-steps-horizontal .ui-step .ui-step-line-inner {
  border-top: 1px solid;
}
.ui-steps.ui-steps-horizontal .ui-step.ui-step-success .ui-step-line-inner {
  width: 100%;
  height: 0;
}

.ui-step-success.active {
  color: #409eff !important;
  border-color: #409eff !important;
}

.ui-step-success.success {
  color: #67c23a !important;
  border-color: #67c23a !important;
}

.ui-step-process.active {
  color: #409eff !important;
  border-color: #409eff !important;
}

.ui-step-process.success {
  color: #67c23a !important;
  border-color: #67c23a !important;
}

.ui-step-process.error {
  color: #f56c6c !important;
  border-color: #f56c6c !important;
}

.ui-step-process.warn {
  color: #e6a23c !important;
  border-color: #e6a23c !important;
}

.ui-timeline {
  font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, SimSun, sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent;
  list-style-type: none;
  list-style-image: initial;
  list-style-position: initial;
  font-size: 14px;
  margin: 0;
}
.ui-timeline .ui-timeline-block .ui-timeline-reverse:last-child .ui-itemtail {
  display: none;
}
.ui-timeline .ui-timeline-block .ui-timeline-reverse {
  font-size: 14px;
  list-style-type: none;
  list-style-image: initial;
  list-style-position: initial;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  padding-inline-start: 40px;
}
.ui-timeline .ui-timeline-block .ui-timeline-reverse .ui-timeline-item {
  position: relative;
  padding-bottom: 20px;
}
.ui-timeline .ui-timeline-block .ui-timeline-reverse .ui-timeline-item li {
  text-align: -webkit-match-parent;
}
.ui-timeline .ui-timeline-block .ui-timeline-reverse .ui-timeline-item .ui-itemtail {
  /* 原来的样式 */
  position: absolute;
  left: 4px;
  height: 100%;
  border-left: 2px solid #e4e7ed;
  transform: translateY(12px);
}
.ui-timeline .ui-timeline-block .ui-timeline-reverse .ui-itemnode {
  position: absolute;
  background-color: #e4e7ed;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ui-timeline .ui-timeline-block .ui-timeline-reverse .ui-icon {
  display: inline-block;
  transform: scale(1.5);
  left: -2px;
}
.ui-timeline .ui-timeline-block .ui-timeline-reverse .ui-itemnode--normal {
  left: -1px;
  width: 12px;
  height: 12px;
}
.ui-timeline .ui-timeline-block .ui-timeline-reverse .ui-itemnode--large {
  left: -2px;
  width: 15px;
  height: 15px;
}
.ui-timeline .ui-timeline-block .ui-timeline-reverse .ui-itemnode--small {
  width: 10px;
  height: 10px;
}
.ui-timeline .ui-timeline-block .ui-timeline-reverse .ui-itemnode--hollow {
  background: white;
  border-style: solid;
  border-width: 2px;
  border-color: rgba(34, 172, 236, 0.952);
  left: -2px;
  width: 12px;
  height: 12px;
}
.ui-timeline .ui-timeline-block .ui-timeline-reverse .ui-itemwrapper {
  position: relative;
  padding-left: 28px;
  top: -3px;
}
.ui-timeline .ui-timeline-block .ui-timeline-reverse .ui-itemwrapper .ui-itemcontent {
  color: #303133;
}
.ui-timeline .ui-timeline-block .ui-timeline-reverse .ui-itemwrapper .ui-card-shadow {
  border-radius: 4px;
  border: 1px solid #ebeef5;
  background-color: #fff;
  overflow: hidden;
  color: #303133;
  transition: 0.3s;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
}
.ui-timeline .ui-timeline-block .ui-timeline-reverse .ui-card-body {
  padding: 20px;
  color: #303133;
}
.ui-timeline .ui-timeline-block .ui-timeline-reverse .ui-itemtimestamp-bottom {
  color: #909399;
  line-height: 1;
  font-size: 13px;
  margin-top: 8px;
}
.ui-timeline .ui-timeline-block .ui-timeline-reverse .ui-itemtimestamp-top {
  margin-bottom: 8px;
  padding-top: 4px;
  color: #909399;
  line-height: 1;
  font-size: 13px;
  display: block;
}

.ui-color-picker {
  display: inline-block;
  position: relative;
  line-height: normal;
  outline: none;
  border: 2px solid rgba(0, 0, 0, 0.1);
  height: 230px;
}
.ui-color-picker-dropdown {
  width: 300px;
}
.ui-color-picker-wrapper {
  margin-bottom: 6px;
}
.ui-color-picker-input {
  float: left;
  line-height: 26px;
  font-size: 12px;
  color: #f0f0f0;
  width: 140px;
  height: 50px;
}

.ui-sv-panel {
  position: relative;
  width: 280px;
  height: 180px;
}
.ui-sv-panel-white {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
}
.ui-sv-panel-black {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(to top, #000, rgba(0, 0, 0, 0));
}
.ui-sv-panel-cursor {
  position: absolute;
  cursor: default;
  width: 4px;
  height: 4px;
  box-shadow: 0 0 0 1.5px #fff, inset 0 0 1px 1px rgba(0, 0, 0, 0.3), 0 0 1px 2px rgba(0, 0, 0, 0.4);
  border-radius: 50%;
  transform: translate(-2px, -2px);
}

.ui-hue-slider {
  position: relative;
  box-sizing: border-box;
  width: 12px;
  height: 180px;
  padding: 2px 0;
  background-color: #f00;
  float: right;
  top: -180px;
}
.ui-hue-slider-bar {
  position: relative;
  background: linear-gradient(to right, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);
  background: linear-gradient(to bottom, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);
  height: 100%;
}
.ui-hue-slider-thumb {
  position: absolute;
  cursor: pointer;
  box-sizing: border-box;
  left: 0;
  top: 0;
  width: 4px;
  height: 100%;
  border-radius: 1px;
  background: #fff;
  border: 1px solid lightcyan;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.6);
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 4px;
}

.ui-avatar {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  text-align: center;
  overflow: hidden;
  outline: none;
  background-color: whitesmoke;
  vertical-align: middle;
  border-radius: 3px;
  margin: auto;
}
.ui-avatar img {
  width: 100%;
  height: 100%;
  border-radius: inherit;
  display: block;
  object-fit: cover;
}

.ui-avatar-circle {
  border-radius: 50%;
}

.ui-avatar-square {
  border-radius: 3px;
}

.ui-avatar-small {
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 10px;
}
.ui-avatar-small b {
  font-size: 20px;
  display: block;
}

.ui-avatar-normal {
  width: 60px;
  height: 60px;
  line-height: 60px;
  font-size: 14px;
}
.ui-avatar-normal b {
  font-size: 30px;
  display: block;
}

.ui-avatar-big {
  width: 80px;
  height: 80px;
  line-height: 80px;
  font-size: 16px;
}
.ui-avatar-big b {
  font-size: 48px;
  display: block;
}

.ui-card {
  display: flex;
  flex-direction: column;
  border: 1px solid #ebebeb;
  background-color: #ffffff;
  border-radius: 3px;
  transition: box-shadow all ease 0.3s;
  overflow: hidden;
}

.ui-card-always {
  box-shadow: 0 4px 14px 0 rgba(0, 0, 0, 0.1);
}

.ui-card-hover:hover {
  box-shadow: 0 4px 14px 0 rgba(0, 0, 0, 0.1);
}

.ui-card-header {
  padding: 10px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #ebebeb;
}

.ui-card-footer {
  padding: 10px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  border-top: 1px solid #ebebeb;
}

.ui-card-body {
  display: flex;
  padding: 10px;
  height: calc(100% - 20px);
}

.ui-popover {
  position: relative;
  display: inline-block;
  cursor: default;
}
.ui-popover-trigger {
  display: inline-block;
}
.ui-popover-content {
  position: absolute;
  background-color: #ffffff;
  color: #606266;
  padding: 10px;
  border-radius: 3px;
  font-size: 14px;
  white-space: nowrap;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s, visibility 0.3s;
  z-index: 1000;
  word-break: break-all;
  box-sizing: border-box;
  border: 1px solid #ebebeb;
}
.ui-popover-content[data-placement=bottom] {
  top: calc(100% + 10px);
  left: 50%;
  transform: translateX(-50%);
}
.ui-popover-content[data-placement=bottom]::before {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  border-width: 8px;
  border-style: solid;
  border-color: transparent transparent #ffffff transparent;
}
.ui-popover-content[data-placement=bottom]::after {
  content: "";
  position: absolute;
  bottom: calc(100% + 1px);
  left: 50%;
  transform: translateX(-50%);
  border-width: 8px;
  border-style: solid;
  border-color: transparent transparent #ebebeb transparent;
  z-index: -1;
}
.ui-popover-content[data-placement=right] {
  top: 50%;
  left: calc(100% + 10px);
  transform: translateY(-50%);
}
.ui-popover-content[data-placement=right]::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -15px;
  transform: translateY(-50%);
  border-width: 8px;
  border-style: solid;
  border-color: transparent #ffffff transparent transparent;
}
.ui-popover-content[data-placement=right]::after {
  content: "";
  position: absolute;
  top: 50%;
  left: -16px;
  transform: translateY(-50%);
  border-width: 8px;
  border-style: solid;
  border-color: transparent #ebebeb transparent transparent;
  z-index: -1;
}
.ui-popover-content[data-placement=left] {
  top: 50%;
  right: calc(100% + 10px);
  transform: translateY(-50%);
}
.ui-popover-content[data-placement=left]::before {
  content: "";
  position: absolute;
  top: 50%;
  right: -15px;
  transform: translateY(-50%);
  border-width: 8px;
  border-style: solid;
  border-color: transparent transparent transparent #ffffff;
}
.ui-popover-content[data-placement=left]::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -16px;
  transform: translateY(-50%);
  border-width: 8px;
  border-style: solid;
  border-color: transparent transparent transparent #ebebeb;
  z-index: -1;
}
.ui-popover-content[data-placement=top] {
  bottom: calc(100% + 10px);
  left: 50%;
  transform: translateX(-50%);
}
.ui-popover-content[data-placement=top]::before {
  content: "";
  position: absolute;
  bottom: -15px;
  left: 50%;
  transform: translateX(-50%);
  border-width: 8px;
  border-style: solid;
  border-color: #ffffff transparent transparent transparent;
}
.ui-popover-content[data-placement=top]::after {
  content: "";
  position: absolute;
  bottom: -16px;
  left: 50%;
  transform: translateX(-50%);
  border-width: 8px;
  border-style: solid;
  border-color: #ebebeb transparent transparent transparent;
  z-index: -1;
}
.ui-popover:hover .ui-popover-content, .ui-popover:focus-within .ui-popover-content {
  opacity: 1;
  visibility: visible;
}

.ui-breadcrumb-item {
  float: left;
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  cursor: default;
}

.ui-breadcrumb-item-link {
  font-weight: bold;
  transition: color all ease 0.3s;
  color: #606266;
}
.ui-breadcrumb-item-link a {
  color: inherit;
}
.ui-breadcrumb-item-link a:hover {
  color: #409eff;
}

.ui-breadcrumb-item-link:hover {
  color: #409eff;
  cursor: pointer;
}

.ui-breadcrumb-item-unlink {
  cursor: default;
  color: #828385;
}

.ui-breadcrumb-separator {
  margin: 0 7px;
  color: #828385;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

/*# sourceMappingURL=nodomui.css.map */