@charset "UTF-8";
/*
  系统色(System)
*/
/*
  中性色(Medium)
*/
/*
  功能色(Fuction)
*/
/*
  装饰色(Decorator)
*/
/*
  字体(Font Family)
*/
/*
  字号 (Font size)
*/
/*
  间距 (Space)
*/
/*
  圆角 (Radius)
*/
/*
  box-shadow
*/
.loadmask .loader .loadbar {
  border-radius: 50px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  position: absolute;
  left: 44.5%;
  top: 37%;
  width: 12%;
  height: 26%;
  background: #000;
  -webkit-animation: loader-fade 1s linear infinite;
  animation: loader-fade 1s linear infinite;
  opacity: 0;
}

.loadmask .loader .loadbar-1 {
  transform: rotate(0deg) translate(0, -142%);
  -webkit-transform: rotate(0deg) translate(0, -142%);
  -moz-transform: rotate(0deg) translate(0, -142%);
  -ms-transform: rotate(0deg) translate(0, -142%);
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}

.loadmask .loader .loadbar-2 {
  transform: rotate(30deg) translate(0, -142%);
  -webkit-transform: rotate(30deg) translate(0, -142%);
  -moz-transform: rotate(30deg) translate(0, -142%);
  -ms-transform: rotate(30deg) translate(0, -142%);
  -webkit-animation-delay: -0.9167s;
  animation-delay: -0.9167s;
}

.loadmask .loader .loadbar-3 {
  transform: rotate(60deg) translate(0, -142%);
  -webkit-transform: rotate(60deg) translate(0, -142%);
  -moz-transform: rotate(60deg) translate(0, -142%);
  -ms-transform: rotate(60deg) translate(0, -142%);
  -webkit-animation-delay: -1.8333s;
  animation-delay: -1.8333s;
}

.loadmask .loader .loadbar-4 {
  transform: rotate(90deg) translate(0, -142%);
  -webkit-transform: rotate(90deg) translate(0, -142%);
  -moz-transform: rotate(90deg) translate(0, -142%);
  -ms-transform: rotate(90deg) translate(0, -142%);
  -webkit-animation-delay: -2.75s;
  animation-delay: -2.75s;
}

.loadmask .loader .loadbar-5 {
  transform: rotate(120deg) translate(0, -142%);
  -webkit-transform: rotate(120deg) translate(0, -142%);
  -moz-transform: rotate(120deg) translate(0, -142%);
  -ms-transform: rotate(120deg) translate(0, -142%);
  -webkit-animation-delay: -3.6667s;
  animation-delay: -3.6667s;
}

.loadmask .loader .loadbar-6 {
  transform: rotate(150deg) translate(0, -142%);
  -webkit-transform: rotate(150deg) translate(0, -142%);
  -moz-transform: rotate(150deg) translate(0, -142%);
  -ms-transform: rotate(150deg) translate(0, -142%);
  -webkit-animation-delay: -4.5833s;
  animation-delay: -4.5833s;
}

.loadmask .loader .loadbar-7 {
  transform: rotate(180deg) translate(0, -142%);
  -webkit-transform: rotate(180deg) translate(0, -142%);
  -moz-transform: rotate(180deg) translate(0, -142%);
  -ms-transform: rotate(180deg) translate(0, -142%);
  -webkit-animation-delay: -5.5s;
  animation-delay: -5.5s;
}

.loadmask .loader .loadbar-8 {
  transform: rotate(210deg) translate(0, -142%);
  -webkit-transform: rotate(210deg) translate(0, -142%);
  -moz-transform: rotate(210deg) translate(0, -142%);
  -ms-transform: rotate(210deg) translate(0, -142%);
  -webkit-animation-delay: -6.4167s;
  animation-delay: -6.4167s;
}

.loadmask .loader .loadbar-9 {
  transform: rotate(240deg) translate(0, -142%);
  -webkit-transform: rotate(240deg) translate(0, -142%);
  -moz-transform: rotate(240deg) translate(0, -142%);
  -ms-transform: rotate(240deg) translate(0, -142%);
  -webkit-animation-delay: -7.3333s;
  animation-delay: -7.3333s;
}

.loadmask .loader .loadbar-10 {
  transform: rotate(270deg) translate(0, -142%);
  -webkit-transform: rotate(270deg) translate(0, -142%);
  -moz-transform: rotate(270deg) translate(0, -142%);
  -ms-transform: rotate(270deg) translate(0, -142%);
  -webkit-animation-delay: -8.25s;
  animation-delay: -8.25s;
}

