@charset "UTF-8";

/* vietnamese */

@font-face {
  font-family: "Nunito";
  font-style: normal;
  font-weight: 400;
  src: local("Nunito Regular"), local("Nunito-Regular"), url(/fonts/XRXV3I6Li01BKofIOuaBTMnFcQIG.woff2?422164337089639b26f95ad480722716) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}

/* latin-ext */

@font-face {
  font-family: "Nunito";
  font-style: normal;
  font-weight: 400;
  src: local("Nunito Regular"), local("Nunito-Regular"), url(/fonts/XRXV3I6Li01BKofIO-aBTMnFcQIG.woff2?c6b9098c8d0f367b908e3b617643e9d2) format("woff2");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */

@font-face {
  font-family: "Nunito";
  font-style: normal;
  font-weight: 400;
  src: local("Nunito Regular"), local("Nunito-Regular"), url(/fonts/XRXV3I6Li01BKofINeaBTMnFcQ.woff2?04f711f668c6d2dbd8962fe9f01cf313) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

html,
body {
  font-size: 12px;
  font-family: "Nunito", Arial, "微软雅黑", "Microsoft YaHei", "Lucida Grande", Helvetica, sans-serif, "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "helvetica neue", tahoma, "hiragino sans gb", "wenquanyi micro hei", "宋体";
  min-height: 100%;
}

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  list-style: none;
  text-decoration: none;
  font-style: normal;
  -webkit-tap-highlight-color: transparent;
}

a:focus,
a:active:focus,
a.active:focus,
a.focus,
a:active.focus,
a.active.focus {
  outline: none;
  border-color: transparent;
  box-shadow: none;
  text-decoration: none !important;
}

/*  */

.f0 {
  font-size: 0;
}

.f10 {
  font-size: 10px !important;
}

.f12 {
  font-size: 12px !important;
}

.f14 {
  font-size: 14px !important;
}

.f16 {
  font-size: 16px !important;
}

.f18 {
  font-size: 18px !important;
}

.f20 {
  font-size: 20px !important;
}

.f22 {
  font-size: 22px !important;
}

.f24 {
  font-size: 24px !important;
}

.f26 {
  font-size: 26px !important;
}

.f28 {
  font-size: 28px !important;
}

.f30 {
  font-size: 30px !important;
}

.f32 {
  font-size: 32px !important;
}

.f34 {
  font-size: 34px !important;
}

.f36 {
  font-size: 36px !important;
}

.f38 {
  font-size: 38px !important;
}

.f40 {
  font-size: 40px !important;
}

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

.font-normal {
  font-weight: normal;
}

/* line-height */

.line10 {
  line-height: 1 !important;
}

.line12 {
  line-height: 1.2;
}

.line14 {
  line-height: 1.4;
}

.line16 {
  line-height: 1.6;
}

.line18 {
  line-height: 1.8;
}

.line20 {
  line-height: 2;
}

/* color */

.color-black {
  color: black !important;
}

.color-white {
  color: white !important;
}

.color-333 {
  color: #333 !important;
}

.color-666 {
  color: #666 !important;
}

.color-999 {
  color: #999 !important;
}

.color-blue {
  color: #7ab0fd !important;
}

.color-green {
  color: #37b9cd !important;
}

.color-yellow {
  color: #fee632 !important;
}

.color-red {
  color: #e3342f !important;
}

/* background */

.bg-black {
  background-color: #000 !important;
}

.bg-white {
  background-color: #fff !important;
}

/* display */

.overflow {
  overflow: hidden;
}

.overflow-x {
  display: block;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  overflow-x: hidden;
}

.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

.flex {
  display: flex !important;
}

.block {
  display: block;
}

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

.flex-wrap {
  flex-wrap: wrap;
}

.flex-center-start {
  justify-content: flex-start;
}

.flex-center-1 {
  justify-content: center;
}

.flex-center-2 {
  justify-content: space-around;
}

.flex-center-3 {
  justify-content: space-between;
}

.flex-center-end {
  justify-content: flex-end;
}

.flex-top {
  align-items: flex-start;
}

.flex-bottom {
  align-items: flex-end;
}

.flex-mid {
  align-items: center;
}

.flex-more-mid-1 {
  align-content: center;
}

.flex-more-mid-2 {
  align-content: space-around;
}

.flex-more-mid-3 {
  align-content: space-between;
}

.flex-more-mid-4 {
  align-content: stretch;
}

.flex-order-1 {
  order: 1;
}

.flex-order-2 {
  order: 2;
}

.flex-order-3 {
  order: 3;
}

.flex-0 {
  flex-grow: 0;
  flex-shrink: 0;
}

.flex-1 {
  flex-grow: 1;
  flex-shrink: 1;
}

.flex-2 {
  flex-grow: 2;
  flex-shrink: 2;
}

.flex-3 {
  flex-grow: 3;
  flex-shrink: 3;
}

.flex-self-mid {
  align-self: center;
}

.flex-self-bottom {
  align-self: flex-end;
}

/* width  height */

.wh100 {
  width: 100%;
  height: 100%;
}

.w50-percent {
  width: 50% !important;
}

.w100-percent {
  width: 100% !important;
}

.w80 {
  width: 80px;
}

.w90 {
  width: 90px;
}

.w100 {
  width: 100px;
}

.w110 {
  width: 110px;
}

.w120 {
  width: 120px;
}

.w200 {
  width: 200px;
}

.w220 {
  width: 220px;
}

.w250 {
  width: 250px;
}

.w280 {
  width: 280px;
}

.w130 {
  width: 130px;
}

.w140 {
  width: 140px;
}

.w160 {
  width: 160px;
}

.w300 {
  width: 300px;
}

.w340 {
  width: 340px;
}

.w380 {
  width: 380px;
}

.w800 {
  width: 800px;
}

.w550 {
  width: 550px;
}

.h100-percent {
  height: 100%;
}

.wh100-percent {
  width: 100%;
  height: 100%;
}

.opacity {
  opacity: 0;
}

.pointer {
  cursor: pointer;
}

/* text-center */

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

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

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

/* 毛玻璃 */

.glass::after {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  -webkit-filter: blur(5px);
          filter: blur(5px);
  margin: -20px;
  z-index: -1;
}

/* margin */

.margin-right10 {
  margin-right: 10px !important;
}

.margin-left10 {
  margin-left: 10px !important;
}

.margin-top10 {
  margin-top: 10px !important;
}

.margin-bottom10 {
  margin-bottom: 10px !important;
}

.margin-right20 {
  margin-right: 20px !important;
}

.margin-left20 {
  margin-left: 20px !important;
}

.margin-top20 {
  margin-top: 20px !important;
}

.margin-bottom20 {
  margin-bottom: 20px !important;
}

.margin-right30 {
  margin-right: 30px !important;
}

.margin-left30 {
  margin-left: 30px !important;
}

.margin-top30 {
  margin-top: 30px !important;
}

.margin-bottom30 {
  margin-bottom: 30px !important;
}

.margin-auto {
  margin: 0 auto;
}

.padding-top5 {
  padding-top: 5px !important;
}

.padding-bottom5 {
  padding-bottom: 5px !important;
}

.padding-right10 {
  padding-right: 10px !important;
}

.padding-left10 {
  padding-left: 10px !important;
}

.padding-top10 {
  padding-top: 10px !important;
}

.padding-bottom10 {
  padding-bottom: 10px !important;
}

.padding-right20 {
  padding-right: 20px !important;
}

.padding-left20 {
  padding-left: 20px !important;
}

.padding-top20 {
  padding-top: 20px !important;
}

.padding-bottom20 {
  padding-bottom: 20px !important;
}

.padding-right30 {
  padding-right: 30px !important;
}

.padding-left30 {
  padding-left: 30px !important;
}

.padding-top30 {
  padding-top: 30px !important;
}

.padding-bottom30 {
  padding-bottom: 30px !important;
}

.margin-10 {
  margin: 10px;
}

.margin-20 {
  margin: 20px;
}

.margin-30 {
  margin: 30px;
}

.padding-10 {
  padding: 10px;
}

.padding-20 {
  padding: 20px;
}

.padding-30 {
  padding: 30px;
}

.ant-pagination {
  margin-top: 20px !important;
}

fieldset {
  padding: 0.35em 0.625em 0.75em !important;
  margin: 0 2px !important;
  border: 1px solid silver !important;
}

legend {
  padding: 0.5em !important;
  border: 0 !important;
  width: auto !important;
}

.ant-table-wrapper {
  margin-top: 20px;
}

@font-face {
  font-family: "iconfont";
  src: url(/fonts/iconfont.eot?dfe618b7f81a6ff435551acd67141492);
  /* IE9 */
  src: url(/fonts/iconfont.eot?dfe618b7f81a6ff435551acd67141492) format("embedded-opentype"), url("data:application/x-font-woff2;charset=utf-8;base64,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") format("woff2"), url(/fonts/iconfont.woff?9fa84697df12d7edfcbdc793929eba85) format("woff"), url(/fonts/iconfont.ttf?bc4862fbcc970b1604d18576b8c338bf) format("truetype"), url(/fonts/iconfont.svg?e9932823310e9548f59e04a502fe8b10) format("svg");
  /* iOS 4.1- */
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-team:before {
  content: "";
}

.icon-supplier:before {
  content: "";
}

.icon-password:before {
  content: "";
}

.icon-delete:before {
  content: "";
}

.icon-edit:before {
  content: "";
}

.icon-user:before {
  content: "";
}

.icon-system:before {
  content: "";
}

.icon-open:before {
  content: "";
}

.icon-calendar:before {
  content: "";
}

.icon-order:before {
  content: "";
}

.icon-market:before {
  content: "";
}

.icon-logout:before {
  content: "";
}

.icon-statistics:before {
  content: "";
}

.icon-other:before {
  content: "";
}

.icon-username:before {
  content: "";
}

.icon-change:before {
  content: "";
}

.icon-flow:before {
  content: "";
}

.icon-home:before {
  content: "";
}

.icon-interface:before {
  content: "";
}

.loading-shade {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transition-duration: 0.6s;
  background-color: rgba(0, 0, 0, 0.6);
  opacity: 0;
  pointer-events: none;
}

.loading-shade.active {
  opacity: 1;
  pointer-events: auto;
}

/*! Hint.css - v2.5.0 - 2017-04-23
* http://kushagragour.in/lab/hint/
* Copyright (c) 2017 Kushagra Gour */

[class*=hint--] {
  position: relative;
  display: inline-block;
}

[class*=hint--]:after,
[class*=hint--]:before {
  position: absolute;
  transform: translate3d(0, 0, 0);
  visibility: hidden;
  opacity: 0;
  z-index: 1000000;
  pointer-events: none;
  transition: 0.3s ease;
  transition-delay: 0s;
}

[class*=hint--]:hover:after,
[class*=hint--]:hover:before {
  visibility: visible;
  opacity: 1;
  transition-delay: 0.1s;
}

[class*=hint--]:before {
  content: "";
  position: absolute;
  background: 0 0;
  border: 6px solid transparent;
  z-index: 1000001;
}

[class*=hint--]:after {
  background: #30373d;
  color: #fff;
  padding: 10px 16px;
  font-size: 12px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 12px;
  white-space: nowrap;
  /* text-shadow: 0 -1px 0 #000; */
  border-radius: 11px;
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3);
}

[class*=hint--][aria-label]:after {
  content: attr(aria-label);
}

[class*=hint--][data-hint]:after {
  content: attr(data-hint);
}

[aria-label=""]:after,
[aria-label=""]:before,
[data-hint=""]:after,
[data-hint=""]:before {
  display: none !important;
}

.hint--top-left:before,
.hint--top-right:before,
.hint--top:before {
  border-top-color: #30373d;
}

.hint--bottom-left:before,
.hint--bottom-right:before,
.hint--bottom:before {
  border-bottom-color: #30373d;
}

.hint--top:after,
.hint--top:before {
  bottom: 100%;
  left: 50%;
}

.hint--top:before {
  margin-bottom: -11px;
  left: calc(50% - 6px);
}

.hint--top:after {
  transform: translateX(-50%);
}

.hint--top:hover:before {
  transform: translateY(-8px);
}

.hint--top:hover:after {
  transform: translateX(-50%) translateY(-8px);
}

.hint--bottom:after,
.hint--bottom:before {
  top: 100%;
  left: 50%;
}

.hint--bottom:before {
  margin-top: -11px;
  left: calc(50% - 6px);
}

.hint--bottom:after {
  transform: translateX(-50%);
}

.hint--bottom:hover:before {
  transform: translateY(8px);
}

.hint--bottom:hover:after {
  transform: translateX(-50%) translateY(8px);
}

.hint--right:before {
  border-right-color: #30373d;
  margin-left: -11px;
  margin-bottom: -6px;
}

.hint--right:after {
  margin-bottom: -14px;
}

.hint--right:after,
.hint--right:before {
  left: 100%;
  bottom: 50%;
}

.hint--right:hover:after,
.hint--right:hover:before {
  transform: translateX(8px);
}

.hint--left:before {
  border-left-color: #30373d;
  margin-right: -11px;
  margin-bottom: -6px;
}

.hint--left:after {
  margin-bottom: -14px;
}

.hint--left:after,
.hint--left:before {
  right: 100%;
  bottom: 50%;
}

.hint--left:hover:after,
.hint--left:hover:before {
  transform: translateX(-8px);
}

.hint--top-left:after,
.hint--top-left:before {
  bottom: 100%;
  left: 50%;
}

.hint--top-left:before {
  margin-bottom: -11px;
  left: calc(50% - 6px);
}

.hint--top-left:after {
  transform: translateX(-100%);
  margin-left: 12px;
}

.hint--top-left:hover:before {
  transform: translateY(-8px);
}

.hint--top-left:hover:after {
  transform: translateX(-100%) translateY(-8px);
}

.hint--top-right:after,
.hint--top-right:before {
  bottom: 100%;
  left: 50%;
}

.hint--top-right:before {
  margin-bottom: -11px;
  left: calc(50% - 6px);
}

.hint--top-right:after {
  transform: translateX(0);
  margin-left: -12px;
}

.hint--top-right:hover:after,
.hint--top-right:hover:before {
  transform: translateY(-8px);
}

.hint--bottom-left:after,
.hint--bottom-left:before {
  top: 100%;
  left: 50%;
}

.hint--bottom-left:before {
  margin-top: -11px;
  left: calc(50% - 6px);
}

.hint--bottom-left:after {
  transform: translateX(-100%);
  margin-left: 12px;
}

.hint--bottom-left:hover:before {
  transform: translateY(8px);
}

.hint--bottom-left:hover:after {
  transform: translateX(-100%) translateY(8px);
}

.hint--bottom-right:after,
.hint--bottom-right:before {
  top: 100%;
  left: 50%;
}

.hint--bottom-right:before {
  margin-top: -11px;
  left: calc(50% - 6px);
}

.hint--bottom-right:after {
  transform: translateX(0);
  margin-left: -12px;
}

.hint--bottom-right:hover:after,
.hint--bottom-right:hover:before {
  transform: translateY(8px);
}

.hint--large:after,
.hint--medium:after,
.hint--small:after {
  white-space: normal;
  line-height: 1.4em;
  word-wrap: break-word;
}

.hint--small:after {
  width: 80px;
}

.hint--medium:after {
  width: 150px;
}

.hint--large:after {
  width: 300px;
}

.hint--error:after {
  background-color: #b34e4d;
  text-shadow: 0 -1px 0 #592726;
}

.hint--error.hint--top-left:before,
.hint--error.hint--top-right:before,
.hint--error.hint--top:before {
  border-top-color: #b34e4d;
}

.hint--error.hint--bottom-left:before,
.hint--error.hint--bottom-right:before,
.hint--error.hint--bottom:before {
  border-bottom-color: #b34e4d;
}

.hint--error.hint--left:before {
  border-left-color: #b34e4d;
}

.hint--error.hint--right:before {
  border-right-color: #b34e4d;
}

.hint--warning:after {
  background-color: #c09854;
  text-shadow: 0 -1px 0 #6c5328;
}

.hint--warning.hint--top-left:before,
.hint--warning.hint--top-right:before,
.hint--warning.hint--top:before {
  border-top-color: #c09854;
}

.hint--warning.hint--bottom-left:before,
.hint--warning.hint--bottom-right:before,
.hint--warning.hint--bottom:before {
  border-bottom-color: #c09854;
}

.hint--warning.hint--left:before {
  border-left-color: #c09854;
}

.hint--warning.hint--right:before {
  border-right-color: #c09854;
}

.hint--info:after {
  background-color: #3986ac;
  text-shadow: 0 -1px 0 #1a3c4d;
}

.hint--info.hint--top-left:before,
.hint--info.hint--top-right:before,
.hint--info.hint--top:before {
  border-top-color: #3986ac;
}

.hint--info.hint--bottom-left:before,
.hint--info.hint--bottom-right:before,
.hint--info.hint--bottom:before {
  border-bottom-color: #3986ac;
}

.hint--info.hint--left:before {
  border-left-color: #3986ac;
}

.hint--info.hint--right:before {
  border-right-color: #3986ac;
}

.hint--success:after {
  background-color: #458746;
  text-shadow: 0 -1px 0 #1a321a;
}

.hint--success.hint--top-left:before,
.hint--success.hint--top-right:before,
.hint--success.hint--top:before {
  border-top-color: #458746;
}

.hint--success.hint--bottom-left:before,
.hint--success.hint--bottom-right:before,
.hint--success.hint--bottom:before {
  border-bottom-color: #458746;
}

.hint--success.hint--left:before {
  border-left-color: #458746;
}

.hint--success.hint--right:before {
  border-right-color: #458746;
}

.hint--always:after,
.hint--always:before {
  opacity: 1;
  visibility: visible;
}

.hint--always.hint--top:before {
  transform: translateY(-8px);
}

.hint--always.hint--top:after {
  transform: translateX(-50%) translateY(-8px);
}

.hint--always.hint--top-left:before {
  transform: translateY(-8px);
}

.hint--always.hint--top-left:after {
  transform: translateX(-100%) translateY(-8px);
}

.hint--always.hint--top-right:after,
.hint--always.hint--top-right:before {
  transform: translateY(-8px);
}

.hint--always.hint--bottom:before {
  transform: translateY(8px);
}

.hint--always.hint--bottom:after {
  transform: translateX(-50%) translateY(8px);
}

.hint--always.hint--bottom-left:before {
  transform: translateY(8px);
}

.hint--always.hint--bottom-left:after {
  transform: translateX(-100%) translateY(8px);
}

.hint--always.hint--bottom-right:after,
.hint--always.hint--bottom-right:before {
  transform: translateY(8px);
}

.hint--always.hint--left:after,
.hint--always.hint--left:before {
  transform: translateX(-8px);
}

.hint--always.hint--right:after,
.hint--always.hint--right:before {
  transform: translateX(8px);
}

.hint--rounded:after {
  border-radius: 4px;
}

.hint--no-animate:after,
.hint--no-animate:before {
  transition-duration: 0s;
}

.hint--bounce:after,
.hint--bounce:before {
  transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
}