.loadmask .loader .loadbar-11 {
  transform: rotate(300deg) translate(0, -142%);
  -webkit-transform: rotate(300deg) translate(0, -142%);
  -moz-transform: rotate(300deg) translate(0, -142%);
  -ms-transform: rotate(300deg) translate(0, -142%);
  -webkit-animation-delay: -9.1667s;
  animation-delay: -9.1667s;
}

.loadmask .loader .loadbar-12 {
  transform: rotate(330deg) translate(0, -142%);
  -webkit-transform: rotate(330deg) translate(0, -142%);
  -moz-transform: rotate(330deg) translate(0, -142%);
  -ms-transform: rotate(330deg) translate(0, -142%);
  -webkit-animation-delay: -10.0833s;
  animation-delay: -10.0833s;
}

@-webkit-keyframes loader-fade {
  from {
    opacity: 1;
  }

  to {
    opacity: 0.25;
  }
}

@keyframes loader-fade {
  from {
    opacity: 1;
  }

  to {
    opacity: 0.25;
  }
}

.u-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.u-flex-flow-row,
.u-flex-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-flow: row;
  -ms-flex-flow: row;
  -o-flex-flow: row;
  flex-flow: row;
  -webkit-flex-flow: row;
  -ms-flex-flow: row;
  flex-flow: row;
  box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  box-orient: horizontal;
}

.u-flex-flow-column,
.u-flex-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-flow: column;
  -ms-flex-flow: column;
  -o-flex-flow: column;
  flex-flow: column;
  -webkit-flex-flow: column;
  -ms-flex-flow: column;
  flex-flow: column;
  box-orient: vertical;
  box-orient: vertical;
}

.u-flex-row,
.u-flex-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.u-flex-centered {
  box-align: center;
  box-pack: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.u-inflexible,
.u-flex-0 {
  -webkit-box-flex: 0;
  -ms-box-flex: 0;
  -ms-flex: 0;
  -webkit-flex: 0;
  flex: 0;
  -webkit-flex-shrink: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -webkit-flex-basis: 1;
  -ms-flex-preferred-size: 1;
  flex-basis: 1;
}

.u-flex-1 {
  -webkit-box-flex: 1;
  -ms-box-flex: 1;
  -ms-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  -webkit-flex-shrink: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -webkit-flex-basis: 1;
  -ms-flex-preferred-size: 1;
  flex-basis: 1;
}

.u-flex-2 {
  -webkit-box-flex: 2;
  -ms-box-flex: 2;
  -ms-flex: 2;
  -webkit-flex: 2;
  flex: 2;
  -webkit-flex-shrink: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -webkit-flex-basis: 1;
  -ms-flex-preferred-size: 1;
  flex-basis: 1;
}

.u-flex-3 {
  -webkit-box-flex: 3;
  -ms-box-flex: 3;
  -ms-flex: 3;
  -webkit-flex: 3;
  flex: 3;
  -webkit-flex-shrink: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -webkit-flex-basis: 1;
  -ms-flex-preferred-size: 1;
  flex-basis: 1;
}

.u-flex-4 {
  -webkit-box-flex: 4;
  -ms-box-flex: 4;
  -ms-flex: 4;
  -webkit-flex: 4;
  flex: 4;
  -webkit-flex-shrink: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -webkit-flex-basis: 1;
  -ms-flex-preferred-size: 1;
  flex-basis: 1;
}

.u-flex-5 {
  -webkit-box-flex: 5;
  -ms-box-flex: 5;
  -ms-flex: 5;
  -webkit-flex: 5;
  flex: 5;
  -webkit-flex-shrink: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -webkit-flex-basis: 1;
  -ms-flex-preferred-size: 1;
  flex-basis: 1;
}

.u-flex-6 {
  -webkit-box-flex: 6;
  -ms-box-flex: 6;
  -ms-flex: 6;
  -webkit-flex: 6;
  flex: 6;
  -webkit-flex-shrink: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -webkit-flex-basis: 1;
  -ms-flex-preferred-size: 1;
  flex-basis: 1;
}

.u-flex-7 {
  -webkit-box-flex: 7;
  -ms-box-flex: 7;
  -ms-flex: 7;
  -webkit-flex: 7;
  flex: 7;
  -webkit-flex-shrink: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -webkit-flex-basis: 1;
  -ms-flex-preferred-size: 1;
  flex-basis: 1;
}

.u-flex-8 {
  -webkit-box-flex: 8;
  -ms-box-flex: 8;
  -ms-flex: 8;
  -webkit-flex: 8;
  flex: 8;
  -webkit-flex-shrink: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -webkit-flex-basis: 1;
  -ms-flex-preferred-size: 1;
  flex-basis: 1;
}

.u-flex-9 {
  -webkit-box-flex: 9;
  -ms-box-flex: 9;
  -ms-flex: 9;
  -webkit-flex: 9;
  flex: 9;
  -webkit-flex-shrink: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -webkit-flex-basis: 1;
  -ms-flex-preferred-size: 1;
  flex-basis: 1;
}

.u-flex-10 {
  -webkit-box-flex: 10;
  -ms-box-flex: 10;
  -ms-flex: 10;
  -webkit-flex: 10;
  flex: 10;
  -webkit-flex-shrink: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -webkit-flex-basis: 1;
  -ms-flex-preferred-size: 1;
  flex-basis: 1;
}

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

.u-nowrap {
  white-space: nowrap;
}

.u-nonav {
  touch-callout: none;
}

.u-unselectable {
  touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.u-height-auto {
  height: auto;
}

.u-width-auto {
  width: auto;
}

.u-height-fill,
.u-fill {
  height: 100%;
}

html.u-app {
  height: 100%;
}

html.u-app body {
  height: 100%;
}

.u-width-fill,
.u-fill {
  width: 100%;
}

html.u-app {
  width: 100%;
}

html.u-app body {
  width: 100%;
}

.u-margin-auto {
  margin: auto;
}

.u-border-box {
  box-sizing: border-box;
}

.u-border-box * {
  box-sizing: border-box;
}

.u-ellipsis {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.u-absolute {
  position: absolute;
}

.u-relative {
  position: relative;
}

.u-absolute-centering {
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

html.u-app {
  overflow: hidden;
  box-sizing: border-box;
}

html.u-app body {
  overflow: hidden;
  box-sizing: border-box;
}

html.u-app *,
  html.u-app body * {
  box-sizing: border-box;
}

.z-scroller {
  overflow: auto;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-flow: column;
  -ms-flex-flow: column;
  -o-flex-flow: column;
  flex-flow: column;
  -webkit-flex-flow: column;
  -ms-flex-flow: column;
  flex-flow: column;
  box-orient: vertical;
  -webkit-box-flex: 1 1 auto;
  -ms-box-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
}

.z-scroller .z-content-wrapper {
  -webkit-box-flex: 1 1 auto;
  -ms-box-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -webkit-box-pack: start;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  flex-pack: start;
  -ms-flex-pack: start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-flow: row;
  -ms-flex-flow: row;
  -o-flex-flow: row;
  flex-flow: row;
  -webkit-flex-flow: row;
  -ms-flex-flow: row;
  flex-flow: row;
  box-orient: horizontal;
  position: relative;
  overflow: auto;
  z-index: 10;
}

.z-scroller .z-content-wrapper-fix {
  z-index: -1;
  -webkit-box-flex: 1;
  -ms-box-flex: 1;
  -ms-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}

.z-vertical-scroller {
  overflow: hidden;
  overflow-y: auto;
  right: 0px;
  top: 0px;
  width: 1px;
  -webkit-box-flex: none;
  -ms-box-flex: none;
  -ms-flex: none;
  -webkit-flex: none;
  flex: none;
  visibility: hidden;
}

.z-horizontal-scroller {
  height: 0.1px;
  visibility: hidden;
}

.z-vertical-scrollbar {
  overflow: hidden;
  position: absolute;
  height: 100%;
  right: 0px;
  top: 0px;
}

.z-horizontal-scrollbar {
  -webkit-transform: translate3d(0px, 0px, 1px);
  transform: translate3d(0px, 0px, 1px);
  -ms-transform: translate(0px, 0px);
  /* IE 9 */
  -webkit-box-flex: 0 0 auto;
  -ms-box-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
  height: auto;
  width: 100%;
  position: relative;
  left: 0px;
  bottom: 0px;
  overflow: auto;
  z-index: 8;
}

.z-horizontal-scrollbar.mac-fix {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-flow: row;
  -ms-flex-flow: row;
  -o-flex-flow: row;
  flex-flow: row;
  -webkit-flex-flow: row;
  -ms-flex-flow: row;
  flex-flow: row;
  box-orient: horizontal;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -webkit-box-pack: stretch;
  justify-content: stretch;
  -webkit-justify-content: stretch;
  flex-pack: justify;
  -ms-flex-pack: justify;
}

.z-horizontal-scrollbar-fix {
  -webkit-box-flex: 1;
  -ms-box-flex: 1;
  -ms-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  overflow: auto;
}

.loadmask {
  z-index: 100;
}

.z-unselectable {
  touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.react-datagrid {
  margin: 10px 0;
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-flow: column;
  -ms-flex-flow: column;
  -o-flex-flow: column;
  flex-flow: column;
  -webkit-flex-flow: column;
  -ms-flex-flow: column;
  flex-flow: column;
  box-orient: vertical;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.react-datagrid * {
  box-sizing: border-box;
}

.react-datagrid .z-resize-proxy {
  position: absolute;
  height: 100%;
  top: 30px;
  width: 3px;
  z-index: 9;
  border-left: 1px solid #5cadff;
}

.react-datagrid .z-resize-block {
  position: absolute;
  top: 0px;
  width: 3px;
  height: 30px !important;
  background: #5cadff;
  z-index: 9;
}

.react-datagrid.z-columns-resizable .z-resize-proxy {
  display: block;
}

.react-datagrid .z-row,
  .react-datagrid .react-datagrid-pagination-toolbar {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.react-datagrid .loadmask,
  .react-datagrid .z-header-menu-column {
  z-index: 100;
}

.react-datagrid > .z-inner {
  -webkit-box-flex: 1;
  -ms-box-flex: 1;
  -ms-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  overflow: hidden;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-flow: column;
  -ms-flex-flow: column;
  -o-flex-flow: column;
  flex-flow: column;
  -webkit-flex-flow: column;
  -ms-flex-flow: column;
  flex-flow: column;
  box-orient: vertical;
}

.react-datagrid > .z-inner .z-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-flow: column;
  -ms-flex-flow: column;
  -o-flex-flow: column;
  flex-flow: column;
  -webkit-flex-flow: column;
  -ms-flex-flow: column;
  flex-flow: column;
  box-orient: vertical;
  -webkit-box-flex: 1 1 auto;
  -ms-box-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  overflow: hidden;
}

.react-datagrid .z-header-wrapper,
  .react-datagrid .z-footer-wrapper {
  width: 100%;
}

.react-datagrid .z-table {
  font-size: 14px;
  line-height: 48px;
  overflow: hidden;
  margin: 0;
  padding: 0;
  color: #36434d;
}

.react-datagrid .z-header,
  .react-datagrid .z-summary,
  .react-datagrid .z-table .z-row {
  border-bottom: 1px solid #f0f2f5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-flow: row;
  -ms-flex-flow: row;
  -o-flex-flow: row;
  flex-flow: row;
  -webkit-flex-flow: row;
  -ms-flex-flow: row;
  flex-flow: row;
  box-orient: horizontal;
  z-index: 1;
}

.react-datagrid .z-mask-wrapper {
  bottom: 0px;
  width: 100%;
  position: absolute;
  display: none;
}

.react-datagrid.z-loading .z-mask-wrapper {
  display: block;
}

.react-datagrid.z-empty .z-content-wrapper-fix {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.react-datagrid.z-empty .z-table-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-flow: column;
  -ms-flex-flow: column;
  -o-flex-flow: column;
  flex-flow: column;
  -webkit-flex-flow: column;
  -ms-flex-flow: column;
  flex-flow: column;
  box-orient: vertical;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-justify-content: center;
  flex-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.react-datagrid.z-empty .z-empty-text {
  width: 100%;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-justify-content: center;
  flex-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.react-datagrid .z-header-menu-column {
  background: #fff;
  position: absolute;
  top: 0px;
}

.react-datagrid .z-header-menu-column .menu-row {
  touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.react-datagrid .z-header-menu-column .menu-row.over {
  background: #d7e7ff;
}

.react-datagrid .z-header {
  font-size: 12px;
  color: #66757f;
}

.react-datagrid.z-with-column-menu .z-column-header .z-show-filter,
  .react-datagrid.z-with-column-menu .z-column-header .z-show-menu {
  display: none;
}

.react-datagrid.z-with-column-menu .z-column-header .z-show-filter {
  right: 15px;
  background: #fff;
}

.react-datagrid.z-with-column-menu .z-column-header.z-over.z-filterable .z-show-filter {
  display: block;
}

.react-datagrid.z-with-column-menu .z-column-header.z-filtered {
  font-style: italic;
}

.react-datagrid .z-header-wrapper {
  -webkit-box-flex: 0 0 auto;
  -ms-box-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  flex: 0 0 auto;
}

.react-datagrid .z-header-wrapper.z-dragging .z-column-header:not(.z-drag) {
  -webkit-transition: left 0.4s;
  transition: left 0.4s;
}

.react-datagrid .z-column-header {
  position: relative;
  font-weight: bold;
}

.react-datagrid .z-column-header .z-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-flow: row;
  -ms-flex-flow: row;
  -o-flex-flow: row;
  flex-flow: row;
  -webkit-flex-flow: row;
  -ms-flex-flow: row;
  flex-flow: row;
  box-orient: horizontal;
  height: 100%;
}

.react-datagrid .z-column-header .z-content {
  cursor: default;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  user-select: text;
  -moz-user-select: text;
  -webkit-user-select: text;
  -ms-user-select: text;
}

.react-datagrid .z-column-header.z-sortable .z-inner {
  cursor: pointer;
}

.react-datagrid .z-column-header.z-over {
  background: -webkit-linear-gradient(top, #fbfbfb 0%, #f8f8f8 13%, #f4f4f4 100%);
  background: linear-gradient(to bottom, #fbfbfb 0%, #f8f8f8 13%, #f4f4f4 100%);
}

.react-datagrid .z-column-header span {
  user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  position: relative;
}

.react-datagrid .z-column-header .z-icon-sort-info-down {
  position: absolute;
  display: block;
  content: "";
  top: -3px;
  right: -12px;
  border: 3px solid transparent;
  border-bottom: 5px solid #acb7bf;
}

.react-datagrid .z-column-header .z-icon-sort-info-top {
  position: absolute;
  display: block;
  content: "";
  top: 6px;
  right: -12px;
  border: 3px solid transparent;
  border-top: 5px solid #acb7bf;
}

.react-datagrid .z-column-header.z-drag {
  z-index: 1;
  background: -webkit-linear-gradient(top, #fbfbfb 0%, #f8f8f8 13%, #f4f4f4 100%);
  background: linear-gradient(to bottom, #fbfbfb 0%, #f8f8f8 13%, #f4f4f4 100%);
  border-right: 1px solid #a8a8a8;
  border-left: 1px solid #a8a8a8;
}

.react-datagrid .z-column-header .z-column-resize {
  display: inline-block;
  height: 100%;
  width: 3px;
  right: 0px;
  top: 0px;
  position: absolute;
  z-index: 7;
}

.react-datagrid .z-column-header.z-last .z-inner .z-column-resize {
  display: none !important;
}

.react-datagrid.z-style-alternate .z-odd.z-row {
  background: #f2f7ff;
}

.react-datagrid .z-column-content {
  overflow: visible;
}

.react-datagrid .z-row .z-cell .z-content {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  user-select: text;
  -moz-user-select: text;
  -webkit-user-select: text;
  -ms-user-select: text;
}

.react-datagrid .z-row.z-row_big-height {
  min-height: 52px;
}

.react-datagrid .z-row.z-over {
  background: #d7e7ff;
}

.react-datagrid .z-row.z-over.z-odd {
  background: #d7e7ff;
}

.react-datagrid .z-row.z-selected {
  background: rgba(133, 194, 255, 0.1);
  border-bottom: solid 1px rgba(133, 194, 255, 0.2);
}

.react-datagrid .z-row.z-selected.z-odd {
  background: rgba(133, 194, 255, 0.1);
}

.react-datagrid .z-row .z-cell {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: default;
  display: inline-block;
    /**wuzhe---- for ie9**/
  float: left;
    /**wuzhe---- for ie9**/
}

.react-datagrid .z-row .z-cell .z-content {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0px 5px;
}

.react-datagrid .z-group-row.z-over {
  background: #cfcfcf;
}

.react-datagrid .z-group-row.z-over.z-odd {
  background: #cfcfcf;
}

.react-datagrid .z-group-cell {
  -webkit-box-flex: 1;
  -ms-box-flex: 1;
  -ms-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}

.react-datagrid .z-group-row {
  background: #e6e6e6;
}

.react-datagrid.z-cell-borders-horizontal .z-cell:not(.z-column-header) {
  border-bottom: 1px dotted #a8a8a8;
}

.react-datagrid.z-cell-borders-vertical .z-group-row .z-cell:not(.z-column-header) {
  border-right: 1px dotted #a8a8a8;
}

.react-datagrid.z-cell-borders-vertical .z-cell.z-last:not(.z-column-header) {
  border-right: 1px dotted #a8a8a8;
}

.react-datagrid.z-cell-borders-vertical .z-cell:not(.z-first):not(.z-column-header) {
  border-left: 1px dotted #a8a8a8;
}

.react-datagrid .z-footer-wrapper {
  background: -webkit-linear-gradient(top, #f7f7f7 0%, #efefef 13%, #e6e6e6 100%);
  background: linear-gradient(to bottom, #f7f7f7 0%, #efefef 13%, #e6e6e6 100%);
}

.react-datagrid .z-summary {
  border-top: 1px solid #a8a8a8;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.react-datagrid .z-summary .z-cell {
  position: relative;
  border-bottom: 1px solid #a8a8a8;
}

.react-datagrid .z-summary .z-cell .z-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-flow: row;
  -ms-flex-flow: row;
  -o-flex-flow: row;
  flex-flow: row;
  -webkit-flex-flow: row;
  -ms-flex-flow: row;
  flex-flow: row;
  box-orient: horizontal;
  height: 100%;
}

.react-datagrid .z-summary .z-cell .z-content {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.react-datagrid .z-summary .z-cell.z-last {
  border-right: 1px solid #a8a8a8;
}

.react-datagrid .z-summary .z-cell:not(.z-first) {
  border-left: 1px solid #a8a8a8;
}

.react-datagrid .label-red {
  background-color: #eb5a5c;
}

.react-datagrid .lable-common-style {
  display: block;
  height: 24px;
  line-height: 26px;
  padding: 0 5px;
  color: #ffffff;
  width: auto;
  float: left;
  border-radius: 2px;
  font-size: 12px;
}

.label-red,
.label-green,
.label-orange,
.label-blue {
  display: block;
  height: 24px;
  line-height: 26px;
  padding: 0 5px;
  color: #ffffff;
  width: auto;
  float: left;
  border-radius: 2px;
  font-size: 12px;
}

.react-datagrid .z-table .blue {
  color: #005999;
  text-decoration: none;
}

.react-datagrid .z-table .weakne {
  color: #acb7bf;
  text-decoration: none;
}

.verticalScrollbarOuter::-webkit-scrollbar, .tableWrapper::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

.verticalScrollbarOuter::-webkit-scrollbar-track, .tableWrapper::-webkit-scrollbar-track {
  background-color: transparent;
  border-radius: 10px;
}

.tableWrapper::-webkit-scrollbar-thumb:vertical:hover {
  background-color: rgba(14, 17, 20, 0.3);
  -webkit-box-shadow: inset 0 0 20px rgba(14, 17, 20, 0.2) !important;
}

.tableWrapper::-webkit-scrollbar-thumb:horizontal:hover {
  background-color: rgba(14, 17, 20, 0.3);
  -webkit-box-shadow: inset 0 0 20px rgba(14, 17, 20, 0.2) !important;
}

.tableWrapper::-webkit-scrollbar-thumb {
  border: 2px solid transparent;
  border-radius: 8px;
  background-color: rgba(14, 17, 20, 0.1);
  -webkit-box-shadow: inset 0 0 20px rgba(14, 17, 20, 0.05) !important;
  background-clip: content-box;
}

.verticalScrollbarOuter::-webkit-scrollbar-thumb:horizontal:hover {
  background-color: rgba(14, 17, 20, 0.3);
  -webkit-box-shadow: inset 0 0 20px rgba(14, 17, 20, 0.2) !important;
}

.verticalScrollbarOuter::-webkit-scrollbar-thumb:vertical:hover {
  background-color: rgba(14, 17, 20, 0.3);
  -webkit-box-shadow: inset 0 0 20px rgba(14, 17, 20, 0.2) !important;
}

.verticalScrollbarOuter::-webkit-scrollbar-thumb:horizontal {
  border-radius: 8px;
  background-color: rgba(14, 17, 20, 0.1);
  -webkit-box-shadow: inset 0 0 20px rgba(14, 17, 20, 0.05) !important;
  border: 2px solid transparent;
  background-clip: content-box;
}

/*wuzhe----scrollbar style*/
/*wuzhe--virtualScroller*/
.z-inner .z-header-wrapper .z-header {
  border-bottom: 0;
}

/*wuzhe--virtualScroller*/
/*wuzhe----icon style*/
.z-inner .z-content .seqdown-active-icon,
.z-inner .z-content .sequencedown-nomal-icon {
  width: 5px;
  height: 4px;
  position: absolute;
  display: block;
  right: 5px;
  top: 11px;
  line-height: 0;
}

.z-inner .z-content .seqdown-active-icon > svg,
  .z-inner .z-content .sequencedown-nomal-icon > svg {
  pointer-events: none;
}

.z-inner .z-content .seqdown-active-icon {
  color: #1d86f0;
}

.z-inner .z-content .seqdown-active-icon > svg {
  pointer-events: none;
}

.z-inner .z-content .sequencedown-nomal-icon {
  color: #acb7bf;
}

.z-inner .z-content .sequencedown-nomal-icon > svg {
  pointer-events: none;
}

.z-inner .z-content .icon-top {
  top: 5px;
  -ms-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.z-inner .z-content .sortBox {
  display: inline-block;
  max-width: 100%;
  position: relative;
}

.z-inner .z-content .titleText {
  margin: 0 4px 0 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
}

.z-inner .z-content .numSortBox.sortBox {
  padding-right: 0px;
  display: inline;
  position: inherit;
}

.z-inner .z-content .numSortBox.sortBox .seqdown-active-icon,
  .z-inner .z-content .numSortBox.sortBox .sequencedown-nomal-icon {
  right: 5px;
  top: 11px;
}

.z-inner .z-content .numSortBox.sortBox .seqdown-active-icon > svg,
    .z-inner .z-content .numSortBox.sortBox .sequencedown-nomal-icon > svg {
  pointer-events: none;
}

.z-inner .z-content .numSortBox.sortBox .icon-top {
  top: 11px;
  right: 5px;
}

/*wuzhe----icon style*/
/*wuzhe----fix columns style*/
.z-header.fixHeadLeft {
  position: absolute;
  background: #fafafb;
  z-index: 8;
}

.z-header.fixHeadRight {
  position: absolute;
  background: #fafafb;
  z-index: 8;
}

.z-header.fixHeadLeft {
  padding-left: 0px;
}

.z-header.fixHeadRight {
  right: 0px;
}

.z-header.main {
  background-color: rgba(230, 232, 235, 0.2);
}

.z-table.fixBodyRight {
  right: 15px;
}

.z-table.fixBodyLeft,
.z-table.fixBodyRight {
  z-index: 399;
}

.z-horizontal-scrollbar {
  z-index: 999;
}

.fixLeftShadow {
  background-color: white;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
}

.fixLeftShadow .showShadow {
  height: 40px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
}

.z-scroller .z-table .z-row {
  padding-left: 10px;
}

/*wuzhe----fix columns style*/
/*wuzhe--virtualScroller with fixed columns*/
.vScrollHide .fixBodyRight {
  right: 0px;
}

.vScrollHide .fixBodyRight .z-row {
  padding-right: 4px;
}

.vScrollHide .fixHeadRight {
  right: 0px;
  padding-right: 15px;
}

.vScrollHide .z-vertical-scrollbar {
  background: transparent;
}

.react-datagrid .z-inner.atBottom .z-header.fixHeadLeft,
.react-datagrid .z-inner.atBottom .z-header.fixHeadRight {
  border-bottom: 1px solid #e4ebf0;
  height: 31px;
}

.react-datagrid .z-vertical-scrollbar {
  background: #fff;
}

.react-datagrid .z-column-header {
  line-height: 40px;
  vertical-align: middle;
  height: 40px;
  display: inline-block;
}

.react-datagrid .z-column-header .z-content {
  height: 100%;
}

.react-datagrid .z-header {
  height: 40px;
}

.react-datagrid .z-scroller {
  overflow-y: hidden;
}

/*wuzhe--virtualScroller with fixed columns*/
.tableWrapper {
  position: relative;
  z-index: 9;
}

.tableWrapper .fixWrapperRight .z-cell-operator {
  max-width: 0px;
}

/*
  系统色(System)
*/
/*
  中性色(Medium)
*/
/*
  功能色(Fuction)
*/
/*
  装饰色(Decorator)
*/
/*
  字体(Font Family)
*/
/*
  字号 (Font size)
*/
/*
  间距 (Space)
*/
/*
  圆角 (Radius)
*/
/*
	main start
*/
.react-datagrid .z-align-right {
  text-align: right;
}

.react-datagrid .z-align-left {
  text-align: left;
}

.react-datagrid .z-align-center {
  text-align: center;
}

.react-datagrid .z-column-header {
  padding: 10px 0px;
}

.react-datagrid .z-column-header .z-content {
  font-family: "Helvetica Neue", Tahoma, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", STHeitiSC, sans-serif;
  font-size: 12px;
  line-height: 20px;
  color: #0e1114;
  font-weight: normal;
  text-overflow: inherit;
  height: 40px;
  position: relative;
  top: -11px;
  line-height: 40px;
}

.react-datagrid .z-column-header .z-content .z-icon-sort-info-top {
  top: 50%;
  transform: translateY(25%);
}

.react-datagrid .z-column-header .z-content .z-icon-sort-info-down {
  top: 50%;
  transform: translateY(-120%);
}

.react-datagrid .z-column-header .z-content .sortBox {
  line-height: 40px;
  height: 40px;
  padding-right: 6px;
}

.react-datagrid .z-column-header .z-content .sortBox .hotC {
  position: absolute;
  height: 40px;
  width: 20px;
  left: -4px;
  top: -10px;
}

.react-datagrid .z-column-header .z-content .sortBox .sortArea {
  display: inline-block;
  position: relative;
  top: -10px;
  width: 12px;
  height: 20px;
  cursor: pointer;
}

.react-datagrid .z-column-header .z-content .sortBox .sortAreaInSafari {
  top: 7px;
}

.react-datagrid .z-column-header.z-asc .z-icon-sort-info-top {
  border-bottom-color: none;
}

.react-datagrid .z-column-header.z-asc .z-icon-sort-info-down {
  border-bottom-color: #1d86f0;
}

.react-datagrid .z-column-header.z-desc .z-icon-sort-info-top {
  border-top-color: #1d86f0;
}

.react-datagrid .z-column-header.z-desc .z-icon-sort-info-down {
  border-top-color: none;
}

.react-datagrid .z-column-header.z-over {
  background: rgba(133, 194, 255, 0.1);
}

.react-datagrid .z-column-header.z-over .resize-area {
  cursor: auto;
}

.react-datagrid .z-column-header.z-over .resize-area:hover .z-column-resize:hover {
  cursor: e-resize;
}

.react-datagrid .z-column-header.z-over .z-column-resize {
  background: #e4ebf0;
}

.react-datagrid .z-column-header.z-over .z-column-resize:hover {
  background: #5cadff;
}

.react-datagrid .z-table {
  font-family: "Helvetica Neue", Tahoma, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", STHeitiSC, sans-serif;
  font-size: 12px;
  line-height: 20px;
  color: #0e1114;
}

.react-datagrid .z-table .z-row .highLightCell {
  background-color: rgba(133, 194, 255, 0.15);
}

.react-datagrid .z-row .z-cell .z-content {
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
}

.react-datagrid.z-style-alternate .z-odd.z-row {
  background: transparent;
}

.react-datagrid.z-style-alternate .z-odd.z-row.z-over {
  background: rgba(133, 194, 255, 0.1);
  border-bottom: 1px solid rgba(133, 194, 255, 0.2);
}

.react-datagrid.z-style-alternate .z-odd.z-row.preline, .react-datagrid.z-style-alternate .z-odd.z-row.checked-Preline {
  border-bottom: 1px solid rgba(133, 194, 255, 0.3);
}

.react-datagrid.z-style-alternate .z-odd.z-row.z-selected {
  background: rgba(133, 194, 255, 0.1);
}

.react-datagrid.z-style-alternate .z-odd.z-row.z-selected.z-over {
  background: rgba(133, 194, 255, 0.1);
}

.react-datagrid.z-style-alternate .z-even.z-row {
  background: transparent;
}

.react-datagrid.z-style-alternate .z-even.z-row.z-over {
  background: rgba(133, 194, 255, 0.1);
  border-bottom: 1px solid rgba(133, 194, 255, 0.2);
}

.react-datagrid.z-style-alternate .z-even.z-row.preline, .react-datagrid.z-style-alternate .z-even.z-row.checked-Preline {
  border-bottom: 1px solid rgba(133, 194, 255, 0.3);
}

.react-datagrid.z-style-alternate .z-even.z-row.z-selected {
  background: rgba(133, 194, 255, 0.1);
}

.react-datagrid.z-empty .z-empty-text {
  height: auto;
}

.react-datagrid.z-empty .z-empty-text .pc-sys-no-data-svg {
  width: 138px;
  height: 33px;
  justify-content: center;
  align-items: center;
}

.z-inner .z-header-wrapper .z-header .hideExpandTitle {
  opacity: 0;
}

.z-inner .z-content-high {
  border: 1px solid blue;
  background-color: #ffffff;
}

.fixWrapperLeft {
  position: relative;
  overflow: visible !important;
}

.shadowShow .fixWrapperLeft {
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.1);
  z-index: 4;
}

.z-cell-ellipsis {
  border-bottom: 1px solid #f0f2f5;
  box-shadow: none !important;
}

.react-datagrid .pc-sys-arrowdown-active-svg,
.react-datagrid .pc-sys-arrowright-nomal-svg,
.react-datagrid .pc-sys-arrowright-active-svg {
  width: 21px;
  height: 15px;
  display: block;
  cursor: pointer;
}

.react-datagrid .icon-edit-tips {
  width: 21px;
  height: 15px;
  display: block;
  cursor: pointer;
  color: #e4a600;
  line-height: 0;
}

.resize-hover {
  background: #1687d9;
}

.resize-area {
  display: inline-block;
  height: 100%;
  width: 3px;
  position: absolute;
  z-index: 7;
  top: 0px;
  right: 0px;
  cursor: e-resize;
}

.z-header-wrapper {
  position: relative;
}

.z-header-wrapper .header-right-corner-container {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 15;
}