.tooltip {
  font-family: "Helvetica Neue", Tahoma, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", STHeitiSC, sans-serif;
  font-size: 12px;
  line-height: 20px;
  z-index: 999999999;
  display: block;
  position: absolute;
  letter-spacing: normal;
  line-break: auto;
  text-align: left;
  text-decoration: none;
  word-break: break-all;
  word-spacing: normal;
  width: auto;
}

.tooltip.top {
  padding: 5px 0;
}

.tooltip.bottom {
  padding: 5px 0;
}

.tooltip.right {
  padding: 0 5px;
}

.tooltip.left {
  padding: 0 5px;
}

.tooltip .tooltip-inner {
  padding: 5px 10px;
  color: #f5f8fa;
  text-align: left;
  background-color: #36434d;
  border-radius: 2px;
}

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  z-index: 999999999;
}

.tooltip-arrow.top {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #36434d;
}

.tooltip-arrow.bottom {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #36434d;
}

.tooltip-arrow.right {
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 5px solid #36434d;
}

.tooltip-arrow.left {
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #36434d;
}
/*$A2-Blod {
  font-family: PingFangSC-Semibold;
  font-size: 12px;
  line-height: 1.7;
}*/
.base-search-component {
  margin: 15px 0 5px 0;
}

.base-search-component input::-ms-clear {
  display: none;
}

.base-search-component .search-disabled {
  background-color: #f0f0f0;
}

.base-search-component .icon-close {
  text-decoration: none;
}

.base-search-component .base-search-input {
  width: 100%;
    /*height: 39px;*/
  border: 1px solid #e4ebf0;
  border-radius: 5px;
  position: relative;
}

.base-search-component .base-search-input:hover {
  border-color: #96d0fa;
}

.base-search-component .base-search-input input {
  height: 22px;
}

.base-search-component .base-search-input:after {
  display: block;
  position: absolute;
  content: "";
  left: 50%;
  top: 33px;
  width: 0;
  height: 2px;
  background-color: #1b85d6;
  transition: left ease-in-out .15s, width ease-in-out .15s;
  -ms-transition: left ease-in-out .15s, width ease-in-out .15s;
}

.base-search-component .base-search-input .base-search-input-default {
  font-size: 12px;
  line-height: 20px;
  top: -1px;
  padding: 5px 0;
  pointer-events: none;
  position: absolute;
}

.base-search-component .base-search-input .base-search-input-default .base-search-input-icon {
  margin-right: 5px;
  font-size: 10px;
  display: inline-block;
  line-height: 20px;
  vertical-align: top;
  color: #8f9ca6;
  border-radius: 5px;
  padding-left: 7px;
  background: #fff;
}

.base-search-component .base-search-input .base-search-input-default .base-search-input-placeholder {
  font-family: "Helvetica Neue", Tahoma, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", STHeitiSC, sans-serif;
  display: inline-block;
  color: #c3cbd1;
}

.base-search-component .base-search-input input {
  font-family: "Helvetica Neue", Tahoma, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", STHeitiSC, sans-serif;
  font-size: 14px;
  line-height: 24px;
  padding: 2px 20px 2px 0;
  display: block;
  width: calc(100% - 22px);
  color: #36434d;
  text-indent: 25px;
  border: 1px solid transparent;
  outline: none;
  border-radius: 5px;
}

.base-search-component .base-search-disabled {
  background-color: #f0f0f0;
  cursor: no-drop;
}

.base-search-component .base-search-input-active input {
  border: 1px solid #1687d9;
  box-shadow: 0 0 2px 1px #96d0fa;
  background: #ffffff;
  border-radius: 5px;
}

.base-search-component .base-search-input-active div.base-search-input-default .base-search-input-icon {
  color: #1687d9;
  margin-left: 1px;
}

.base-search-component .icon-close {
  line-height: 0;
  width: 14px;
  height: 14px;
  position: absolute;
  right: 5px;
  font-size: 14px;
  top: 7px;
  color: #acb7bf;
}

.base-search-component .icon-close:hover {
  color: #cc2929;
}

.search-icon-box {
  width: 100%;
  height: 100%;
}

.search-icon-box .common-link {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 18px;
  color: #66757f;
  -webkit-transition: color 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
  -moz-transition: color 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
  -ms-transition: color 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
  -o-transition: color 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
  transition: color 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
  text-align: center;
  line-height: 40px !important;
}

.search-icon-box .list-wrapper {
  width: 340px;
  height: auto;
  max-height: 612px;
  background-color: #fff;
  position: absolute;
  z-index: 1200;
  top: 43px;
  right: 10px;
  overflow: hidden;
  border-radius: 3px;
  -webkit-transform: translate3d(0, 0, 0) scale(0);
  -moz-transform: translate3d(0, 0, 0) scale(0);
  -o-transform: translate3d(0, 0, 0) scale(0);
  transform: translate3d(0, 0, 0) scale(0);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  -ms-perspective: 1000;
  -o-perspective: 1000;
  perspective: 1000;
  -webkit-transform-origin: top right;
  -moz-transform-origin: top right;
  -ms-transform-origin: top right;
  -o-transform-origin: top right;
  transform-origin: top right;
  overflow: hidden\9;
  border: 1px solid #e4ebf0;
  display: none\9;
}

.search-icon-box .list-wrapper.list-open {
  box-shadow: 1px 3px 11px rgba(0, 0, 0, 0.2);
  -webkit-transition: box-shadow .3s linear .4s;
  -moz-transition: box-shadow .3s linear .4s;
  -ms-transition: box-shadow .3s linear .4s;
  -o-transition: box-shadow .3s linear .4s;
  transition: box-shadow .3s linear .4s;
  -webkit-animation: popShow 0.3s cubic-bezier(0.66, 1.65, 0.23, 0.87) forwards;
  -moz-animation: popShow 0.3s cubic-bezier(0.66, 1.65, 0.23, 0.87) forwards;
  -ms-animation: popShow 0.3s cubic-bezier(0.66, 1.65, 0.23, 0.87) forwards;
  -o-animation: popShow 0.3s cubic-bezier(0.66, 1.65, 0.23, 0.87) forwards;
  animation: popShow 0.3s cubic-bezier(0.66, 1.65, 0.23, 0.87) forwards;
  display: block\9;
}

.search-icon-box .list-wrapper.list-close {
  display: none\9;
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.2s cubic-bezier(0.25, 0.1, 0.25, 1);
  -moz-transition: opacity 0.2s cubic-bezier(0.25, 0.1, 0.25, 1);
  -ms-transition: opacity 0.2s cubic-bezier(0.25, 0.1, 0.25, 1);
  -o-transition: opacity 0.2s cubic-bezier(0.25, 0.1, 0.25, 1);
  transition: opacity 0.2s cubic-bezier(0.25, 0.1, 0.25, 1);
  -webkit-animation: popHide 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) forwards;
  -moz-animation: popHide 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) forwards;
  -ms-animation: popHide 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) forwards;
  -o-animation: popHide 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) forwards;
  animation: popHide 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) forwards;
}

@-webkit-keyframes popShow {
  from {
    -webkit-transform: scale(0);
  }

  to {
    -webkit-transform: scale(1);
  }
}

@-moz-keyframes popShow {
  from {
    -moz-transform: scale(0);
  }

  to {
    -moz-transform: scale(1);
  }
}

@-ms-keyframes popShow {
  .search-icon-box from {
    -ms-transform: scale(0);
  }

  .search-icon-box to {
    -ms-transform: scale(1);
  }
}

@-o-keyframes popShow {
  from {
    -o-transform: scale(0);
  }

  to {
    -o-transform: scale(1);
  }
}

@keyframes popShow {
  from {
    transform: scale(0);
  }

  to {
    transform: scale(1);
  }
}

@-webkit-keyframes popHide {
  from {
    -webkit-transform: scale(1);
  }

  to {
    -webkit-transform: scale(0);
  }
}

@-moz-keyframes popHide {
  from {
    -moz-transform: scale(1);
  }

  to {
    -moz-transform: scale(0);
  }
}

@-ms-keyframes popHide {
  .search-icon-box from {
    -ms-transform: scale(1);
  }

  .search-icon-box to {
    -ms-transform: scale(0);
  }
}

@-o-keyframes popHide {
  from {
    -o-transform: scale(1);
  }

  to {
    -o-transform: scale(0);
  }
}

@keyframes popHide {
  from {
    transform: scale(1);
  }

  to {
    transform: scale(0);
  }
}

.search-icon-box .search-icon-box .form-input {
  height: 27px;
  width: 310px;
  margin: 20px 15px;
  border-bottom: 1px solid #e4ebf0;
  position: relative;
}

.search-icon-box .search-icon-box .form-input-active:after {
  width: 100%;
  left: 0;
  -webkit-transition: left cubic-bezier(0.66, 1.65, 0.23, 0.87) 0.35s, width cubic-bezier(0.66, 1.65, 0.23, 0.87) 0.35s;
  -moz-transition: left cubic-bezier(0.66, 1.65, 0.23, 0.87) 0.35s, width cubic-bezier(0.66, 1.65, 0.23, 0.87) 0.35s;
  -ms-transition: left cubic-bezier(0.66, 1.65, 0.23, 0.87) 0.35s, width cubic-bezier(0.66, 1.65, 0.23, 0.87) 0.35s;
  -o-transition: left cubic-bezier(0.66, 1.65, 0.23, 0.87) 0.35s, width cubic-bezier(0.66, 1.65, 0.23, 0.87) 0.35s;
  transition: left cubic-bezier(0.66, 1.65, 0.23, 0.87) 0.35s, width cubic-bezier(0.66, 1.65, 0.23, 0.87) 0.35s;
}

.search-icon-box .search-icon-box .form-input:after {
  display: block;
  position: absolute;
  content: "";
  left: 50%;
  top: 26px;
  width: 0;
  height: 2px;
  background-color: #1b85d6;
  -webkit-transition: left cubic-bezier(0.66, 1.65, 0.23, 0.87) 0.15s, width cubic-bezier(0.66, 1.65, 0.23, 0.87) 0.15s;
  -moz-transition: left cubic-bezier(0.66, 1.65, 0.23, 0.87) 0.15s, width cubic-bezier(0.66, 1.65, 0.23, 0.87) 0.15s;
  -ms-transition: left cubic-bezier(0.66, 1.65, 0.23, 0.87) 0.15s, width cubic-bezier(0.66, 1.65, 0.23, 0.87) 0.15s;
  -o-transition: left cubic-bezier(0.66, 1.65, 0.23, 0.87) 0.15s, width cubic-bezier(0.66, 1.65, 0.23, 0.87) 0.15s;
  transition: left cubic-bezier(0.66, 1.65, 0.23, 0.87) 0.15s, width cubic-bezier(0.66, 1.65, 0.23, 0.87) 0.15s;
}

.search-icon-box .search-icon-box .form-input input {
  display: block;
  width: 100%;
  height: 20px;
  margin: auto;
  line-height: 20px;
  border: 0;
  outline: 0;
  font-size: 14px;
  color: #36434d;
  font-family: "Helvetica Neue", Tahoma, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", STHeitiSC, sans-serif;
}
@charset "UTF-8";

.loading_is-show .loading__xwrap {
  position: relative;
  top: 2.375rem;
  left: 0.1875rem;
  width: 2.625rem;
}

.loading_is-show .loading__xwrap .loading__sun {
  width: 2.625rem;
  height: 2.625rem;
  margin: 0;
  background: url(../images/sun-299c76acaa53664ad8b474b270949928.svg);
  background-size: 2.625rem;
  animation: circling 1s linear 0s infinite;
}

.loading_is-show .loading__xwrap .loading__small {
  width: 16px;
  height: 16px;
  margin: 0;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  background: url(../images/loading-small-59a42b18f95baf86068e8c87c04bd97c.png);
  animation: circling 1s linear 0s infinite;
}

.loading_is-show .Loading__container {
  width: 100%;
  height: 100%;
}

.loading_is-show .Loading__container.Loading__detail-container .Loading__block1 {
  background: #e4ebf0;
  position: absolute;
  width: 50px;
  height: 50px;
  border-radius: 25px;
  top: 15px;
  left: 20px;
}

.loading_is-show .Loading__container.Loading__detail-container .Loading__block2 {
  background: #e4ebf0;
  position: absolute;
  width: 70px;
  height: 20px;
  top: 25px;
  left: 100px;
}

.loading_is-show .Loading__container.Loading__detail-container .Loading__block3 {
  background: #e4ebf0;
  position: absolute;
  width: 200px;
  height: 15px;
  top: 70px;
  left: 100px;
}

.loading_is-show .Loading__container.Loading__detail-container .Loading__block4 {
  background: #e4ebf0;
  position: absolute;
  width: 70px;
  height: 30px;
  top: 20px;
  right: 200px;
}

.loading_is-show .Loading__container.Loading__detail-container .Loading__block5 {
  background: #e4ebf0;
  position: absolute;
  width: 70px;
  height: 30px;
  top: 20px;
  right: 115px;
}

.loading_is-show .Loading__container.Loading__detail-container .Loading__block6 {
  background: #e4ebf0;
  position: absolute;
  width: 80px;
  height: 30px;
  top: 20px;
  right: 20px;
}

.loading_is-show .Loading__container .loading__detailPage {
  position: relative;
  z-index: 9;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.loading_is-show .Loading__container .loading__detailPage + .Loading__temp {
  height: 729px;
}

.loading_is-show .Loading__container .loading__detailPage .loading__img1 {
  width: 166px;
  height: 100%;
  margin: 0;
  background-repeat: no-repeat;
  background-image: url(../images/detailLoading1-b7db89fe00bae2d17855ac827897e713.png);
}

.loading_is-show .Loading__container .loading__detailPage .loading__img2 {
  -webkit-box-flex: 0;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 17px;
  background-repeat: repeat-x;
  height: 100%;
  margin: 0;
  background-image: url(../images/detailLoading2-ab558408e7a91b1b7bad64b886b473a4.png);
}

.loading_is-show .Loading__container .loading__detailPage .loading__img3 {
  width: 183px;
  height: 100%;
  margin: 0;
  background-repeat: no-repeat;
  background-image: url(../images/detailLoading3-396d951539944fe31a498bc36d3f9716.png);
}

.loading_is-show .Loading__container .loading__detailPage .loading__img4 {
  -webkit-box-flex: 0;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-width: 30px;
  background-repeat: repeat-x;
  height: 100%;
  margin: 0;
  background-image: url(../images/detailLoading4-87674c226c0d5debb72e5527f2865be3.png);
}

.loading_is-show .Loading__container .loading__detailPage .loading__img5 {
  width: 398px;
  height: 100%;
  margin: 0;
  background-repeat: no-repeat;
  background-image: url(../images/detailLoading5-09f5d4ecb709c8dccfa8d2966a61c676.png);
}

.loading_is-show .Loading__container.Loading__standar-container .Loading__block1 {
  background: #e4ebf0;
  position: absolute;
  width: 60px;
  height: 15px;
  top: 75px;
  left: 20px;
}

.loading_is-show .Loading__container.Loading__standar-container .Loading__block2 {
  background: #e4ebf0;
  position: absolute;
  width: 100px;
  height: 20px;
  top: 25px;
  left: 250px;
}

.loading_is-show .Loading__container.Loading__standar-container .Loading__block3 {
  background: #e4ebf0;
  position: absolute;
  width: 70px;
  height: 30px;
  top: 20px;
  right: 200px;
}

.loading_is-show .Loading__container.Loading__standar-container .Loading__block4 {
  background: #e4ebf0;
  position: absolute;
  width: 70px;
  height: 30px;
  top: 20px;
  right: 115px;
}

.loading_is-show .Loading__container.Loading__standar-container .Loading__block5 {
  background: #e4ebf0;
  position: absolute;
  width: 80px;
  height: 30px;
  top: 20px;
  right: 20px;
}

.loading_is-show .Loading__container .loading__standarPage {
  position: relative;
  z-index: 9;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.loading_is-show .Loading__container .loading__standarPage + .Loading__temp {
  height: 760px;
}

.loading_is-show .Loading__container .loading__standarPage .loading__img1 {
  width: 575px;
  height: 100%;
  margin: 0;
  background-repeat: no-repeat;
  display: inline-block;
  background-image: url(../images/standarLoading1-bfd09130a09298a9c99c370b0b8dbfbd.png);
}

.loading_is-show .Loading__container .loading__standarPage .loading__img2 {
  width: 600px;
  -webkit-box-flex: 0;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background-repeat: repeat-x;
  height: 100%;
  margin: 0;
  display: inline-block;
  background-image: url(../images/standarLoading2-2fa1cae913b59ec4d3246809cbbcdf7c.png);
}

.loading_is-show .Loading__container .loading__standarPage .loading__img3 {
  width: 316px;
  height: 100%;
  margin: 0;
  background-repeat: no-repeat;
  background-image: url(../images/standarLoading3-77c9aefb6fe929026d6c231787ce8a8b.png);
}

.loading_is-show .Loading__container.Loading__index-container .Loading__block1 {
  background: #e4ebf0;
  position: absolute;
  width: 100px;
  height: 20px;
  top: 25px;
  left: 20px;
}

.loading_is-show .Loading__container.Loading__index-container .Loading__block2 {
  background: #e4ebf0;
  position: absolute;
  width: 70px;
  height: 30px;
  top: 20px;
  right: 200px;
}

.loading_is-show .Loading__container.Loading__index-container .Loading__block3 {
  background: #e4ebf0;
  position: absolute;
  width: 70px;
  height: 30px;
  top: 20px;
  right: 115px;
}

.loading_is-show .Loading__container.Loading__index-container .Loading__block4 {
  background: #e4ebf0;
  position: absolute;
  width: 80px;
  height: 30px;
  top: 20px;
  right: 20px;
}

.loading_is-show .Loading__container .loading__indexPage {
  position: relative;
  z-index: 9;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.loading_is-show .Loading__container .loading__indexPage + .Loading__temp {
  height: 760px;
}

.loading_is-show .Loading__container .loading__indexPage .loading__img1 {
  width: 590px;
  height: 100%;
  margin: 0;
  background-repeat: no-repeat;
  background-image: url(../images/indexLoading1-2f8dcfb33756916ecf923ec08b1343c2.png);
}

.loading_is-show .Loading__container .loading__indexPage .loading__img2 {
  -webkit-box-flex: 0;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background-repeat: repeat-x;
  height: 100%;
  margin: 0;
  background-image: url(../images/indexLoading2-6db58b66c8d8f9afc358c15a416258b2.png);
}

.loading_is-show .Loading__container .loading__indexPage .loading__img3 {
  width: 316px;
  height: 100%;
  margin: 0;
  background-repeat: no-repeat;
  background-image: url(../images/indexLoading3-97c7fbfc8d4b54de9940daedd2754a32.png);
}

.loading_is-show .Loading__container .Loading__temp {
  width: 100%;
  background: #ECF1F4;
  position: absolute;
  top: 0;
}

.loading_is-show .Loading__container .Loading__shadow {
  display: block;
  height: 100%;
  width: 250px;
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.51), rgba(255, 255, 255, 0.08));
  background: linear-gradient(to right, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.51), rgba(255, 255, 255, 0.08));
  position: absolute;
  left: 0;
  top: 0;
  z-index: 8;
  -webkit-animation: shadowGo 1.2s ease infinite;
  animation: shadowGo 1.2s ease infinite;
}

.loading__wrap {
  width: 3rem;
  text-align: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
}

.loading__wrap .loading__showarea {
  width: 5rem;
  height: 3.875rem;
  overflow: hidden;
}

.loading__wrap .loading__threeLine {
  position: relative;
}

.loading__wrap .loading__threeLine .loading__line {
  height: 0.0625rem;
  background-color: #FFBE00;
  margin-bottom: 0.125rem;
  margin: 0 auto;
}

.loading__wrap .loading__threeLine .longding__longline {
  width: 3rem;
}

.loading__wrap .loading__threeLine .loading__midline {
  width: 2rem;
  opacity: 0.6;
  animation: linemove 0.1s forwards;
}

.loading__wrap .loading__threeLine .loading__shortline {
  width: 0.75rem;
  opacity: 0.4;
  animation: linemovetwo 0.1s forwards;
}

.loading__wrap .loading__threeLine .loading__longline-hidden {
  display: none;
}

.loading__wrap .loading__threeLine .loading__midline-hidden {
  display: none;
}

.loading__wrap .loading__threeLine .loading__shortline-hidden {
  display: none;
}

@keyframes shadowGo {
  0% {
    left: 0;
    opacity: 1;
  }

  100% {
    left: calc(100% - 250px);
    opacity: 0.5;
  }
}

@keyframes circling {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

@keyframes linemove {
  from {
    transform: translateY(0px) ；;
  }

  to {
    transform: translateY(2px);
  }
}

@keyframes linemovetwo {
  from {
    transform: translateY(0px);
  }

  to {
    transform: translateY(4px);
  }
}

@-webkit-keyframes yAxis {
  100% {
    opacity: 0;
    animation-timing-function: cubic-bezier(0.66, 1.65, 0.23, 0.87);
    transform: translateY(-109px);
  }
}

@keyframes yAxis {
  100% {
    opacity: 0;
    animation-timing-function: cubic-bezier(0.66, 1.65, 0.23, 0.87);
    transform: translateY(-109px);
  }
}

@-webkit-keyframes xAxis {
  100% {
    opacity: 0;
    animation-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
    transform: translateX(60px) scale3d(0, 0, 0);
  }
}

@keyframes xAxis {
  100% {
    opacity: 0;
    animation-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
    transform: translateX(60px) scale3d(0, 0, 0);
  }
}

@-webkit-keyframes scaleSmall {
  100% {
    opacity: 0;
    animation-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
    transform: scale3d(0, 0, 0);
  }
}

@keyframes scaleSmall {
  100% {
    opacity: 0;
    animation-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
    transform: scale3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  from,
  30%,
  75% {
    -webkit-animation-timing-function: cubic-bezier(0.25, 0.5, 0.25, 1);
    animation-timing-function: cubic-bezier(0.25, 0.5, 0.25, 1);
  }

  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.75, 0, 0.75, 0.9);
    animation-timing-function: cubic-bezier(0.75, 0, 0.75, 0.9);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 70px, 0);
    transform: translate3d(0, 70px, 0);
  }

  30% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 3px, 0);
    transform: translate3d(0, 3px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -1px, 0);
    transform: translate3d(0, -1px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.tooltip {
  font-family: "Helvetica Neue", Tahoma, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", STHeitiSC, sans-serif;
  font-size: 12px;
  line-height: 20px;
  z-index: 999999999;
  display: block;
  position: absolute;
  letter-spacing: normal;
  line-break: auto;
  text-align: left;
  text-decoration: none;
  word-break: break-all;
  word-spacing: normal;
  width: auto;
}

.tooltip.top {
  padding: 5px 0;
}

.tooltip.bottom {
  padding: 5px 0;
}

.tooltip.right {
  padding: 0 5px;
}

.tooltip.left {
  padding: 0 5px;
}

.tooltip .tooltip-inner {
  padding: 5px 10px;
  color: #f5f8fa;
  text-align: left;
  background-color: #36434d;
  border-radius: 2px;
}

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  z-index: 999999999;
}

.tooltip-arrow.top {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #36434d;
}

.tooltip-arrow.bottom {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #36434d;
}

.tooltip-arrow.right {
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 5px solid #36434d;
}

.tooltip-arrow.left {
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #36434d;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .tooltip-arrow.top {
    margin-top: -1px;
  }
}
.tab-change-region .tab-component {
  margin: 10px 0 10px 0;
  height: 35px;
}

.tab-change-region .tab-component .tab-drop-down-list-component {
  margin-left: 15px;
}

.tab-change-region .tab-component .tab-drop-label {
  padding-left: 4px;
}

.tab-change-region .levelTab-component {
  margin: 10px 0;
  height: 31px;
  overflow: hidden;
}

.tab-change-region .levelTab-component .tab-drop-down-list-component {
  margin-left: 10px;
}

.tab-change-region .tab {
  height: 33px;
  background-image: url(../images/dashline-817d8ceabf1e2fbcfbdea46df9895434.png);
  background-repeat: repeat-x;
  background-position: bottom;
  position: relative;
}

.tab-change-region .tab .tab-item {
  font-family: "Helvetica Neue", Tahoma, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", STHeitiSC, sans-serif;
  font-size: 14px;
  line-height: 2.2;
  cursor: pointer;
  float: left;
  padding: 0 11px;
  max-width: 140px;
  margin-bottom: 5px;
  height: 30px;
  color: #3e4e59;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.tab-change-region .tab .tab-item:hover {
  color: #0a1319;
}

.tab-change-region .tab div.tab-search-drop-list-label:hover {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  background-color: #FFF;
}

.tab-change-region .tab .current-tab {
  color: #005999;
}

.tab-change-region .tab .current-tab:hover {
  color: #005999;
}

.tab-change-region .tab .font-16 {
  font-size: 16px;
}

.tab-change-region .tab .bottom-line {
  position: absolute;
  border-radius: 2px;
  width: 18px;
  left: 0;
  height: 3px;
  background-color: #1687d9;
  top: 31px;
  transition: left cubic-bezier(0.51, 1.74, 0, 0.78) 0.3s, width cubic-bezier(0.51, 1.74, 0, 0.78) 0.3s;
}

.tab-change-region .levelTab {
  height: 30px;
  position: relative;
  border-bottom: 1px solid #E4EBF0;
}

.tab-change-region .levelTab .tab-item {
  font-family: "Helvetica Neue", Tahoma, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", STHeitiSC, sans-serif;
  font-size: 12px;
  line-height: 1.7;
  cursor: pointer;
  float: left;
  padding: 5px 10px;
  color: #667580;
  max-width: 140px;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-top: 1px solid transparent;
  border-right: 1px solid transparent;
  border-left: 1px solid transparent;
}

.tab-change-region .levelTab .tab-item:hover {
  color: #36434D;
}

.tab-change-region .levelTab .tab-drop-label .current-tab {
  color: #005999;
  border-top: 1px solid #E4EBF0;
  border-left: 1px solid #E4EBF0;
  border-right: 1px solid #E4EBF0;
  background-color: #FFF;
}

.tab-change-region .levelTab .font-16 {
  font-size: 12px;
}

.tab-change-region .tab-drop-label {
  display: inline-block;
  height: 33px;
  overflow: hidden;
}

.tab-change-region .levelTab div.tab-style-tabs {
  bottom: 0;
  line-height: 32px;
}

.tab-change-region .tab-drop-down-list-component {
  display: inline-block;
  position: absolute;
  bottom: 0px;
}

.tab-change-region .tab-drop-down-list-component .tab-search-base-label, .tab-change-region .tab-drop-down-list-component .tab-search-drop-list-disabled, .tab-change-region .tab-drop-down-list-component .tab-search-drop-list-label {
  display: inline-block;
  width: 28px;
  height: 34px;
  border-radius: 2px;
  font-family: "Helvetica Neue", Tahoma, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", STHeitiSC, sans-serif;
  text-align: center;
  font-size: 14px;
  color: #667580;
  line-height: 24px;
  position: relative;
}

.tab-change-region .tab-drop-down-list-component .tab-search-drop-list-disabled {
  background-color: #f0f0f0;
  cursor: no-drop;
}

.tab-change-region .tab-drop-down-list-component .tab-search-drop-list-label {
  cursor: pointer;
}

.tab-change-region .tab-drop-down-list-component .tab-search-drop-list-label-active {
  background-color: #f5f8fa !important;
  box-shadow: none !important;
}

.tab-change-region .tab-drop-down-list-component .tab-drop-list-label {
  width: 100px;
  font-family: "Helvetica Neue", Tahoma, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", STHeitiSC, sans-serif;
  font-size: 14px;
  color: #667580;
  text-align: right;
  margin-right: 25px;
  padding: 0px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  float: left;
}

.tab-change-region .tab-drop-down-list-component .tab-drop-list-label .span {
  cursor: none;
}

.tab-change-region .tab-drop-down-list-component .tab-drop-list-real {
  z-index: 3;
  height: 0px;
}

.tab-change-region .tab-drop-down-list-component .tab-list-real-spread {
  height: 400px;
  transition: height 0.3s cubic-bezier(0.25, 0.1, 0.25, 1);
}

.tab-change-region .tab-drop-down-list-component .tab-list-shadow-spread {
  width: 100%;
  height: 400px;
}

#TabDropDown_ul .tab-field-drop-list-content {
  z-index: 999;
  border-radius: 5px;
  background-color: #FFF;
  position: absolute;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.15);
}

#TabDropDown_ul .tab-field-drop-list-content .tab-drop-down-search-component {
  border: 0;
  width: 170px;
  max-width: 170px;
  font-size: 12px;
}

#TabDropDown_ul .tab-field-drop-list-content .tab-drop-down-search-component .tab-drop-list-wrapper {
  width: 100%;
  background-color: #ffffff;
  z-index: 9;
  position: relative;
  left: 0px;
  border-radius: 5px;
}

#TabDropDown_ul .tab-field-drop-list-content .tab-drop-down-search-component .tab-drop-list-wrapper .tab-drop-list {
  box-sizing: border-box;
  max-height: 500px;
  font-size: 14px;
  overflow: hidden;
}

#TabDropDown_ul .tab-field-drop-list-content .tab-drop-down-search-component .tab-drop-list-wrapper ul {
  position: relative;
  z-index: 2;
}

#TabDropDown_ul .tab-field-drop-list-content .tab-drop-down-search-component .tab-drop-list-wrapper li {
  font-family: "Helvetica Neue", Tahoma, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", STHeitiSC, sans-serif;
  font-size: 12px;
  line-height: 1.7;
  padding: 3px 0;
  color: #36434D;
  text-indent: 15px;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

#TabDropDown_ul .tab-field-drop-list-content .tab-drop-down-search-component .tab-drop-list-wrapper li:hover {
  background-color: #F5F8FA !important;
}

#TabDropDown_ul .drop-list-open {
  -webkit-transition: box-shadow .3s linear .4s;
  -moz-transition: box-shadow .3s linear .4s;
  -ms-transition: box-shadow .3s linear .4s;
  -o-transition: box-shadow .3s linear .4s;
  transition: box-shadow .3s linear .4s;
  -webkit-animation: popShow 0.3s cubic-bezier(0.66, 1.65, 0.23, 0.87) forwards;
  -moz-animation: popShow 0.3s cubic-bezier(0.66, 1.65, 0.23, 0.87) forwards;
  -ms-animation: popShow 0.3s cubic-bezier(0.66, 1.65, 0.23, 0.87) forwards;
  -o-animation: popShow 0.3s cubic-bezier(0.66, 1.65, 0.23, 0.87) forwards;
  animation: popShow 0.3s cubic-bezier(0.66, 1.65, 0.23, 0.87) forwards;
  -webkit-transform-origin: top left;
  -moz-transform-origin: top left;
  -ms-transform-origin: top left;
  -o-transform-origin: top left;
}

#TabDropDown_ul .drop-list-close {
  -webkit-transition: opacity 0.2s cubic-bezier(0.25, 0.1, 0.25, 1);
  -moz-transition: opacity 0.2s cubic-bezier(0.25, 0.1, 0.25, 1);
  -ms-transition: opacity 0.2s cubic-bezier(0.25, 0.1, 0.25, 1);
  -o-transition: opacity 0.2s cubic-bezier(0.25, 0.1, 0.25, 1);
  transition: opacity 0.2s cubic-bezier(0.25, 0.1, 0.25, 1);
  -webkit-animation: popHide 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) forwards;
  -moz-animation: popHide 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) forwards;
  -ms-animation: popHide 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) forwards;
  -o-animation: popHide 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) forwards;
  animation: popHide 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) forwards;
  -webkit-transform-origin: top left;
  -moz-transform-origin: top left;
  -ms-transform-origin: top left;
  -o-transform-origin: top left;
}

#TabDropDown_ul .tab-search-drop-list-position-left {
  left: 0;
}

#TabDropDown_ul .tab-search-drop-list-position-right {
  right: 0;
}

@-o-keyframes checkToDft {
  from {
    -o-transform: rotateZ(-45deg);
  }

  to {
    -o-transform: rotateZ(0deg);
  }
}

@-webkit-keyframes popShow {
  from {
    -webkit-transform: scale(0);
  }

  to {
    -webkit-transform: scale(1);
  }
}

@-moz-keyframes popShow {
  from {
    -moz-transform: scale(0);
  }

  to {
    -moz-transform: scale(1);
  }
}

@-ms-keyframes popShow {
  #TabDropDown_ul from {
    -ms-transform: scale(0);
  }

  #TabDropDown_ul to {
    -ms-transform: scale(1);
  }
}

@-o-keyframes popShow {
  from {
    -o-transform: scale(0);
  }

  to {
    -o-transform: scale(1);
  }
}

@keyframes popShow {
  from {
    transform: scale(0);
  }

  to {
    transform: scale(1);
  }
}

@-webkit-keyframes popHide {
  from {
    -webkit-transform: scale(1);
  }

  to {
    -webkit-transform: scale(0);
  }
}

@-moz-keyframes popHide {
  from {
    -moz-transform: scale(1);
  }

  to {
    -moz-transform: scale(0);
  }
}

@-ms-keyframes popHide {
  #TabDropDown_ul from {
    -ms-transform: scale(1);
  }

  #TabDropDown_ul to {
    -ms-transform: scale(0);
  }
}

@-o-keyframes popHide {
  from {
    -o-transform: scale(1);
  }

  to {
    -o-transform: scale(0);
  }
}

@keyframes popHide {
  from {
    transform: scale(1);
  }

  to {
    transform: scale(0);
  }
}
@charset "UTF-8";
/*
  系统色(System)
*/
/*
  中性色(Medium)
*/
/*
  功能色(Fuction)
*/
/*
  装饰色(Decorator)
*/
/*
  字体(Font Family)
*/
/*
  字号 (Font size)
*/
/*
  间距 (Space)
*/
/*
  圆角 (Radius)
*/
div.block-btn-style {
  display: block;
}

.base-button-component {
  display: inline-block;
}

.base-button-component .base-btn-common-style, .base-button-component .base-btns-bgc-small, .base-button-component .base-btns-bgc-big, .base-button-component .base-btns-bgc-block, .base-button-component .base-btns-bg-gray-defalult, .base-button-component .base-btns-weaken {
  text-align: center;
  min-width: 0;
  cursor: pointer;
  font-size: 14px;
  color: white;
  border-radius: 3px;
  float: left;
  -webkit-user-select: none;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  box-sizing: border-box;
}

.base-button-component .base-btn-common-style:hover, .base-button-component .base-btns-bgc-small:hover, .base-button-component .base-btns-bgc-big:hover, .base-button-component .base-btns-bgc-block:hover, .base-button-component .base-btns-bg-gray-defalult:hover, .base-button-component .base-btns-weaken:hover {
  background-color: #5cadff;
}

.base-button-component .base-btns-bgc-small {
  font-size: 12px;
  line-height: 20px;
  padding: 3px 10px;
  min-width: 44px;
  color: white;
  background-color: #1d86f0;
}

.base-button-component .base-btns-bgc-big {
  font-size: 12px;
  line-height: 24px;
  padding: 3px 12px;
  box-sizing: border-box;
  min-width: 48px;
  color: white;
  background-color: #1d86f0;
  font-family: "PingFang SC", "Hiragino Sans GB", STHeitiSC, "Helvetica", "Helvetica Neue", "Microsoft YaHei", Tahoma;
}

.base-button-component .base-btns-bgc-big.base-bg-ripple-active {
  background-color: #106ecc !important;
}

.base-button-component .base-btns-bgc-block {
  width: 100%;
  height: 46px;
  line-height: 46px;
  background-color: #1687d9;
  font-family: "Helvetica Neue", Tahoma, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", STHeitiSC, sans-serif;
}

.base-button-component span.base-btns-bg-gray, .base-button-component span.base-btns-bg-gray-weaken {
  text-align: center;
  min-width: 0;
  border-radius: 4px;
  background-repeat: no-repeat;
  float: left;
  -webkit-user-select: none;
  cursor: not-allowed;
  box-shadow: none;
}

.base-button-component span.base-btns-bg-gray:hover, .base-button-component span.base-btns-bg-gray-weaken:hover {
  box-shadow: none;
}

.base-button-component .base-btns-bg-gray-defalult {
  background-color: rgba(29, 134, 240, 0.5);
}

.base-button-component .base-btns-bg-gray-defalult:hover {
  background-color: rgba(29, 134, 240, 0.5);
}

.base-button-component span.base-btns-bg-gray-weaken {
  color: #C1C7CB;
}

.base-button-component .base-btns-weaken {
  color: #33383d;
  background-color: white;
  font-family: "PingFang SC", "Hiragino Sans GB", STHeitiSC, "Helvetica", "Helvetica Neue", "Microsoft YaHei", Tahoma;
  border-radius: 3px;
  border: solid 1px #e6e8eb;
  background-repeat: no-repeat;
}

.base-button-component .base-btns-weaken:hover {
  background-color: rgba(133, 194, 255, 0.1);
  border: solid 1px #85c2ff;
  color: #106ecc;
}

.base-button-component .base-btns-weaken.base-bg-ripple-active {
  background-color: rgba(133, 194, 255, 0.2) !important;
}

.base-button-component .base-bg-ripple {
  position: relative;
  overflow: hidden;
  z-index: 6;
}

.base-button-component .base-bg-ripple .base-btn-title {
  z-index: 8;
  pointer-events: none;
}

.base-button-component .base-bg-ripple .base-btn-title.clip {
  text-overflow: clip;
}
.clearfix:after {
  content: '';
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  overflow: hidden;
}

/*
.twm-scroll::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background-color: transparent
}

.twm-scroll::-webkit-scrollbar-track {
    border-radius: 0;
    background-color: transparent;
}

.twm-scroll::-webkit-scrollbar-thumb {
    border-radius: 0;
    background-color: rgba(150, 150, 150, .5);
    border-radius: 5px
}*/
.us-container {
  overflow: hidden;
  position: absolute;
  background-color: #fff;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.15);
  border-radius: 5px;
  -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-animation-duration: .2s;
  animation-duration: .2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
  -webkit-animation-name: antSlideUpIn;
  animation-name: antSlideUpIn;
  -webkit-animation-play-state: running;
  animation-play-state: running;
}

.us-container .us-search {
  width: 100%;
}

.us-container .us-search .base-search-component {
  display: inline-block;
  width: 100%;
  margin-bottom: 5px;
}

.us-container .us-simple-container {
  box-sizing: border-box;
  width: 310px;
  outline: none;
  height: 415px;
  padding: 0 15px;
  border-radius: 2px;
    /*box-shadow: 0 3px 5px rgba(0, 0, 0, .3);*/
  font-family: "Helvetica Neue", Tahoma, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", STHeitiSC, sans-serif;
}

.us-container .us-simple-container .us-search-result {
  padding: 5px 0;
  cursor: auto;
  box-sizing: border-box;
  height: 328px;
  width: 100%;
  overflow-y: auto;
}

.us-container .us-simple-container .us-to-multi {
  margin: 10px 0;
}

.us-container .us-simple-container .us-to-multi a {
  float: right;
  font-size: 14px;
  line-height: 24px;
  color: #005999;
  text-decoration: none;
}

.us-container .us-multi-container {
  box-sizing: content-box;
  width: 538px;
  height: 411px;
  outline: none;
  padding: 0 15px;
  border-radius: 5px;
    /*box-shadow: 0 3px 5px rgba(0, 0, 0, .3);*/
  font-family: "Helvetica Neue", Tahoma, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", STHeitiSC, sans-serif;
}

.us-container .us-multi-container .us-left {
  box-sizing: border-box;
  width: 266px;
  padding-right: 10px;
}

.us-container .us-multi-container .us-right {
  box-sizing: border-box;
  margin-top: 5px;
  padding-left: 10px;
  height: 303px;
  width: 267px;
  border-left: 1px solid #e4ebf0;
}

.us-container .us-multi-container .us-footer {
  margin-top: 15px;
}

.us-container .us-multi-container .us-footer .base-button-component {
  float: right;
}

.us-container .us-multi-container .us-footer .base-button-component:first-child {
  margin-left: 10px;
}

.us-container .us-multi-container .us-item-top {
  max-height: 250px;
}

.us-container .us-multi-container .arrow-icon {
  display: inline-block;
  line-height: 0;
  color: #66757F;
}

.us-container .us-multi-container .arrow-icon > svg {
  pointer-events: none;
}

.us-container .us-multi-container .zeroUser {
  display: inline-block;
  width: 11px;
  height: 10px;
}

.us-container .us-left {
  width: 305px;
  float: left;
}

.us-container .us-left .us-dep-con {
  height: 262px;
  width: 100%;
  overflow-y: auto;
}

.us-container .us-left .tab-change-region .levelTab-component {
  margin: 5px 0 10px 0;
}

.us-container .us-right {
  float: right;
  outline: none;
}

.us-container .us-item-top li .us-item-list {
  cursor: pointer;
}

.us-container .us-item-top li .us-item-list:hover {
  background-color: #f5f8fa;
}

.us-container .us-item-top li .us-item-list:hover .icon-close {
  display: inline-block;
  float: right;
  width: 14px;
  height: 14px;
  margin-top: 18px;
  margin-right: 10px;
}

.us-container .us-item-top li .dep-hold-on {
  background-color: #f5f8fa;
}

.us-container .us-item-top li .user-hold-on {
  background-color: #f5f8fa;
}

.us-container .us-item-top li .user-hold-on a {
  margin-top: 18px;
  margin-right: 10px;
  display: inline-block;
}

.us-container .us-item-top li .us-item-container {
  padding-left: 10px;
}

.us-container .us-item-top li .us-item-container .us-item.us-item-department {
  margin-right: 0;
}

.us-container .us-item-top .us-user .us-avatar {
  margin: 8px 5px 8px 0;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  float: left;
  display: inline-block;
  font-family: "Helvetica Neue", Tahoma, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", STHeitiSC, sans-serif;
  color: #fff;
  line-height: 30px;
  text-align: center;
  font-size: 12px;
}

.us-container .us-item-top .us-user .us-user-info {
  margin: 3px 0;
  display: inline-block;
  float: left;
    /*max-width: calc(100% - 40px);*/
    /*wuzhe----64=10+30+10+14*/
  max-width: calc(100% - 64px);
}

.us-container .us-item-top .us-user .us-user-info p {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 12px;
  line-height: 20px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.us-container .us-item-top .us-user .us-info-name {
  margin: 0px;
  color: #36434d;
}

.us-container .us-item-top .us-user .us-info-email {
  margin: 0px;
  color: #acb7bf;
}

.us-container .us-item-top .us-user em {
  font-family: inherit;
  font-style: inherit;
  background: rgba(228, 166, 0, 0.2);
  border-radius: 2px;
  height: inherit;
  display: inline-block;
}

.us-container .us-item-top .us-user:hover a {
  margin-top: 18px;
  margin-right: 10px;
}

.us-container .us-item-top .us-department {
  height: 30px;
}

.us-container .us-item-top .us-department.us-item-list {
  padding-left: 10px;
}

.us-container .us-item-top .us-department.us-item-list a {
  margin-top: 8px;
  margin-right: 10px;
}

.us-container .us-item-top .us-department .us-department-info {
  margin: 0;
  margin-left: 10px;
  margin-bottom: 0;
  margin-top: 0;
  display: inline-block;
  font-size: 12px;
  vertical-align: middle;
  color: #36434d;
  line-height: 10px;
}

.us-container .us-multi-result .us-multi-human {
  float: left;
  margin-top: 0;
  margin-bottom: 10px;
  color: #36434d;
  font-size: 12px;
  line-height: 20px;
  padding: 5px 0;
  font-family: "Helvetica Neue", Tahoma, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", STHeitiSC, sans-serif;
  width: 100%;
}

.us-container .us-multi-result .us-multi-clearall {
  float: right;
  color: #005999;
  cursor: pointer;
}

.us-container .us-multi-result .us-multi-clearall.us-multi-clearall-disabled {
  color: #acb7bf;
  cursor: default;
}

.us-container .us-multi-result .us-multi-clearall.us-multi-clearall-disabled:hover {
  color: #acb7bf;
}

.us-container .us-multi-result .us-multi-clearall:hover {
  color: #1687D9;
}

.us-container .us-multi-result .us-results-con {
  height: 262px;
  overflow-y: auto;
  width: 100%;
}

.us-container .us-multi-tip {
  padding: 5px 0 5px 10px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 12px;
  line-height: 20px;
  color: #36434d;
  font-family: "Helvetica Neue", Tahoma, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", STHeitiSC, sans-serif;
  cursor: auto;
}

.us-container .us-multi-tip.us-multi-search {
  margin-top: 10px;
}

.us-container .us-multi-tip:hover .icon-add {
  color: #acb7bf;
  display: inline-block;
  margin: 3px 15px 3px 0;
  width: 14px;
  height: 14px;
  float: right;
}

.us-container .us-multi-tip:hover .icon-add:hover {
  color: #1687d9;
}

.us-container .icon-add {
  display: none;
  font-size: 14px;
  cursor: pointer;
}

.us-container .icon-add:hover {
  display: inline-block;
  color: #1687d9;
}

.us-container .icon-close {
  font-size: 14px;
  display: none;
  cursor: pointer;
  color: #acb7bf;
}

.us-container .icon-close:hover {
  color: #cc2929;
}

.us-container .icon-close svg {
  pointer-events: none;
}

.us-container .tab-change-region {
  margin-top: 0;
}

.us-container .us-no-data {
  width: 100%;
  height: 232px;
  position: relative;
  cursor: auto;
}

.us-container .us-no-data .empty-con {
  display: block;
  width: 100%;
  height: 100%;
  background-image: url(../images/empty-img-885c8195f76a3e75e80bef39eb38e58d.png);
  background-repeat: no-repeat;
  background-position: 50%;
}

.us-container .pc-sys-arrowright-active-svg {
  display: inline-block;
  width: 6px;
  height: 10px;
  margin-left: 5px;
}

.us-container .us-item-empty {
  height: 30px;
  font-size: 12px;
  font-family: "Helvetica Neue", Tahoma, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", STHeitiSC, sans-serif;
  color: #0a1319;
  line-height: 30px;
  text-align: left;
  padding: 5px 0 5px 10px;
  cursor: pointer;
}

.us-container .us-item-empty:hover {
  background: #f5f8fa;
}

.us-container ul {
  list-style-type: none;
  list-style: none;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
}

@-webkit-keyframes antSlideUpIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scaleY(0.8);
    transform: scaleY(0.8);
  }

  100% {
    opacity: 1;
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}

@keyframes antSlideUpIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scaleY(0.8);
    transform: scaleY(0.8);
  }

  100% {
    opacity: 1;
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}

.us-container .base-search-input .icon-close {
  display: inline-block;
}

/*wuzhe----scrollbar style*/
.twm-scroll::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  background-color: transparent;
  padding: 2px;
}

.twm-scroll::-webkit-scrollbar-track {
  border-radius: 0;
  background-color: transparent;
}

.twm-scroll::-webkit-scrollbar-thumb {
  border-radius: 0;
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 6px;
}

.twm-scroll::-webkit-scrollbar:hover {
  width: 10px;
  height: 10px;
}

.twm-scroll::-webkit-scrollbar-track:hover {
  background-color: rgba(0, 0, 0, 0.1);
}

.twm-scroll::-webkit-scrollbar-thumb:hover {
  padding: 2px;
  background-color: rgba(0, 0, 0, 0.3);
}

/*wuzhe----scrollbar style*/
.tooltip {
  font-family: "Helvetica Neue", Tahoma, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", STHeitiSC, sans-serif;
  font-size: 12px;
  line-height: 20px;
  z-index: 999999999;
  display: block;
  position: absolute;
  letter-spacing: normal;
  line-break: auto;
  text-align: left;
  text-decoration: none;
  word-break: break-all;
  word-spacing: normal;
  width: auto;
}

.tooltip.top {
  padding: 5px 0;
}

.tooltip.bottom {
  padding: 5px 0;
}

.tooltip.right {
  padding: 0 5px;
}

.tooltip.left {
  padding: 0 5px;
}

.tooltip .tooltip-inner {
  padding: 5px 10px;
  color: #f5f8fa;
  text-align: left;
  background-color: #36434d;
  border-radius: 2px;
}

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  z-index: 999999999;
}

.tooltip-arrow.top {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #36434d;
}

.tooltip-arrow.bottom {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #36434d;
}

.tooltip-arrow.right {
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 5px solid #36434d;
}

.tooltip-arrow.left {
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #36434d;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .tooltip-arrow.top {
    margin-top: -1px;
  }
}
.pointer {
  cursor: pointer;
}

.form-item {
  position: relative;
  margin-bottom: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.form-item__title {
  position: relative;
  max-width: 100%;
  vertical-align: middle;
  font-size: 12px;
  line-height: 20px;
  color: #3D5566;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.form-item__title .form-item__text {
  font-size: inherit;
  line-height: inherit;
  font-family: Helvetica Neue,Tahoma,PingFang SC,Hiragino Sans GB,Microsoft YaHei,STHeitiSC,sans-serif;
  text-indent: 5px;
  max-width: inherit;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
}

.form-item__title .icon-cus-bitian {
  display: inline-block;
  width: 5px;
  height: 5px;
  vertical-align: middle;
  color: #CC2929;
  line-height: 0;
}

.form-item__title .icon-cus-bitian > svg {
  pointer-events: none;
}

.form-item__text {
  display: inline-block;
  font-size: 14px;
  line-height: 24px;
}

.formStyleLeftAndRight .formpart .fields .bc-form-item .form-item__title .icon-cus-bangzhu {
  margin-top: -9px;
}

.form-item__help .icon-cus-bangzhu {
  display: inline-block;
  line-height: 0;
  font-size: 12px;
  margin-left: 4px;
  margin-top: -1px;
  vertical-align: middle;
  color: #c3cbd1;
}

.form-item__help .icon-cus-bangzhu > svg {
  pointer-events: none;
}
.common_input_box {
  outline: none;
  border: none;
  width: auto;
  flex: 1 1 auto;
  height: 28px;
  font-family: "Helvetica Neue", Tahoma, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", STHeitiSC, sans-serif;
  font-size: 12px;
  line-height: 20px;
  color: #021726;
  outline: transparent;
  padding: 0;
}

.form-item__multi-item {
  height: 28px;
  line-height: 26px !important;
  padding-right: 10px;
  padding-right: .625rem;
  padding-left: 0;
  padding-left: 0rem;
  margin-right: 5px;
  margin-right: .3125rem;
  margin-bottom: 2px;
  margin-bottom: .125rem;
  cursor: default;
  border-radius: 2px;
  border-radius: .125rem;
  display: inline-table;
  transition: opacity 1s;
}

.form-item__multi-list .form-item__multi-item {
  height: 26px;
  line-height: 26px;
  margin-right: 0;
  border-radius: 2px;
  display: inline-block;
  vertical-align: middle;
  padding-left: 0px;
  padding-right: 10px;
  margin-right: 5px;
  cursor: default;
  max-width: 100%;
  overflow: hidden;
}

.form-item__multi-list .form-item__multi-item .form-item__text {
  max-width: calc(100% - 15px);
  margin-right: 1px;
  color: #021726;
  vertical-align: middle;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 20px;
}

.form-item__multi-item .form-item__text {
  max-width: calc(100% - 19px);
  max-width: 18.75rem;
  margin-right: 5px;
  margin-right: .3125rem;
  overflow: hidden;
  color: #021726;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
}

.form-item__multi-item .form-item__text .form-item__text-parent {
  margin-left: 3px;
  color: #828F99;
  font-weight: 200;
}

.form-item__text {
  display: inline-block;
  font-family: "Helvetica Neue", Tahoma, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", STHeitiSC, sans-serif;
  font-size: 12px;
  line-height: 24px;
  line-height: 1.5rem;
}

.form-item__title .form-item__text {
  height: 20px;
  text-indent: 5px;
  text-indent: .3125rem;
  max-width: inherit;
  overflow: hidden;
  font-family: "Helvetica Neue", Tahoma, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", STHeitiSC, sans-serif;
  font-size: inherit;
  line-height: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
}

.form-item__multi-item .icon-close {
  font-size: 14px;
  vertical-align: middle;
  color: #acb7bf;
  box-sizing: border-box;
  display: inline-block;
  line-height: 0;
}

.u-icon.icon-close {
  cursor: pointer;
}

.u-icon.icon-close:hover {
  color: #cc2929;
}

.common_input_box::-webkit-input-placeholder {
  color: #bcc8d1;
  opacity: 1;
  font-weight: 400;
}

.common_input_box::-moz-placeholder {
  color: #bcc8d1;
  opacity: 1;
  font-weight: 400;
}

.common_input_box:-ms-input-placeholder {
  color: #bcc8d1;
  opacity: 1;
  font-weight: 400;
}

.common_input_box::placeholder {
  color: #bcc8d1;
  opacity: 1;
  font-weight: 400;
}

.common_input_box::-webkit-input-placeholder {
  font-family: "Helvetica Neue", Tahoma, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", STHeitiSC, sans-serif;
  font-size: 12px;
  line-height: 20px;
  line-height: 1.25rem;
  color: #bcc8d1;
}

.common_input_box:-moz-placeholder {
  font-family: "Helvetica Neue", Tahoma, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", STHeitiSC, sans-serif;
  font-size: 12px;
  line-height: 28px;
  color: #bcc8d1;
}

.common_input_box::-moz-placeholder {
  font-family: "Helvetica Neue", Tahoma, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", STHeitiSC, sans-serif;
  font-size: 12px;
  line-height: 28px;
  color: #bcc8d1;
}

.common_input_box:-ms-input-placeholder {
  font-family: "Helvetica Neue", Tahoma, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", STHeitiSC, sans-serif;
  font-size: 12px;
  line-height: 20px;
  line-height: 1.25rem;
  color: #bcc8d1;
}

.disabled-icon {
  height: 13px;
  width: 11px;
  position: absolute;
  right: 5px;
  bottom: 5px;
}

input::-ms-clear {
  display: none;
}

.form-item__title {
  position: relative;
  max-width: 100%;
  overflow: hidden;
  font-family: "Helvetica Neue", Tahoma, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", STHeitiSC, sans-serif;
  font-size: 12px;
  font-size: .75rem;
  line-height: 20px;
  line-height: 1.25rem;
  color: #3d5566;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
}

.form-item__title .indent-style {
  text-indent: 5px !important;
  text-indent: .3125rem;
}

.form-item__control {
  border: 1px solid #e4ebf0;
  border-radius: 5px;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.form-item__control.form-item__control_is-readonly {
  border: none;
}

.form-item__control:hover {
  border-color: #96d0fa;
}

.form-item__control:focus {
  background: #ffffff;
  border: 1px solid #1687d9;
  box-shadow: 0 0 2px 1px #96d0fa;
  outline: 0;
}

.form-item__control .u-input_is-readonly {
  border: transparent;
  border: 1px solid #e4ebf0;
  width: 100%;
  height: 28px;
  padding: 0px 5px 0px 5px;
  padding: 0rem 0.3125rem 0rem 0.3125rem;
  outline: transparent;
  font-size: 12px;
  line-height: 24px;
  line-height: 1.5rem;
  font-family: "Helvetica Neue", Tahoma, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimSun, STHeitiSC, sans-serif;
  color: #021726;
}

.form-item__control .common_input_box {
  border-radius: 5px;
}

.form-item__control_is-active {
  background: #ffffff;
  border-color: #1687d9;
  box-shadow: 0 0 2px 1px #96d0fa;
}

.form-item__control_is-active:hover {
  border-color: #1687d9;
}

.form-item__control_has-error.form-item__control:focus {
  border: none;
  box-shadow: none;
}

.form-item__control_has-error {
  border: none;
  box-shadow: none;
}

.form-item__control_has-error .list_horizontal {
  background: rgba(204, 41, 41, 0.05);
  border: 1px solid #cc2929;
  border-radius: 5px;
}

.form-item__control_has-error .common_input_box {
  background-color: transparent;
}

.form-item__control.form-item__control_is-active .form-item__bottom-line {
  left: 0;
  width: 100%;
  background-color: #1687d9;
  -webkit-transition: left cubic-bezier(0.66, 1.65, 0.23, 0.87) 0.35s, width cubic-bezier(0.66, 1.65, 0.23, 0.87) 0.35s;
  -o-transition: left cubic-bezier(0.66, 1.65, 0.23, 0.87) 0.35s, width cubic-bezier(0.66, 1.65, 0.23, 0.87) 0.35s;
  transition: left cubic-bezier(0.66, 1.65, 0.23, 0.87) 0.35s, width cubic-bezier(0.66, 1.65, 0.23, 0.87) 0.35s;
}

.form-item__control.form-item__control_is-active .u-textarea__tuozhuai-icon .pc-sys-tuozhuai-nomal-svg {
  display: none;
}

.form-item__control.form-item__control_is-active .u-textarea__tuozhuai-icon .pc-sys-tuozhuai-active-svg {
  display: inline-block;
}

.form-item__control.form-item__control_has-info .form-item__explain {
  color: #1687d9;
}

.form-item__control.form-item__control_has-info .form-item__bottom-line {
  bottom: 20px;
  bottom: 1.25rem;
}

.form-item__control.form-item__control_has-info .u-textarea .form-item__bottom-line {
  bottom: 0;
}

.form-item__control.form-item__control_has-error [type="text"]:focus + .form-item__bottom-line {
  background-color: #cc2929;
}

.form-item__control.form-item__control_has-error .u-textarea__element:focus + .form-item__bottom-line {
  background-color: #cc2929;
}

.form-item__control.form-item__control_has-error .form-item__bottom-line {
  background-color: #cc2929;
}

.form-item__control.form-item__control_has-error .form-item__explain {
  color: #cc2929;
}

.form-item__control.form-item__control_is-readonly [type="text"]:focus + .form-item__bottom-line,
.form-item__control.form-item__control_is-readonly .u-textarea__element:focus + .form-item__bottom-line {
  width: 0;
}

.form-item__control .u-radio,
.form-item__control .u-checkbox {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: 15px;
  margin-right: .9375rem;
  margin-left: 5px;
  margin-left: .3125rem;
}

.form-item__control [type="text"]:focus + .form-item__bottom-line,
.form-item__control .u-textarea__element:focus + .form-item__bottom-line {
  left: 0;
  width: 100%;
  background-color: #1687d9;
  -webkit-transition: left cubic-bezier(0.66, 1.65, 0.23, 0.87) 0.35s, width cubic-bezier(0.66, 1.65, 0.23, 0.87) 0.35s;
  -o-transition: left cubic-bezier(0.66, 1.65, 0.23, 0.87) 0.35s, width cubic-bezier(0.66, 1.65, 0.23, 0.87) 0.35s;
  transition: left cubic-bezier(0.66, 1.65, 0.23, 0.87) 0.35s, width cubic-bezier(0.66, 1.65, 0.23, 0.87) 0.35s;
}

.form-item__control [type="text"]:focus + .form-item__bottom-line .form-item + .u-textarea__tuozhuai-icon .pc-sys-tuozhuai-nomal-svg,
.form-item__control .u-textarea__element:focus + .form-item__bottom-line .form-item + .u-textarea__tuozhuai-icon .pc-sys-tuozhuai-nomal-svg {
  display: none;
}

.form-item__control [type="text"]:focus + .form-item__bottom-line .form-item + .u-textarea__tuozhuai-icon .pc-sys-tuozhuai-active-svg,
.form-item__control .u-textarea__element:focus + .form-item__bottom-line .form-item + .u-textarea__tuozhuai-icon .pc-sys-tuozhuai-active-svg {
  display: inline-block;
}

.form-item__control .form-item__bottom-line {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 2px;
}

.form-item__explain {
  display: block;
  width: 100%;
  min-height: 20px;
  min-height: 1.25rem;
  font-family: "Helvetica Neue", Tahoma, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", STHeitiSC, sans-serif;
  font-size: 12px;
  font-size: .75rem;
  line-height: 20px;
  line-height: 1.25rem;
  margin-left: 5px;
}

.form-item__label {
  display: inline-block;
  padding-top: 15px;
  padding-top: .9375rem;
  padding-bottom: 10px;
  padding-bottom: .625rem;
  font-family: "Helvetica Neue", Tahoma, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", STHeitiSC, sans-serif;
  font-size: 12px;
  line-height: 24px;
  line-height: 1.5rem;
}

.form-item__right-icon {
  position: absolute;
  top: 5px;
  top: .3125rem;
  right: 5px;
  right: .3125rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.form-item__right-icon i + i {
  margin-left: 5px;
  margin-left: .3125rem;
}

.form-item__multi-list {
  width: 100%;
  cursor: text;
  border-bottom: none;
  padding: 0 20px 0 5px;
}

.list_horizontal {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
}

.list_horizontal .common_input_box {
  cursor: pointer;
}

.list_wrap {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.form-item__control_is-readonly {
  border: none;
}

.form-item__control_is-readonly input {
  border: 1px solid #e4ebf0;
  border-radius: 5px;
  background: #f5f8fa;
  font-family: "Helvetica Neue", Tahoma, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", STHeitiSC, sans-serif;
  font-size: 12px;
  color: #3E4E59;
  letter-spacing: 0;
  text-align: left;
  line-height: 20px;
}

.form-item__control_is-readonly .u-input_is-readonly {
  height: 28px;
  border-radius: 5px;
  background: #f5f8fa;
  font-family: "Helvetica Neue", Tahoma, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", STHeitiSC, sans-serif;
  font-size: 12px;
  color: #3E4E59;
  letter-spacing: 0;
  text-align: left;
  line-height: 28px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  cursor: no-drop;
}

.form-item__control .list_is-edit-status {
  max-height: 131px;
  overflow-y: auto;
  overflow-x: hidden;
}

.arrowdown-nomal-svg {
  color: #66757F;
}

.arrowdown-nomal-svg svg, .icon-close svg {
  pointer-events: none;
}
.text-box .form-item__title {
  line-height: 28px;
  margin-right: 5px;
}

.text-box .form-item__title .form-item__text {
  height: 28px;
}

.text-box .form-item_is-hidden-tips {
  position: absolute;
  width: calc(100% - 20px);
  line-height: 28px;
  height: 28px;
  margin-left: 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: transparent;
  cursor: text;
  font-size: 12px;
  font-family: "Helvetica Neue", Tahoma, "PingFang SC", "Hiragino Sans GB", SimSun, STHeitiSC, sans-serif;
}

.text-box .u-input {
  border: transparent;
  width: 100%;
  flex: 1 1 auto;
  height: 28px;
  border-radius: 5px;
  padding: 0px 5px 0px 5px;
  outline: transparent;
  font-size: 12px;
  line-height: 20px;
  font-family: "Helvetica Neue", Tahoma, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", STHeitiSC, sans-serif;
  color: #021726;
  overflow: hidden;
  text-overflow: ellipsis;
}

.text-box .form-item__control.form-item__control_has-error .u-input {
  border: 1px solid #cc2929;
  background: rgba(204, 41, 41, 0.05);
}

.text-box .form-item__right-icon {
  top: 7px;
  color: #acb7bf;
}

.text-box .icon-close svg {
  pointer-events: none;
}
.tooltip {
  font-family: "Helvetica Neue", Tahoma, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", STHeitiSC, sans-serif;
  font-size: 12px;
  line-height: 20px;
  z-index: 999999999;
  display: block;
  position: absolute;
  letter-spacing: normal;
  line-break: auto;
  text-align: left;
  text-decoration: none;
  word-break: break-all;
  word-spacing: normal;
  width: auto;
}

.tooltip.top {
  padding: 5px 0;
}

.tooltip.bottom {
  padding: 5px 0;
}

.tooltip.right {
  padding: 0 5px;
}

.tooltip.left {
  padding: 0 5px;
}

.tooltip .tooltip-inner {
  padding: 5px 10px;
  color: #f5f8fa;
  text-align: left;
  background-color: #36434d;
  border-radius: 2px;
}

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  z-index: 999999999;
}

.tooltip-arrow.top {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #36434d;
}

.tooltip-arrow.bottom {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #36434d;
}

.tooltip-arrow.right {
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 5px solid #36434d;
}

.tooltip-arrow.left {
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #36434d;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .tooltip-arrow.top {
    margin-top: -1px;
  }
}
.pointer {
  cursor: pointer;
}

.form-item {
  position: relative;
  margin-bottom: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.form-item__title {
  position: relative;
  max-width: 100%;
  vertical-align: middle;
  font-size: 12px;
  line-height: 20px;
  color: #3D5566;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.form-item__title .form-item__text {
  font-size: inherit;
  line-height: inherit;
  font-family: Helvetica Neue,Tahoma,PingFang SC,Hiragino Sans GB,Microsoft YaHei,STHeitiSC,sans-serif;
  text-indent: 5px;
  max-width: inherit;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
}

.form-item__title .icon-cus-bitian {
  display: inline-block;
  width: 5px;
  height: 5px;
  vertical-align: middle;
  color: #CC2929;
  line-height: 0;
}

.form-item__title .icon-cus-bitian > svg {
  pointer-events: none;
}

.form-item__text {
  display: inline-block;
  font-size: 14px;
  line-height: 24px;
}

.formStyleLeftAndRight .formpart .fields .bc-form-item .form-item__title .icon-cus-bangzhu {
  margin-top: -9px;
}

.form-item__help .icon-cus-bangzhu {
  display: inline-block;
  line-height: 0;
  font-size: 12px;
  margin-left: 4px;
  margin-top: 1px;
  vertical-align: middle;
  color: #c3cbd1;
}

.form-item__help .icon-cus-bangzhu > svg {
  pointer-events: none;
}
.us-show-avatars label {
  margin-top: 5px;
}

.us-show-avatars ul {
  height: 30px;
  padding-left: 5px;
  margin-bottom: 5px;
}

.us-show-avatars ul li {
  float: left;
  padding-bottom: 5px;
  display: inline-block;
  min-width: 30px;
  border-radius: 50%;
  margin-right: 5px;
  color: #36434d;
  line-height: 30px;
  font-family: "Helvetica Neue", Tahoma, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", STHeitiSC, sans-serif;
}

.us-show-avatars ul li span {
  float: left;
  display: inline-block;
  width: 30px;
  height: 20px;
  border-radius: inherit;
  text-align: center;
  line-height: 20px;
  padding: 5px 0;
  font-size: 12px;
  font-family: inherit;
  color: #fff;
  margin-right: 5px;
}

.us-show-avatars ul li img {
  float: left;
  display: inline-block;
  width: 30px;
  height: 30px;
  border-radius: inherit;
  text-align: center;
  margin-right: 5px;
}

.ocean-userselector-input {
  width: calc(100% - 10px);
  height: 26px;
  line-height: 26px;
  border: 0;
}

.form-item__multi-list {
  margin: 0;
}

input.ocean-userselector-input:focus {
  outline-offset: 0;
  outline-style: auto;
  outline-width: 0;
}

.us-edit-content .drop-search-input-icon {
  z-index: 300;
  width: 11px;
  height: 6px;
  top: 16px;
  right: 6px;
  margin-left: 5px;
  line-height: 40px;
  cursor: pointer;
  position: absolute;
  position: absolute\9;
  color: #ACB7BF;
}

.us-edit-content .us-edit-status {
  width: 100%;
  overflow: auto;
  font-family: "Helvetica Neue", Tahoma, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", STHeitiSC, sans-serif;
}

.us-edit-content .us-edit-status li {
  float: left;
  list-style: none;
  background: #f5f8fa;
  border-radius: 2px;
  padding: 5px;
  margin-bottom: 5px;
  margin-left: 5px;
}

.us-edit-content .us-edit-status li p {
  max-width: 300px;
  line-height: 14px;
  float: left;
  margin-right: 5px;
  color: #36434d;
  line-height: 22px;
  font-size: 14px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.us-edit-content .us-edit-status li a {
  display: inline-block;
  float: right;
  font-size: 14px;
  margin-top: 5px;
  width: 14px;
  height: 14px;
}

.us-edit-content .us-edit-status li a:before {
  color: #acb7bf;
}

.us-edit-content .us-edit-status li a:hover:before {
  color: #cc2929;
}

/*wuzhe----usertextbox cross rows*/
.textbox-component .us-edit-content {
  /*wuzhe----fix bug 193165*/
}

.textbox-component .us-edit-content .us-edit-status ul li p {
  float: none;
}

.textbox-component .us-edit-content .us-edit-status ul li a {
  position: relative;
  z-index: 100;
}

.textbox-component .us-edit-content input.base-input-contain {
  position: absolute;
  top: 0px;
  background: transparent;
  width: 100%;
}

input::-ms-clear {
  display: none;
}

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

.UserSelectTextBorder .icon-close {
  font-size: 14px;
  line-height: 0;
  vertical-align: middle;
  display: inline-block;
  color: #acb7bf;
}

.UserSelectTextBorder .icon-close:hover {
  color: #cc2929;
}

.UserSelectTextBorder .icon-close svg {
  pointer-events: none;
}

.u-icon.sys-icon-add {
  color: #1687d9;
  cursor: pointer;
}

.u-icon.file-aac {
  width: 60px;
  height: 60px;
  background-position: 0 -1296px;
}

.u-icon.file-ape {
  width: 60px;
  height: 60px;
  background-position: 0 -1416px;
}

.u-icon.file-asf {
  width: 60px;
  height: 60px;
  background-position: 0 -876px;
}

.u-icon.file-avi {
  width: 60px;
  height: 60px;
  background-position: 0 -1236px;
}

.u-icon.file-doc {
  width: 60px;
  height: 60px;
  background-position: 0 -2196px;
}

.u-icon.file-docx {
  width: 60px;
  height: 60px;
  background-position: 0 -1536px;
}

.u-icon.file-exe {
  width: 60px;
  height: 60px;
  background-position: 0 -1896px;
}

.u-icon.file-file {
  width: 48px;
  height: 48px;
  background-position: 0 -192px;
}

.u-icon.file-flac {
  width: 60px;
  height: 60px;
  background-position: 0 -1596px;
}

.u-icon.file-flv {
  width: 60px;
  height: 60px;
  background-position: 0 -1956px;
}

.u-icon.file-folder {
  width: 48px;
  height: 48px;
  background-position: 0 -144px;
}

.u-icon.file-folder2 {
  width: 46px;
  height: 32px;
  background-position: 0 -2556px;
}

.u-icon.file-gif {
  width: 48px;
  height: 48px;
  background-position: 0 -588px;
}

.u-icon.file-image {
  width: 48px;
  height: 48px;
  background-position: 0 -540px;
}

.u-icon.file-jpeg {
  width: 48px;
  height: 48px;
  background-position: 0 -384px;
}

.u-icon.file-jpg {
  width: 48px;
  height: 48px;
  background-position: 0 -432px;
}

.u-icon.file-m4a {
  width: 59px;
  height: 60px;
  background-position: 0 -1776px;
}

.u-icon.file-m4v {
  width: 60px;
  height: 60px;
  background-position: 0 -996px;
}

.u-icon.file-mkv {
  width: 60px;
  height: 60px;
  background-position: 0 -936px;
}

.u-icon.file-mmap {
  width: 48px;
  height: 48px;
  background-position: 0 -240px;
}

.u-icon.file-mov {
  width: 60px;
  height: 60px;
  background-position: 0 -816px;
}

.u-icon.file-mp3 {
  width: 60px;
  height: 60px;
  background-position: 0 -1476px;
}

.u-icon.file-mp4 {
  width: 60px;
  height: 60px;
  background-position: 0 -1056px;
}

.u-icon.file-mpeg {
  width: 60px;
  height: 60px;
  background-position: 0 -480px;
}

.u-icon.file-mpg {
  width: 60px;
  height: 60px;
  background-position: 0 -636px;
}

.u-icon.file-music {
  width: 48px;
  height: 48px;
  background-position: 0 -48px;
}

.u-icon.file-none {
  width: 60px;
  height: 60px;
  background-position: 0 -2016px;
}

.u-icon.file-ogg {
  width: 60px;
  height: 60px;
  background-position: 0 -1356px;
}

.u-icon.file-pdf {
  width: 60px;
  height: 60px;
  background-position: 0 -2316px;
}

.u-icon.file-pic {
  width: 48px;
  height: 48px;
  background-position: 0 0;
}

.u-icon.file-png {
  width: 48px;
  height: 48px;
  background-position: 0 -288px;
}

.u-icon.file-ppt {
  width: 60px;
  height: 60px;
  background-position: 0 -2256px;
}

.u-icon.file-pptx {
  width: 60px;
  height: 60px;
  background-position: 0 -1656px;
}

.u-icon.file-rar {
  width: 60px;
  height: 60px;
  background-position: 0 -2436px;
}

.u-icon.file-rm {
  width: 60px;
  height: 60px;
  background-position: 0 -2076px;
}

.u-icon.file-rmvb {
  width: 60px;
  height: 60px;
  background-position: 0 -696px;
}

.u-icon.file-tif {
  width: 48px;
  height: 48px;
  background-position: 0 -336px;
}

.u-icon.file-ts {
  width: 60px;
  height: 60px;
  background-position: 0 -1836px;
}

.u-icon.file-txt {
  width: 60px;
  height: 60px;
  background-position: 0 -2496px;
}

.u-icon.file-video {
  width: 48px;
  height: 48px;
  background-position: 0 -96px;
}

.u-icon.file-wav {
  width: 60px;
  height: 60px;
  background-position: 0 -1176px;
}

.u-icon.file-wma {
  width: 60px;
  height: 60px;
  background-position: 0 -1116px;
}

.u-icon.file-wmv {
  width: 60px;
  height: 60px;
  background-position: 0 -756px;
}

.u-icon.file-xls {
  width: 60px;
  height: 60px;
  background-position: 0 -2136px;
}

.u-icon.file-xlsx {
  width: 60px;
  height: 60px;
  background-position: 0 -1716px;
}

.u-icon.file-zip {
  width: 60px;
  height: 60px;
  background-position: 0 -2376px;
}

.u-checkbox__icon .u-icon[class*="pc-sys-Checkbox"] {
  width: 14px;
}

.form-group {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.form-group__title {
  margin: 10px 0;
  margin: .625rem 0rem;
  line-height: 0;
  line-height: 0rem;
  border-bottom: 1px solid #e4ebf0;
}

.form-group__title .form-group__text {
  display: inline-block;
  width: auto;
  padding: 0 10px;
  padding: 0rem .625rem;
  font-family: "Helvetica Neue", Tahoma, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", STHeitiSC, sans-serif;
  font-size: 12px;
  font-size: .75rem;
  line-height: 20px;
  line-height: 1.25rem;
  color: #3d5566;
  background-color: #e4ebf0;
  border-radius: 2px 2px 0 0;
  border-radius: .125rem .125rem 0rem 0rem;
}

.form-group .form-group__tags {
  display: inline-block;
  width: 30px;
  width: 1.875rem;
  height: 30px;
  height: 1.875rem;
  margin-right: 10px;
  margin-right: .625rem;
  line-height: 30px;
  line-height: 1.875rem;
  color: #fff;
  text-align: center;
  border-radius: 47px;
  border-radius: 2.9375rem;
}

.form-group .form-group__tags .form-group__tags_is-big {
  width: 50px;
  width: 3.125rem;
  height: 50px;
  height: 3.125rem;
  font-size: 32px;
  font-size: 2rem;
  line-height: 50px;
  line-height: 3.125rem;
}

.form-item {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 5px;
  margin-bottom: 10px;
}

.form-item.form-item-lookupv2 .form-item__control_is-readonly {
  border: 1px solid #e4ebf0;
}

.form-item.form-item-lookupv2 .form-item__control_is-readonly .lookupv2__select-list {
  background: #f5f8fa;
}

.form-item.form-item-lookupv2 .form-item__control_is-readonly .form-item__multi-list {
  padding: 0 0 0 5px;
}

.form-item.form-item-lookupv2 .form-item__control_is-readonly .u-input {
  max-width: 100%;
}

.form-item.form-item-lookupv2 .form-item__control_has-info {
  border: none;
}

.form-item.form-item-lookupv2 .form-item__control_has-info .form-item__multi-list {
  border: none;
}

.form-item_is-static {
  margin-bottom: 10px;
  margin-bottom: .625rem;
  margin-top: 5px;
  border-bottom: 1px solid #e4ebf0;
}

.form-item_is-static .form-item__title {
  line-height: 24px;
  color: #8F9CA6;
}

.form-item_is-static .form-item__title .form-item__text {
  height: 24px;
  line-height: 24px;
}

.form-item_is-static .form-item__control .form-item__text {
  line-height: 28px !important;
}

.form-item_is-static .form-item__control {
  border-radius: 0px !important;
  min-height: 24px;
  border: transparent !important;
  border-bottom: 1px solid #F5F8FA !important;
}

.form-item_is-static .form-item__control .form-item__text {
  vertical-align: middle;
  margin-top: 0;
  margin-bottom: 0;
  color: #021726;
  padding-left: 5px;
  padding-left: .3125rem;
}

.form-item__text a {
  color: #005999;
}

.form-item_is-static .form-item__control .form-item__link {
  margin-left: 5px;
  margin-left: .3125rem;
  line-height: 24px;
  line-height: 1.5rem !important;
  color: #005999;
}

.form-item_is-static .form-item__control .form-item__link:hover {
  color: #1687d9;
  text-decoration: underline;
  outline: 0;
}

.form-item_is-static .form-item__control .pc-sys-Pencil {
  display: none;
}

.form-item_is-static .form-item__control:hover .pc-sys-Pencil {
  display: inline-block;
}

.form-item_is-static .form-item__avatar-item {
  margin-right: 5px;
  margin-right: .3125rem;
  margin-bottom: 5px;
  margin-bottom: .3125rem;
  line-height: 0;
  line-height: 0rem;
  display: inline-block;
}

.form-item_is-static .form-item__avatar-item .form-item__text {
  vertical-align: middle;
}

.form-item__title {
  position: relative;
  max-width: 100%;
  overflow: hidden;
  font-family: "Helvetica Neue", Tahoma, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", STHeitiSC, sans-serif;
  font-size: 12px;
  font-size: .75rem;
  line-height: 28px;
  color: #3d5566;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
}

.form-item__title .indent-style {
  text-indent: 5px !important;
  text-indent: .3125rem;
}

.formStyleUpAndDown .form-item_is-static .form-item__title .form-item__text {
  height: 24px !important;
}

.form-item__title .form-item__text {
  height: 28px !important;
  text-indent: 5px;
  text-indent: .3125rem;
  max-width: inherit;
  overflow: hidden;
  font-family: "Helvetica Neue", Tahoma, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", STHeitiSC, sans-serif;
  font-size: inherit;
  line-height: 28px;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
}

.form-item__text {
  display: inline-block;
  font-family: "Helvetica Neue", Tahoma, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", STHeitiSC, sans-serif;
  font-size: 14px;
  font-size: .875rem;
  line-height: 24px;
  line-height: 1.5rem;
  display: inline\9;
  margin-left: 5px\9;
}

.form-item__control {
  border: 1px solid #e4ebf0;
  border-radius: 5px;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.form-item__control.form-item__control_is-active .form-item__bottom-line {
  left: 0;
  width: 100%;
  background-color: #1687d9;
  -webkit-transition: left cubic-bezier(0.66, 1.65, 0.23, 0.87) 0.35s, width cubic-bezier(0.66, 1.65, 0.23, 0.87) 0.35s;
  -o-transition: left cubic-bezier(0.66, 1.65, 0.23, 0.87) 0.35s, width cubic-bezier(0.66, 1.65, 0.23, 0.87) 0.35s;
  transition: left cubic-bezier(0.66, 1.65, 0.23, 0.87) 0.35s, width cubic-bezier(0.66, 1.65, 0.23, 0.87) 0.35s;
}

.form-item__control.form-item__control_is-active .u-textarea__tuozhuai-icon .pc-sys-tuozhuai-nomal-svg {
  display: none;
}

.form-item__control.form-item__control_is-active .u-textarea__tuozhuai-icon .pc-sys-tuozhuai-active-svg {
  display: inline-block;
}

.form-item__control.form-item__control_has-info .form-item__explain {
  color: #1687d9;
}

.form-item__control.form-item__control_has-info .form-item__bottom-line {
  bottom: 20px;
  bottom: 1.25rem;
}

.form-item__control.form-item__control_has-info .u-textarea .form-item__bottom-line {
  bottom: 0;
}

.form-item__control.form-item__control_has-error [type="text"]:focus + .form-item__bottom-line {
  background-color: #cc2929;
}

.form-item__control.form-item__control_has-error .u-textarea__element:focus + .form-item__bottom-line {
  background-color: #cc2929;
}

.form-item__control.form-item__control_has-error .form-item__bottom-line {
  background-color: #cc2929;
}

.form-item__control.form-item__control_has-error .form-item__explain {
  color: #cc2929;
}

.form-item__control.form-item__control_has-error .u-input {
  border: 1px solid #cc2929 !important;
  background: rgba(204, 41, 41, 0.05) !important;
  max-width: 100% !important;
}

.form-item__control.form-item__control_has-error .form-item__multi-list {
  background: rgba(204, 41, 41, 0.05);
  border: 1px solid #cc2929;
  border-radius: 5px;
  border-bottom: 1px solid #cc2929 !important;
}

.form-item__control.form-item__control_is-readonly .u-input {
  cursor: no-drop !important;
}

.form-item__control.form-item__control_is-readonly [type="text"]:focus + .form-item__bottom-line,
.form-item__control.form-item__control_is-readonly .u-textarea__element:focus + .form-item__bottom-line {
  width: 0;
}

.form-item__control.form-item__control_is-readonly {
  border: none;
}

.form-item__control .u-radio,
.form-item__control .u-checkbox {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: 15px;
  margin-right: .9375rem;
  margin-left: 5px;
  margin-left: .3125rem;
}

.form-item__control [type="text"]:focus + .form-item__bottom-line,
.form-item__control .u-textarea__element:focus + .form-item__bottom-line {
  left: 0;
  width: 100%;
  background-color: #1687d9;
  -webkit-transition: left cubic-bezier(0.66, 1.65, 0.23, 0.87) 0.35s, width cubic-bezier(0.66, 1.65, 0.23, 0.87) 0.35s;
  -o-transition: left cubic-bezier(0.66, 1.65, 0.23, 0.87) 0.35s, width cubic-bezier(0.66, 1.65, 0.23, 0.87) 0.35s;
  transition: left cubic-bezier(0.66, 1.65, 0.23, 0.87) 0.35s, width cubic-bezier(0.66, 1.65, 0.23, 0.87) 0.35s;
}

.form-item__control [type="text"]:focus + .form-item__bottom-line .form-item + .u-textarea__tuozhuai-icon .pc-sys-tuozhuai-nomal-svg,
.form-item__control .u-textarea__element:focus + .form-item__bottom-line .form-item + .u-textarea__tuozhuai-icon .pc-sys-tuozhuai-nomal-svg {
  display: none;
}

.form-item__control [type="text"]:focus + .form-item__bottom-line .form-item + .u-textarea__tuozhuai-icon .pc-sys-tuozhuai-active-svg,
.form-item__control .u-textarea__element:focus + .form-item__bottom-line .form-item + .u-textarea__tuozhuai-icon .pc-sys-tuozhuai-active-svg {
  display: inline-block;
}

.form-item__control .form-item__bottom-line {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 2px;
}

.form-item__explain {
  display: block;
  width: 99% !important;
  font-family: "Helvetica Neue", Tahoma, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", STHeitiSC, sans-serif;
  font-size: 12px;
  font-size: .75rem;
  line-height: 20px;
  line-height: 1.25rem;
}

.form-item__label {
  display: inline-block;
  padding-top: 15px;
  padding-top: .9375rem;
  padding-bottom: 10px;
  padding-bottom: .625rem;
  font-family: "Helvetica Neue", Tahoma, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", STHeitiSC, sans-serif;
  font-size: 14px;
  font-size: .875rem;
  line-height: 24px;
  line-height: 1.5rem;
}

.form-item__right-icon {
  position: absolute;
  top: .3125rem;
  right: 5px;
  right: .3125rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.form-item__right-icon .arrowdown-nomal-icon {
  color: #66757F;
}

.form-item__right-icon .arrowdown-nomal-icon svg {
  pointer-events: none;
}

.form-item__right-icon i + i {
  margin-left: 5px;
  margin-left: .3125rem;
}

.form-item__multi-list {
  cursor: text;
  padding-right: 12px;
  box-sizing: border-box;
  border-bottom: none !important;
}

.form-item__multi-list .form-item__multi-item {
  max-width: calc(100% - 10px);
  padding-right: 5px;
  padding-right: .3125rem;
  padding-left: 5px;
  padding-left: .3125rem;
  margin-right: 5px;
  margin-right: .3125rem;
  cursor: default;
  border-radius: 2px;
  border-radius: .125rem;
  display: inline-block;
  overflow: hidden;
}

.form-item__multi-list .form-item__multi-item .form-item__text {
  margin-right: 4px;
  overflow: hidden;
  color: #021726;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
}

.form-item__multi-list .form-item__multi-item .sys-icon-close {
  font-size: 14px;
  font-size: .875rem;
  vertical-align: middle;
}

.u-input {
  width: 100%;
  height: 28px;
  padding: 0 5px 0 5px;
  padding: 0rem .3125rem 0rem .3125rem;
  font-family: "Helvetica Neue", Tahoma, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", STHeitiSC, sans-serif;
  font-size: 14px;
  font-size: .875rem;
  line-height: 24px;
  line-height: 1.5rem;
  color: #021726;
  /*border: transparent;*/
  outline: transparent;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
}

.form-item .u-input-noValue {
  text-overflow: clip;
}

.form .textarea-no-value textarea {
  overflow: hidden !important;
}

.u-input::-webkit-input-placeholder {
  color: #bcc8d1;
  opacity: 1;
}

.u-input::-moz-placeholder {
  color: #bcc8d1;
  opacity: 1;
}

.u-input:-ms-input-placeholder {
  color: #bcc8d1;
  opacity: 1;
}

.u-input::placeholder {
  color: #bcc8d1;
  opacity: 1;
}

.u-input:disabled {
  cursor: not-allowed;
  background-color: #e4ebf0;
}

.base-input-contain::-webkit-input-placeholder {
  color: #bcc8d1;
  opacity: 1;
}

.base-input-contain::-moz-placeholder {
  color: #bcc8d1;
  opacity: 1;
}

.base-input-contain:-ms-input-placeholder {
  color: #bcc8d1;
  opacity: 1;
}

.base-input-contain::placeholder {
  color: #bcc8d1;
  opacity: 1;
}

.base-input-contain::-webkit-input-placeholder {
  font-family: "Helvetica Neue", Tahoma, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", STHeitiSC, sans-serif;
  font-size: 14px;
  line-height: 20px;
  line-height: 1.25rem;
  color: #bcc8d1 !important;
}

.base-input-contain:-moz-placeholder {
  font-family: "Helvetica Neue", Tahoma, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", STHeitiSC, sans-serif;
  font-size: 14px;
  line-height: 28px;
  color: #bcc8d1 !important;
}

.base-input-contain::-moz-placeholder {
  font-family: "Helvetica Neue", Tahoma, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", STHeitiSC, sans-serif;
  font-size: 14px;
  line-height: 28px;
  color: #bcc8d1 !important;
}

.base-input-contain:-ms-input-placeholder {
  font-family: "Helvetica Neue", Tahoma, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", STHeitiSC, sans-serif;
  font-size: 14px;
  line-height: 20px;
  line-height: 1.25rem;
  color: #bcc8d1 !important;
}

.u-input::-webkit-input-placeholder {
  font-family: "Helvetica Neue", Tahoma, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", STHeitiSC, sans-serif;
  font-size: 14px;
  line-height: 20px;
  line-height: 1.25rem;
  color: #bcc8d1;
}

.u-input:-moz-placeholder {
  font-family: "Helvetica Neue", Tahoma, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", STHeitiSC, sans-serif;
  font-size: 14px;
  line-height: 28px;
  color: #bcc8d1;
}

.u-input::-moz-placeholder {
  font-family: "Helvetica Neue", Tahoma, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", STHeitiSC, sans-serif;
  font-size: 14px;
  line-height: 28px;
  color: #bcc8d1;
}

.u-input:-ms-input-placeholder {
  font-family: "Helvetica Neue", Tahoma, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", STHeitiSC, sans-serif;
  font-size: 14px;
  line-height: 20px;
  line-height: 1.25rem;
  color: #bcc8d1;
}

.u-textarea {
  position: relative;
  display: inline-block;
  width: 100%;
  border-bottom: 1px solid #e4ebf0;
}

.u-textarea .u-textarea__num {
  position: absolute;
  right: 5px;
  right: .3125rem;
  bottom: 0;
  display: block;
  width: auto;
  padding: 0 13px 0 0;
  padding: 0rem .8125rem 0rem 0rem;
  font-family: "Helvetica Neue", Tahoma, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", STHeitiSC, sans-serif;
  font-size: 12px;
  font-size: .75rem;
  line-height: 20px;
  line-height: 1.25rem;
  color: #bcc8d1;
  text-align: right;
}

.u-textarea .u-textarea__num.u-textarea__num_is-hidden {
  display: none;
}

.u-textarea .u-textarea__num .u-textarea__num_normal {
  color: #3d5566;
}

.u-textarea .u-textarea__num .u-textarea__num_error {
  color: #cc2929;
}

.u-textarea .u-textarea__element {
  width: 100%;
  padding: 15px 5px 0 5px;
  padding: .9375rem 0rem 0rem 0rem;
  margin-bottom: 5px;
  margin-bottom: .3125rem;
  font-family: "Helvetica Neue", Tahoma, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", STHeitiSC, sans-serif;
  font-size: 14px;
  font-size: .875rem;
  line-height: 24px;
  line-height: 1.5rem;
  vertical-align: top;
  resize: vertical;
  border: transparent;
  outline: transparent;
}

.u-textarea .u-textarea__element::-webkit-resizer {
  display: none;
}

.u-textarea .u-textarea__element:disabled {
  cursor: not-allowed;
}

.u-textarea:hover .pc-sys-tuozhuai-nomal-svg {
  display: none;
}

.u-textarea:hover .pc-sys-tuozhuai-active-svg {
  display: inline-block;
}

.u-textarea .u-textarea__tuozhuai-icon {
  position: absolute;
  right: 0;
  bottom: 5px;
  bottom: .3125rem;
  line-height: 0;
  background-color: #fff;
}

.u-textarea .pc-sys-tuozhuai-active-svg {
  display: none;
}

.u-textarea .u-textarea__element::-webkit-scrollbar {
  width: 6px;
  width: .375rem;
  height: 6px;
  height: .375rem;
  padding: 2px;
  padding: .125rem;
  background-color: transparent;
}

.u-textarea .u-textarea__element::-webkit-scrollbar-track {
  background-color: transparent;
  border-radius: 0;
}

.u-textarea .u-textarea__element::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 0;
  border-radius: 6px;
  border-radius: .375rem;
}

.u-textarea .u-textarea__element::-webkit-scrollbar:hover {
  width: 10px;
  width: .625rem;
  height: 10px;
  height: .625rem;
}

.u-textarea .u-textarea__element::-webkit-scrollbar-track:hover {
  background-color: rgba(0, 0, 0, 0.1);
}

.u-textarea .u-textarea__element::-webkit-scrollbar-thumb:hover {
  padding: 2px;
  padding: .125rem;
  background-color: rgba(0, 0, 0, 0.3);
}

.us-avatar {
  display: inline-block;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle;
}

.us-avatar.us-avatar_size-150 {
  width: 150px;
  height: 150px;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 150px;
  border-radius: 50%;
}

.us-avatar.us-avatar_size-100 {
  width: 100px;
  height: 100px;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 100px;
  border-radius: 50%;
}

.us-avatar.us-avatar_size-80 {
  width: 80px;
  height: 80px;
  font-size: 16px;
  font-size: 1rem;
  line-height: 80px;
  border-radius: 50%;
}

.us-avatar.us-avatar_size-50 {
  width: 50px;
  height: 50px;
  font-size: 12px;
  font-size: .75rem;
  line-height: 50px;
  border-radius: 50%;
}

.us-avatar.us-avatar_size-30 {
  width: 30px;
  height: 30px;
  font-size: 12px;
  font-size: .75rem;
  line-height: 30px;
  border-radius: 50%;
}

.form-item input.base-input-contain {
  position: absolute;
  top: 0px;
  left: 0;
  height: 28px;
  background: transparent;
  width: 100%;
  max-height: 200px;
  width: 100%;
  padding: 0 5px 0 5px;
  padding: 0rem .3125rem 0rem .3125rem;
  font-family: "Helvetica Neue", Tahoma, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", STHeitiSC, sans-serif;
  font-size: 12px;
  line-height: 20px;
  color: #021726;
  border: transparent;
  border-bottom: 1px solid #e4ebf0;
  outline: transparent;
}

.content-container .module-content {
  min-height: calc(50vh);
}

.UserSelectTextBorder.LocationTextBox .form-item__multi-list .form-item__multi-item .form-item__text {
  max-width: calc(100% - 10px) !important;
}

.UserSelectTextBorder .form-item__text {
  line-height: 28px;
}

.UserSelectTextBorder .form-item__multi-list {
  overflow: auto;
  cursor: pointer;
}

.UserSelectTextBorder .sys-icon-cus-bangzhu {
  font-size: 12px;
  margin-left: 4px;
  vertical-align: middle;
  color: #005999;
  margin-top: 2px;
}

.UserSelectTextBorder .singleCls {
  display: none;
}

.form-item .b02116-span {
  border: none;
}

.form-item .b02116-span .b02116-textarea-show {
  padding: 0 5px;
}

.form-item .b02116-span:hover {
  border: none;
}

.form-item .form-item__control_has-error .b02116-span {
  border: 1px solid #cc2929;
}

.form-item .form-item__control_has-error .b02116-span:hover {
  border: 1px solid #cc2929;
}

.date-time__content .form-item__control_is-active .ant-calendar-picker-open {
  border: none;
}

.date-time__content .ant-calendar-picker {
  height: 28px;
}

.date-time__content .ant-calendar-picker .ant-input {
  border-bottom: 0;
}

.date-time__content .base-input-show {
  font-family: "Helvetica Neue", Tahoma, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", STHeitiSC, sans-serif;
}

.form-item__control_is-active .ant-calendar-picker {
  border: none;
}

.dropdown {
  margin-top: 1px;
}

.datetime-readonly .ant-calendar-picker {
  border: 1px solid #e4ebf0 !important;
}

.datetime-readonly .form-item__control {
  overflow: hidden;
  border: none;
}

.datetime-readonly .ant-calendar-picker {
  border: 1px solid #e4ebf0 !important;
}

.modal-pop .modal-pop__container .btn_weaken, .modal-pop .modal-pop__container .btn_default {
  padding: 2px 15px;
}

.sys-icon-cus-bangzhu {
  opacity: 1 !important;
}

input::-moz-placeholder {
  font-family: "Helvetica Neue", Tahoma, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", STHeitiSC, sans-serif;
  font-size: 12px !important;
  line-height: 28px;
}

input:-ms-input-placeholder {
  font-family: "Helvetica Neue", Tahoma, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", STHeitiSC, sans-serif;
  font-size: 12px !important;
  line-height: 28px;
}

input::-webkit-input-placeholder {
  font-family: "Helvetica Neue", Tahoma, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", STHeitiSC, sans-serif;
  font-size: 12px !important;
  line-height: 28px;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .content-container .module-content {
    min-height: calc(79vh);
  }
}
.userselector-search {
  border-radius: 2px;
  font-family: "Helvetica Neue", Tahoma, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", STHeitiSC, sans-serif;
}

.userselector-search .dropdown-icon {
  margin-left: 4px;
  color: #66757F;
  line-height: 0;
  display: inline-block;
  -webkit-transform: translateY(-2px);
  transform: translateY(-2px);
}

.userselector-search .dropdown-icon > svg {
  pointer-events: none;
}

.userselector-search:hover {
  background-color: #fff;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
}

.userselector-search .field-left {
  float: left;
  position: relative;
  cursor: pointer;
  font-size: 14px;
  line-height: 24px;
  padding: 5px;
  color: #36434d;
  font-family: "Helvetica Neue", Tahoma, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", STHeitiSC, sans-serif;
}

.userselector-search .field-left .us-container {
  position: fixed;
  z-index: 99999;
      /* -webkit-transition: box-shadow .3s linear .4s;
        -moz-transition: box-shadow .3s linear .4s;
        -ms-transition: box-shadow .3s linear .4s;
        -o-transition: box-shadow .3s linear .4s;
        transition: box-shadow .3s linear .4s;*/
      /*-webkit-animation: popShow .3s cubic-bezier(0.66,1.65,.23,.87) forwards;
        -moz-animation: popShow .3s cubic-bezier(0.66,1.65,.23,.87) forwards;
        -ms-animation: popShow .3s cubic-bezier(0.66,1.65,.23,.87) forwards;
        -o-animation: popShow .3s cubic-bezier(0.66,1.65,.23,.87) forwards;
        animation: popShow .3s cubic-bezier(0.66,1.65,.23,.87) forwards;
        -webkit-transform-origin: top left;
        -moz-transform-origin: top left;
        -ms-transform-origin: top left;
        -o-transform-origin: top left;*/
  -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-animation-duration: .2s;
  animation-duration: .2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
  -webkit-animation-name: antSlideUpIn;
  animation-name: antSlideUpIn;
  -webkit-animation-play-state: running;
  animation-play-state: running;
      /*wuzhe----add clear icon*/
}

.userselector-search .field-left .us-container .base-search-component .sys-icon-close {
  display: inline-block;
}

@-webkit-keyframes antSlideUpIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scaleY(0.8);
    transform: scaleY(0.8);
  }

  100% {
    opacity: 1;
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}

@keyframes antSlideUpIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scaleY(0.8);
    transform: scaleY(0.8);
  }

  100% {
    opacity: 1;
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}

@-webkit-keyframes antSlideUpOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }

  100% {
    opacity: 0;
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scaleY(0.8);
    transform: scaleY(0.8);
  }
}

@keyframes antSlideUpOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }

  100% {
    opacity: 0;
    -webkit-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
    -webkit-transform: scaleY(0.8);
    transform: scaleY(0.8);
  }
}

@-webkit-keyframes antSlideDownIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: scaleY(0.8);
    transform: scaleY(0.8);
  }

  100% {
    opacity: 1;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}

@keyframes antSlideDownIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: scaleY(0.8);
    transform: scaleY(0.8);
  }

  100% {
    opacity: 1;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }
}

@-webkit-keyframes antSlideDownOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }

  100% {
    opacity: 0;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: scaleY(0.8);
    transform: scaleY(0.8);
  }
}

@keyframes antSlideDownOut {
  0% {
    opacity: 1;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
  }

  100% {
    opacity: 0;
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: scaleY(0.8);
    transform: scaleY(0.8);
  }
}
.tooltip {
  font-family: "Helvetica Neue", Tahoma, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", STHeitiSC, sans-serif;
  font-size: 12px;
  line-height: 20px;
  z-index: 999999999;
  display: block;
  position: absolute;
  letter-spacing: normal;
  line-break: auto;
  text-align: left;
  text-decoration: none;
  word-break: break-all;
  word-spacing: normal;
  width: auto;
}

.tooltip.top {
  padding: 5px 0;
}

.tooltip.bottom {
  padding: 5px 0;
}

.tooltip.right {
  padding: 0 5px;
}

.tooltip.left {
  padding: 0 5px;
}

.tooltip .tooltip-inner {
  padding: 5px 10px;
  color: #f5f8fa;
  text-align: left;
  background-color: #36434d;
  border-radius: 2px;
}

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  z-index: 999999999;
}

.tooltip-arrow.top {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #36434d;
}

.tooltip-arrow.bottom {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #36434d;
}

.tooltip-arrow.right {
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 5px solid #36434d;
}

.tooltip-arrow.left {
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #36434d;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .tooltip-arrow.top {
    margin-top: -1px;
  }
}
.pointer {
  cursor: pointer;
}

.form-item {
  position: relative;
  margin-bottom: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.form-item__title {
  position: relative;
  max-width: 100%;
  vertical-align: middle;
  font-size: 12px;
  line-height: 20px;
  color: #3D5566;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.form-item__title .form-item__text {
  font-size: inherit;
  line-height: inherit;
  font-family: Helvetica Neue,Tahoma,PingFang SC,Hiragino Sans GB,Microsoft YaHei,STHeitiSC,sans-serif;
  text-indent: 5px;
  max-width: inherit;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
}

.form-item__title .icon-cus-bitian {
  display: inline-block;
  width: 5px;
  height: 5px;
  vertical-align: middle;
  color: #CC2929;
  line-height: 0;
}

.form-item__title .icon-cus-bitian > svg {
  pointer-events: none;
}

.form-item__text {
  display: inline-block;
  font-size: 14px;
  line-height: 24px;
}

.formStyleLeftAndRight .formpart .fields .bc-form-item .form-item__title .icon-cus-bangzhu {
  margin-top: -9px;
}

.form-item__help .icon-cus-bangzhu {
  display: inline-block;
  line-height: 0;
  font-size: 12px;
  margin-left: 4px;
  margin-top: -1px;
  vertical-align: middle;
  color: #c3cbd1;
}

.form-item__help .icon-cus-bangzhu > svg {
  pointer-events: none;
}
.form-item_is-static .form-item__control {
  white-space: pre-wrap;
}

.form-item_is-static .form-item__control:focus {
  box-shadow: none;
}

.form-item_is-static .form-item__control .form-item__text {
  word-break: break-all;
}

.form-item_is-static {
  border: none;
}

.form-item_is-static .form-item__control {
  border-bottom: 1px solid #e4ebf0;
  margin-bottom: .625rem;
}
.range-wrapper div.form-item:first-of-type {
  margin-bottom: 0px;
}

.range-wrapper.single-line {
  display: flex;
}

.range-wrapper.single-line .form-item {
  flex: 1;
}

.range-wrapper.single-line.title-style-h .divider-icon {
  margin-top: 0px;
}

.range-wrapper.single-line.title-style-h div.form-item:nth-of-type(2) .form-item__title {
  display: none;
}

.range-wrapper.single-line.title-style-v .divider-icon {
  padding-top: 28px;
  line-height: 0px;
}

.range-wrapper.single-line.title-style-v div.form-item:nth-of-type(2) .form-item__title {
  display: block;
}
.tooltip__hidden {
  visibility: hidden;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: -10; }

.tooltip {
  font-family: "Helvetica Neue", Tahoma, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", STHeitiSC, sans-serif;
  font-size: 12px;
  line-height: 20px;
  z-index: 999999999;
  display: block;
  position: absolute;
  letter-spacing: normal;
  line-break: auto;
  text-align: left;
  text-decoration: none;
  word-break: break-all;
  word-spacing: normal;
  width: auto; }
  .tooltip.top {
    padding: 5px 0; }
  .tooltip.bottom {
    padding: 5px 0; }
  .tooltip.right {
    padding: 0 5px; }
  .tooltip.left {
    padding: 0 5px; }
  .tooltip .tooltip-inner {
    padding: 5px 10px;
    color: #f5f8fa;
    text-align: left;
    background-color: #36434d;
    border-radius: 2px;
    max-width: 600px; }

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  z-index: 999999999; }
  .tooltip-arrow.top {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #36434d; }
  .tooltip-arrow.bottom {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #36434d; }
  .tooltip-arrow.right {
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 5px solid #36434d; }
  .tooltip-arrow.left {
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #36434d; }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .tooltip-arrow.top {
    margin-top: -1px; } }
.pointer {
  cursor: pointer; }
.form-item_is-static .form-item__control {
  white-space: pre-wrap; }
  .form-item_is-static .form-item__control:focus {
    box-shadow: none; }
  .form-item_is-static .form-item__control .form-item__text {
    word-break: break-all; }

.form-item_is-static {
  border: none; }

.form-item_is-static .form-item__control {
  border-bottom: 1px solid #e4ebf0;
  margin-bottom: .625rem; }
.range-wrapper div.form-item:first-of-type {
  margin-bottom: 0px;
}

.range-wrapper.single-line {
  display: flex;
}

.range-wrapper.single-line .form-item {
  flex: 1;
}

.range-wrapper.single-line.title-style-h .divider-icon {
  margin-top: 0px;
}

.range-wrapper.single-line.title-style-h div.form-item:nth-of-type(2) .form-item__title {
  display: none;
}

.range-wrapper.single-line.title-style-v .divider-icon {
  padding-top: 28px;
  line-height: 0px;
}

.range-wrapper.single-line.title-style-v div.form-item:nth-of-type(2) .form-item__title {
  display: block;
}
.UserSelectTextBorder .form-item .form-item__title .form-item__text {
  padding-top: 0px !important;
}

.UserSelectTextBorder .form-item .form-item__control .form-item__right-icon {
  top: 0px;
}
@charset "UTF-8";
@font-face {
  font-family: 'sys-icon';
  src: url(../images/sys-icon-fa93dfed4d23f8255fd0c0bbe35bf415.ttf) format("truetype"), url(../images/sys-icon-55e3d89abbb51aebfc4d478b61a6d177.woff) format("woff"), url(../images/sys-icon-bc812a9d2c30c874698c4d1d0d4fc0c4.svg#sys-icon) format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="sys-icon-"], [class*=" sys-icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'sys-icon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

[class^="m-sys-"], [class*=" m-sys-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'sys-icon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.sys-icon-1:before {
  content: "\E900";
  color: #667580; }

.sys-icon-2:before {
  content: "\E901";
  color: #667580; }

.sys-icon-3:before {
  content: "\E902";
  color: #667580; }

.sys-icon-4:before {
  content: "\E903";
  color: #667580; }

.sys-icon-5:before {
  content: "\E904";
  color: #667580; }

.sys-icon-6:before {
  content: "\E905";
  color: #667580; }

.sys-icon-7:before {
  content: "\E906";
  color: #667580; }

.sys-icon-8:before {
  content: "\E907";
  color: #667580; }

.sys-icon-9:before {
  content: "\E908";
  color: #83898f; }

.sys-icon-10:before {
  content: "\E909";
  color: #667580; }

.sys-icon-11:before {
  content: "\E90A";
  color: #667580; }

.sys-icon-12:before {
  content: "\E90B";
  color: #667580; }

.sys-icon-13:before {
  content: "\E90C";
  color: #667580; }

.sys-icon-14:before {
  content: "\E90D";
  color: #667580; }

.sys-icon-15:before {
  content: "\E90E";
  color: #667580; }

.sys-icon-16:before {
  content: "\E90F";
  color: #667580; }

.sys-icon-17:before {
  content: "\E910";
  color: #667580; }

.sys-icon-18:before {
  content: "\E911";
  color: #667580; }

.sys-icon-19:before {
  content: "\E912";
  color: #667580; }

.sys-icon-20:before {
  content: "\E913";
  color: #667580; }

.sys-icon-21:before {
  content: "\E914";
  color: #667580; }

.sys-icon-22:before {
  content: "\E915";
  color: #667580; }

.sys-icon-23:before {
  content: "\E916";
  color: #667580; }

.sys-icon-24:before {
  content: "\E917";
  color: #667580; }

.sys-icon-25:before {
  content: "\E918";
  color: #667580; }

.sys-icon-26:before {
  content: "\E919";
  color: #667580; }

.sys-icon-27:before {
  content: "\E91A";
  color: #667580; }

.sys-icon-28:before {
  content: "\E91B";
  color: #667580; }

.sys-icon-29:before {
  content: "\E91C";
  color: #667580; }

.sys-icon-30:before {
  content: "\E91D";
  color: #667580; }

.sys-icon-31:before {
  content: "\E91E";
  color: #667580; }

.sys-icon-32:before {
  content: "\E91F";
  color: #667580; }

.sys-icon-33:before {
  content: "\E920";
  color: #667580; }

.sys-icon-34:before {
  content: "\E921";
  color: #667580; }

.sys-icon-35:before {
  content: "\E922";
  color: #667580; }

.sys-icon-36:before {
  content: "\E923";
  color: #667580; }

.sys-icon-37:before {
  content: "\E924";
  color: #667580; }

.sys-icon-38:before {
  content: "\E925";
  color: #667580; }

.sys-icon-39:before {
  content: "\E926";
  color: #667580; }

.sys-icon-40:before {
  content: "\E927";
  color: #667580; }

.sys-icon-41:before {
  content: "\E928";
  color: #667580; }

.sys-icon-42:before {
  content: "\E929";
  color: #667580; }

.sys-icon-43:before {
  content: "\E92A";
  color: #667580; }

.sys-icon-44:before {
  content: "\E92B";
  color: #667580; }

.sys-icon-45:before {
  content: "\E92C";
  color: #667580; }

.sys-icon-46:before {
  content: "\E92D";
  color: #667580; }

.sys-icon-47:before {
  content: "\E92E";
  color: #667580; }

.sys-icon-48:before {
  content: "\E92F";
  color: #667580; }

.sys-icon-49:before {
  content: "\E930";
  color: #667580; }

.sys-icon-50:before {
  content: "\E931";
  color: #667580; }

.sys-icon-51:before {
  content: "\E932";
  color: #667580; }

.sys-icon-52:before {
  content: "\E933";
  color: #667580; }

.sys-icon-53:before {
  content: "\E934";
  color: #667580; }

.sys-icon-54:before {
  content: "\E935";
  color: #667580; }

.sys-icon-55:before {
  content: "\E936";
  color: #667580; }

.sys-icon-56:before {
  content: "\E937";
  color: #667580; }

.sys-icon-57:before {
  content: "\E938";
  color: #667580; }

.sys-icon-58:before {
  content: "\E939";
  color: #667580; }

.sys-icon-59:before {
  content: "\E93A";
  color: #667580; }

.sys-icon-60:before {
  content: "\E93B";
  color: #667580; }

.sys-icon-61:before {
  content: "\E93C";
  color: #667580; }

.sys-icon-62:before {
  content: "\E93D";
  color: #667580; }

.sys-icon-63:before {
  content: "\E93E";
  color: #667580; }

.sys-icon-64:before {
  content: "\E93F";
  color: #667580; }

.sys-icon-65:before {
  content: "\E940";
  color: #667580; }

.sys-icon-66:before {
  content: "\E941";
  color: #667580; }

.sys-icon-67:before {
  content: "\E942";
  color: #667580; }

.sys-icon-68:before {
  content: "\E943";
  color: #667580; }

.sys-icon-69:before {
  content: "\E944";
  color: #667580; }

.sys-icon-70:before {
  content: "\E945";
  color: #667580; }

.sys-icon-71:before {
  content: "\E946";
  color: #667580; }

.sys-icon-72:before {
  content: "\E947";
  color: #667580; }

.sys-icon-73:before {
  content: "\E948";
  color: #667580; }

.sys-icon-74:before {
  content: "\E949";
  color: #667580; }

.sys-icon-75:before {
  content: "\E94A";
  color: #667580; }

.sys-icon-76:before {
  content: "\E94B";
  color: #667580; }

.sys-icon-77:before {
  content: "\E94C";
  color: #667580; }

.sys-icon-78:before {
  content: "\E94D";
  color: #667580; }

.sys-icon-79:before {
  content: "\E94E";
  color: #667580; }

.sys-icon-80:before {
  content: "\E94F";
  color: #667580; }

.sys-icon-81:before {
  content: "\E950";
  color: #667580; }

.sys-icon-82:before {
  content: "\E951";
  color: #667580; }

.sys-icon-83:before {
  content: "\E952";
  color: #667580; }

.sys-icon-84:before {
  content: "\E953";
  color: #667580; }

.sys-icon-85:before {
  content: "\E954";
  color: #667580; }

.sys-icon-86:before {
  content: "\E955";
  color: #667580; }

.sys-icon-87:before {
  content: "\E956";
  color: #667580; }

.sys-icon-88:before {
  content: "\E957";
  color: #667580; }

.sys-icon-89:before {
  content: "\E958";
  color: #667580; }

.sys-icon-90:before {
  content: "\E959";
  color: #667580; }

.sys-icon-91:before {
  content: "\E95A";
  color: #667580; }

.sys-icon-92:before {
  content: "\E95B";
  color: #667580; }

.sys-icon-93:before {
  content: "\E95C";
  color: #667580; }

.sys-icon-94:before {
  content: "\E95D";
  color: #667580; }

.sys-icon-95:before {
  content: "\E95E";
  color: #667580; }

.sys-icon-96:before {
  content: "\E95F";
  color: #667580; }

.sys-icon-97:before {
  content: "\E960";
  color: #667580; }

.sys-icon-98:before {
  content: "\E961";
  color: #667580; }

.sys-icon-99:before {
  content: "\E962";
  color: #667580; }

.sys-icon-100:before {
  content: "\E963";
  color: #667580; }

.sys-icon-101:before {
  content: "\E964";
  color: #667580; }

.sys-icon-102:before {
  content: "\E965";
  color: #667580; }

.sys-icon-103:before {
  content: "\E966";
  color: #667580; }

.sys-icon-add:before {
  content: "\E967";
  color: #acb7bf; }

.sys-icon-airplane:before {
  content: "\E968";
  color: #fff; }

.sys-icon-app:before {
  content: "\E969";
  color: #66757f; }

.sys-icon-arrowdown-active:before {
  content: "\E96A";
  color: #1587d9; }

.sys-icon-arrowdown-disabled:before {
  content: "\E96B";
  color: #e4ebf0; }

.sys-icon-arrowdown-nomal:before {
  content: "\E96C";
  color: #66757f; }

.sys-icon-arrowdown:before {
  content: "\E96D";
  color: #66757f; }

.sys-icon-arrowdown2-active:before {
  content: "\E96E";
  color: #1587d9; }

.sys-icon-arrowdown2-disabled:before {
  content: "\E96F";
  color: #e4ebf0; }

.sys-icon-arrowdown2-nomal:before {
  content: "\E970";
  color: #66757f; }

.sys-icon-arrowdown2:before {
  content: "\E971";
  color: #66757f; }

.sys-icon-arrowdownM7-active:before {
  content: "\E972";
  color: #fff; }

.sys-icon-arrowdownM7-disabled:before {
  content: "\E973";
  color: #fff; }

.sys-icon-arrowdownM7-nomal:before {
  content: "\E974";
  color: #fff; }

.sys-icon-arrowdownM7:before {
  content: "\E975";
  color: #fff; }

.sys-icon-arrowleft-active:before {
  content: "\E976";
  color: #1587d9; }

.sys-icon-arrowleft-disabled:before {
  content: "\E977";
  color: #e4ebf0; }

.sys-icon-arrowleft-nomal:before {
  content: "\E978";
  color: #66757f; }

.sys-icon-arrowleft:before {
  content: "\E979";
  color: #66757f; }

.sys-icon-arrowleftM7-active:before {
  content: "\E97A";
  color: #fff; }

.sys-icon-arrowleftM7-disabled:before {
  content: "\E97B";
  color: #fff; }

.sys-icon-arrowleftM7-nomal:before {
  content: "\E97C";
  color: #fff; }

.sys-icon-arrowleftM7:before {
  content: "\E97D";
  color: #fff; }

.sys-icon-arrowright-active:before {
  content: "\E97E";
  color: #1587d9; }

.sys-icon-arrowright-disabled:before {
  content: "\E97F";
  color: #e4ebf0; }

.sys-icon-arrowright-nomal:before {
  content: "\E980";
  color: #66757f; }

.sys-icon-arrowright:before {
  content: "\E981";
  color: #66757f; }

.sys-icon-arrowup-active:before {
  content: "\E982";
  color: #1587d9; }

.sys-icon-arrowup-disabled:before {
  content: "\E983";
  color: #e4ebf0; }

.sys-icon-arrowup-nomal:before {
  content: "\E984";
  color: #66757f; }

.sys-icon-arrowup:before {
  content: "\E985";
  color: #66757f; }

.sys-icon-arrowup2-active:before {
  content: "\E986";
  color: #66757f; }

.sys-icon-arrowup2-disabled:before {
  content: "\E987";
  color: #e4ebf0; }

.sys-icon-arrowup2-nomal:before {
  content: "\E988";
  color: #1587d9; }

.sys-icon-arrowup2:before {
  content: "\E989";
  color: #1587d9; }

.sys-icon-Artboard:before {
  content: "\E98A"; }

.sys-icon-at:before {
  content: "\E98B";
  color: #66757f; }

.sys-icon-backward-active:before {
  content: "\E98C";
  color: #1587d9; }

.sys-icon-backward-disabled:before {
  content: "\E98D";
  color: #e4ebf0; }

.sys-icon-backward-nomal:before {
  content: "\E98E";
  color: #66757f; }

.sys-icon-backward:before {
  content: "\E98F";
  color: #66757f; }

.sys-icon-backward2-active:before {
  content: "\E990";
  color: #1587d9; }

.sys-icon-backward2-disabled:before {
  content: "\E991";
  color: #e4ebf0; }

.sys-icon-backward2-nomal:before {
  content: "\E992";
  color: #66757f; }

.sys-icon-backward2:before {
  content: "\E993";
  color: #66757f; }

.sys-icon-banci:before {
  content: "\E994";
  color: #4a4a4a; }

.sys-icon-baobiao:before {
  content: "\E995";
  color: #66757f; }

.sys-icon-bi-baobiao:before {
  content: "\E996";
  color: #d8d8d8; }

.sys-icon-biandonglishi:before {
  content: "\E997";
  color: #4a4a4a; }

.sys-icon-biandongyuanyin:before {
  content: "\E998";
  color: #4a4a4a; }

.sys-icon-biaozhang:before {
  content: "\E999";
  color: #4a4a4a; }

.sys-icon-biaozhunbiaohang:before {
  content: "\E99A";
  color: #4a4a4a; }

.sys-icon-bitian-nomal:before {
  content: "\E99B";
  color: #cc2929; }

.sys-icon-bukebianji-nomal:before {
  content: "\E99C";
  color: #c2cbd1; }

.sys-icon-caidan:before {
  content: "\E99D";
  color: #66757f; }

.sys-icon-card-table:before {
  content: "\E99E";
  color: #bfc3c7; }

.sys-icon-chajian:before {
  content: "\E99F";
  color: #66757f; }

.sys-icon-changgui-nomal-small:before {
  content: "\E9A0";
  color: #0095ff; }

.sys-icon-changgui-nomal:before {
  content: "\E9A1";
  color: #0095ff; }

.sys-icon-chaosong:before {
  content: "\E9A2";
  color: #fff; }

.sys-icon-Checkbox-active-disabled:before {
  content: "\E9A3";
  color: #c2cbd1; }

.sys-icon-Checkbox-active:before {
  content: "\E9A4";
  color: #1687d9; }

.sys-icon-Checkbox-disabled:before {
  content: "\E9A5";
  color: #c2cbd1; }

.sys-icon-Checkbox-hover:before {
  content: "\E9A6";
  color: #1687d9; }

.sys-icon-Checkbox-nomal:before {
  content: "\E9A7";
  color: #96d0fa; }

.sys-icon-checked-disable:before {
  content: "\E9A8";
  color: #c2cbd1; }

.sys-icon-checked-normal:before {
  content: "\E9A9";
  color: #1587d9; }

.sys-icon-chuchaiguanli:before {
  content: "\E9AA";
  color: #fff; }

.sys-icon-close:before {
  content: "\E9AB";
  color: #acb7bf; }

.sys-icon-comprehensive-declaration:before {
  content: "\E9AC";
  color: #667580; }

.sys-icon-cuowu-nomal-small:before {
  content: "\E9AD";
  color: #cc2929; }

.sys-icon-cuowu-nomal:before {
  content: "\E9AE";
  color: #cc2929; }

.sys-icon-cus-banci:before {
  content: "\E9AF";
  color: #4a4a4a; }

.sys-icon-cus-bangzhu:before {
  content: "\E9B0";
  color: #c3cbd1; }

.sys-icon-cus-bianji:before {
  content: "\E9B1";
  color: #bcc9d1; }

.sys-icon-cus-bitian:before {
  content: "\E9B2";
  color: #cc2929; }

.sys-icon-cus-caidanshezhi:before {
  content: "\E9B3";
  color: #fff; }

.sys-icon-cus-chengshi:before {
  content: "\E9B4";
  color: #bcc9d1; }

.sys-icon-cus-dakashuju:before {
  content: "\E9B5";
  color: #4a4a4a; }

.sys-icon-cus-fadingjiari:before {
  content: "\E9B6";
  color: #4a4a4a; }

.sys-icon-cus-fangda:before {
  content: "\E9B7";
  color: #8f9ca6; }

.sys-icon-cus-formtishi:before {
  content: "\E9B8";
  color: #005999; }

.sys-icon-cus-gongzuorili:before {
  content: "\E9B9";
  color: #4a4a4a; }

.sys-icon-cus-guanbitanceng1:before {
  content: "\E9BA";
  color: #8f9ca6; }

.sys-icon-cus-jiabanguanli:before {
  content: "\E9BB";
  color: #4a4a4a; }

.sys-icon-cus-jiaqiyue:before {
  content: "\E9BC";
  color: #4a4a4a; }

.sys-icon-cus-jiedian:before {
  content: "\E9BD";
  color: #fcbf38; }

.sys-icon-cus-kaoqindangan:before {
  content: "\E9BE";
  color: #4a4a4a; }

.sys-icon-cus-kaoqindanganguize:before {
  content: "\E9BF";
  color: #4a4a4a; }

.sys-icon-cus-kaoqinfangan:before {
  content: "\E9C0";
  color: #4a4a4a; }

.sys-icon-cus-kaoqinjilu:before {
  content: "\E9C1";
  color: #4a4a4a; }

.sys-icon-cus-kaoqinqijian:before {
  content: "\E9C2";
  color: #4a4a4a; }

.sys-icon-cus-kaoqinzu:before {
  content: "\E9C3";
  color: #4a4a4a; }

.sys-icon-cus-lianxian:before {
  content: "\E9C4";
  color: #97b5ff; }

.sys-icon-cus-liebiaoshezhi-nomal:before {
  content: "\E9C5";
  color: #3d5566; }

.sys-icon-cus-paibanguanli:before {
  content: "\E9C6";
  color: #4a4a4a; }

.sys-icon-cus-qiandaoshezhi:before {
  content: "\E9C7";
  color: #fff; }

.sys-icon-cus-quanping:before {
  content: "\E9C8";
  color: #8f9ca6; }

.sys-icon-cus-renyuan:before {
  content: "\E9C9";
  color: #bcc9d1; }

.sys-icon-cus-ribao:before {
  content: "\E9CA";
  color: #4a4a4a; }

.sys-icon-cus-shanchu:before {
  content: "\E9CB";
  color: #bcc9d1; }

.sys-icon-cus-suoxiao:before {
  content: "\E9CC";
  color: #8f9ca6; }

.sys-icon-cus-tubiao-nomal:before {
  content: "\E9CD";
  color: #3d5566; }

.sys-icon-cus-xiala-active:before {
  content: "\E9CE";
  color: #005999; }

.sys-icon-cus-xiala-disable:before {
  content: "\E9CF";
  color: #e4ebf0; }

.sys-icon-cus-xiala-nomal:before {
  content: "\E9D0";
  color: #1687d9; }

.sys-icon-cus-xiala:before {
  content: "\E9D1";
  color: #1687d9; }

.sys-icon-cus-xiujiaguanli:before {
  content: "\E9D2";
  color: #4a4a4a; }

.sys-icon-cus-yuebao:before {
  content: "\E9D3";
  color: #4a4a4a; }

.sys-icon-cus-yuming:before {
  content: "\E9D4";
  color: #fff; }

.sys-icon-default:before {
  content: "\E9D5";
  color: #fff; }

.sys-icon-delete-active:before {
  content: "\E9D6";
  color: #1687d9; }

.sys-icon-direction-switch:before {
  content: "\E9D7";
  color: #66757f; }

.sys-icon-dongtai:before {
  content: "\E9D8";
  color: #66757f; }

.sys-icon-down-active:before {
  content: "\E9D9";
  color: #1687d9; }

.sys-icon-down-disable:before {
  content: "\E9DA";
  color: #c2cbd1; }

.sys-icon-down-normal:before {
  content: "\E9DB";
  color: #8f9ca6; }

.sys-icon-drag-active .path1:before {
  content: "\E9DC";
  color: #c2cbd1; }

.sys-icon-drag-active .path2:before {
  content: "\E9DD";
  margin-left: -1em;
  color: #3e4e59;
  opacity: 0.5; }

.sys-icon-drag-normal .path1:before {
  content: "\E9DE";
  color: #e4ebf0; }

.sys-icon-drag-normal .path2:before {
  content: "\E9DF";
  margin-left: -1em;
  color: #8f9ca6;
  opacity: 0.5; }

.sys-icon-drag-sort-user:before {
  content: "\E9E0";
  color: #5cadff; }

.sys-icon-dropdownmax-active:before {
  content: "\E9E1";
  color: #1587d9; }

.sys-icon-dropdownmax-disabled:before {
  content: "\E9E2";
  color: #e4ebf0; }

.sys-icon-dropdownmax-nomal:before {
  content: "\E9E3";
  color: #66757f; }

.sys-icon-dropdownmax:before {
  content: "\E9E4";
  color: #66757f; }

.sys-icon-dropdownmin-active:before {
  content: "\E9E5";
  color: #1587d9; }

.sys-icon-dropdownmin-disabled:before {
  content: "\E9E6";
  color: #e4ebf0; }

.sys-icon-dropdownmin-nomal:before {
  content: "\E9E7";
  color: #66757f; }

.sys-icon-dropdownmin:before {
  content: "\E9E8";
  color: #66757f; }

.sys-icon-duban:before {
  content: "\E9E9";
  color: #66757f; }

.sys-icon-duigou:before {
  content: "\E9EA";
  color: #1587d9; }

.sys-icon-expression:before {
  content: "\E9EB";
  color: #66757f; }

.sys-icon-faxinfangan:before {
  content: "\E9EC";
  color: #4a4a4a; }

.sys-icon-faxinhuodong:before {
  content: "\E9ED";
  color: #4a4a4a; }

.sys-icon-faxinshuju:before {
  content: "\E9EE";
  color: #4a4a4a; }

.sys-icon-faxinxiangmu:before {
  content: "\E9EF";
  color: #4a4a4a; }

.sys-icon-faxinyuangong:before {
  content: "\E9F0";
  color: #4a4a4a; }

.sys-icon-foldup:before {
  content: "\E9F1";
  color: #acb7bf; }

.sys-icon-form-renyuan:before {
  content: "\E9F2";
  color: #8f9ca6; }

.sys-icon-form-riqi:before {
  content: "\E9F3";
  color: #8f9ca6; }

.sys-icon-form-shijian:before {
  content: "\E9F4";
  color: #8f9ca6; }

.sys-icon-Forward-active:before {
  content: "\E9F5";
  color: #1587d9; }

.sys-icon-Forward-disabled:before {
  content: "\E9F6";
  color: #e4ebf0; }

.sys-icon-Forward-nomal:before {
  content: "\E9F7";
  color: #66757f; }

.sys-icon-forward:before {
  content: "\E9F8";
  color: #66757f; }

.sys-icon-Forward2-active:before {
  content: "\E9F9";
  color: #1587d9; }

.sys-icon-Forward2-disabled:before {
  content: "\E9FA";
  color: #e4ebf0; }

.sys-icon-Forward2-nomal:before {
  content: "\E9FB";
  color: #66757f; }

.sys-icon-forward2:before {
  content: "\E9FC";
  color: #66757f; }

.sys-icon-fujian-xiazai:before {
  content: "\E9FD";
  color: #8f9ca6; }

.sys-icon-gongchuguanli:before {
  content: "\E9FE";
  color: #fff; }

.sys-icon-gongzuo:before {
  content: "\E9FF";
  color: #66757f; }

.sys-icon-gongzuolvli:before {
  content: "\EA00";
  color: #4a4a4a; }

.sys-icon-gongzuorili:before {
  content: "\EA01";
  color: #4a4a4a; }

.sys-icon-gongzuotai:before {
  content: "\EA02";
  color: #66757f; }

.sys-icon-guanbi-active:before {
  content: "\EA03";
  color: #cc2929; }

.sys-icon-guanbi-disabled:before {
  content: "\EA04";
  color: #e4ebf0; }

.sys-icon-guanbi-nomal:before {
  content: "\EA05";
  color: #acb7bf; }

.sys-icon-guide-done-hover .path1:before {
  content: "\EA06";
  color: #38ba72; }

.sys-icon-guide-done-hover .path2:before {
  content: "\EA07";
  margin-left: -1em;
  color: white; }

.sys-icon-guide-done .path1:before {
  content: "\EA08";
  color: #38ba72; }

.sys-icon-guide-done .path2:before {
  content: "\EA09";
  margin-left: -1em;
  color: #36b336; }

.sys-icon-guide-ischecked-doing .path1:before {
  content: "\EA0A";
  color: #1687d9;
  opacity: 0.2; }

.sys-icon-guide-ischecked-doing .path2:before {
  content: "\EA0B";
  margin-left: -1em;
  color: #1687d9;
  opacity: 0.3; }

.sys-icon-guide-ischecked-doing .path3:before {
  content: "\EA0C";
  margin-left: -1em;
  color: #1687d9; }

.sys-icon-guide-ischecked-done .path1:before {
  content: "\EA0D";
  color: #38ba72;
  opacity: 0.2; }

.sys-icon-guide-ischecked-done .path2:before {
  content: "\EA0E";
  margin-left: -1em;
  color: none;
  opacity: 0.2; }

.sys-icon-guide-ischecked-done .path3:before {
  content: "\EA0F";
  margin-left: -1em;
  color: #38ba72;
  opacity: 0.3; }

.sys-icon-guide-ischecked-done .path4:before {
  content: "\EA10";
  margin-left: -1em;
  color: none;
  opacity: 0.3; }

.sys-icon-guide-ischecked-done .path5:before {
  content: "\EA11";
  margin-left: -1em;
  color: #38ba72; }

.sys-icon-guide-ischecked-done .path6:before {
  content: "\EA12";
  margin-left: -1em;
  color: none; }

.sys-icon-guide-ischecked-todo .path1:before {
  content: "\EA13";
  color: #8f9ca6;
  opacity: 0.2; }

.sys-icon-guide-ischecked-todo .path2:before {
  content: "\EA14";
  margin-left: -1em;
  color: #8f9ca6;
  opacity: 0.3; }

.sys-icon-guide-ischecked-todo .path3:before {
  content: "\EA15";
  margin-left: -1em;
  color: #8f9ca6; }

.sys-icon-huibaoguanxi:before {
  content: "\EA16";
  color: #4a4a4a; }

.sys-icon-IM-bianji:before {
  content: "\EA17"; }

.sys-icon-IM-qunzu:before {
  content: "\EA18"; }

.sys-icon-IM-renwu:before {
  content: "\EA19"; }

.sys-icon-IM-tianjia:before {
  content: "\EA1A"; }

.sys-icon-IM-xiangmu:before {
  content: "\EA1B"; }

.sys-icon-interface-manage:before {
  content: "\EA1C";
  color: #667580; }

.sys-icon-jianzhijilv:before {
  content: "\EA1D";
  color: #4a4a4a; }

.sys-icon-jiaoyu:before {
  content: "\EA1E";
  color: #4a4a4a; }

.sys-icon-jihua:before {
  content: "\EA1F";
  color: #66757f; }

.sys-icon-jincou-active:before {
  content: "\EA20";
  color: #1687d9; }

.sys-icon-jincou-normal:before {
  content: "\EA21";
  color: #8f9ca6; }

.sys-icon-jincouactive:before {
  content: "\EA22";
  color: #1587d9; }

.sys-icon-jincouliebiao:before {
  content: "\EA23";
  color: #8f9ca6; }

.sys-icon-jixiao:before {
  content: "\EA24";
  color: #66757f; }

.sys-icon-kaohe:before {
  content: "\EA25";
  color: #66757f; }

.sys-icon-kaoqindangan:before {
  content: "\EA26";
  color: #4a4a4a; }

.sys-icon-kaoqinqijian:before {
  content: "\EA27";
  color: #4a4a4a; }

.sys-icon-kaoqinshuju:before {
  content: "\EA28";
  color: #4a4a4a; }

.sys-icon-kaoqinxiangmu:before {
  content: "\EA29";
  color: #4a4a4a; }

.sys-icon-kaoqinzu:before {
  content: "\EA2A";
  color: #4a4a4a; }

.sys-icon-kuansong-active:before {
  content: "\EA2B";
  color: #1687d9; }

.sys-icon-kuansong-normal:before {
  content: "\EA2C";
  color: #8f9ca6; }

.sys-icon-kuansongactive:before {
  content: "\EA2D";
  color: #1587d9; }

.sys-icon-kuansongliebiao:before {
  content: "\EA2E";
  color: #8f9ca6; }

.sys-icon-laodong:before {
  content: "\EA2F";
  color: #4a4a4a; }

.sys-icon-liebiaojianju:before {
  content: "\EA30";
  color: #3e4e59; }

.sys-icon-liuchengliebiao:before {
  content: "\EA31";
  color: #fff; }

.sys-icon-liuchenglishi:before {
  content: "\EA32";
  color: #fff; }

.sys-icon-liuchengxiangqing:before {
  content: "\EA33";
  color: #fff; }

.sys-icon-lizhiquxiang:before {
  content: "\EA34";
  color: #4a4a4a; }

.sys-icon-m-lbbianji:before {
  content: "\EA35";
  color: #5bb1ff; }

.sys-icon-m-lbfanhui:before {
  content: "\EA36";
  color: #5bb1ff; }

.sys-icon-m-lbpiliang:before {
  content: "\EA37";
  color: #5bb1ff; }

.sys-icon-m-lbqianjin:before {
  content: "\EA38";
  color: #5bb1ff; }

.sys-icon-m-lbshanchu:before {
  content: "\EA39";
  color: #5bb1ff; }

.sys-icon-m-lbxinjian:before {
  content: "\EA3A";
  color: #5bb1ff; }

.sys-icon-m-more:before {
  content: "\EA3B";
  color: #5bb1ff; }

.sys-icon-m-spbohuifaqiren:before {
  content: "\EA3C";
  color: #5bb1ff; }

.sys-icon-m-spbohuishangyibu:before {
  content: "\EA3D";
  color: #5bb1ff; }

.sys-icon-m-spbutongyi:before {
  content: "\EA3E";
  color: #5bb1ff; }

.sys-icon-m-spchehui:before {
  content: "\EA3F";
  color: #5bb1ff; }

.sys-icon-m-spchexiao:before {
  content: "\EA40";
  color: #5bb1ff; }

.sys-icon-m-spjiaqian:before {
  content: "\EA41";
  color: #5bb1ff; }

.sys-icon-m-sptiaozhuan:before {
  content: "\EA42";
  color: #5bb1ff; }

.sys-icon-m-sptijiao:before {
  content: "\EA43";
  color: #5bb1ff; }

.sys-icon-m-sptijiaodaobohui:before {
  content: "\EA44";
  color: #5bb1ff; }

.sys-icon-m-sptongyi:before {
  content: "\EA45";
  color: #5bb1ff; }

.sys-icon-m-spzhongzhi:before {
  content: "\EA46";
  color: #5bb1ff; }

.sys-icon-m-spzhuanjiao:before {
  content: "\EA47";
  color: #5bb1ff; }

.m-sys-achievements:before {
  content: "\EA48"; }

.m-sys-add:before {
  content: "\EA49";
  color: #349af6; }

.m-sys-aite:before {
  content: "\EA4A"; }

.m-sys-approval-complate:before {
  content: "\EA4B";
  color: #8bda44; }

.m-sys-approval-end-false:before {
  content: "\EA4C";
  color: #bfc4c7; }

.m-sys-approval-end-true:before {
  content: "\EA4D";
  color: #8bda44; }

.m-sys-approval-progress:before {
  content: "\EA4E";
  color: #349af6; }

.m-sys-approval:before {
  content: "\EA4F"; }

.m-sys-arrowdown:before {
  content: "\EA50"; }

.m-sys-arrowup:before {
  content: "\EA51"; }

.m-sys-attendance:before {
  content: "\EA52"; }

.m-sys-backward:before {
  content: "\EA53"; }

.m-sys-batch:before {
  content: "\EA54"; }

.m-sys-cancleprocess:before {
  content: "\EA55";
  color: #8bda44; }

.m-sys-caozuojilu .path1:before {
  content: "\EA56";
  color: #349af6;
  opacity: 0.5; }

.m-sys-caozuojilu .path2:before {
  content: "\EA57";
  margin-left: -1em;
  color: #349af6; }

.m-sys-charts:before {
  content: "\EA58"; }

.m-sys-checkbox-active:before {
  content: "\EA59";
  color: #349af6; }

.m-sys-checkbox:before {
  content: "\EA5A"; }

.m-sys-chexiao:before {
  content: "\EA5B"; }

.m-sys-close:before {
  content: "\EA5C";
  color: #ff7360; }

.m-sys-danbuback-ward:before {
  content: "\EA5D"; }

.m-sys-danbuforward:before {
  content: "\EA5E"; }

.m-sys-duobubackward:before {
  content: "\EA5F"; }

.m-sys-duobuforward:before {
  content: "\EA60"; }

.m-sys-edit:before {
  content: "\EA61"; }

.m-sys-error:before {
  content: "\EA62";
  color: #fff; }

.m-sys-eye:before {
  content: "\EA63"; }

.m-sys-file:before {
  content: "\EA64"; }

.m-sys-form-filter:before {
  content: "\EA65"; }

.m-sys-forward:before {
  content: "\EA66"; }

.m-sys-group:before {
  content: "\EA67"; }

.m-sys-guanbi:before {
  content: "\EA68"; }

.m-sys-guanbisanjiao:before {
  content: "\EA69";
  color: #349af6; }

.m-sys-huifu:before {
  content: "\EA6A"; }

.m-sys-jiacu:before {
  content: "\EA6B"; }

.m-sys-jiahao:before {
  content: "\EA6C"; }

.m-sys-jianshaosuojin:before {
  content: "\EA6D"; }

.m-sys-kaishi-yiwancheng:before {
  content: "\EA6E";
  color: #8bda44; }

.m-sys-morengongneng:before {
  content: "\EA6F"; }

.m-sys-overtime:before {
  content: "\EA70"; }

.m-sys-pitchon:before {
  content: "\EA71"; }

.m-sys-pull-system:before {
  content: "\EA72"; }

.m-sys-reduce:before {
  content: "\EA73"; }

.m-sys-singlebox:before {
  content: "\EA74"; }

.m-sys-small-close:before {
  content: "\EA75"; }

.m-sys-sousuo:before {
  content: "\EA76"; }

.m-sys-success:before {
  content: "\EA77";
  color: #fff; }

.m-sys-toast-faile:before {
  content: "\EA78"; }

.m-sys-toast-success:before {
  content: "\EA79"; }

.m-sys-vacation:before {
  content: "\EA7A"; }

.m-sys-warning:before {
  content: "\EA7B";
  color: #fff; }

.m-sys-weikaishi:before {
  content: "\EA7C";
  color: #bfc4c7; }

.m-sys-wodedangan:before {
  content: "\EA7D"; }

.m-sys-wodegongzi:before {
  content: "\EA7E"; }

.m-sys-wuxupailie:before {
  content: "\EA7F"; }

.m-sys-xiahuaxian:before {
  content: "\EA80"; }

.m-sys-youxupailie:before {
  content: "\EA81"; }

.m-sys-yuanxingguanbi:before {
  content: "\EA82"; }

.m-sys-yuanxingjiahao:before {
  content: "\EA83"; }

.m-sys-zengjiasuojin:before {
  content: "\EA84"; }

.m-sys-zhonghuaxian:before {
  content: "\EA85"; }

.sys-icon-m-tongyong1:before {
  content: "\EA86";
  color: #5bb1ff; }

.sys-icon-m-tongyong2:before {
  content: "\EA87";
  color: #5bb1ff; }

.sys-icon-m-tongyong3:before {
  content: "\EA88";
  color: #5bb1ff; }

.sys-icon-m-tongyong4:before {
  content: "\EA89";
  color: #5bb1ff; }

.sys-icon-m-tongyong5:before {
  content: "\EA8A";
  color: #5bb1ff; }

.sys-icon-meeting:before {
  content: "\EA8B"; }

.sys-icon-moreitems:before {
  content: "\EA8C"; }

.sys-icon-moren:before {
  content: "\EA8D";
  color: #66757f; }

.sys-icon-mubiao:before {
  content: "\EA8E";
  color: #66757f; }

.sys-icon-new-data-flag:before {
  content: "\EA8F";
  color: #f28d48; }

.sys-icon-nianjiaguanli:before {
  content: "\EA90";
  color: #4a4a4a; }

.sys-icon-no-data-notice:before {
  content: "\EA91";
  color: #acb7bf; }

.sys-icon-normal-table:before {
  content: "\EA92";
  color: #bfc3c7; }

.sys-icon-ocean:before {
  content: "\EA93";
  color: #66757f; }

.sys-icon-page-switch:before {
  content: "\EA94";
  color: #66757f; }

.sys-icon-renzhijilv:before {
  content: "\EA95";
  color: #4a4a4a; }

.sys-icon-ribao:before {
  content: "\EA96";
  color: #66757f; }

.sys-icon-rili:before {
  content: "\EA97";
  color: #667580; }

.sys-icon-seqdown-active:before {
  content: "\EA98";
  color: #1587d9; }

.sys-icon-seqdown-active2:before {
  content: "\EA99";
  color: #1587d9; }

.sys-icon-sequencedown-disabled:before {
  content: "\EA9A";
  color: #e4ebf0; }

.sys-icon-sequencedown-disabled2:before {
  content: "\EA9B";
  color: #e4ebf0; }

.sys-icon-sequencedown-nomal:before {
  content: "\EA9C";
  color: #acb7bf; }

.sys-icon-sequencedown-nomal2:before {
  content: "\EA9D";
  color: #acb7bf; }

.sys-icon-sequencedown:before {
  content: "\EA9E";
  color: #acb7bf; }

.sys-icon-sequenceup-disabled:before {
  content: "\EA9F";
  color: #e4ebf0; }

.sys-icon-sequenceup-nomal:before {
  content: "\EAA0";
  color: #acb7bf; }

.sys-icon-sequp-active:before {
  content: "\EAA1";
  color: #1587d9; }

.sys-icon-shenpi:before {
  content: "\EAA2";
  color: #fff; }

.sys-icon-shenqing:before {
  content: "\EAA3";
  color: #fff; }

.sys-icon-shishihide:before {
  content: "\EAA4";
  color: #2b4d86; }

.sys-icon-shishimovedown:before {
  content: "\EAA5";
  color: #8f9ca6; }

.sys-icon-shishimoveup:before {
  content: "\EAA6";
  color: #8f9ca6; }

.sys-icon-shishishow:before {
  content: "\EAA7";
  color: #2b4d86; }

.sys-icon-shiti:before {
  content: "\EAA8";
  color: #66757f; }

.sys-icon-shiyongqixinxi:before {
  content: "\EAA9";
  color: #4a4a4a; }

.sys-icon-shizhong-active:before {
  content: "\EAAA";
  color: #1687d9; }

.sys-icon-shizhong-normal:before {
  content: "\EAAB";
  color: #8f9ca6; }

.sys-icon-shizhongliebiao:before {
  content: "\EAAC";
  color: #1587d9; }

.sys-icon-shizhongnormal:before {
  content: "\EAAD";
  color: #8f9ca6; }

.sys-icon-shouqi-active:before {
  content: "\EAAE";
  color: #66757f; }

.sys-icon-shouqi-disabled:before {
  content: "\EAAF";
  color: #e4ebf0; }

.sys-icon-shouqi-nomal:before {
  content: "\EAB0";
  color: #acb7bf; }

.sys-icon-Singlebox-active-disabled:before {
  content: "\EAB1";
  color: #c2cbd1; }

.sys-icon-Singlebox-active:before {
  content: "\EAB2";
  color: #1587d9; }

.sys-icon-Singlebox-disabled:before {
  content: "\EAB3";
  color: #c2cbd1; }

.sys-icon-Singlebox-have:before {
  content: "\EAB4";
  color: #1587d9; }

.sys-icon-Singlebox-nomal:before {
  content: "\EAB5";
  color: #96d1fa; }

.sys-icon-singlebox:before {
  content: "\EAB6";
  color: #1587d9; }

.sys-icon-sousuo:before {
  content: "\EAB7";
  color: #66757f; }

.sys-icon-souye:before {
  content: "\EAB8";
  color: #66757f; }

.sys-icon-spread:before {
  content: "\EAB9";
  color: #acb7bf; }

.sys-icon-summary-work:before {
  content: "\EABA";
  color: #83898f; }

.sys-icon-system-variable:before {
  content: "\EABB";
  color: #fff; }

.sys-icon-tablelist-down-active .path1:before {
  content: "\EABC";
  color: #1687d9; }

.sys-icon-tablelist-down-active .path2:before {
  content: "\EABD";
  margin-left: -1em;
  color: none; }

.sys-icon-tablelist-down-active .path3:before {
  content: "\EABE";
  margin-left: -1em;
  color: white; }

.sys-icon-tablelist-down-hover .path1:before {
  content: "\EABF";
  color: #1687d9;
  opacity: 0.3; }

.sys-icon-tablelist-down-hover .path2:before {
  content: "\EAC0";
  margin-left: -1em;
  color: none;
  opacity: 0.3; }

.sys-icon-tablelist-down-hover .path3:before {
  content: "\EAC1";
  margin-left: -1em;
  color: #1687d9; }

.sys-icon-tablelist-down-normal .path1:before {
  content: "\EAC2";
  color: #1687d9;
  opacity: 0.1; }

.sys-icon-tablelist-down-normal .path2:before {
  content: "\EAC3";
  margin-left: -1em;
  color: none;
  opacity: 0.1; }

.sys-icon-tablelist-down-normal .path3:before {
  content: "\EAC4";
  margin-left: -1em;
  color: #1687d9; }

.sys-icon-taxpayer-info:before {
  content: "\EAC5";
  color: #667580; }

.sys-icon-tiphand:before {
  content: "\EAC6"; }

.sys-icon-tishi-nomal-small:before {
  content: "\EAC7";
  color: #e4a600; }

.sys-icon-tishi-nomal:before {
  content: "\EAC8";
  color: #e4a600; }

.sys-icon-titaIM:before {
  content: "\EAC9";
  color: #4ab1b1; }

.sys-icon-tongshi:before {
  content: "\EACA";
  color: #66757f; }

.sys-icon-trans-book:before {
  content: "\EACB";
  color: #fff; }

.sys-icon-trans-export:before {
  content: "\EACC";
  color: #fff; }

.sys-icon-trans-import:before {
  content: "\EACD";
  color: #fff; }

.sys-icon-trans-log:before {
  content: "\EACE";
  color: #fff; }

.sys-icon-trans-trans:before {
  content: "\EACF";
  color: #fff; }

.sys-icon-tuozhuai-active:before {
  content: "\EAD0";
  color: #1587d9; }

.sys-icon-tuozhuai-disabled:before {
  content: "\EAD1";
  color: #e4ebf0; }

.sys-icon-tuozhuai-nomal:before {
  content: "\EAD2";
  color: #66757f; }

.sys-icon-uncheck-disable:before {
  content: "\EAD3";
  color: #e4ebf0; }

.sys-icon-up-active:before {
  content: "\EAD4";
  color: #1687d9; }

.sys-icon-up-disable:before {
  content: "\EAD5";
  color: #c2cbd1; }

.sys-icon-up-normal:before {
  content: "\EAD6";
  color: #8f9ca6; }

.sys-icon-upload:before {
  content: "\EAD7";
  color: #66757f; }

.sys-icon-weituo:before {
  content: "\EAD8";
  color: #fff; }

.sys-icon-wenhao-nomal-small:before {
  content: "\EAD9";
  color: #0095ff; }

.sys-icon-wenhao-nomal:before {
  content: "\EADA";
  color: #0095ff; }

.sys-icon-wenjian:before {
  content: "\EADB";
  color: #66757f; }

.sys-icon-withholding-info:before {
  content: "\EADC";
  color: #667580; }

.sys-icon-workflowlcliebiao:before {
  content: "\EADD";
  color: #fff; }

.sys-icon-xiangmu:before {
  content: "\EADE";
  color: #66757f; }

.sys-icon-xiangmujingli:before {
  content: "\EADF";
  color: #4a4a4a; }

.sys-icon-xiangshangmin-nomal:before {
  content: "\EAE0";
  color: #3e4e59; }

.sys-icon-xiangxiamin-nomal:before {
  content: "\EAE1";
  color: #3e4e59; }

.sys-icon-xinchou:before {
  content: "\EAE2";
  color: #667580; }

.sys-icon-xinchouguanli:before {
  content: "\EAE3";
  color: #4a4a4a; }

.sys-icon-xinzibao:before {
  content: "\EAE4";
  color: #4a4a4a; }

.sys-icon-xinzibaoxiangmu:before {
  content: "\EAE5";
  color: #4a4a4a; }

.sys-icon-xinzibiaozhunbiao:before {
  content: "\EAE6";
  color: #4a4a4a; }

.sys-icon-xinzigoucheng:before {
  content: "\EAE7";
  color: #4a4a4a; }

.sys-icon-xiujia:before {
  content: "\EAE8";
  color: #4a4a4a; }

.sys-icon-xunzhang .path1:before {
  content: "\EAE9";
  color: #38ba72; }

.sys-icon-xunzhang .path2:before {
  content: "\EAEA";
  margin-left: -1em;
  color: white; }

.sys-icon-yibiao:before {
  content: "\EAEB";
  color: #66757f; }

.sys-icon-yingyanicon:before {
  content: "\EAEC";
  color: #fff; }

.sys-icon-yingyong:before {
  content: "\EAED";
  color: #66757f; }

.sys-icon-yinhang:before {
  content: "\EAEE";
  color: #4a4a4a; }

.sys-icon-yuangong:before {
  content: "\EAEF";
  color: #4a4a4a; }

.sys-icon-yuangongxinzidangan:before {
  content: "\EAF0";
  color: #4a4a4a; }

.sys-icon-yuyan:before {
  content: "\EAF1";
  color: #4a4a4a; }

.sys-icon-zaopin:before {
  content: "\EAF2";
  color: #66757f; }

.sys-icon-zhankai-active:before {
  content: "\EAF3";
  color: #66757f; }

.sys-icon-zhankai-disabled:before {
  content: "\EAF4";
  color: #e4ebf0; }

.sys-icon-zhankai-nomal:before {
  content: "\EAF5";
  color: #acb7bf; }

.sys-icon-zhengque-nomal-small:before {
  content: "\EAF6";
  color: #36b336; }

.sys-icon-zhengque-nomal:before {
  content: "\EAF7";
  color: #36b336; }

.sys-icon-zhengshu:before {
  content: "\EAF8";
  color: #4a4a4a; }

.sys-icon-zhiceng:before {
  content: "\EAF9";
  color: #4a4a4a; }

.sys-icon-zhideng:before {
  content: "\EAFA";
  color: #4a4a4a; }

.sys-icon-zhiji:before {
  content: "\EAFB";
  color: #4a4a4a; }

.sys-icon-zhiwei:before {
  content: "\EAFC";
  color: #4a4a4a; }

.sys-icon-zhiwu:before {
  content: "\EAFD";
  color: #4a4a4a; }

.sys-icon-zhiwuxulie:before {
  content: "\EAFE";
  color: #4a4a4a; }

.sys-icon-zhiye:before {
  content: "\EAFF";
  color: #66757f; }

.sys-icon-zhuanye:before {
  content: "\EB00";
  color: #4a4a4a; }

.sys-icon-zhuyi-nomal-small:before {
  content: "\EB01";
  color: #e4a600; }

.sys-icon-zhuyi-nomal:before {
  content: "\EB02";
  color: #e4a600; }

.sys-icon-zuzhi:before {
  content: "\EB03"; }

.sys-icon-zuzhibiangengjilv:before {
  content: "\EB04";
  color: #4a4a4a; }

.sys-icon-zuzhijiagou:before {
  content: "\EB05";
  color: #fff; }

.sys-icon-zuzhileixing:before {
  content: "\EB06";
  color: #4a4a4a; }

.sys-icon-zuzhiyuangong:before {
  content: "\EB07";
  color: #667580; }

/**beisencloud 专属背景色 **/
.sys-bgcolor-f1 {
  background-color: #ed5858; }

.sys-bgcolor-f2 {
  background-color: #f28d49; }

.sys-bgcolor-f3 {
  background-color: #f5d540; }

.sys-bgcolor-f4 {
  background-color: #38ba72; }

.sys-bgcolor-f5 {
  background-color: #55c6c6; }

.sys-bgcolor-f6 {
  background-color: #41b0d9; }

.sys-bgcolor-f7 {
  background-color: #5b99ee; }

/**
  PC端只有7种色，f8和f9是为适应移动端需求添加，仅为移动端使用，不影响PC端
**/
.sys-bgcolor-f8 {
  background-color: #349af6; }

.sys-bgcolor-f9 {
  background-color: #8a92ff; }

/* 
    三种标准图标尺寸
 */
.sys-icon-size-xl {
  font-size: 90px; }

.sys-icon-size-l {
  font-size: 32px; }

.sys-icon-size-m {
  font-size: 18px; }

/* 
    pc svg
 */
/*airplane*/
.pc-sys-airplane-svg {
  background: url(../images/airplane-5db117d2f4bdec75352ff44b82725678.svg);
  background-repeat: no-repeat; }

/*hand*/
.pc-sys-tiphand-svg {
  background: url(../images/tiphand-bdbe0ef36d66294f99f0c29ecf25fac9.svg);
  background-repeat: no-repeat; }

/* arrowdown
*/
.pc-sys-arrowdown-active-svg {
  background: url(../images/arrowdown-active-0ba9f681d8273157ac8c7aa8913e9471.svg);
  background-repeat: no-repeat; }

.pc-sys-arrowdown-disabled-svg {
  background: url(../images/arrowdown-disabled-a169bcbb5712c2d23c0a4c6d50d8e140.svg);
  background-repeat: no-repeat; }

.pc-sys-arrowdown-nomal-svg {
  background: url(../images/arrowdown-nomal-5c6b993b425c77ad5738eb569c2960a7.svg);
  background-repeat: no-repeat; }

/* arrowdonw2
*/
.pc-sys-arrowdown2-active-svg {
  background: url(../images/arrowdown2-active-7f5dc4cdf5cfa7708432fd4a611a3ba8.svg);
  background-repeat: no-repeat; }

.pc-sys-arrowdown2-disabled-svg {
  background: url(../images/arrowdown2-disabled-1f392ecea95d327f25810f5719cbec79.svg);
  background-repeat: no-repeat; }

.pc-sys-arrowdown2-nomal-svg {
  background: url(../images/arrowdown2-nomal-81131dc64f3c97c26e4bfd56b1d0ce4b.svg);
  background-repeat: no-repeat; }

/*
xiangshang\xiangxia\bukebianji
 */
.pc-sys-xiangshangmin-nomal-svg {
  background: url(../images/xiangshangmin-nomal-ef42aa04db5c5ed113a9f6c25a664ed0.svg);
  background-repeat: no-repeat; }

.pc-sys-xiangxiamin-nomal-svg {
  background: url(../images/xiangxiamin-nomal-b701a5dc89abc4c53015cc5b3a7e1daa.svg);
  background-repeat: no-repeat; }

.pc-sys-bukebianji-nomal-svg {
  background: url(../images/bukebianji-nomal-70d832cce8e339df517d9585a7aa217a.svg);
  background-repeat: no-repeat; }

/* arrowdonwM7
*/
.pc-sys-arrowdownM7-active-svg {
  background: url(../images/arrowdownM7-active-d18a7ae8de8e131acb32fa031d84c6d2.svg);
  background-repeat: no-repeat; }

.pc-sys-arrowdownM7-disabled-svg {
  background: url(../images/arrowdownM7-disabled-c10d69ad296b27ac7f1587f05f2755dd.svg);
  background-repeat: no-repeat; }

.pc-sys-arrowdownM7-nomal-svg {
  background: url(../images/arrowdownM7-nomal-4b5baf2b026a89f59943ecfe7b8d60d6.svg);
  background-repeat: no-repeat; }

/* arrowleft
*/
.pc-sys-arrowleft-active-svg {
  background: url(../images/arrowleft-active-a7016a3068a958a5c49c8359f53cb644.svg);
  background-repeat: no-repeat; }

.pc-sys-arrowleft-disabled-svg {
  background: url(../images/arrowleft-disabled-a3d5c9764ad292d24a481efea0c7ca46.svg);
  background-repeat: no-repeat; }

.pc-sys-arrowleft-nomal-svg {
  background: url(../images/arrowleft-nomal-4e4c381ae21ba6b3c01a16e7aacf547b.svg);
  background-repeat: no-repeat; }

/* arrowleftM7
*/
.pc-sys-arrowleftM7-active-svg {
  background: url(../images/arrowleftM7-active-31c3527295dc42c774384e691e0d579e.svg);
  background-repeat: no-repeat; }

.pc-sys-arrowleftM7-disabled-svg {
  background: url(../images/arrowleftM7-disabled-5eb923faedb254133e7acc057918db52.svg);
  background-repeat: no-repeat; }

.pc-sys-arrowleftM7-nomal-svg {
  background: url(../images/arrowleftM7-nomal-c75f8ee47a67e06728d6a4cdd4660a65.svg);
  background-repeat: no-repeat; }

/* arrowright
*/
.pc-sys-arrowright-active-svg {
  background: url(../images/arrowright-active-0d80aa7aef2f63d73e10f40869c706d2.svg);
  background-repeat: no-repeat; }

.pc-sys-arrowright-disabled-svg {
  background: url(../images/arrowright-disabled-42248a70c74acf9612aa4d73a2f68f11.svg);
  background-repeat: no-repeat; }

.pc-sys-arrowright-nomal-svg {
  background: url(../images/arrowright-nomal-2733fee3029c1ea674400b6095ef610c.svg);
  background-repeat: no-repeat; }

/*
cus
 */
.pc-sys-cus-bitian-svg {
  background: url(../images/cus-bitian-fadd7bcb6c71c3ede96bfc679c5084ab.svg);
  background-repeat: no-repeat; }

.pc-sys-cus-bianji-svg {
  background: url(../images/cus-bianji-9f726c5e89ba180dc916709e27a981fd.svg);
  background-repeat: no-repeat; }

.pc-sys-cus-chengshi-svg {
  background: url(../images/cus-chengshi-1df0eca6aa4a362310eb38373c84001d.svg);
  background-repeat: no-repeat; }

.pc-sys-cus-renyuan-svg {
  background: url(../images/cus-renyuan-11b0ff55c7e214eb0f7c3850dd5c4398.svg);
  background-repeat: no-repeat; }

.pc-sys-cus-shanchu-svg {
  background: url(../images/cus-shanchu-adf6845651e90cbe6b3f0419ea81e05a.svg);
  background-repeat: no-repeat; }

.pc-sys-cus-xiala-svg {
  background: url(../images/cus-xiala-b78317fa5b5b7584e78192b39ed7b4c1.svg);
  background-repeat: no-repeat; }

.pc-sys-cus-bangzhu-svg {
  background: url(../images/cus-bangzhu-7bc698859f19eb0e939e879654c28cf9.svg);
  background-repeat: no-repeat; }

/* arrowup
*/
.pc-sys-arrowup-active-svg {
  background: url(../images/arrowup-active-bec7215d03665e687c4e8d776a2ab3f2.svg);
  background-repeat: no-repeat; }

.pc-sys-arrowup-disabled-svg {
  background: url(../images/arrowup-disabled-af6f24558fb2c3a1ff0e97af03f07cf5.svg);
  background-repeat: no-repeat; }

.pc-sys-arrowup-nomal-svg {
  background: url(../images/arrowup-nomal-4e735ee3fee13e0fee2eb1f3b25e3acc.svg);
  background-repeat: no-repeat; }

/* arrowup2
*/
.pc-sys-arrowup2-active-svg {
  background: url(../images/arrowup2-active-47f2ad187fe6698e5fe4cd9d4aa794fd.svg);
  background-repeat: no-repeat; }

.pc-sys-arrowup2-disabled-svg {
  background: url(../images/arrowup2-disabled-1e94ff3c76da7a266b3155711ac3415c.svg);
  background-repeat: no-repeat; }

.pc-sys-arrowup2-nomal-svg {
  background: url(../images/arrowup2-nomal-ef6c7cc68cdf89b47a7b27e171eacd1a.svg);
  background-repeat: no-repeat; }

/* at
*/
.pc-sys-at-svg {
  background: url(../images/at-2eda14078a0bd01a39522851d47efd0f.svg);
  background-repeat: no-repeat; }

/* backward
*/
.pc-sys-backward-active-svg {
  background: url(../images/backward-active-1c5c196860301bfcf8869b1b00a7e2bf.svg);
  background-repeat: no-repeat; }

.pc-sys-backward-disabled-svg {
  background: url(../images/backward-disabled-77019cd1ad2dde24fa29f6d42fc90152.svg);
  background-repeat: no-repeat; }

.pc-sys-backward-nomal-svg {
  background: url(../images/backward-nomal-66d18c9b404f3c366a7fc567a74e663a.svg);
  background-repeat: no-repeat; }

/* backward2
*/
.pc-sys-backward2-active-svg {
  background: url(../images/backward2-active-abe1f7c31ac8cd66ab440d757a79b946.svg);
  background-repeat: no-repeat; }

.pc-sys-backward2-disabled-svg {
  background: url(../images/backward2-disabled-900a2becd84c035d01677bb4ebd63d0c.svg);
  background-repeat: no-repeat; }

.pc-sys-backward2-nomal-svg {
  background: url(../images/backward2-nomal-1b6d716bbde9198729e535b3f77e55c9.svg);
  background-repeat: no-repeat; }

/* Checkbox
*/
.pc-sys-Checkbox-active-svg {
  background: url(../images/Checkbox-active-1c1bfc75638bcb922a86d2d28ed5efa3.svg);
  background-repeat: no-repeat; }

.pc-sys-Checkbox-hover-svg {
  background: url(../images/Checkbox-hover-025c956eeaba1414dd996741b6b758a3.svg);
  background-repeat: no-repeat; }

.pc-sys-Checkbox-disabled-svg {
  background: url(../images/Checkbox-disabled-9ad26e327702796af0c7c66bee37671c.svg);
  background-repeat: no-repeat; }

.pc-sys-Checkbox-nomal-svg {
  background: url(../images/Checkbox-nomal-6f7c6924b304482cd1fea3a209196c0d.svg);
  background-repeat: no-repeat; }

.pc-sys-Checkbox-active-disabled-svg {
  background: url(../images/Checkbox-active-disabled-f2aae9dda69007a1fb23bf20161f7292.svg);
  background-repeat: no-repeat; }

/* cuowu
*/
.pc-sys-cuowu-nomal-svg {
  background: url(../images/cuowu-nomal-a58565bfcc6845216efbc567d6ffc24b.svg);
  background-repeat: no-repeat; }

/* direction-switch
*/
.pc-sys-direction-switch-svg {
  background: url(../images/direction-switch-460dcc650a02ca91b0201e2ebc58e300.svg);
  background-repeat: no-repeat; }

/* dropdownmax
*/
.pc-sys-dropdownmax-active-svg {
  background: url(../images/dropdownmax-active-bdb57cc9c93f0cae72abdf3380625405.svg);
  background-repeat: no-repeat; }

.pc-sys-dropdownmax-disabled-svg {
  background: url(../images/dropdownmax-disabled-96706f9d7514c86f9b11aed075f3673f.svg);
  background-repeat: no-repeat; }

.pc-sys-dropdownmax-nomal-svg {
  background: url(../images/dropdownmax-nomal-0226eee10f38f7a96d5ccda5dd70faaf.svg);
  background-repeat: no-repeat; }

/* dropdownmin
*/
.pc-sys-dropdownmin-active-svg {
  background: url(../images/dropdownmin-active-656175cfd153a3dc31df894943001dbe.svg);
  background-repeat: no-repeat; }

.pc-sys-dropdownmin-disabled-svg {
  background: url(../images/dropdownmin-disabled-2997849292b8aa4cfea53ad09f94e4de.svg);
  background-repeat: no-repeat; }

.pc-sys-dropdownmin-nomal-svg {
  background: url(../images/dropdownmin-nomal-c84b8d965f1147ec62c0b20a0a83de96.svg);
  background-repeat: no-repeat; }

/* expression
*/
.pc-sys-expression-svg {
  background: url(../images/expression-29a462b53e4fdff644ef02e08e312d65.svg);
  background-repeat: no-repeat; }

/* Forward
*/
.pc-sys-Forward-active-svg {
  background: url(../images/Forward-active-29d26137e9ff06d6dd647b07f07f1c4f.svg);
  background-repeat: no-repeat; }

.pc-sys-Forward-disabled-svg {
  background: url(../images/Forward-disabled-7077d7910c4732b84b605e98767dcb70.svg);
  background-repeat: no-repeat; }

.pc-sys-Forward-nomal-svg {
  background: url(../images/Forward-nomal-ea21ad6c1858399cd26027a50ee77e57.svg);
  background-repeat: no-repeat; }

/* Forward2
*/
.pc-sys-Forward2-active-svg {
  background: url(../images/Forward2-active-431c4d9d875d5905e789c9b0f8aceac8.svg);
  background-repeat: no-repeat; }

.pc-sys-Forward2-disabled-svg {
  background: url(../images/Forward2-disabled-94bb9c7cdf8e32d197abcdf9734df33e.svg);
  background-repeat: no-repeat; }

.pc-sys-Forward2-nomal-svg {
  background: url(../images/Forward2-nomal-0f8b0fec4deaea189de688099791529e.svg);
  background-repeat: no-repeat; }

/* guanbi
*/
.pc-sys-guanbi-active-svg {
  background: url(../images/guanbi-active-2dc7cf1436044745e4342040ff96bad1.svg);
  background-repeat: no-repeat; }

.pc-sys-guanbi-disabled-svg {
  background: url(../images/guanbi-disabled-408d80c4d27a84073948bc66efb305b1.svg);
  background-repeat: no-repeat; }

.pc-sys-guanbi-nomal-svg {
  background: url(../images/guanbi-nomal-5e41b4ec01a4ed0d0dcf48fda36fac82.svg);
  background-repeat: no-repeat; }

/* page-switch
*/
.pc-sys-page-switch-svg {
  background: url(../images/page-switch-1f6645fc838af051c69e6758c0072c80.svg);
  background-repeat: no-repeat; }

/* sequencedown
*/
.pc-sys-seqdown-active-svg {
  background: url(../images/seqdown-active-2167addc96fe653ab5af42ed8147d55f.svg);
  background-repeat: no-repeat; }

.pc-sys-sequencedown-disabled-svg {
  background: url(../images/sequencedown-disabled-bef1b0ac2849c422ad1f4c977e4b0dbe.svg);
  background-repeat: no-repeat; }

.pc-sys-sequencedown-nomal-svg {
  background: url(../images/sequencedown-nomal-236523477684c777ed2c335c8a416f91.svg);
  background-repeat: no-repeat; }

/* shouqi
*/
.pc-sys-shouqi-active-svg {
  background: url(../images/shouqi-active-24cdab12f3059461364393a5358a8a64.svg);
  background-repeat: no-repeat; }

.pc-sys-shouqi-disabled-svg {
  background: url(../images/shouqi-disabled-90d3a5e4854ff8ad736807382bbf5de5.svg);
  background-repeat: no-repeat; }

.pc-sys-shouqi-nomal-svg {
  background: url(../images/shouqi-nomal-fa7b88d289d4659e7df77d0044d57358.svg);
  background-repeat: no-repeat; }

/* Singlebox
*/
.pc-sys-Singlebox-active-svg {
  background: url(../images/Singlebox-active-98daf51af20fbaf6e7b89795a1200fe6.svg);
  background-repeat: no-repeat; }

.pc-sys-Singlebox-disabled-svg {
  background: url(../images/Singlebox-disabled-9fb4c628e4771f157396f582da6d5967.svg);
  background-repeat: no-repeat; }

.pc-sys-Singlebox-nomal-svg {
  background: url(../images/Singlebox-nomal-4fc590ae643ec569e9991a41a4445ac3.svg);
  background-repeat: no-repeat; }

.pc-sys-Singlebox-have-svg {
  background: url(../images/Singlebox-have-b86bfcf60b38d34f3649a8e42256a7b5.svg);
  background-repeat: no-repeat; }

.pc-sys-Singlebox-active-disabled-svg {
  background: url(../images/Singlebox-active-disabled-4a908ad1863e66b968ca92babeca9e18.svg);
  background-repeat: no-repeat; }

/* tishi
*/
.pc-sys-tishi-nomal-svg {
  background: url(../images/tishi-nomal-e3316c24d30132eb5ef218aee8a230e0.svg);
  background-repeat: no-repeat; }

/* tablelist
*/
.pc-sys-tablelist-down-active-svg {
  background: url(../images/tablelist-down-active-bd87a918cd36dc5145c45f18ee1aafe3.svg);
  background-repeat: no-repeat; }

.pc-sys-tablelist-down-hover-svg {
  background: url(../images/tablelist-down-hover-fcb0f77a1630cf75fb381643c704989b.svg);
  background-repeat: no-repeat; }

.pc-sys-tablelist-down-nomal-svg {
  background: url(../images/tablelist-down-normal-7e16fcb7445133e196e216ada673b583.svg);
  background-repeat: no-repeat; }

/*
tuozhuai
 */
.pc-sys-tuozhuai-active-svg {
  background: url(../images/tuozhuai-active-5abddfdda522c543d3a5ca27fafa16d9.svg);
  background-repeat: no-repeat; }

.pc-sys-tuozhuai-disabled-svg {
  background: url(../images/tuozhuai-disabled-a47febd58ee8fe17c4494ab4b2101724.svg);
  background-repeat: no-repeat; }

.pc-sys-tuozhuai-nomal-svg {
  background: url(../images/tuozhuai-nomal-14eb71eebff868c3fd028ae8d9ee0bbb.svg);
  background-repeat: no-repeat; }

/* upload
*/
.pc-sys-upload-svg {
  background: url(../images/upload-5270ddbc019c3822868573b142c677dd.svg);
  background-repeat: no-repeat; }

/* wenhao-nomal
*/
.pc-sys-wenhao-nomal-svg {
  background: url(../images/wenhao-nomal-4d61af90acb0097fc8408415a887c265.svg);
  background-repeat: no-repeat; }

/* zhankai
*/
.pc-sys-zhankai-active-svg {
  background: url(../images/zhankai-active-b5ea7fd2e0efafbdbbb7fbf77aca347a.svg);
  background-repeat: no-repeat; }

.pc-sys-zhankai-disabled-svg {
  background: url(../images/zhankai-disabled-53ced18432d1edf2dba94f81c1aae2df.svg);
  background-repeat: no-repeat; }

.pc-sys-zhankai-nomal-svg {
  background: url(../images/zhankai-nomal-94a4006a4a1aa4c17d31c6a9ae94eef2.svg);
  background-repeat: no-repeat; }

/* zhengque
*/
.pc-sys-zhengque-nomal-svg {
  background: url(../images/zhengque-nomal-52aaf3e334883d25e6ccfa490343a053.svg);
  background-repeat: no-repeat; }

/* zhuyi
*/
.pc-sys-zhuyi-nomal-svg {
  background: url(../images/zhuyi-nomal-110b750eae1b53cb92dcd8564da43055.svg);
  background-repeat: no-repeat; }

/* no data
*/
.pc-sys-no-data-svg {
  background: url(../images/no-data-notice-0660cff6ff4d581bd7e4c48bf173fdfe.svg);
  background-repeat: no-repeat; }

/*
    bitiam
 */
.pc-sys-bitian-nomal-svg {
  background: url(../images/bitian-nomal-a39edfee3c3b8b5a609daccdc317c337.svg);
  background-repeat: no-repeat; }

/*
    cuowu-nomal-small
 */
.pc-sys-cuowu-nomal-small-svg {
  background: url(../images/cuowu-nomal-small-91a47e4ca2086aaf4e857041494f65ec.svg);
  background-repeat: no-repeat; }

/*
    tishi-nomal-small
 */
.pc-sys-tishi-nomal-small-svg {
  background: url(../images/tishi-nomal-small-c2b7836d585770d2d434b3680a9ea0d5.svg);
  background-repeat: no-repeat; }

/*
    wenhao-nomal-small
 */
.pc-sys-wenhao-nomal-small-svg {
  background: url(../images/wenhao-nomal-small-74ef566e52b70d290aa942950e01300c.svg);
  background-repeat: no-repeat; }

/*
    zhengque-nomal-small
 */
.pc-sys-zhengque-nomal-small-svg {
  background: url(../images/zhengque-nomal-small-680d674dabfead9b6bd58987c6db68e5.svg);
  background-repeat: no-repeat; }

/*
    zhuyi-nomal-small
 */
.pc-sys-zhuyi-nomal-small-svg {
  background: url(../images/zhuyi-nomal-small-edf788c444b85fd524fea6984e92056a.svg);
  background-repeat: no-repeat; }

/*
    changgui-nomal-small
 */
.pc-sys-changgui-nomal-small-svg {
  background: url(../images/changgui-nomal-small-479fc535ef5d16a331ec1237a365c667.svg);
  background-repeat: no-repeat; }

/*
    changgui-nomal-
 */
.pc-sys-changgui-nomal-svg {
  background: url(../images/changgui-nomal-17283a24ff3aa6226b53d5b22135277f.svg);
  background-repeat: no-repeat; }

.ps-sys-xunzhang-svg {
  background: url(../images/xunzhang-eb090a42b60ea2e6fbceaabd9505c014.svg);
  background-repeat: no-repeat; }

/*
    guide
 */
.pc-sys-guide-done-svg {
  background: url(../images/guide-done-3c74dd9a52bb4c1279bb9055baa33bb2.svg);
  background-repeat: no-repeat; }

.pc-sys-guide-ischecked-todo-svg {
  background: url(../images/guide-ischecked-todo-c37b95db14f390c5ba1a09cb83beb0a3.svg);
  background-repeat: no-repeat; }

.pc-sys-guide-ischecked-done-svg {
  background: url(../images/guide-ischecked-done-ba53d3c72ecdd7af4dd3ef4617bbfbbd.svg);
  background-repeat: no-repeat; }

.pc-sys-guide-ischecked-doing-svg {
  background: url(../images/guide-ischecked-doing-af75cea9aca809086b92334226f0856c.svg);
  background-repeat: no-repeat; }

.pc-sys-guide-done-hover-svg {
  background: url(../images/guide-done-hover-7220e2e07bd79bb85058fd11bacb159d.svg);
  background-repeat: no-repeat; }

/*
    rili
*/
.pc-sys-rili-svg {
  background: url(../images/rili-65c1fc7570dd9c014f962eaff7ccc6c5.svg);
  background-repeat: no-repeat; }

/* 
    m svg
 */
/* arrowdown
*/
.m-sys-arrowdown-active-svg {
  background: url(../images/arrowdown-active-0ba9f681d8273157ac8c7aa8913e9471.svg);
  background-repeat: no-repeat; }

.m-sys-arrowdown-disabled-svg {
  background: url(../images/arrowdown-disabled-a169bcbb5712c2d23c0a4c6d50d8e140.svg);
  background-repeat: no-repeat; }

.m-sys-arrowdown-nomal-svg {
  background: url(../images/arrowdown-nomal-5c6b993b425c77ad5738eb569c2960a7.svg);
  background-repeat: no-repeat; }

/* arrowdonw2
*/
.m-sys-arrowdown2-active-svg {
  background: url(../images/arrowdown2-active-7f5dc4cdf5cfa7708432fd4a611a3ba8.svg);
  background-repeat: no-repeat; }

.m-sys-arrowdown2-disabled-svg {
  background: url(../images/arrowdown2-disabled-1f392ecea95d327f25810f5719cbec79.svg);
  background-repeat: no-repeat; }

.m-sys-arrowdown2-nomal-svg {
  background: url(../images/arrowdown2-nomal-81131dc64f3c97c26e4bfd56b1d0ce4b.svg);
  background-repeat: no-repeat; }

/* arrowdonwM7
*/
.m-sys-arrowdownM7-active-svg {
  background: url(../images/arrowdownM7-active-d18a7ae8de8e131acb32fa031d84c6d2.svg);
  background-repeat: no-repeat; }

.m-sys-arrowdownM7-disabled-svg {
  background: url(../images/arrowdownM7-disabled-c10d69ad296b27ac7f1587f05f2755dd.svg);
  background-repeat: no-repeat; }

.m-sys-arrowdownM7-nomal-svg {
  background: url(../images/arrowdownM7-nomal-4b5baf2b026a89f59943ecfe7b8d60d6.svg);
  background-repeat: no-repeat; }

/* arrowleft
*/
.m-sys-arrowleft-active-svg {
  background: url(../images/arrowleft-active-a7016a3068a958a5c49c8359f53cb644.svg);
  background-repeat: no-repeat; }

.m-sys-arrowleft-disabled-svg {
  background: url(../images/arrowleft-disabled-a3d5c9764ad292d24a481efea0c7ca46.svg);
  background-repeat: no-repeat; }

.m-sys-arrowleft-nomal-svg {
  background: url(../images/arrowleft-nomal-4e4c381ae21ba6b3c01a16e7aacf547b.svg);
  background-repeat: no-repeat; }

/* arrowleftM7
*/
.m-sys-arrowleftM7-active-svg {
  background: url(../images/arrowleftM7-active-31c3527295dc42c774384e691e0d579e.svg);
  background-repeat: no-repeat; }

.m-sys-arrowleftM7-disabled-svg {
  background: url(../images/arrowleftM7-disabled-5eb923faedb254133e7acc057918db52.svg);
  background-repeat: no-repeat; }

.m-sys-arrowleftM7-nomal-svg {
  background: url(../images/arrowleftM7-nomal-c75f8ee47a67e06728d6a4cdd4660a65.svg);
  background-repeat: no-repeat; }

/* arrowright
*/
.m-sys-arrowright-active-svg {
  background: url(../images/arrowright-active-0d80aa7aef2f63d73e10f40869c706d2.svg);
  background-repeat: no-repeat; }

.m-sys-arrowright-disabled-svg {
  background: url(../images/arrowright-disabled-42248a70c74acf9612aa4d73a2f68f11.svg);
  background-repeat: no-repeat; }

.m-sys-arrowright-nomal-svg {
  background: url(../images/arrowright-nomal-2733fee3029c1ea674400b6095ef610c.svg);
  background-repeat: no-repeat; }

/* arrowup
*/
.m-sys-arrowup-active-svg {
  background: url(../images/arrowup-active-bec7215d03665e687c4e8d776a2ab3f2.svg);
  background-repeat: no-repeat; }

.m-sys-arrowup-disabled-svg {
  background: url(../images/arrowup-disabled-af6f24558fb2c3a1ff0e97af03f07cf5.svg);
  background-repeat: no-repeat; }

.m-sys-arrowup-nomal-svg {
  background: url(../images/arrowup-nomal-4e735ee3fee13e0fee2eb1f3b25e3acc.svg);
  background-repeat: no-repeat; }

/* arrowup2
*/
.m-sys-arrowup2-active-svg {
  background: url(../images/arrowup2-active-47f2ad187fe6698e5fe4cd9d4aa794fd.svg);
  background-repeat: no-repeat; }

.m-sys-arrowup2-disabled-svg {
  background: url(../images/arrowup2-disabled-1e94ff3c76da7a266b3155711ac3415c.svg);
  background-repeat: no-repeat; }

.m-sys-arrowup2-nomal-svg {
  background: url(../images/arrowup2-nomal-ef6c7cc68cdf89b47a7b27e171eacd1a.svg);
  background-repeat: no-repeat; }

/* backward
*/
.m-sys-backward-active-svg {
  background: url(../images/backward-active-1c5c196860301bfcf8869b1b00a7e2bf.svg);
  background-repeat: no-repeat; }

.m-sys-backward-disabled-svg {
  background: url(../images/backward-disabled-77019cd1ad2dde24fa29f6d42fc90152.svg);
  background-repeat: no-repeat; }

.m-sys-backward-nomal-svg {
  background: url(../images/backward-nomal-66d18c9b404f3c366a7fc567a74e663a.svg);
  background-repeat: no-repeat; }

/* backward2
*/
.m-sys-backward2-active-svg {
  background: url(../images/backward2-active-abe1f7c31ac8cd66ab440d757a79b946.svg);
  background-repeat: no-repeat; }

.m-sys-backward2-disabled-svg {
  background: url(../images/backward2-disabled-900a2becd84c035d01677bb4ebd63d0c.svg);
  background-repeat: no-repeat; }

.m-sys-backward2-nomal-svg {
  background: url(../images/backward2-nomal-1b6d716bbde9198729e535b3f77e55c9.svg);
  background-repeat: no-repeat; }

/* Checkbox
*/
.m-sys-Checkbox-active-svg {
  background: url(../images/Checkbox-active-b30902894656d89d0cd69c3faf71ec5f.svg);
  background-repeat: no-repeat; }

.m-sys-Checkbox-hover-svg {
  background: url(../images/Checkbox-hover-bf005f2b77b31185f5683cb379743edd.svg);
  background-repeat: no-repeat; }

.m-sys-Checkbox-disabled-svg {
  background: url(../images/Checkbox-disabled-95f983b59a810a7e4490af3b3c5b060e.svg);
  background-repeat: no-repeat; }

.m-sys-Checkbox-nomal-svg {
  background: url(../images/Checkbox-nomal-a8706030f3e0c4ced2d1b0f3ace0927f.svg);
  background-repeat: no-repeat; }

/* cuowu
*/
.m-sys-cuowu-nomal-svg {
  background: url(../images/cuowu-nomal-77919dcd1d62efd1919b13347432ea34.svg);
  background-repeat: no-repeat; }

/* dropdownmax
*/
.m-sys-dropdownmax-active-svg {
  background: url(../images/dropdownmax-active-bdb57cc9c93f0cae72abdf3380625405.svg);
  background-repeat: no-repeat; }

.m-sys-dropdownmax-disabled-svg {
  background: url(../images/dropdownmax-disabled-96706f9d7514c86f9b11aed075f3673f.svg);
  background-repeat: no-repeat; }

.m-sys-dropdownmax-nomal-svg {
  background: url(../images/dropdownmax-nomal-0226eee10f38f7a96d5ccda5dd70faaf.svg);
  background-repeat: no-repeat; }

/* dropdownmin
*/
.m-sys-dropdownmin-active-svg {
  background: url(../images/dropdownmin-active-656175cfd153a3dc31df894943001dbe.svg);
  background-repeat: no-repeat; }

.m-sys-dropdownmin-disabled-svg {
  background: url(../images/dropdownmin-disabled-2997849292b8aa4cfea53ad09f94e4de.svg);
  background-repeat: no-repeat; }

.m-sys-dropdownmin-nomal-svg {
  background: url(../images/dropdownmin-nomal-c84b8d965f1147ec62c0b20a0a83de96.svg);
  background-repeat: no-repeat; }

/* Forward
*/
.m-sys-Forward-active-svg {
  background: url(../images/Forward-active-29d26137e9ff06d6dd647b07f07f1c4f.svg);
  background-repeat: no-repeat; }

.m-sys-Forward-disabled-svg {
  background: url(../images/Forward-disabled-7077d7910c4732b84b605e98767dcb70.svg);
  background-repeat: no-repeat; }

.m-sys-Forward-nomal-svg {
  background: url(../images/Forward-nomal-ea21ad6c1858399cd26027a50ee77e57.svg);
  background-repeat: no-repeat; }

/* Forward2
*/
.m-sys-Forward2-active-svg {
  background: url(../images/Forward2-active-431c4d9d875d5905e789c9b0f8aceac8.svg);
  background-repeat: no-repeat; }

.m-sys-Forward2-disabled-svg {
  background: url(../images/Forward2-disabled-94bb9c7cdf8e32d197abcdf9734df33e.svg);
  background-repeat: no-repeat; }

.m-sys-Forward2-nomal-svg {
  background: url(../images/Forward2-nomal-0f8b0fec4deaea189de688099791529e.svg);
  background-repeat: no-repeat; }

/* guanbi
*/
.m-sys-guanbi-active-svg {
  background: url(../images/guanbi-active-2dc7cf1436044745e4342040ff96bad1.svg);
  background-repeat: no-repeat; }

.m-sys-guanbi-disabled-svg {
  background: url(../images/guanbi-disabled-408d80c4d27a84073948bc66efb305b1.svg);
  background-repeat: no-repeat; }

.m-sys-guanbi-nomal-svg {
  background: url(../images/guanbi-nomal-5e41b4ec01a4ed0d0dcf48fda36fac82.svg);
  background-repeat: no-repeat; }

/* sequencedown
*/
.m-sys-seqdown-active-svg {
  background: url(../images/seqdown-active-2167addc96fe653ab5af42ed8147d55f.svg);
  background-repeat: no-repeat; }

.m-sys-sequencedown-disabled-svg {
  background: url(../images/sequencedown-disabled-bef1b0ac2849c422ad1f4c977e4b0dbe.svg);
  background-repeat: no-repeat; }

.m-sys-sequencedown-nomal-svg {
  background: url(../images/sequencedown-nomal-236523477684c777ed2c335c8a416f91.svg);
  background-repeat: no-repeat; }

/* shouqi
*/
.m-sys-shouqi-active-svg {
  background: url(../images/shouqi-active-24cdab12f3059461364393a5358a8a64.svg);
  background-repeat: no-repeat; }

.m-sys-shouqi-disabled-svg {
  background: url(../images/shouqi-disabled-90d3a5e4854ff8ad736807382bbf5de5.svg);
  background-repeat: no-repeat; }

.m-sys-shouqi-nomal-svg {
  background: url(../images/shouqi-nomal-fa7b88d289d4659e7df77d0044d57358.svg);
  background-repeat: no-repeat; }

/* Singlebox
*/
.m-sys-Singlebox-active-svg {
  background: url(../images/Singlebox-active-98daf51af20fbaf6e7b89795a1200fe6.svg);
  background-repeat: no-repeat; }

.m-sys-Singlebox-disabled-svg {
  background: url(../images/Singlebox-disabled-b56e2d867e96b93b27743debbe8bf88c.svg);
  background-repeat: no-repeat; }

.m-sys-Singlebox-nomal-svg {
  background: url(../images/Singlebox-nomal-4fc590ae643ec569e9991a41a4445ac3.svg);
  background-repeat: no-repeat; }

.m-sys-Singlebox-have-svg {
  background: url(../images/Singlebox-have-b86bfcf60b38d34f3649a8e42256a7b5.svg);
  background-repeat: no-repeat; }

/* tishi
*/
.m-sys-tishi-nomal-svg {
  background: url(../images/tishi-nomal-594c601e1053460f15506c592cd96c2c.svg);
  background-repeat: no-repeat; }

/* wenhao-nomal
*/
.m-sys-wenhao-nomal-svg {
  background: url(../images/wenhao-nomal-aa513660d2f05aa00f4a8218a1a64fe7.svg);
  background-repeat: no-repeat; }

/* zhankai
*/
.m-sys-zhankai-active-svg {
  background: url(../images/zhankai-active-b5ea7fd2e0efafbdbbb7fbf77aca347a.svg);
  background-repeat: no-repeat; }

.m-sys-zhankai-disabled-svg {
  background: url(../images/zhankai-disabled-53ced18432d1edf2dba94f81c1aae2df.svg);
  background-repeat: no-repeat; }

.m-sys-zhankai-nomal-svg {
  background: url(../images/zhankai-nomal-94a4006a4a1aa4c17d31c6a9ae94eef2.svg);
  background-repeat: no-repeat; }

/* zhengque
*/
.m-sys-zhengque-nomal-svg {
  background: url(../images/zhengque-nomal-659b4fdc30bbb8fc40493bad83b1b6d5.svg);
  background-repeat: no-repeat; }

/* zhuyi
*/
.m-sys-zhuyi-nomal-svg {
  background: url(../images/zhuyi-nomal-a52f0f098a6de8c40099101b83d5d565.svg);
  background-repeat: no-repeat; }

/* no data
*/
.m-sys-no-data-svg {
  background: url(../images/no-data-notice-0660cff6ff4d581bd7e4c48bf173fdfe.svg);
  background-repeat: no-repeat; }

/*  dongtai
*/
.m-sys-dongtai-svg {
  background: url(../images/dongtai-be64f066b6ebef51fb909199a77f43af.svg);
  background-repeat: no-repeat; }

/*  gengduo
*/
.m-sys-gengduo-svg {
  background: url(../images/gengduo-338c39b58be19ddf7447976101db34ca.svg);
  background-repeat: no-repeat; }

/*  jiaban
*/
.m-sys-jiaban-svg {
  background: url(../images/jiaban-9b395e24b8ad7a480007fdbc723dd5d5.svg);
  background-repeat: no-repeat; }

/*  jixiao
*/
.m-sys-jixiao-svg {
  background: url(../images/jixiao-2c55196219485bb2a4094909c8dac8fc.svg);
  background-repeat: no-repeat; }

/*  kaoqin
*/
.m-sys-kaoqin-svg {
  background: url(../images/kaoqin-b327fad0b979a2aaf3c62852be7a296a.svg);
  background-repeat: no-repeat; }

/*  kaoqinrili
*/
.m-sys-kaoqinrili-svg {
  background: url(../images/kaoqinrili-c7019437ea79357d547bbc2a676f926d.svg);
  background-repeat: no-repeat; }

/*  Ocean
*/
.m-sys-Ocean-svg {
  background: url(../images/Ocean-c3b127827e0d973b93aaf5504695b298.svg);
  background-repeat: no-repeat; }

/*  qiandao
*/
.m-sys-qiandao-svg {
  background: url(../images/qiandao-1b4715cb5eab62bf982d0366d6aa28a5.svg);
  background-repeat: no-repeat; }

/*  qingjia
*/
.m-sys-qingjia-svg {
  background: url(../images/qingjia-407814c6129c63bb0f920ad0effa0dd9.svg);
  background-repeat: no-repeat; }

/*  tuanduichengyuan
*/
.m-sys-tuanduichengyuan-svg {
  background: url(../images/tuanduichengyuan-15f97c1be2bdd120a79b0973c4ca6a56.svg);
  background-repeat: no-repeat; }

/*  wodedangan
*/
.m-sys-wodedangan-svg {
  background: url(../images/wodedangan-312bc83b578eb15a5e5475410b78e583.svg);
  background-repeat: no-repeat; }

/*  wodegongzi
*/
.m-sys-wodegongzi-svg {
  background: url(../images/wodegongzi-c3d57b66bdd8484b1b969ed9d7e027f1.svg);
  background-repeat: no-repeat; }

/*  dongtai2
*/
.m-sys-dongtai2-svg {
  background: url(../images/dongtai2-e3d924d811bc564dc270e232daee24b5.svg);
  background-repeat: no-repeat; }

/*  jixiao2
*/
.m-sys-jixiao2-svg {
  background: url(../images/jixiao2-64addd490d48eb3e5d357e8c6be02167.svg);
  background-repeat: no-repeat; }

/*  ocean2
*/
.m-sys-ocean2-svg {
  background: url(../images/ocean2-3ba21d6f72239965068a233fd7407788.svg);
  background-repeat: no-repeat; }

/*  qiandao2
*/
.m-sys-qiandao2-svg {
  background: url(../images/qiandao2-b0634f9f372e3740a62620a75689a102.svg);
  background-repeat: no-repeat; }
.ocean-table {
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  font-size: 12px;
}

.ocean-table * {
  box-sizing: border-box;
}

.ocean-table-head {
  position: relative;
  flex: 0 0 auto;
  overflow: hidden;
  background-color: #f4f7fa;
  z-index: 1;
}

.ocean-table-head-inner {
  box-sizing: content-box;
  padding-right: 15px;
}

.ocean-table-body {
  position: relative;
  flex: auto;
  overflow: auto;
}

.ocean-table table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}

.ocean-table-thead th {
  padding: 7px 10px;
  font-weight: 400;
  color: #5a6a75;
  text-align: left;
}

.ocean-table-tbody td {
  min-width: 110px;
  padding: 7px 10px;
  color: #3e4e59;
  text-align: left;
  border-bottom: 1px solid #e4ebf0;
}

.ocean-table-tbody td .img {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  vertical-align: middle;
}

.ocean-table-tbody td div.img {
  background-image: url(../images/default_img-e4b752200438e201d2f3246603e745c4.svg);
  background-size: 100% auto;
}

.ocean-table-empty-data {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.ocean-table-empty-data > div {
  background-image: url(../images/empty_data-1e235da9440578fdaf1fd78dfe90a5a8.svg);
  background-size: 100% auto;
}

.ocean-table-empty-data p {
  font-size: 14px;
  color: #88dfcd;
}

.ocean-table-empty-data.small > div {
  width: 77px;
  height: 77px;
}

.ocean-table-empty-data.small p {
  margin-top: 5px;
}

.ocean-table-empty-data.large > div {
  width: 144px;
  height: 144px;
}

.ocean-table-empty-data.large p {
  margin-top: 10px;
}

.ocean-table.complex .ocean-table-thead th {
  border-top: 1px solid #e4ebf0;
  border-right: 1px solid #e4ebf0;
}

.ocean-table.complex .ocean-table-thead th:last-child {
  border-right: 0;
}

.ocean-table.complex .ocean-table-thead tr:first-child th {
  border-top: 0;
}

.ocean-table.vertical {
  display: block;
}

.ocean-table.vertical table {
  height: calc(100% - 1px);
}

.ocean-table.vertical .ocean-table-head {
  position: absolute;
  top: 0;
  left: 0;
}

.ocean-table.vertical .ocean-table-head.shadow {
  box-shadow: 6px 0 6px -4px rgba(0, 0, 0, 0.15);
}

.ocean-table.vertical .ocean-table-head-inner {
  padding-right: 0;
}

.ocean-table.vertical .ocean-table-body {
  height: 100%;
}

.ocean-table.vertical .ocean-table-thead th {
  border-right: 1px solid #eaf3f9;
  border-bottom: 1px solid #e4ebf0;
}
.common-unmodeled-layer input:focus {
  box-shadow: none !important;
}

.ocean-simple-screen-list {
  font-family: "PingFang SC", "Hiragino Sans GB", STHeitiSC, Helvetica, "Helvetica Neue", "Microsoft YaHei", Tahoma;
  margin-right: 24px;
  margin-left: -12px;
  margin-top: -10px;
  overflow: hidden;
}

.ocean-simple-screen-list-more {
  display: inline-block;
  margin-right: 12px;
  font-size: 12px;
  line-height: 20px;
}

.ocean-simple-screen-list-button {
  display: inline-block;
  white-space: nowrap;
  margin-left: 24px;
}

.ocean-simple-screen-list-advanced {
  margin-top: 10px;
  display: inline-block;
  margin-right: 12px;
  padding: 3px 10px 3px 8px;
}

.ocean-simple-screen-list-content {
  line-height: 0;
}

.ocean-simple-screen-item {
  font-family: "PingFang SC", "Hiragino Sans GB", STHeitiSC, Helvetica, "Helvetica Neue", "Microsoft YaHei", Tahoma;
  min-width: 56px;
  max-width: 250px;
  box-sizing: border-box;
  margin-top: 10px;
  padding: 3px 10px 3px 8px;
  cursor: pointer;
  font-size: 12px;
  line-height: 20px;
  border-radius: 3px;
  align-items: center;
  display: inline-flex;
  border: 1px solid transparent;
  color: #33383d;
}

.ocean-simple-screen-item:hover {
  border: 1px solid #e6e8eb;
}

.ocean-simple-screen-item-box {
  box-sizing: border-box;
  display: inline-block;
  padding-left: 12px;
}

.ocean-simple-screen-item-box:first-child {
  padding-right: 0;
}

.ocean-simple-screen-item.ocean-screenings-novalue {
  background: rgba(12, 192, 201, 0.05);
  border: 1px solid rgba(12, 192, 201, 0.2);
}

.ocean-simple-screen-item.ocean-screenings-novalue:hover {
  border: 1px solid rgba(12, 192, 201, 0.5);
}

.ocean-simple-screen-item.ocean-screenings-locked {
  background: rgba(230, 232, 235, 0.5);
  border: 1px solid #e6e8eb;
  cursor: not-allowed;
}

.ocean-simple-screen-item.ocean-screenings-locked .ocean-screaningname,
    .ocean-simple-screen-item.ocean-screenings-locked .ocean-screaningvalue {
  color: #33383d;
}

.ocean-simple-screen-item.ocean-screenings-locked .ocean-simple-screen-item-arrow path:last-child {
  fill: #bfc3c7;
}

.ocean-simple-screen-item .ocean-simple-span {
  display: inline-block;
  color: #83898f;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ocean-simple-screen-item .ocean-screaningname {
  max-width: 100px;
  color: #565e66;
}

.ocean-simple-screen-item .ocean-screaningvalue {
  max-width: 150px;
  color: #0e1114;
}

.ocean-simple-screen-item-arrow {
  margin-left: 4px;
}

.ocean-simple-screen-item-arrow path:last-child {
  fill: #83898f;
}

.ocean-closefonticon svg {
  -webkit-transform: rotateZ(180deg);
  -moz-transform: rotateZ(180deg);
  -o-transform: rotateZ(180deg);
  -ms-transform: rotateZ(180deg);
  transform: rotateZ(180deg);
}

.phoenix-message-wrapper {
  font-size: 0;
}
@keyframes mouseMove {
  0% {
    height: 0px;
  }

  25% {
    height: 7px;
  }

  50% {
    height: 7px;
  }

  75% {
    height: 7px;
  }

  100% {
    height: 0px;
  }
}

@keyframes eyeMove {
  0% {
    top: 0px;
  }

  25% {
    top: -1px;
  }

  50% {
    top: 0px;
  }

  75% {
    top: -1px;
  }

  100% {
    top: 0px;
  }
}

.message-success-icon {
  width: 14px;
  height: 14px;
  display: inline-block;
  position: relative;
  font-family: "PingFang SC", "Hiragino Sans GB", STHeitiSC, Helvetica, "Helvetica Neue", "Microsoft YaHei", Tahoma;
  font-size: 14px;
  line-height: 22px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.message-success-icon .left-eye {
  position: absolute;
  left: 1px;
  top: 0px;
  background: url(../images/left-eye-1249a2b93d2043198858ae3765913bec.svg);
  height: 4px;
  width: 6px;
}

.message-success-icon .left-eye.eyes-animation {
  animation: eyeMove .5s;
}

.message-success-icon .right-eye {
  position: absolute;
  left: 9px;
  top: 0px;
  background: url(../images/right-eye-da338747794fbc81f6c6c8b392704789.svg);
  height: 4px;
  width: 6px;
}

.message-success-icon .right-eye.eyes-animation {
  animation: eyeMove .5s;
}

.message-success-icon .mouse {
  background: url(../images/mouse-da3037e52158f3aaf9c4d294d97aedff.svg);
  height: 7px;
  margin: 0 auto;
  margin-top: 7px;
  width: 16px;
  background-position: center center;
}

.message-success-icon .mouse .mouse-fadeout {
  height: 0px;
  width: 16px;
  position: absolute;
  background: url(../images/fade-out-9c1e841928f7a9f99df7d90ce9ed93de.png);
  background-repeat: no-repeat;
  background-position: bottom;
}

.message-success-icon .mouse .fadeOut-top {
  left: 0px;
}

.message-success-icon .mouse .fadeout-move {
  animation: mouseMove .2s linear;
}
@keyframes eyesGetSmall {
  0% {
    transform: scale(1);
  }

  25% {
    transform: scale(0.8);
  }

  50% {
    transform: scale(0.8);
  }

  75% {
    transform: scale(0.8);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes fadeMove {
  0% {
    height: 0px;
  }

  25% {
    height: 3px;
  }

  50% {
    height: 3px;
  }

  75% {
    height: 3px;
  }

  100% {
    height: 0px;
  }
}

@keyframes iconShakeMove {
  0% {
    left: 0px;
  }

  20% {
    left: -1px;
  }

  40% {
    left: 1px;
  }

  60% {
    left: -1px;
  }

  80% {
    left: 1px;
  }

  100% {
    left: 0px;
  }
}

.message-error-icon {
  width: 14px;
  height: 14px;
  display: inline-block;
  position: relative;
  font-family: "PingFang SC", "Hiragino Sans GB", STHeitiSC, Helvetica, "Helvetica Neue", "Microsoft YaHei", Tahoma;
  font-size: 14px;
  line-height: 22px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.message-error-icon.iconshake {
  animation: iconShakeMove .4s;
}

.message-error-icon .left-eye {
  position: absolute;
  left: 1px;
  top: 1px;
  background: url(../images/left-eye-6f2ce23025ca362269151bbde93e5820.svg);
  height: 4px;
  width: 4px;
}

.message-error-icon .left-eye.eye-animation {
  animation: eyesGetSmall 0.5s;
}

.message-error-icon .right-eye {
  position: absolute;
  left: 9px;
  top: 1px;
  background: url(../images/right-eye-4952fca792ffaae3b9208c2df61dfa51.svg);
  height: 4px;
  width: 4px;
}

.message-error-icon .right-eye.eye-animation {
  animation: eyesGetSmall 0.5s;
}

.message-error-icon .mouse {
  position: absolute;
  left: 1px;
  bottom: 1px;
  background: url(../images/mouse-0a1ea40cc19e1a87b93bafa337670a62.svg);
  height: 7px;
  width: 12px;
}

.message-error-icon .mouse .mouse-fadeout {
  height: 0px;
  width: 12px;
  position: absolute;
  left: 0px;
  background: url(../images/fade-out-392080bdf0ae97b1b3cf44bfef42e38f.png);
  background-size: 100% 100%;
  background-position: top;
}

.message-error-icon .mouse .fadeout-bottom {
  left: 0px;
  bottom: 0px;
}

.message-error-icon .mouse .fadeout-move {
  animation: fadeMove 0.5s;
}
@keyframes iconShakeMove {
  0% {
    left: 0px;
  }

  20% {
    left: -1px;
  }

  40% {
    left: 1px;
  }

  60% {
    left: -1px;
  }

  80% {
    left: 1px;
  }

  100% {
    left: 0px;
  }
}

.message-warning-icon {
  width: 14px;
  height: 14px;
  display: inline-block;
  position: relative;
  font-family: "PingFang SC", "Hiragino Sans GB", STHeitiSC, Helvetica, "Helvetica Neue", "Microsoft YaHei", Tahoma;
  font-size: 14px;
  line-height: 22px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.message-warning-icon.iconshake {
  animation: iconShakeMove .4s;
}

.message-warning-icon .left-eye {
  position: absolute;
  left: 0px;
  top: 0px;
  background: url(../images/left-eye-8d4ce891d1e1c43e871765cfcd3e4af6.svg);
  height: 7px;
  width: 5px;
}

.message-warning-icon .right-eye {
  position: absolute;
  left: 9px;
  top: 0px;
  background: url(../images/right-eye-c3113063c66b6299b139eccdf429d0eb.svg);
  height: 7px;
  width: 5px;
}

.message-warning-icon .mouse {
  position: absolute;
  left: 0px;
  bottom: 1px;
  background: url(../images/mouse-7f470091ec9a6ad5386f3c1973e80379.svg);
  height: 5px;
  width: 14px;
}
@keyframes eyeFadeIn {
  0% {
    transform: scale(1);
  }

  25% {
    transform: scale(0.8);
  }

  50% {
    transform: scale(1);
  }

  75% {
    transform: scale(0.8);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes fadeMove {
  0% {
    height: 0px;
  }

  50% {
    height: 4px;
  }

  100% {
    height: 0px;
  }
}

.message-info-icon {
  width: 14px;
  height: 14px;
  display: inline-block;
  position: relative;
  font-family: "PingFang SC", "Hiragino Sans GB", STHeitiSC, Helvetica, "Helvetica Neue", "Microsoft YaHei", Tahoma;
  font-size: 14px;
  line-height: 22px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.message-info-icon .left-eye {
  position: absolute;
  left: 0px;
  top: 0px;
  background: url(../images/left-eyes-353f94b7f3830596eaa6a318cec9d4d7.svg);
  height: 5px;
  width: 4px;
}

.message-info-icon .left-eye.eye-animation {
  animation: eyeFadeIn .4s;
}

.message-info-icon .right-eye {
  position: absolute;
  left: 10px;
  top: 0px;
  background: url(../images/right-eyes-4e777c1bbe869ffee2e2100257ea2e04.svg);
  height: 5px;
  width: 4px;
}

.message-info-icon .right-eye.eye-animation {
  animation: eyeFadeIn .4s;
}

.message-info-icon .mouse {
  position: absolute;
  left: 1px;
  bottom: 1px;
  background: url(../images/mouse-604db2289168ab6acdfd60009ba2192c.svg);
  height: 5px;
  width: 12px;
}

.message-info-icon .mouse .mouse-fadeout {
  height: 0px;
  width: 12px;
  position: absolute;
  left: 0px;
  background: url(../images/fade-out-9c1e841928f7a9f99df7d90ce9ed93de.png);
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: 100% 100%;
}

.message-info-icon .mouse .fadeout-move {
  animation: fadeMove .4s;
}

.message-info-icon .mouse .eyes-move {
  animation: eyeFadeIn .4s;
}

.message-info-icon .mouse .fadeOut-top {
  left: 0px;
}
@keyframes myfirst1 {
  0% {
    transform: translateY(-100px);
  }

  30% {
    transform: translateY(10px);
  }

  65% {
    transform: translateY(-2px);
  }

  100% {
    transform: translateY(0px);
  }
}

@keyframes messageMove {
  0% {
    left: 0px;
  }

  6% {
    left: 20px;
  }

  12% {
    left: -20px;
  }

  18% {
    left: 15px;
  }

  24% {
    left: -15px;
  }

  30% {
    left: 10px;
  }

  36% {
    left: -10px;
  }

  42% {
    left: 8px;
  }

  48% {
    left: -8px;
  }

  54% {
    left: 6px;
  }

  60% {
    left: -6px;
  }

  66% {
    left: 0px;
  }

  72% {
    left: 0px;
  }

  78% {
    left: 0px;
  }

  84% {
    left: 0px;
  }

  90% {
    left: 0px;
  }

  96% {
    left: 0px;
  }

  100% {
    left: 0px;
  }
}

.phoenix-message-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1400;
  width: 100%;
  pointer-events: none;
}

.phoenix-message-wrapper.mask {
  height: 100%;
  background-color: rgba(255, 255, 255, 0);
  pointer-events: auto;
}

.phoenix-message-wrapper.static {
  position: unset;
}

.message-wrapper {
  display: block;
  margin-bottom: 12px;
  text-align: center;
  animation: myfirst1 0.6s cubic-bezier(0, 0, 0.58, 1);
}

.message-wrapper:first-child {
  margin-top: 20px;
}

.message-wrapper .message {
  pointer-events: auto;
  box-sizing: border-box;
  display: inline-block;
  padding: 12px 0px 12px 16px;
  background-color: white;
  font-family: "PingFang SC", "Hiragino Sans GB",STHeitiSC,Helvetica,"Helvetica Neue","Microsoft YaHei",Tahoma;
  border-radius: 3px;
  box-shadow: -4px 0px 20px 0px rgba(0, 0, 0, 0.1);
  position: relative;
  z-index: 999;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.message-wrapper .message.base-message {
  max-width: 500px;
  max-height: 360px;
}

.message-wrapper .message.content-message {
  width: 340px;
  max-height: 360px;
}

.message-wrapper .message.hasKnowButton {
  padding-bottom: 0px;
}

.message-wrapper .message.messageMove {
  animation: messageMove 1.5s;
}

.message-wrapper .message .bottom {
  height: 46px;
  text-align: right;
  box-sizing: border-box;
  padding: 12px 16px 12px 0px;
}

.message-wrapper .message .hide {
  display: none;
}

.message-wrapper .message .show {
  display: block;
}
@charset "UTF-8";

@keyframes Circling {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

@keyframes Linemove {
  from {
    transform: translateY(0px) ；;
  }

  to {
    transform: translateY(2px);
  }
}

@keyframes Linemovetwo {
  from {
    transform: translateY(0px);
  }

  to {
    transform: translateY(4px);
  }
}

.sun-loading-wrapper {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999;
  background-color: rgba(255, 255, 255, 0);
}

.sun-loading-wrapper.maskAlpha {
  background-color: rgba(255, 255, 255, 0.5);
}

.sun-loading-wrapper .sun-loading {
  width: 50px;
  height: 50px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.sun-loading-wrapper .sun-loading .sun-icon-wrapper {
  height: 30px;
  overflow: hidden;
}

.sun-loading-wrapper .sun-loading .sun-icon-wrapper svg {
  width: 50px;
  height: 50px;
  position: relative;
  top: 3px;
  animation: Circling 0.8s linear 0s infinite;
}

.sun-loading-wrapper .sun-loading .line {
  height: 1px;
  background-color: #FFBE00;
  margin: 0 auto;
}

.sun-loading-wrapper .sun-loading .line.lone {
  width: 50px;
}

.sun-loading-wrapper .sun-loading .line.middle {
  width: 30px;
  margin: 1px auto;
  opacity: 0.8;
  animation: Linemove 0.1s forwards;
}

.sun-loading-wrapper .sun-loading .line.short {
  width: 14px;
  opacity: 0.5;
  animation: Linemovetwo 0.1s forwards;
}
.chrysanthemum-loading-wrapper {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999;
  background-color: rgba(255, 255, 255, 0);
}

.chrysanthemum-loading-wrapper .loading-icon-wrapper {
  width: 14px;
  height: 14px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.chrysanthemum-loading-wrapper .loading-icon-wrapper svg {
  vertical-align: top;
}
div::-webkit-scrollbar, ul::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

div::-webkit-scrollbar-track, ul::-webkit-scrollbar-track {
  border-radius: 100px;
  background-color: transparent;
}

div::-webkit-scrollbar-thumb, ul::-webkit-scrollbar-thumb {
  border: 2px solid transparent;
  border-radius: 100px;
  background-color: rgba(14, 17, 20, 0.1);
  background-clip: content-box;
}

div::-webkit-scrollbar-thumb:hover, ul::-webkit-scrollbar-thumb:hover {
  background-color: rgba(14, 17, 20, 0.3);
}

div:focus {
  outline: none;
}

.search-filter-container {
  font-size: 12px;
  line-height: 20px;
  color: #0e1114;
}

.search-filter-container .common-filter-label {
  font-weight: 800;
  padding-right: 4px;
}

.search-filter-container .common-filter-item {
  margin-bottom: 10px;
}

.search-filter-container .common-filter-value {
  padding: 4px 8px 4px 4px;
}

.search-filter-container .common-filter-value:hover {
  color: #1d86f0;
  cursor: pointer;
}

.search-filter-container .common-filter-value.active {
  color: #106ecc;
}
div::-webkit-scrollbar, ul::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

div::-webkit-scrollbar-track, ul::-webkit-scrollbar-track {
  border-radius: 100px;
  background-color: transparent;
}

div::-webkit-scrollbar-thumb, ul::-webkit-scrollbar-thumb {
  border: 2px solid transparent;
  border-radius: 100px;
  background-color: rgba(14, 17, 20, 0.1);
  background-clip: content-box;
}

div::-webkit-scrollbar-thumb:hover, ul::-webkit-scrollbar-thumb:hover {
  background-color: rgba(14, 17, 20, 0.3);
}

div:focus {
  outline: none;
}

.job-selector-container {
  width: 580px;
  height: 434px;
  overflow: hidden;
  font-family: "PingFang SC", "Hiragino Sans GB", STHeitiSC, Helvetica, "Helvetica Neue", "Microsoft YaHei", Tahoma;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 12px;
  line-height: 20px;
  cursor: default;
}

.job-selector-container .search-container {
  padding: 16px 16px 12px 16px;
}

.job-selector-container .left-container {
  padding: 0 0 0 16px;
  border-right: 1px solid #f0f2f5;
  width: 348px;
  height: 332px;
  float: left;
}

.job-selector-container .left-container .select-all-text {
  margin-bottom: 4px;
}

.job-selector-container .empty-list-data {
  width: 150px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  color: #BBBFEE;
}

.job-selector-container .empty-list-data .empty-list-text {
  font-size: 14px;
  line-height: 22px;
  margin-top: 10px;
}

.job-selector-container .data-container {
  position: relative;
  overflow-y: auto;
  height: 272px;
}

.job-selector-container .data-container.no-filter {
  height: 332px;
}

.job-selector-container .data-container.select-all {
  height: 242px;
}

.job-selector-container .data-container.no-filter.select-all {
  height: 302px;
}

.job-selector-container .data-item-container {
  margin: 4px 0;
  color: #0e1114;
}

.job-selector-container .data-item-container .search-highlight {
  background-color: rgba(250, 193, 5, 0.3);
  padding: 2px 0;
}

.job-selector-container .data-item-container:hover {
  color: #1d86f0;
  cursor: pointer;
}

.job-selector-container .data-item-container:hover svg {
  color: #1d86f0;
}

.job-selector-container .data-item-container svg {
  position: relative;
  display: inline-block;
  top: -4px;
  margin-right: 4px;
  color: #bfc3c7;
}

.job-selector-container .data-text-label {
  cursor: pointer;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow-x: hidden;
  max-width: 260px;
  display: inline-block;
}

.job-selector-container .right-container {
  width: 186px;
  float: right;
  padding: 0 16px 0 10px;
}

.job-selector-container .select-data-num {
  display: inline-block;
  color: #565e66;
}

.job-selector-container .select-data-num-text {
  margin-left: 8px;
}

.job-selector-container .select-data-num-limit {
  color: #bfc3c7;
}

.job-selector-container .select-data-container {
  position: relative;
  height: 302px;
  margin-top: 8px;
  overflow-y: auto;
}

.job-selector-container .select-data-container.empty {
  height: 310px;
  margin-top: 0;
}

.job-selector-container .select-data-empty {
  position: absolute;
  font-size: 18px;
  line-height: 26px;
  color: #e6e8eb;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  width: 168px;
}

.job-selector-container .clear-select-data {
  float: right;
  color: #106ecc;
}

.job-selector-container .clear-select-data.disabled {
  color: #bfc3c7;
}

.job-selector-container .clear-select-data.disabled:hover {
  cursor: not-allowed;
  color: #bfc3c7;
}

.job-selector-container .clear-select-data:hover {
  cursor: pointer;
  color: #1d86f0;
}

.job-selector-container .select-item-container {
  cursor: pointer;
  color: #0e1114;
  padding: 1px 0;
}

.job-selector-container .select-item-container:hover {
  cursor: pointer;
  color: #1d86f0;
  background-color: rgba(133, 194, 255, 0.1);
}

.job-selector-container .select-item-container:hover svg {
  display: inline;
}

.job-selector-container .select-item-container svg {
  display: none;
  float: right;
  position: relative;
  top: 3px;
  right: 4px;
  color: #bfc3c7;
}

.job-selector-container .select-item-container svg:hover {
  color: #83898f;
}

.job-selector-container .select-item-text-label {
  margin-right: 4px;
  min-height: 20px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow-x: hidden;
  max-width: 118px;
  display: inline-block;
  position: relative;
  top: 3px;
}

.job-selector-container .button-container {
  display: inline-block;
  padding: 10px 0;
  margin-left: 8px;
}

.job-selector-container .footer-button {
  padding: 0 16px;
  border-top: 1px solid #f0f2f5;
  text-align: right;
  clear: both;
}
.beisen-phoenix-tabs {
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
}

.beisen-phoenix-tabs-bar,
.beisen-phoenix-tabs-nav-container {
  font-size: 14px;
  line-height: 1.5;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
  white-space: nowrap;
  outline: none;
  zoom: 1;
  transition: padding 0.45s;
}

.beisen-phoenix-tabs-ink-bar {
  z-index: 1;
  position: absolute;
  box-sizing: border-box;
  margin-top: -3px;
  background-color: #108ee9;
  transform-origin: 0 0;
  width: 0;
  height: 0;
}

.beisen-phoenix-tabs-ink-bar-animated {
  transition: transform 0.3s cubic-bezier(0.35, 0, 0.25, 1), left 0.3s cubic-bezier(0.35, 0, 0.25, 1), top 0.3s cubic-bezier(0.35, 0, 0.25, 1), height 0.3s cubic-bezier(0.35, 0, 0.25, 1), width 0.3s cubic-bezier(0.35, 0, 0.25, 1);
}

.beisen-phoenix-tabs-tab-prev,
.beisen-phoenix-tabs-tab-next {
  user-select: none;
  z-index: 1;
  line-height: 36px;
  cursor: pointer;
  border: none;
  background-color: transparent;
  position: absolute;
}

.beisen-phoenix-tabs-tab-prev-icon,
.beisen-phoenix-tabs-tab-next-icon {
  position: relative;
  display: inline-block;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: inherit;
  vertical-align: baseline;
  text-align: center;
  text-transform: none;
  font-smoothing: antialiased;
  text-stroke-width: 0;
  font-family: sans-serif;
}

.beisen-phoenix-tabs-tab-prev-icon:before,
.beisen-phoenix-tabs-tab-next-icon:before {
  display: block;
}

.beisen-phoenix-tabs-tab-btn-disabled {
  cursor: default;
  color: #ccc;
}

.beisen-phoenix-tabs-nav-wrap {
  overflow: hidden;
}

.beisen-phoenix-tabs-nav {
  box-sizing: border-box;
  padding-left: 0;
  position: relative;
  margin: 0;
  float: left;
  list-style: none;
  display: inline-block;
  transform-origin: 0 0;
}

.beisen-phoenix-tabs-nav-animated {
  transition: transform 0.5s cubic-bezier(0.35, 0, 0.25, 1);
}

.beisen-phoenix-tabs-nav:before,
.beisen-phoenix-tabs-nav:after {
  display: table;
  content: " ";
}

.beisen-phoenix-tabs-nav:after {
  clear: both;
}

.beisen-phoenix-tabs-tab {
  box-sizing: border-box;
  position: relative;
  display: block;
  transition: color 0.3s cubic-bezier(0.35, 0, 0.25, 1);
  padding: 8px 20px;
  font-weight: 500;
  cursor: pointer;
}

.beisen-phoenix-tabs-tab:hover {
  color: #23c0fa;
}

.beisen-phoenix-tabs-tab-active,
.beisen-phoenix-tabs-tab-active:hover {
  color: #108ee9;
  cursor: default;
  transform: translateZ(0);
}

.beisen-phoenix-tabs-tab-disabled {
  cursor: default;
  color: #ccc;
}

.beisen-phoenix-tabs-tab-disabled:hover {
  color: #ccc;
}

.beisen-phoenix-tabs-content {
  zoom: 1;
}

.beisen-phoenix-tabs-content .beisen-phoenix-tabs-tabpane {
  overflow: auto;
}

.beisen-phoenix-tabs-content-animated {
  transition: transform 0.3s cubic-bezier(0.35, 0, 0.25, 1), margin-left 0.3s cubic-bezier(0.35, 0, 0.25, 1), margin-top 0.3s cubic-bezier(0.35, 0, 0.25, 1);
  display: flex;
  display: -ms-flexbox;
  will-change: transform;
}

.beisen-phoenix-tabs-content-animated .beisen-phoenix-tabs-tabpane {
  flex-shrink: 0;
}

.no-flexbox .beisen-phoenix-tabs-content {
  transform: none !important;
  overflow: auto;
}

.no-csstransitions .beisen-phoenix-tabs-tabpane-inactive,
.no-flexbox .beisen-phoenix-tabs-tabpane-inactive,
.beisen-phoenix-tabs-content-no-animated .beisen-phoenix-tabs-tabpane-inactive {
  display: none;
}

.beisen-phoenix-tabs-left {
  border-right: 2px solid #f3f3f3;
}

.beisen-phoenix-tabs-left .beisen-phoenix-tabs-bar {
  float: left;
  height: 100%;
  margin-right: 10px;
  border-right: 1px solid #f3f3f3;
}

.beisen-phoenix-tabs-left .beisen-phoenix-tabs-nav-container {
  height: 100%;
}

.beisen-phoenix-tabs-left .beisen-phoenix-tabs-nav-container-scrolling {
  padding-top: 32px;
  padding-bottom: 32px;
}

.beisen-phoenix-tabs-left .beisen-phoenix-tabs-nav-wrap {
  height: 100%;
}

.beisen-phoenix-tabs-left .beisen-phoenix-tabs-content-animated {
  flex-direction: column;
}

.beisen-phoenix-tabs-left .beisen-phoenix-tabs-content-animated .beisen-phoenix-tabs-tabpane {
  height: 100%;
}

.beisen-phoenix-tabs-left .beisen-phoenix-tabs-nav-scroll {
  height: 99999px;
}

.beisen-phoenix-tabs-left .beisen-phoenix-tabs-nav-swipe {
  position: relative;
  top: 0;
}

.beisen-phoenix-tabs-left .beisen-phoenix-tabs-nav-swipe .beisen-phoenix-tabs-nav {
  display: flex;
  flex: 1;
  flex-direction: column;
  height: 100%;
}

.beisen-phoenix-tabs-left .beisen-phoenix-tabs-nav-swipe .beisen-phoenix-tabs-nav .beisen-phoenix-tabs-tab {
  display: flex;
  flex-shrink: 0;
  justify-content: center;
}

.beisen-phoenix-tabs-left .beisen-phoenix-tabs-tab-prev,
.beisen-phoenix-tabs-left .beisen-phoenix-tabs-tab-next {
  margin-top: -2px;
  height: 0;
  line-height: 32px;
  width: 0;
  display: block;
  text-align: center;
  opacity: 0;
  transition: width 0.3s, height 0.3s, opacity 0.3s;
}

.beisen-phoenix-tabs-top .beisen-phoenix-tabs-tab-arrow-show,
.beisen-phoenix-tabs-left .beisen-phoenix-tabs-tab-arrow-show,
.beisen-phoenix-tabs-bottom .beisen-phoenix-tabs-tab-arrow-show,
.beisen-phoenix-tabs-right .beisen-phoenix-tabs-tab-arrow-show {
  opacity: 1;
  width: 100%;
  height: 32px;
}

.beisen-phoenix-tabs-left .beisen-phoenix-tabs-tab-next {
  bottom: 0;
}

.beisen-phoenix-tabs-left .beisen-phoenix-tabs-tab-next-icon {
  transform: rotate(90deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}

.beisen-phoenix-tabs-left .beisen-phoenix-tabs-tab-next-icon:before {
  content: ">";
}

.beisen-phoenix-tabs-left .beisen-phoenix-tabs-tab-prev {
  top: 2px;
}

.beisen-phoenix-tabs-left .beisen-phoenix-tabs-tab-prev-icon {
  transform: rotate(270deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.beisen-phoenix-tabs-left .beisen-phoenix-tabs-tab-prev-icon:before {
  content: ">";
}

.beisen-phoenix-tabs-left .beisen-phoenix-tabs-ink-bar {
  width: 2px;
  right: 0;
  top: 0;
}

.beisen-phoenix-tabs-left .beisen-phoenix-tabs-tab {
  padding: 16px 24px;
}

.beisen-phoenix-tabs-right {
  border-left: 2px solid #f3f3f3;
}

.beisen-phoenix-tabs-right .beisen-phoenix-tabs-bar {
  float: right;
  height: 100%;
  margin-left: 10px;
  border-left: 1px solid #f3f3f3;
}

.beisen-phoenix-tabs-right .beisen-phoenix-tabs-nav-container {
  height: 100%;
}

.beisen-phoenix-tabs-right .beisen-phoenix-tabs-nav-container-scrolling {
  padding-top: 32px;
  padding-bottom: 32px;
}

.beisen-phoenix-tabs-right .beisen-phoenix-tabs-nav-wrap {
  height: 100%;
}

.beisen-phoenix-tabs-right .beisen-phoenix-tabs-nav-scroll {
  height: 99999px;
}

.beisen-phoenix-tabs-right .beisen-phoenix-tabs-nav-swipe {
  position: relative;
}

.beisen-phoenix-tabs-right .beisen-phoenix-tabs-nav-swipe .beisen-phoenix-tabs-nav {
  display: flex;
  flex: 1;
  flex-direction: column;
  height: 100%;
}

.beisen-phoenix-tabs-right .beisen-phoenix-tabs-nav-swipe .beisen-phoenix-tabs-nav .beisen-phoenix-tabs-tab {
  display: flex;
  flex-shrink: 0;
  justify-content: center;
}

.beisen-phoenix-tabs-right .beisen-phoenix-tabs-tab-prev,
.beisen-phoenix-tabs-right .beisen-phoenix-tabs-tab-next {
  margin-top: -2px;
  height: 0;
  width: 0;
  display: block;
  text-align: center;
  line-height: 32px;
  opacity: 0;
  transition: width 0.3s, height 0.3s, opacity 0.3s;
}

.beisen-phoenix-tabs-top .beisen-phoenix-tabs-tab-arrow-show {
  opacity: 1;
  width: 100%;
  height: 32px;
}

.beisen-phoenix-tabs-right .beisen-phoenix-tabs-tab-next {
  bottom: 0;
}

.beisen-phoenix-tabs-right .beisen-phoenix-tabs-tab-next-icon {
  transform: rotate(90deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}

.beisen-phoenix-tabs-right .beisen-phoenix-tabs-tab-next-icon:before {
  content: ">";
}

.beisen-phoenix-tabs-right .beisen-phoenix-tabs-tab-prev {
  top: 2px;
}

.beisen-phoenix-tabs-right .beisen-phoenix-tabs-tab-prev-icon {
  transform: rotate(270deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.beisen-phoenix-tabs-right .beisen-phoenix-tabs-tab-prev-icon:before {
  content: ">";
}

.beisen-phoenix-tabs-right .beisen-phoenix-tabs-content-animated {
  flex-direction: column;
}

.beisen-phoenix-tabs-right .beisen-phoenix-tabs-content-animated .beisen-phoenix-tabs-tabpane {
  height: 100%;
}

.beisen-phoenix-tabs-right .beisen-phoenix-tabs-ink-bar {
  width: 2px;
  left: 0;
  top: 0;
}

.beisen-phoenix-tabs-right .beisen-phoenix-tabs-tab {
  padding: 16px 24px;
}

.beisen-phoenix-tabs-bottom {
  border-top: 2px solid #f3f3f3;
}

.beisen-phoenix-tabs-bottom .beisen-phoenix-tabs-content {
  width: 100%;
}

.beisen-phoenix-tabs-bottom .beisen-phoenix-tabs-bar {
  border-top: 1px solid #f3f3f3;
}

.beisen-phoenix-tabs-bottom .beisen-phoenix-tabs-nav-container-scrolling {
  padding-left: 32px;
  padding-right: 32px;
}

.beisen-phoenix-tabs-bottom .beisen-phoenix-tabs-nav-scroll {
  width: 99999px;
}

.beisen-phoenix-tabs-bottom .beisen-phoenix-tabs-nav-swipe {
  position: relative;
  left: 0;
}

.beisen-phoenix-tabs-bottom .beisen-phoenix-tabs-nav-swipe .beisen-phoenix-tabs-nav {
  display: flex;
  flex: 1;
  width: 100%;
}

.beisen-phoenix-tabs-bottom .beisen-phoenix-tabs-nav-swipe .beisen-phoenix-tabs-nav .beisen-phoenix-tabs-tab {
  display: flex;
  flex-shrink: 0;
  margin-right: 0;
  padding: 8px 0;
  justify-content: center;
}

.beisen-phoenix-tabs-bottom .beisen-phoenix-tabs-nav-wrap {
  width: 100%;
}

.beisen-phoenix-tabs-bottom .beisen-phoenix-tabs-content-animated {
  flex-direction: row;
}

.beisen-phoenix-tabs-bottom .beisen-phoenix-tabs-content-animated .beisen-phoenix-tabs-tabpane {
  width: 100%;
}

.beisen-phoenix-tabs-bottom .beisen-phoenix-tabs-tab-next {
  right: 2px;
}

.beisen-phoenix-tabs-bottom .beisen-phoenix-tabs-tab-next-icon:before {
  content: ">";
}

.beisen-phoenix-tabs-bottom .beisen-phoenix-tabs-tab-prev {
  left: 0;
}

.beisen-phoenix-tabs-bottom .beisen-phoenix-tabs-tab-prev-icon:before {
  content: "<";
}

.beisen-phoenix-tabs-bottom .beisen-phoenix-tabs-tab-prev,
.beisen-phoenix-tabs-bottom .beisen-phoenix-tabs-tab-next {
  margin-right: -2px;
  width: 32px;
  height: 100%;
  top: 0;
  text-align: center;
}

.beisen-phoenix-tabs-bottom .beisen-phoenix-tabs-ink-bar {
  height: 2px;
  top: 3px;
  left: 0;
}

.beisen-phoenix-tabs-bottom .beisen-phoenix-tabs-tab {
  float: left;
  height: 100%;
  margin-right: 30px;
}

.beisen-phoenix-tabs-bottom .beisen-phoenix-tabs-tabpane-inactive {
  height: 0;
  overflow: visible;
}

.beisen-phoenix-tabs-top .beisen-phoenix-tabs-content {
  width: 100%;
}

.beisen-phoenix-tabs-top .beisen-phoenix-tabs-bar {
  border-bottom: 1px solid #f3f3f3;
}

.beisen-phoenix-tabs-top .beisen-phoenix-tabs-nav-container-scrolling {
  padding-left: 32px;
  padding-right: 32px;
}

.beisen-phoenix-tabs-top .beisen-phoenix-tabs-nav-scroll {
  width: 99999px;
}

.beisen-phoenix-tabs-top .beisen-phoenix-tabs-nav-swipe {
  position: relative;
  left: 0;
}

.beisen-phoenix-tabs-top .beisen-phoenix-tabs-nav-swipe .beisen-phoenix-tabs-nav {
  display: flex;
  flex: 1;
  width: 100%;
}

.beisen-phoenix-tabs-top .beisen-phoenix-tabs-nav-swipe .beisen-phoenix-tabs-nav .beisen-phoenix-tabs-tab {
  display: flex;
  flex-shrink: 0;
  margin-right: 0;
  padding: 8px 0;
  justify-content: center;
}

.beisen-phoenix-tabs-top .beisen-phoenix-tabs-nav-wrap {
  width: 100%;
}

.beisen-phoenix-tabs-top .beisen-phoenix-tabs-content-animated {
  flex-direction: row;
}

.beisen-phoenix-tabs-top .beisen-phoenix-tabs-content-animated .beisen-phoenix-tabs-tabpane {
  width: 100%;
}

.beisen-phoenix-tabs-top .beisen-phoenix-tabs-tab-next {
  right: 2px;
}

.beisen-phoenix-tabs-top .beisen-phoenix-tabs-tab-next-icon:before {
  content: ">";
}

.beisen-phoenix-tabs-top .beisen-phoenix-tabs-tab-prev {
  left: 0;
}

.beisen-phoenix-tabs-top .beisen-phoenix-tabs-tab-prev-icon:before {
  content: "<";
}

.beisen-phoenix-tabs-top .beisen-phoenix-tabs-tab-prev,
.beisen-phoenix-tabs-top .beisen-phoenix-tabs-tab-next {
  margin-right: -2px;
  width: 0;
  height: 0;
  top: 0;
  text-align: center;
  opacity: 0;
  transition: width 0.3s, height 0.3s, opacity 0.3s;
}

.beisen-phoenix-tabs-top .beisen-phoenix-tabs-tab-arrow-show {
  opacity: 1;
  width: 32px;
  height: 100%;
}

.beisen-phoenix-tabs-top .beisen-phoenix-tabs-ink-bar {
  height: 2px;
  bottom: 0;
  left: 0;
}

.beisen-phoenix-tabs-top .beisen-phoenix-tabs-tab {
  float: left;
  height: 100%;
  margin-right: 30px;
}

.beisen-phoenix-tabs-top .beisen-phoenix-tabs-tabpane-inactive {
  height: 0;
  overflow: visible;
}

.beisen-phoenix-tabs-moreable-nav-show {
  width: 99999px;
}

.beisen-phoenix-tabs-moreable-nav-placeholder {
  visibility: hidden;
  position: absolute;
  width: 99999px;
  top: 0;
  left: 0;
}

.beisen-phoenix-tabs-moreable-nav-more {
  visibility: hidden;
  display: inline-block;
  box-sizing: border-box;
}

.beisen-phoenix-tabs-moreable-nav-more-dropdown {
  position: absolute;
  width: 200px;
}

.beisen-phoenix-tabs-moreable-nav-more-dropdown-visiable {
  visibility: hidden;
}

.beisen-phoenix-tabs-moreable-nav-more-dropdown span {
  width: 100%;
  float: left;
}

.beisen-phoenix-tabs-moreable-nav-more-visiable {
  width: auto;
  visibility: visible;
}

.beisen-phoenix-tabs-moreable-nav-more span {
  cursor: pointer;
  padding: 0 12px;
}

.beisen-phoenix-tabs-tab-more-btn {
  display: inline-block;
  height: 100%;
  width: 100%;
}

.beisen-phoenix-tabs-base-bar {
  color: #33383D;
  font-size: 12px;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
  white-space: nowrap;
  outline: none;
  zoom: 1;
  transition: padding 0.45s;
  user-select: none;
}

.beisen-phoenix-tabs-base-tab {
  box-sizing: border-box;
  position: relative;
  display: block;
  height: 28px;
  line-height: 20px;
  padding: 4px 8px;
  max-width: 92px;
  float: left;
  transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}

.beisen-phoenix-tabs-base-tab:hover {
  color: #1D86F0;
}

.beisen-phoenix-tabs-base-tab-more-btn {
  margin-right: 0;
  display: inline-block;
  width: 30px;
  background: url(../images/more-btn-262980f63a75fdbbd2a8764a3fa55d13.svg) no-repeat center;
  cursor: pointer;
  position: relative;
}

.beisen-phoenix-tabs-base-tab-more-btn:hover {
  background: url(../images/more-btn-active-5a14fe809111ce51a89c12eddd9ab004.svg) no-repeat center;
}

.beisen-phoenix-tabs-base-tab-more-btn .beisen-phoenix-tabs-tab-more-btn {
  display: inline-block;
  height: 24px;
  width: 14px;
}

.beisen-phoenix-tabs-base-tab-active {
  color: #106ECC;
  cursor: default;
  transform: translateZ(0);
}

.beisen-phoenix-tabs-base-tab-active:before {
  content: '';
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  height: calc(100% - 2px);
  width: calc(100% - 2px);
  border: solid 1px #E6E8EB;
}

.beisen-phoenix-tabs-base-tab-disabled {
  cursor: default;
  color: #ccc;
}

.beisen-phoenix-tabs-base-ink-bar {
  z-index: 1;
  position: absolute;
  box-sizing: border-box;
  transform-origin: 0 0;
  width: 0;
  height: 0;
  border-bottom: 1px solid white;
  bottom: 0;
  left: 0;
}

.beisen-phoenix-tabs-base-ink-bar-bottom {
  position: absolute;
  width: 100%;
  box-sizing: border-box;
  transform-origin: 0 0;
  border-bottom: 1px solid #E6E8EB;
  bottom: 0;
  left: 0;
}

.beisen-phoenix-tabs-button-bar {
  color: #33383D;
  font-size: 12px;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
  white-space: nowrap;
  outline: none;
  zoom: 1;
  transition: padding 0.45s;
  user-select: none;
}

.beisen-phoenix-tabs-button-tab-active {
  color: white;
  background-color: #0CC991 !important;
  transform: translateZ(0);
}

.beisen-phoenix-tabs-button-tab-more-btn {
  margin-right: 0;
  display: inline-block;
  width: 30px;
  background: url(../images/more-btn-262980f63a75fdbbd2a8764a3fa55d13.svg) no-repeat center;
  cursor: pointer;
  position: relative;
}

.beisen-phoenix-tabs-button-tab-more-btn:hover {
  background: url(../images/more-btn-bt-active-936b2818308e0b637fc198834d3357a0.svg) no-repeat center;
}

.beisen-phoenix-tabs-button-tab-more-btn .beisen-phoenix-tabs-tab-more-btn {
  display: inline-block;
  height: 24px;
  width: 14px;
}

.beisen-phoenix-tabs-button-tab {
  box-sizing: border-box;
  position: relative;
  display: block;
  height: 24px;
  line-height: 20px;
  padding: 2px 8px;
  float: left;
  margin-right: 8px;
  max-width: 92px;
  border-radius: 16px;
  background-color: #E6E8EB;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: all 0.3s cubic-bezier(0.35, 0, 0.25, 1);
  cursor: pointer;
}

.beisen-phoenix-tabs-button-tab:hover {
  color: white;
  opacity: 0.7;
  background-color: #0CC991;
}

.beisen-phoenix-tabs-button-tab-disabled {
  cursor: default;
  color: #ccc;
}

.beisen-phoenix-tabs-button-ink-bar {
  z-index: 1;
  position: absolute;
  box-sizing: border-box;
  margin-top: -3px;
  transform-origin: 0 0;
  width: 0;
  height: 0;
  bottom: 0;
  left: 0;
}

.beisen-phoenix-tabs-button-ink-bar-bottom {
  position: absolute;
  width: 100%;
  box-sizing: border-box;
  margin-top: -3px;
  transform-origin: 0 0;
  height: 1px;
  bottom: 0;
  left: 0;
}

.beisen-phoenix-tabs-secondary-bar {
  color: #33383D;
  font-size: 14px;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
  white-space: nowrap;
  outline: none;
  zoom: 1;
  transition: padding 0.45s;
  user-select: none;
  border-bottom: 1px dashed #E6E8EB;
}

.beisen-phoenix-tabs-secondary-tab-active {
  color: #106ECC;
  cursor: default;
  transform: translateZ(0);
}

.beisen-phoenix-tabs-secondary-tab-more-btn {
  margin-right: 0;
  display: inline-block;
  width: 18px;
  background: url(../images/more-btn-262980f63a75fdbbd2a8764a3fa55d13.svg) no-repeat center;
  cursor: pointer;
  position: relative;
}

.beisen-phoenix-tabs-secondary-tab-more-btn:hover {
  background: url(../images/more-btn-active-5a14fe809111ce51a89c12eddd9ab004.svg) no-repeat center;
}

.beisen-phoenix-tabs-secondary-tab-more-btn .beisen-phoenix-tabs-tab-more-btn {
  display: inline-block;
  height: 24px;
  width: 14px;
}

.beisen-phoenix-tabs-secondary-tab {
  box-sizing: border-box;
  position: relative;
  display: block;
  transition: color 0.3s cubic-bezier(0.35, 0, 0.25, 1);
  padding: 10px 0;
  height: 42px;
  max-width: 112px;
  line-height: 22px;
  float: left;
  margin: 0 16px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}

.beisen-phoenix-tabs-secondary-tab:hover {
  color: #1D86F0;
}

.beisen-phoenix-tabs-secondary-tab-disabled {
  cursor: default;
  color: #ccc;
}

.beisen-phoenix-tabs-secondary-ink-bar {
  z-index: 1;
  position: absolute;
  box-sizing: border-box;
  margin-top: -3px;
  background-color: #106ECC;
  transform-origin: 0 0;
  width: 0;
  height: 0;
  height: 2px;
  bottom: 0;
}

.beisen-phoenix-tabs-secondary-ink-bar-animated {
  transition: left 0.3s cubic-bezier(0.35, 0, 0.25, 1), top 0.3s cubic-bezier(0.35, 0, 0.25, 1), height 0.3s cubic-bezier(0.35, 0, 0.25, 1), width 0.3s cubic-bezier(0.35, 0, 0.25, 1), -webkit-transform 0.3s cubic-bezier(0.35, 0, 0.25, 1);
  transition: transform 0.3s cubic-bezier(0.35, 0, 0.25, 1), left 0.3s cubic-bezier(0.35, 0, 0.25, 1), top 0.3s cubic-bezier(0.35, 0, 0.25, 1), height 0.3s cubic-bezier(0.35, 0, 0.25, 1), width 0.3s cubic-bezier(0.35, 0, 0.25, 1);
  transition: transform 0.3s cubic-bezier(0.35, 0, 0.25, 1), left 0.3s cubic-bezier(0.35, 0, 0.25, 1), top 0.3s cubic-bezier(0.35, 0, 0.25, 1), height 0.3s cubic-bezier(0.35, 0, 0.25, 1), width 0.3s cubic-bezier(0.35, 0, 0.25, 1), -webkit-transform 0.3s cubic-bezier(0.35, 0, 0.25, 1);
}

.beisen-phoenix-tabs-secondary-ink-bar-bottom {
  position: absolute;
  width: 100%;
  box-sizing: border-box;
  margin-top: -3px;
  transform-origin: 0 0;
  height: 1px;
  bottom: 0;
  left: 0;
}

.beisen-phoenix-tabs-super-bar {
  color: #33383D;
  font-size: 16px;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
  white-space: nowrap;
  outline: none;
  zoom: 1;
  transition: padding 0.45s;
  user-select: none;
  border-bottom: 1px dashed #E6E8EB;
  padding: 0 24px;
}

.beisen-phoenix-tabs-super-tab-active {
  color: #106ECC;
  cursor: default;
  transform: translateZ(0);
}

.beisen-phoenix-tabs-super-tab {
  box-sizing: border-box;
  position: relative;
  display: block;
  transition: color 0.3s cubic-bezier(0.35, 0, 0.25, 1);
  padding: 16px 0;
  line-height: 24px;
  float: left;
  height: 56px;
  margin-right: 40px;
  max-width: 128px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}

.beisen-phoenix-tabs-super-tab:hover {
  color: #1D86F0;
}

.beisen-phoenix-tabs-super-tab-more-btn {
  margin-right: 0;
  display: inline-block;
  width: 18px;
  background: url(../images/more-btn-262980f63a75fdbbd2a8764a3fa55d13.svg) no-repeat center;
  cursor: pointer;
  position: relative;
}

.beisen-phoenix-tabs-super-tab-more-btn:hover {
  background: url(../images/more-btn-active-5a14fe809111ce51a89c12eddd9ab004.svg) no-repeat center;
}

.beisen-phoenix-tabs-super-tab-more-btn .beisen-phoenix-tabs-tab-more-btn {
  display: inline-block;
  height: 24px;
  width: 14px;
}

.beisen-phoenix-tabs-super-tab-disabled {
  cursor: default;
  color: #ccc;
}

.beisen-phoenix-tabs-super-ink-bar {
  z-index: 1;
  position: absolute;
  box-sizing: border-box;
  bottom: 12px;
  background-color: #108ee9;
  transform-origin: 0 0;
  width: 0;
  height: 0;
  height: 2px;
  left: 0;
}

.beisen-phoenix-tabs-super-ink-bar-animated {
  transition: left 0.3s cubic-bezier(0.35, 0, 0.25, 1), top 0.3s cubic-bezier(0.35, 0, 0.25, 1), height 0.3s cubic-bezier(0.35, 0, 0.25, 1), width 0.3s cubic-bezier(0.35, 0, 0.25, 1), -webkit-transform 0.3s cubic-bezier(0.35, 0, 0.25, 1);
  transition: transform 0.3s cubic-bezier(0.35, 0, 0.25, 1), left 0.3s cubic-bezier(0.35, 0, 0.25, 1), top 0.3s cubic-bezier(0.35, 0, 0.25, 1), height 0.3s cubic-bezier(0.35, 0, 0.25, 1), width 0.3s cubic-bezier(0.35, 0, 0.25, 1);
  transition: transform 0.3s cubic-bezier(0.35, 0, 0.25, 1), left 0.3s cubic-bezier(0.35, 0, 0.25, 1), top 0.3s cubic-bezier(0.35, 0, 0.25, 1), height 0.3s cubic-bezier(0.35, 0, 0.25, 1), width 0.3s cubic-bezier(0.35, 0, 0.25, 1), -webkit-transform 0.3s cubic-bezier(0.35, 0, 0.25, 1);
}

.beisen-phoenix-tabs-super-ink-bar-bottom {
  position: absolute;
  width: 100%;
  box-sizing: border-box;
  margin-top: -3px;
  transform-origin: 0 0;
  height: 1px;
  bottom: 0;
  left: 0;
}
.ocean-person-wraper .beisen-phoenix-tabs-base-tab:before {
  box-sizing: unset;
}
@charset "UTF-8";

@keyframes Circling {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

@keyframes Linemove {
  from {
    transform: translateY(0px) ；;
  }

  to {
    transform: translateY(2px);
  }
}

@keyframes Linemovetwo {
  from {
    transform: translateY(0px);
  }

  to {
    transform: translateY(4px);
  }
}

.sun-loading-wrapper {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999;
  background-color: rgba(255, 255, 255, 0);
}

.sun-loading-wrapper .sun-loading {
  width: 50px;
  height: 50px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.sun-loading-wrapper .sun-loading .sun-icon-wrapper {
  height: 30px;
  overflow: hidden;
}

.sun-loading-wrapper .sun-loading .sun-icon-wrapper svg {
  width: 50px;
  height: 50px;
  position: relative;
  top: 3px;
  animation: Circling 0.8s linear 0s infinite;
}

.sun-loading-wrapper .sun-loading .line {
  height: 1px;
  background-color: #FFBE00;
  margin: 0 auto;
}

.sun-loading-wrapper .sun-loading .line.lone {
  width: 50px;
}

.sun-loading-wrapper .sun-loading .line.middle {
  width: 30px;
  margin: 1px auto;
  opacity: 0.8;
  animation: Linemove 0.1s forwards;
}

.sun-loading-wrapper .sun-loading .line.short {
  width: 14px;
  opacity: 0.5;
  animation: Linemovetwo 0.1s forwards;
}
.chrysanthemum-loading-wrapper {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999;
  background-color: rgba(255, 255, 255, 0);
}

.chrysanthemum-loading-wrapper .loading-icon-wrapper {
  width: 14px;
  height: 14px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.chrysanthemum-loading-wrapper .loading-icon-wrapper svg {
  vertical-align: top;
}
.ocean-mul-search-wrap {
  padding: 10px 10px 0 10px;
}

.ocean-mul-search-wrap.select-all span:last-child {
  color: #0e1114;
}

.ocean-mul-search-wrap span.real-input::after {
  box-sizing: unset;
}

.ocean-multi-all-label {
  color: #0e1114 !important;
}

.select-all-wrap {
  padding: 8px 10px 4px 10px;
  color: #0e1114;
}

.select-all-wrap:hover {
  background-color: rgba(133, 194, 255, 0.1);
}

.ocean-multi-loading-wrap {
  height: 150px;
}

.ocean-mul-more-tip-wrap {
  position: relative;
  height: 22px;
  margin-bottom: 10px;
}

.ocean-mul-more-tip-wrap .ocean-mul-more-bgline {
  position: absolute;
  top: 0;
  height: 10px;
  border-bottom: 1px solid #f0f2f5;
  width: calc(100% - 20px);
  margin: 0 10px;
  z-index: -1;
}

.ocean-mul-more-tip-wrap .ocean-mul-more-tip {
  font-size: 12px;
  line-height: 20px;
  text-align: center;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  color: #BFC3C7;
  background: #fff;
  z-index: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ocean-single-select-list .ocean-single-search-wrap {
  margin: 10px 10px 4px;
}

.ocean-single-select-list .ocean-single-loading-wrap {
  height: 150px;
}

.ocean-single-select-list .data-container {
  max-height: 282px;
  overflow-y: auto;
}

.ocean-single-select-list .data-container::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

.ocean-single-select-list .data-container::-webkit-scrollbar-track {
  border-radius: 100px;
  background-color: transparent;
}

.ocean-single-select-list .data-container::-webkit-scrollbar-thumb {
  border: 2px solid transparent;
  border-radius: 100px;
  background-color: rgba(14, 17, 20, 0.1);
  background-clip: content-box;
}

.ocean-single-select-list .data-container::-webkit-scrollbar-thumb:hover {
  background-color: rgba(14, 17, 20, 0.3);
}

.ocean-single-select-list .list-item {
  color: #0e1114;
  cursor: pointer;
  padding: 4px 10px;
  cursor: pointer;
}

.ocean-single-select-list .list-item:hover {
  background-color: rgba(133, 194, 255, 0.1);
}

.ocean-single-select-list .list-item span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  max-width: 100%;
}

.ocean-single-select-list-empty {
  text-align: center;
  padding: 31px 0px;
}

.ocean-single-select-list-empty-text {
  text-align: center;
  color: #bbbfee;
  margin-top: 8px;
}

.ocean-single-more-tip-wrap {
  position: relative;
  height: 22px;
  margin-bottom: 15px;
}

.ocean-single-more-tip-wrap .ocean-single-more-bgline {
  position: absolute;
  top: 0;
  height: 10px;
  border-bottom: 1px solid #f0f2f5;
  width: calc(100% - 20px);
  margin: 0 10px;
}

.ocean-single-more-tip-wrap .ocean-single-more-tip {
  font-size: 12px;
  line-height: 20px;
  text-align: center;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  color: #BFC3C7;
  background: #fff;
  z-index: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.text-input-range {
  position: relative;
  z-index: 2;
  box-sizing: border-box;
  flex: 1 1 auto;
  width: 100%;
  min-width: 100px;
  font-family: "PingFang SC", "Hiragino Sans GB", STHeitiSC, Helvetica, "Helvetica Neue", "Microsoft YaHei", Tahoma;
  color: #0e1114;
  display: flex;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  border: 1px solid #e6e8eb;
  background-color: white;
  border-radius: 3px;
  height: 30px;
  font-size: 12px;
  line-height: 30px;
}

.text-input-range-focus {
  border-color: #5cadff;
}

.text-input-range input {
  border: none;
  outline: none;
  box-shadow: none;
  width: calc(50% - 19px);
  text-align: center;
  padding: 0 8px;
  text-overflow: ellipsis;
  overflow: hidden;
}

.text-input-range input::placeholder {
  color: #bfc3c7;
}

.text-input-range input:focus {
  border: none;
  outline: none;
  box-shadow: none;
}

.text-input-range input:hover {
  border: none;
  outline: none;
  box-shadow: none;
}

.text-input-range .text-input-separator {
  color: #83898f;
}

.text-input-range.disabled {
  border-color: #e6e8eb;
  cursor: not-allowed;
  background-color: rgba(230, 232, 235, 0.3);
}

.text-input-range.disabled:focus {
  border-color: #e6e8eb;
}

.text-input-range.disabled:hover {
  border-color: #e6e8eb;
}

.text-input-range.disabled input {
  background-color: transparent;
  cursor: not-allowed;
}

.text-input-range.disabled .text-input-separator {
  background-color: transparent;
}

.text-input-range.error-fix {
  border-color: #FF475A;
}

.text-input-range.error-fix:hover {
  border-color: #FF475A;
}

.text-input-range.isHint {
  border-color: #5cadff;
}

.text-input-range.isHint:focus {
  border-color: #5cadff;
}

.text-input-range:hover {
  border-color: #85c2ff;
}
div::-webkit-scrollbar, ul::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

div::-webkit-scrollbar-track, ul::-webkit-scrollbar-track {
  border-radius: 100px;
  background-color: transparent;
}

div::-webkit-scrollbar-thumb, ul::-webkit-scrollbar-thumb {
  border: 2px solid transparent;
  border-radius: 100px;
  background-color: rgba(14, 17, 20, 0.1);
  background-clip: content-box;
}

div::-webkit-scrollbar-thumb:hover, ul::-webkit-scrollbar-thumb:hover {
  background-color: rgba(14, 17, 20, 0.3);
}

div:focus {
  outline: none;
}

.school-selector-container {
  width: 580px;
  height: 380px;
  overflow: hidden;
  font-family: "PingFang SC", "Hiragino Sans GB", STHeitiSC, Helvetica, "Helvetica Neue", "Microsoft YaHei", Tahoma;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 12px;
  line-height: 20px;
  cursor: default;
}

.school-selector-container .search-container {
  padding: 16px 16px 12px 16px;
}

.school-selector-container .left-container {
  padding: 0 0 0 16px;
  border-right: 1px solid #f0f2f5;
  width: 282px;
  height: 276px;
  float: left;
}

.school-selector-container .checkbox-inner {
  cursor: pointer;
}

.school-selector-container .checkbox-inner svg {
  float: left;
  margin-right: 4px;
  position: relative;
  top: 2px;
}

.school-selector-container .breadcrumb-list {
  color: #83898f;
  margin: 0 0 4px 0;
  height: 20px;
  font-size: 12px;
  line-height: 20px;
}

.school-selector-container .breadcrumb-item {
  display: inline-block;
  margin-right: 4px;
  cursor: pointer;
}

.school-selector-container .breadcrumb-item svg {
  margin-right: 4px;
  position: relative;
  top: 1px;
}

.school-selector-container .breadcrumb-item:hover {
  color: #1d86f0;
}

.school-selector-container .breadcrumb-item.last {
  color: #33383d;
}

.school-selector-container .area-breadcrumb-text {
  display: inline-block;
  max-width: 6em;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.school-selector-container .empty-list-data {
  width: 150px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  color: #BBBFEE;
}

.school-selector-container .empty-list-data .empty-list-text {
  font-size: 14px;
  line-height: 22px;
  margin-top: 10px;
}

.school-selector-container .select-all-text {
  margin: 8px 0;
}

.school-selector-container .data-container {
  position: relative;
  overflow-y: auto;
  height: 250px;
  margin-top: 4px;
}

.school-selector-container .school-area-item {
  cursor: pointer;
  display: inline-block;
  padding: 8px 0;
  width: 33%;
}

.school-selector-container .school-area-item:hover {
  color: #1d86f0;
}

.school-selector-container .school-area-item:hover svg {
  display: inline;
  position: relative;
  top: 1px;
}

.school-selector-container .school-area-item svg {
  display: none;
}

.school-selector-container .school-item-container {
  margin: 4px 0;
  color: #0e1114;
}

.school-selector-container .school-item-container .search-highlight {
  background-color: rgba(250, 193, 5, 0.3);
  padding: 2px 0;
}

.school-selector-container .school-item-container svg {
  position: relative;
  display: inline-block;
  top: -4px;
  margin-right: 4px;
  cursor: pointer;
  color: #bfc3c7;
}

.school-selector-container .school-item-container:hover {
  color: #1d86f0;
  cursor: pointer;
}

.school-selector-container .school-item-container:hover svg {
  color: #1d86f0;
}

.school-selector-container .school-text-label {
  cursor: pointer;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow-x: hidden;
  max-width: 218px;
  display: inline-block;
}

.school-selector-container .right-container {
  width: 250px;
  float: right;
  padding: 0 16px 0 10px;
}

.school-selector-container .select-data-num {
  display: inline-block;
  color: #565e66;
}

.school-selector-container .select-data-num-text {
  margin-left: 8px;
  color: #565e66;
}

.school-selector-container .select-data-num-limit {
  color: #bfc3c7;
}

.school-selector-container .select-data-container {
  position: relative;
  height: 248px;
  margin-top: 8px;
  overflow-y: auto;
}

.school-selector-container .select-data-container.empty {
  margin-top: 0;
  height: 256px;
}

.school-selector-container .select-data-empty {
  position: absolute;
  font-size: 18px;
  line-height: 26px;
  color: #e6e8eb;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  width: 168px;
}

.school-selector-container .clear-select-data {
  float: right;
  color: #106ecc;
}

.school-selector-container .clear-select-data.disabled {
  color: #bfc3c7;
}

.school-selector-container .clear-select-data.disabled:hover {
  color: #bfc3c7;
  cursor: not-allowed;
}

.school-selector-container .clear-select-data:hover {
  color: #1d86f0;
  cursor: pointer;
}

.school-selector-container .select-item-container {
  cursor: pointer;
}

.school-selector-container .select-item-container:hover {
  cursor: pointer;
  color: #1d86f0;
  background-color: rgba(133, 194, 255, 0.1);
}

.school-selector-container .select-item-container:hover svg {
  display: inline;
}

.school-selector-container .select-item-container svg {
  display: none;
  float: right;
  position: relative;
  top: 3px;
  right: 4px;
  color: #bfc3c7;
}

.school-selector-container .select-item-container svg:hover {
  color: #83898f;
}

.school-selector-container .select-item-text-label {
  color: #0e1114;
  margin-right: 4px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow-x: hidden;
  max-width: 218px;
  display: inline-block;
  position: relative;
  top: 3px;
}

.school-selector-container .button-container {
  display: inline-block;
  padding: 10px 0;
  margin-left: 8px;
}

.school-selector-container .footer-button {
  padding: 0 16px;
  border-top: 1px solid #f0f2f5;
  text-align: right;
  clear: both;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
@keyframes antCheckboxAcross {
  0% {
    transform: scale(0);
    opacity: 0;
  }

  60% {
    transform: scale(1);
    opacity: 0.8;
    width: 2px;
  }

  90% {
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes antCheckboxEffect {
  0% {
    transform: scale(1);
    opacity: 0.5;
  }

  100% {
    transform: scale(1.6);
    opacity: 0;
  }
}

@keyframes antCheckboxEffect {
  0% {
    transform: scale(1);
    opacity: 0.5;
  }

  100% {
    transform: scale(1.6);
    opacity: 0;
  }
}

.bsrc-tree-singleline-tree li ul {
  padding: 0 !important;
}

.bsrc-tree-singleline-tree li ul span {
  text-indent: 0;
}

.bsrc-tree {
  font-family: "PingFang SC", "Hiragino Sans GB", STHeitiSC, Helvetica, "Helvetica Neue", "Microsoft YaHei", Tahoma;
  color: #33383d;
  margin: 0;
  padding: 0px;
}

.bsrc-tree *,
.bsrc-tree *::before,
.bsrc-tree *::after {
  box-sizing: border-box;
}

.bsrc-tree li {
  padding: 0;
  margin: 0;
  list-style: none;
  white-space: nowrap;
  line-height: 28px;
  outline: 0;
  position: relative;
}

.bsrc-tree li .draggable {
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  /* Required to make elements draggable in old WebKit */
  -khtml-user-drag: element;
  -webkit-user-drag: element;
}

.bsrc-tree li.drag-over > .draggable {
  background-color: rgba(133, 194, 255, 0.15);
  color: #ddd;
  opacity: 1;
}

.bsrc-tree li.drag-over > .draggable > span {
  background-color: transparent !important;
}

.bsrc-tree li.drag-over-gap-top > .draggable {
  box-shadow: 0 -1px 0 #1d86f0;
}

.bsrc-tree li.drag-over-gap-bottom > .draggable {
  box-shadow: 0 1px 0 #1d86f0;
}

.bsrc-tree li.filter-node > .bsrc-tree-node-content-wrapper {
  color: #a60000 !important;
  font-weight: bold!important;
}

.bsrc-tree li.drag-over > div > .draggable {
  background-color: rgba(133, 194, 255, 0.15);
  opacity: 1;
}

.bsrc-tree li.drag-over-gap-top > div > .draggable {
  box-shadow: 0 -1px 0 #1d86f0;
}

.bsrc-tree li.drag-over-gap-bottom > div > .draggable {
  box-shadow: 0 1px 0 #1d86f0;
}

.bsrc-tree li ul {
  margin: 0;
  padding: 0 0 0 18px;
}

.bsrc-tree li .bsrc-tree-node-content-wrapper {
  display: inline-block;
  padding: 0 3px 0 0;
  margin: 0;
  cursor: pointer;
  text-decoration: none;
  vertical-align: top;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.bsrc-tree li span.bsrc-tree-switcher > .bsrc-tree-switcher-loading {
  width: 14px;
  height: 14px;
  position: absolute;
  top: -4px;
  display: none;
}

.bsrc-tree li span.bsrc-tree-switcher.bsrc-tree-switcher-noop {
  cursor: auto;
}

.bsrc-tree:not(.bsrc-tree-show-line) .bsrc-tree-switcher-noop {
  background: none;
}

.bsrc-tree.bsrc-tree-show-line li:not(:last-child) > ul {
  background: url('data:image/gif;base64,R0lGODlhCQACAIAAAMzMzP///yH5BAEAAAEALAAAAAAJAAIAAAIEjI9pUAA7') 0 0 repeat-y;
}

.bsrc-tree-child-tree {
  display: none;
}

.bsrc-tree-child-tree-open {
  display: block;
}

.bsrc-tree-treenode-disabled > span:not(.bsrc-tree-switcher),
.bsrc-tree-treenode-disabled > a,
.bsrc-tree-treenode-disabled > a span {
  color: #767676;
  cursor: not-allowed;
}

.bsrc-tree-node-selected {
  background-color: rgba(133, 194, 255, 0.15);
  opacity: 1;
}

.bsrc-tree-node-selected-hover:hover {
  background-color: rgba(133, 194, 255, 0.15);
}

.bsrc-tree-node-dragsign {
  float: right;
  margin-right: 8px;
  margin-top: -20px;
}

.bsrc-tree-icon__open {
  margin-right: 2px;
  background-position: -110px -16px;
  vertical-align: top;
}

.bsrc-tree-icon__close {
  margin-right: 2px;
  background-position: -110px 0;
  vertical-align: top;
}

.bsrc-tree-icon__docu {
  margin-right: 2px;
  background-position: -110px -32px;
  vertical-align: top;
}

.bsrc-tree-icon__customize {
  margin-right: 2px;
  vertical-align: top;
}

.bsrc-tree-treenode-singleLine {
  /*text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 100%;*/
  padding-right: 38px !important;
}

.bsrc-tree-treenode-singleLine-outline {
  z-index: -1;
  outline: none;
  padding: 0 10px;
}

.bsrc-tree-treenode-singleLine-hover:hover {
  background-color: rgba(133, 194, 255, 0.15);
}

.bsrc-tree-treenode-singleLine-hover:hover + svg path:last-child {
  fill: #1d86f0;
}

.bsrc-tree-treenode-singleLine-cursor {
  cursor: pointer;
}

.bsrc-tree .bsrc-tree-checkbox:hover {
  border-color: #1890ff;
}

.bsrc-tree li span.bsrc-tree-checkbox {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  top: -0.08em;
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  vertical-align: middle;
  outline: none;
  cursor: pointer;
  /*.@{checkbox-prefix-cls}-wrapper:hover &-inner,
    &:hover &-inner,
    &-input:focus + &-inner {
      border-color: @checkbox-color;
    }*/
  /*&:hover::after,
    .@{checkbox-prefix-cls}-wrapper:hover &::after {
      visibility: visible;
    }*/
}

.bsrc-tree li span.bsrc-tree-checkbox .bsrc-tree-checkbox-wrapper:hover,
.bsrc-tree li span.bsrc-tree-checkbox-inner:hover {
  border-color: #1890ff;
}

.bsrc-tree li span.bsrc-tree-checkbox-checked::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #1890ff;
  border-radius: 2px;
  visibility: hidden;
  animation-fill-mode: both;
  content: '';
}

.bsrc-tree li span.bsrc-tree-checkbox-inner {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  width: 14px;
  height: 14px;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  border-collapse: separate;
  transition: all 0.3s;
}

.bsrc-tree li span.bsrc-tree-checkbox-inner::after {
  position: absolute;
  top: 44%;
  left: 24%;
  display: table;
  width: 4px;
  height: 8px;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg) scale(0) translate(-50%, -50%);
  opacity: 0;
  transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
  content: ' ';
}

.bsrc-tree li span.bsrc-tree-checkbox-input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}

.bsrc-tree .bsrc-tree-checkbox-checked .bsrc-tree-checkbox-inner::after {
  position: absolute;
  display: table;
  border: 1px solid #fff;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg) translate(-50%, -50%) scale(1);
  opacity: 1;
  transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
  content: ' ';
}

.bsrc-tree .bsrc-tree-checkbox-checked .bsrc-tree-checkbox-inner {
  background-color: #1890ff;
  border-color: #1890ff;
}

.bsrc-tree .bsrc-tree-checkbox-disabled {
  cursor: not-allowed;
}

.bsrc-tree .bsrc-tree-checkbox-disabled.bsrc-tree-checkbox-checked .bsrc-tree-checkbox-inner::after {
  border-color: #bfc3c7;
  animation-name: none;
}

.bsrc-tree .bsrc-tree-checkbox-disabled .bsrc-tree-checkbox-input {
  cursor: not-allowed;
}

.bsrc-tree .bsrc-tree-checkbox-disabled .bsrc-tree-checkbox-inner {
  background-color: rgba(230, 232, 235, 0.3);
  border-color: rgba(191, 195, 199, 0.5) !important;
}

.bsrc-tree .bsrc-tree-checkbox-disabled .bsrc-tree-checkbox-inner::after {
  border-color: rgba(230, 232, 235, 0.3);
  border-collapse: separate;
  animation-name: none;
}

.bsrc-tree .bsrc-tree-checkbox-disabled + span {
  color: #bfc3c7;
  cursor: not-allowed;
}

.bsrc-tree .bsrc-tree-checkbox-wrapper {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-block;
  line-height: unset;
  cursor: pointer;
}

.bsrc-tree .bsrc-tree-checkbox-wrapper + .bsrc-tree .bsrc-tree-checkbox-wrapper {
  margin-left: 8px;
}

.bsrc-tree .bsrc-tree-checkbox-wrapper + span,
.bsrc-tree .bsrc-tree-checkbox + span {
  padding-right: 6px;
  padding-left: 4px;
}

.bsrc-tree .bsrc-tree-checkbox-group {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-block;
}

.bsrc-tree .bsrc-tree-checkbox-group-item {
  display: inline-block;
  margin-right: 8px;
}

.bsrc-tree .bsrc-tree-checkbox-group-item:last-child {
  margin-right: 0;
}

.bsrc-tree .bsrc-tree-checkbox-group-item + .bsrc-tree .bsrc-tree-checkbox-group-item {
  margin-left: 0;
}

.bsrc-tree .bsrc-tree-checkbox-indeterminate .bsrc-tree-checkbox-inner {
  background-color: #1890ff;
  border-color: #1890ff;
}

.bsrc-tree .bsrc-tree-checkbox-indeterminate .bsrc-tree-checkbox-inner::after {
  display: table;
  top: 49%;
  left: 50%;
  width: 8px;
  height: 1px;
  transform: translate(-50%, -50%) scale(1);
  animation: antCheckboxAcross 0.2s cubic-bezier(0.71, -0.46, 0.88, 0.6) 0.1s;
  background-color: #1890ff;
  border-top: 1px solid #fff;
  border-bottom: 0px;
  opacity: 1;
  content: ' ';
}

.bsrc-tree .bsrc-tree-checkbox-indeterminate.bsrc-tree-checkbox-disabled .bsrc-tree-checkbox-inner::after {
  background-color: rgba(230, 232, 235, 0.3);
  border-color: #bfc3c7;
}

.bsrc-tree li span.bsrc-tree-switcher-nocheckbox {
  margin-right: 4px !important;
}

.bsrc-tree li span.bsrc-tree-switcher {
  margin-top: -1px;
  margin-right: 8px;
  width: 14px;
  height: 14px;
  display: inline-block;
  vertical-align: middle;
  border: 1px solid;
  cursor: pointer;
  border-radius: 2px;
  color: #bfc3c7;
  transition: color 0.25s;
  position: relative;
  outline: none;
}

.bsrc-tree li span.bsrc-tree-switcher::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 8px;
  margin-left: -4px;
  margin-top: -1px;
  border-top: 2px solid;
  border-top-left-radius: 1px;
  border-top-right-radius: 1px;
  border-bottom-left-radius: 1px;
  border-bottom-right-radius: 1px;
}

.bsrc-tree li span.bsrc-tree-switcher::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  height: 8px;
  margin-left: -1px;
  margin-top: -4px;
  border-left: 2px solid;
  border-top-left-radius: 1px;
  border-top-right-radius: 1px;
  border-bottom-left-radius: 1px;
  border-bottom-right-radius: 1px;
}

.bsrc-tree li span.bsrc-tree-switcher_close::after {
  visibility: visible;
}

.bsrc-tree li span.bsrc-tree-switcher_open::after {
  visibility: hidden;
}

.bsrc-tree li span.bsrc-tree-switcher-noop {
  visibility: hidden;
}

.bsrc-tree li span.bsrc-tree-switcher.bsrc-tree-switcher_icon_loading {
  border: 0;
}

.bsrc-tree li span.bsrc-tree-switcher.bsrc-tree-switcher_icon_loading::before {
  visibility: hidden;
}

.bsrc-tree li span.bsrc-tree-switcher.bsrc-tree-switcher_icon_loading::after {
  visibility: hidden;
}

.bsrc-tree li span.bsrc-tree-switcher.bsrc-tree-switcher_icon_loading > .bsrc-tree-switcher-loading {
  display: block;
}
.search-container {
  padding: 16px 16px 12px 16px;
}

.footer-button {
  position: relative;
  padding: 0 16px;
  border-top: 1px solid #f0f2f5;
  text-align: right;
  clear: both;
}

.footer-button .checkbox-include-wrapper {
  position: absolute;
  left: 16px;
  top: 12px;
}

.footer-button .button-container {
  display: inline-block;
  padding: 10px 0;
  margin-left: 8px;
}

.empty-list-data {
  width: 150px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  color: #BBBFEE;
}

.empty-list-data .empty-list-text {
  font-size: 14px;
  line-height: 22px;
  margin-top: 10px;
}

.checkbox-inner {
  cursor: pointer;
}

.checkbox-inner svg {
  float: left;
  margin-right: 4px;
  position: relative;
  top: 2px;
}

.ocean-tree-selector {
  font-family: "PingFang SC", "Hiragino Sans GB", STHeitiSC, Helvetica, "Helvetica Neue", "Microsoft YaHei", Tahoma;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 290px;
}

.ocean-tree-selector .tree-container {
  padding: 0 12px;
}

.ocean-tree-selector .tree-status-container {
  text-align: right;
  padding-right: 30px;
  color: #83898f;
}

.ocean-tree-selector .tree-status-container .icon-container {
  display: inline-block;
  position: relative;
  right: 4px;
  top: 2px;
}

.ocean-tree-selector .tree-status-container svg {
  color: #106ecc;
}

.ocean-tree-selector .tree-status-container:hover {
  color: #1d86f0;
}

.ocean-tree-selector .tree-status-container:hover svg {
  color: #1d86f0;
}

.ocean-tree-selector .select-all {
  padding-left: 15px;
  margin-bottom: 8px;
}

.ocean-tree-selector .data-container {
  position: relative;
  height: 266px;
  overflow: auto;
}

.ocean-tree-selector .data-container:first-child.data-item-container {
  margin-top: 8px;
}

.ocean-tree-selector .data-item-container {
  margin: 4px 16px;
  color: #0e1114;
}

.ocean-tree-selector .data-item-container .search-highlight {
  background-color: rgba(250, 193, 5, 0.3);
}

.ocean-tree-selector .data-item-container:hover {
  color: #1d86f0;
}

.ocean-tree-selector .data-item-container:hover svg {
  color: #1d86f0;
}

.ocean-tree-selector .data-item-container svg {
  position: relative;
  display: inline-block;
  top: -4px;
  margin-right: 4px;
  color: #bfc3c7;
}

.ocean-tree-selector .data-text-label {
  cursor: pointer;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow-x: hidden;
  max-width: 224px;
  display: inline-block;
}
.ocean-slot-content {
  padding: 4px 10px;
  cursor: pointer;
  border-bottom: 1px solid #f0f2f5;
  display: flex;
  align-items: center;
}

.ocean-slot-content.active {
  background-color: rgba(230, 232, 235, 0.3);
}

.ocean-slot-content .ocean-icon-calendar {
  margin-right: 4px;
}

.ocean-slot-content .ocean-icon-arrow {
  position: absolute;
  right: 10px;
}
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.ocean-screening-advanced-warp {
  position: absolute;
  top: 0;
  bottom: 0;
  overflow: auto;
  width: 100%;
}

.ocean-screening-advanced {
  font-family: "PingFang SC", "Hiragino Sans GB", STHeitiSC, Helvetica, "Helvetica Neue", "Microsoft YaHei", Tahoma;
  padding: 30px 58px 0 32px;
}

.ocean-screening-advanced-items {
  margin-bottom: 24px;
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  justify-content: flex-start;
}

.ocean-screening-advanced-items:after {
  content: "";
  clear: both;
  display: block;
}

.ocean-screening-advanced-required {
  color: #FF475A;
}

.ocean-screening-advanced-name {
  width: 72px;
  padding: 4px 16px 4px 0;
  border: 1px solid transparent;
  text-align: right;
  font-size: 12px;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: bold;
  word-break: break-all;
}

.ocean-screening-advanced-operator {
  margin-right: 4px;
  min-width: 60px;
  box-sizing: content-box;
  display: inline-flex;
  align-items: center;
  padding-top: 4px;
  border: 1px solid transparent;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  font-size: 12px;
  line-height: 20px;
  color: #83898f;
}

.ocean-screening-advanced-operator svg path:last-child {
  fill: #83898f;
}

.ocean-screening-advanced-operator:hover {
  color: #106ecc;
}

.ocean-screening-advanced-operator:hover svg path:last-child {
  fill: #106ecc;
}

.ocean-screening-advanced-operator:active {
  color: #5cadff;
}

.ocean-screening-advanced-operator:active svg path:last-child {
  fill: #5cadff;
}

.ocean-screening-advanced-operator-disable {
  color: #83898f;
  cursor: not-allowed;
}

.ocean-screening-advanced-operator-disable svg path:last-child {
  fill: #83898f;
}

.ocean-screening-advanced-operator-disable:hover {
  color: #83898f;
}

.ocean-screening-advanced-operator-disable:hover svg path:last-child {
  fill: #83898f;
}

.ocean-screening-advanced-operator-disable:active {
  color: #83898f;
}

.ocean-screening-advanced-operator-disable:active path:last-child {
  fill: #83898f;
}

.ocean-screening-advanced-operator span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  margin-right: 2px;
}

.ocean-screening-advanced-value {
  width: 250px;
  flex: 1;
}

.drawer-no-data {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.drawer-no-data-image {
  width: 202px;
  height: 202px;
  background: url(../images/empty-8b06b35648b487da6885914f02f2f175.svg) center no-repeat;
}

.drawer-no-data-text {
  color: #88DFCD;
  text-align: center;
  position: relative;
  font-size: 14px;
  top: -25px;
}

.drawer-tip-container {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 999;
}
.drawer-header {
  border-bottom: 1px dashed #f0f2f5;
  display: flex;
}

.drawer-close {
  z-index: 10;
  display: block;
  display: inline-block;
  color: #83898f;
  border: 0;
  outline: 0;
  background-color: rgba(255, 255, 255, 0.2);
  cursor: pointer;
  -webkit-transition: color .3s;
  transition: color .3s;
  text-rendering: auto;
  border-radius: 3px;
  padding-top: 16px;
  padding-right: 8px;
}

.drawer-close:hover {
  color: #5cadff;
}

.drawer-close svg {
  margin-top: 3px;
  margin-right: 3px;
}

.drawer-title {
  flex: 1;
  color: #33383d;
  font-weight: bold;
  font-size: 18px;
  line-height: 26px;
  padding: 16px 0 16px 32px;
}

.drawer-wrap {
  background: #FFFFFF;
}

.drawer-wrap-right {
  position: fixed;
  width: 0%;
  top: 0;
  height: 100%;
  background: transparent;
  top: 0;
  cursor: pointer;
}

.drawer-wrap-right .drawer-container {
  right: 0;
}

.drawer-wrap-left {
  position: fixed;
  width: 0%;
  top: 0;
  height: 100%;
  background: transparent;
  top: 0;
  cursor: pointer;
}

.drawer-wrap-left .drawer-container {
  left: 0;
}

.drawer-wrap-open {
  width: 100%;
}

.drawer-container {
  display: flex;
  flex-direction: column;
  position: fixed;
  background: #FFFFFF;
  height: 100%;
  box-shadow: -4px 0 20px 0 rgba(0, 0, 0, 0.05);
  transition: transform 0.3s cubic-bezier(0.9, 0, 0.3, 0.7), box-shadow 0.3s cubic-bezier(0.9, 0, 0.3, 0.7), -webkit-transform 0.3s cubic-bezier(0.9, 0, 0.3, 0.7), -webkit-box-shadow 0.3s cubic-bezier(0.9, 0, 0.3, 0.7);
}

.drawer-content {
  flex: 1;
  overflow: auto;
  position: relative;
}

.drawer-content::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

.drawer-content::-webkit-scrollbar-track {
  border-radius: 100px;
  background-color: transparent;
}

.drawer-content::-webkit-scrollbar-thumb {
  border: 2px solid transparent;
  border-radius: 100px;
  background-color: rgba(14, 17, 20, 0.1);
  background-clip: content-box;
}

.drawer-content::-webkit-scrollbar-thumb:hover {
  background-color: rgba(14, 17, 20, 0.3);
}

.drawer-footer {
  border-top: 1px solid #f0f2f5;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 20px 58px 20px 32px;
  box-sizing: border-box;
}

.drawer-footer-ok {
  margin-left: 10px;
}
@charset "UTF-8";

@keyframes Circling {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

@keyframes Linemove {
  from {
    transform: translateY(0px) ；;
  }

  to {
    transform: translateY(2px);
  }
}

@keyframes Linemovetwo {
  from {
    transform: translateY(0px);
  }

  to {
    transform: translateY(4px);
  }
}

.sun-loading-wrapper {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999;
  background-color: rgba(255, 255, 255, 0);
}

.sun-loading-wrapper .sun-loading {
  width: 50px;
  height: 50px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.sun-loading-wrapper .sun-loading .sun-icon-wrapper {
  height: 30px;
  overflow: hidden;
}

.sun-loading-wrapper .sun-loading .sun-icon-wrapper svg {
  width: 50px;
  height: 50px;
  position: relative;
  top: 3px;
  animation: Circling 0.8s linear 0s infinite;
}

.sun-loading-wrapper .sun-loading .line {
  height: 1px;
  background-color: #FFBE00;
  margin: 0 auto;
}

.sun-loading-wrapper .sun-loading .line.lone {
  width: 50px;
}

.sun-loading-wrapper .sun-loading .line.middle {
  width: 30px;
  margin: 1px auto;
  opacity: 0.8;
  animation: Linemove 0.1s forwards;
}

.sun-loading-wrapper .sun-loading .line.short {
  width: 14px;
  opacity: 0.5;
  animation: Linemovetwo 0.1s forwards;
}
.chrysanthemum-loading-wrapper {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999;
  background-color: rgba(255, 255, 255, 0);
}

.chrysanthemum-loading-wrapper .loading-icon-wrapper {
  width: 14px;
  height: 14px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.chrysanthemum-loading-wrapper .loading-icon-wrapper svg {
  vertical-align: top;
}
.phoenix-container {
  box-sizing: border-box;
  font-family: "PingFang SC", "Hiragino Sans GB", STHeitiSC, Helvetica, "Helvetica Neue", "Microsoft YaHei", Tahoma;
  display: inline-block;
  border-radius: 3px;
  background-color: white;
}

.phoenix-container__block {
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.03);
  padding-left: 24px;
  padding-right: 24px;
}

.phoenix-container__dropdown {
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.08);
}

.phoenix-container__tip {
  padding-left: 16px;
  padding-right: 16px;
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
}

.phoenix-container__drawer {
  border-radius: 0px;
  padding-left: 16px;
  padding-right: 16px;
  box-shadow: -4px 0px 20px 0px rgba(0, 0, 0, 0.1);
}

.phoenix-container__modal {
  border-radius: 6px;
  box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.3);
}
/**
 * file: style.scss
 * author: huangxiaolong@beisen.com
 * date: 2019/6/27
 */
@-webkit-keyframes rcToolTipZoomIn {
  0% {
    opacity: 0;
    transform: scale(0.2);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@-moz-keyframes rcToolTipZoomIn {
  0% {
    opacity: 0;
    transform: scale(0.2);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@-o-keyframes rcToolTipZoomIn {
  0% {
    opacity: 0;
    transform: scale(0.2);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes rcToolTipZoomIn {
  0% {
    opacity: 0;
    transform: scale(0.2);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@-webkit-keyframes rcToolTipZoomOut {
  0% {
    opacity: 0;
    transform: scale(0.2);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@-moz-keyframes rcToolTipZoomOut {
  0% {
    opacity: 0;
    transform: scale(0.2);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@-o-keyframes rcToolTipZoomOut {
  0% {
    opacity: 0;
    transform: scale(0.2);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes rcToolTipZoomOut {
  0% {
    opacity: 0;
    transform: scale(0.2);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

.phoenix-tooltip {
  position: absolute;
  z-index: 1500;
  display: block;
  visibility: visible;
  font-size: 12px;
  line-height: 20px;
  font-family: "PingFang SC", "Hiragino Sans GB", STHeitiSC, Helvetica, "Helvetica Neue", "Microsoft YaHei", Tahoma;
}

.phoenix-tooltip.phoenix-tooltip-hidden {
  display: none;
}

.phoenix-tooltip.phoenix-tooltip-placement-top, .phoenix-tooltip.phoenix-tooltip-placement-topLeft, .phoenix-tooltip.phoenix-tooltip-placement-topRight {
  padding: 5px 0 5px 0;
}

.phoenix-tooltip.phoenix-tooltip-placement-right, .phoenix-tooltip.phoenix-tooltip-placement-rightTop, .phoenix-tooltip.phoenix-tooltip-placement-rightBottom {
  padding: 0 5px 0 5px;
}

.phoenix-tooltip.phoenix-tooltip-placement-bottom, .phoenix-tooltip.phoenix-tooltip-placement-bottomLeft, .phoenix-tooltip.phoenix-tooltip-placement-bottomRight {
  padding: 5px 0 5px 0;
}

.phoenix-tooltip.phoenix-tooltip-placement-left, .phoenix-tooltip.phoenix-tooltip-placement-leftTop, .phoenix-tooltip.phoenix-tooltip-placement-leftBottom {
  padding: 0 5px 0 5px;
}

.phoenix-tooltip .phoenix-tooltip-inner {
  padding: 4px 10px;
  color: #fff;
  text-align: left;
  text-decoration: none;
  background-color: #33383D;
  border-radius: 3px;
}

.phoenix-tooltip .phoenix-tooltip-inner .content-box {
  max-width: 300px;
  max-height: 100px;
  word-wrap: break-word;
  word-break: break-all;
  overflow: hidden;
  font-size: 12px;
  line-height: 20px;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}

.phoenix-tooltip .phoenix-tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.phoenix-tooltip.phoenix-tooltip-placement-top .phoenix-tooltip-arrow,
  .phoenix-tooltip.phoenix-tooltip-placement-topLeft .phoenix-tooltip-arrow,
  .phoenix-tooltip.phoenix-tooltip-placement-topRight .phoenix-tooltip-arrow {
  bottom: 0;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #33383D;
}

.phoenix-tooltip.phoenix-tooltip-placement-top .phoenix-tooltip-arrow {
  left: 50%;
}

.phoenix-tooltip.phoenix-tooltip-placement-topLeft .phoenix-tooltip-arrow {
  left: 15%;
}

.phoenix-tooltip.phoenix-tooltip-placement-topRight .phoenix-tooltip-arrow {
  right: 15%;
}

.phoenix-tooltip.phoenix-tooltip-placement-right .phoenix-tooltip-arrow,
  .phoenix-tooltip.phoenix-tooltip-placement-rightTop .phoenix-tooltip-arrow,
  .phoenix-tooltip.phoenix-tooltip-placement-rightBottom .phoenix-tooltip-arrow {
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #33383D;
}

.phoenix-tooltip.phoenix-tooltip-placement-right .phoenix-tooltip-arrow {
  top: 50%;
}

.phoenix-tooltip.phoenix-tooltip-placement-rightTop .phoenix-tooltip-arrow {
  top: 15%;
  margin-top: 0;
}

.phoenix-tooltip.phoenix-tooltip-placement-rightBottom .phoenix-tooltip-arrow {
  bottom: 15%;
}

.phoenix-tooltip.phoenix-tooltip-placement-left .phoenix-tooltip-arrow,
  .phoenix-tooltip.phoenix-tooltip-placement-leftTop .phoenix-tooltip-arrow,
  .phoenix-tooltip.phoenix-tooltip-placement-leftBottom .phoenix-tooltip-arrow {
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #33383D;
}

.phoenix-tooltip.phoenix-tooltip-placement-left .phoenix-tooltip-arrow {
  top: 50%;
}

.phoenix-tooltip.phoenix-tooltip-placement-leftTop .phoenix-tooltip-arrow {
  top: 15%;
  margin-top: 0;
}

.phoenix-tooltip.phoenix-tooltip-placement-leftBottom .phoenix-tooltip-arrow {
  bottom: 15%;
}

.phoenix-tooltip.phoenix-tooltip-placement-bottom .phoenix-tooltip-arrow,
  .phoenix-tooltip.phoenix-tooltip-placement-bottomLeft .phoenix-tooltip-arrow,
  .phoenix-tooltip.phoenix-tooltip-placement-bottomRight .phoenix-tooltip-arrow {
  top: 0;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #33383D;
}

.phoenix-tooltip.phoenix-tooltip-placement-bottom .phoenix-tooltip-arrow {
  left: 50%;
}

.phoenix-tooltip.phoenix-tooltip-placement-bottomLeft .phoenix-tooltip-arrow {
  left: 15%;
}

.phoenix-tooltip.phoenix-tooltip-placement-bottomRight .phoenix-tooltip-arrow {
  right: 15%;
}

.phoenix-tooltip.phoenix-tooltip-zoom-enter, .phoenix-tooltip.phoenix-tooltip-zoom-leave {
  display: block;
}

.phoenix-tooltip.phoenix-tooltip-zoom-enter, .phoenix-tooltip.phoenix-tooltip-zoom-appear {
  opacity: 0;
  animation-duration: 0.1s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  animation-play-state: paused;
}

.phoenix-tooltip.phoenix-tooltip-zoom-leave {
  animation-duration: 0.1s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
  animation-play-state: paused;
}

.phoenix-tooltip.phoenix-tooltip-zoom-enter.phoenix-tooltip-zoom-enter-active, .phoenix-tooltip.phoenix-tooltip-zoom-appear.phoenix-tooltip-zoom-appear-active {
  animation-name: rcToolTipZoomIn;
  animation-play-state: running;
}

.phoenix-tooltip.phoenix-tooltip-zoom-leave.phoenix-tooltip-zoom-leave-active {
  animation-name: rcToolTipZoomOut;
  animation-play-state: running;
}
.phoenix-modal__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 8px calc(20px + 32px) 8px 20px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  background-image: linear-gradient(90deg, #2E9CFF 0%, #29B8ff 100%);
}

.phoenix-modal__title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: white;
  font-size: 16px;
  line-height: 24px;
}
.phoenix-button {
  display: inline-block;
}

.phoenix-button__wraper {
  font-family: "PingFang SC", "Hiragino Sans GB", STHeitiSC, Helvetica, "Helvetica Neue", "Microsoft YaHei", Tahoma;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  max-width: inherit;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
  border-radius: 3px;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.phoenix-button__wraper--primary {
  color: white;
  border: 'none';
  background-color: #1d86f0;
}

.phoenix-button__wraper--primary:hover {
  background-color: #5cadff;
}

.phoenix-button__wraper--primary:active {
  background-color: #106ecc;
}

.phoenix-button__wraper--secondary {
  color: #106ecc;
  border: 1px solid #85c2ff;
  background-color: white;
}

.phoenix-button__wraper--secondary:hover {
  background-color: rgba(133, 194, 255, 0.1);
}

.phoenix-button__wraper--secondary:active {
  background-color: rgba(133, 194, 255, 0.2);
  border: 1px solid #85c2ff;
}

.phoenix-button__wraper--normal {
  color: #33383d;
  border: 1px solid #e6e8eb;
  background-color: white;
}

.phoenix-button__wraper--normal:hover {
  color: #106ecc;
  border: 1px solid #85c2ff;
  background-color: rgba(133, 194, 255, 0.1);
}

.phoenix-button__wraper--normal:active {
  color: #106ecc;
  border: 1px solid #85c2ff;
  background-color: rgba(133, 194, 255, 0.2);
}

.phoenix-button__wraper--super {
  min-width: 96px;
  height: 40px;
  padding-left: 30px;
  padding-right: 30px;
  font-size: 18px;
  line-height: 26px;
}

.phoenix-button__wraper--big {
  min-width: 68px;
  height: 32px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 14px;
  line-height: 22px;
}

.phoenix-button__wraper--middle {
  min-width: 48px;
  height: 30px;
  padding-left: 12px;
  padding-right: 12px;
  font-size: 12px;
  line-height: 20px;
}

.phoenix-button__wraper--small {
  min-width: 44px;
  height: 26px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 12px;
  line-height: 20px;
}

.phoenix-button__wraper--primaryDisable {
  cursor: not-allowed;
  background-color: rgba(29, 134, 240, 0.5);
}

.phoenix-button__wraper--primaryDisable:hover {
  background-color: rgba(29, 134, 240, 0.5);
}

.phoenix-button__wraper--primaryDisable:active {
  background-color: rgba(29, 134, 240, 0.5);
}

.phoenix-button__wraper--primaryLoading {
  background-color: rgba(29, 134, 240, 0.5);
}

.phoenix-button__wraper--primaryLoading:hover {
  background-color: rgba(29, 134, 240, 0.5);
}

.phoenix-button__wraper--primaryLoading:active {
  background-color: rgba(29, 134, 240, 0.5);
}

.phoenix-button__wraper--secondaryLoading {
  color: rgba(16, 110, 204, 0.5);
  background-color: white;
  border: 1px solid rgba(133, 194, 255, 0.5);
}

.phoenix-button__wraper--secondaryLoading:hover {
  color: rgba(16, 110, 204, 0.5);
  background-color: white;
  border: 1px solid rgba(92, 173, 255, 0.5);
}

.phoenix-button__wraper--secondaryLoading:active {
  color: rgba(16, 110, 204, 0.5);
  background-color: white;
  border: 1px solid rgba(92, 173, 255, 0.5);
}

.phoenix-button__wraper--secondaryDisable {
  color: rgba(16, 110, 204, 0.5);
  background-color: white;
  border: 1px solid rgba(133, 194, 255, 0.5);
  cursor: not-allowed;
}

.phoenix-button__wraper--secondaryDisable:hover {
  color: rgba(16, 110, 204, 0.5);
  background-color: white;
  border: 1px solid rgba(92, 173, 255, 0.5);
}

.phoenix-button__wraper--secondaryDisable:active {
  color: rgba(16, 110, 204, 0.5);
  background-color: white;
  border: 1px solid rgba(92, 173, 255, 0.5);
}

.phoenix-button__wraper--normalLoading {
  color: #bfc3c7;
  background-color: rgba(230, 232, 235, 0.3);
  border: 1px solid #e6e8eb;
}

.phoenix-button__wraper--normalLoading:hover {
  color: #bfc3c7;
  background-color: rgba(230, 232, 235, 0.3);
  border: 1px solid #e6e8eb;
}

.phoenix-button__wraper--normalLoading:active {
  color: #bfc3c7;
  background-color: rgba(230, 232, 235, 0.3);
  border: 1px solid #e6e8eb;
}

.phoenix-button__wraper--normalDisable {
  color: #bfc3c7;
  background-color: rgba(230, 232, 235, 0.3);
  border: 1px solid #e6e8eb;
  cursor: not-allowed;
}

.phoenix-button__wraper--normalDisable:hover {
  color: #bfc3c7;
  background-color: rgba(230, 232, 235, 0.3);
  border: 1px solid #e6e8eb;
}

.phoenix-button__wraper--normalDisable:active {
  color: #bfc3c7;
  background-color: rgba(230, 232, 235, 0.3);
  border: 1px solid #e6e8eb;
}

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

.phoenix-button__loading {
  margin-right: 4px;
}

.phoenix-button__preIcon {
  display: inline-block;
  margin-right: 4px;
  width: 14px;
  height: 14px;
}

.phoenix-button__suffixIcon {
  display: inline-flex;
  margin-left: 4px;
  width: 12px;
  height: 12px;
}
.phoenix-button-group {
  font-family: "PingFang SC", "Hiragino Sans GB", STHeitiSC, Helvetica, "Helvetica Neue", "Microsoft YaHei", Tahoma;
  position: relative;
  display: inline-block;
}

.phoenix-button-group__item {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
  float: left;
  min-width: 56px;
  margin-left: -1px;
  font-size: 12px;
  line-height: 20px;
  z-index: 0;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.phoenix-button-group__item.active {
  z-index: 1;
}

.phoenix-button-group__item.big {
  padding-left: 12px;
  padding-right: 12px;
  height: 30px;
}

.phoenix-button-group__item.small {
  padding-left: 10px;
  padding-right: 10px;
  height: 26px;
}

.phoenix-button-group__item.primary {
  color: #106ecc;
  border: 1px solid #5cadff;
  background-color: white;
}

.phoenix-button-group__item.primary:hover {
  z-index: 2;
  color: #106ecc;
  border: 1px solid #5cadff;
  background-color: rgba(133, 194, 255, 0.1);
}

.phoenix-button-group__item.primary.disable {
  color: rgba(16, 110, 204, 0.5);
  border: 1px solid #5cadff;
  background-color: rgba(255, 255, 255, 0.5);
  cursor: not-allowed;
}

.phoenix-button-group__item.primary.disable:hover {
  color: rgba(16, 110, 204, 0.5);
  border: 1px solid #5cadff;
  background-color: rgba(255, 255, 255, 0.5);
}

.phoenix-button-group__item.primary.active {
  color: white;
  border: 1px solid #1d86f0;
  background-color: #1d86f0;
}

.phoenix-button-group__item.primary.active:hover {
  color: white;
  border: 1px solid #5cadff;
  background-color: #5cadff;
  z-index: 2;
}

.phoenix-button-group__item.primary.active.disable {
  color: white;
  border: 1px solid #5cadff;
  background-color: rgba(29, 134, 240, 0.5);
  cursor: not-allowed;
}

.phoenix-button-group__item.primary.active.disable:hover {
  color: white;
  border: 1px solid #5cadff;
  background-color: rgba(29, 134, 240, 0.5);
}

.phoenix-button-group__item.secondary {
  color: #33383d;
  border: 1px solid #bfc3c7;
  background-color: white;
}

.phoenix-button-group__item.secondary:hover {
  color: #106ecc;
  border: 1px solid #bfc3c7;
  background-color: white;
  z-index: 2;
}

.phoenix-button-group__item.secondary.disable {
  color: #bfc3c7;
  border: 1px solid #bfc3c7;
  background-color: rgba(230, 232, 235, 0.3);
  cursor: not-allowed;
}

.phoenix-button-group__item.secondary.disable:hover {
  color: #bfc3c7;
  border: 1px solid #bfc3c7;
  background-color: rgba(230, 232, 235, 0.3);
}

.phoenix-button-group__item.secondary.active {
  color: #106ecc;
  border: 1px solid #5cadff;
  background-color: white;
}

.phoenix-button-group__item.secondary.active:hover {
  color: #106ecc;
  border: 1px solid #5cadff;
  background-color: rgba(133, 194, 255, 0.1);
  z-index: 2;
}

.phoenix-button-group__item.secondary.active.disable {
  color: rgba(16, 110, 204, 0.5);
  border: 1px solid #5cadff;
  background-color: white;
  cursor: not-allowed;
}

.phoenix-button-group__item.secondary.active.disable:hover {
  color: rgba(16, 110, 204, 0.5);
  border: 1px solid #5cadff;
  background-color: white;
}

.phoenix-button-group__item:first-child {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  margin-left: 0px;
}

.phoenix-button-group__item:last-child {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.phoenix-button-group__item:active:first-child {
  margin-left: 0px;
}
.phoenix-icon-button {
  font-family: "PingFang SC", "Hiragino Sans GB", STHeitiSC, Helvetica, "Helvetica Neue", "Microsoft YaHei", Tahoma;
  box-sizing: border-box;
  display: inline-flex;
  border-radius: 3px;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  width: 30px;
  height: 30px;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.phoenix-icon-button.primary {
  color: #1d86f0;
  border: none;
}

.phoenix-icon-button.primary:hover {
  color: #5cadff;
}

.phoenix-icon-button.primary:active {
  color: #106ecc;
}

.phoenix-icon-button.primary.disable {
  cursor: not-allowed;
  color: rgba(29, 134, 240, 0.5);
}

.phoenix-icon-button.primary.border {
  border: none;
  color: white;
  background-color: #1d86f0;
}

.phoenix-icon-button.primary.border:hover {
  background-color: #5cadff;
}

.phoenix-icon-button.primary.border:active {
  background-color: #106ecc;
}

.phoenix-icon-button.primary.border.disable {
  background-color: rgba(29, 134, 240, 0.5);
  cursor: not-allowed;
}

.phoenix-icon-button.primary.border.disable:hover {
  background-color: rgba(29, 134, 240, 0.5);
}

.phoenix-icon-button.primary.border.disable:active {
  background-color: rgba(29, 134, 240, 0.5);
}

.phoenix-icon-button.primary.border.loading {
  background-color: rgba(29, 134, 240, 0.5);
}

.phoenix-icon-button.primary.border.loading:hover {
  background-color: rgba(29, 134, 240, 0.5);
}

.phoenix-icon-button.primary.border.loading:active {
  background-color: rgba(29, 134, 240, 0.5);
}

.phoenix-icon-button.secondary {
  color: #83898f;
  border: none;
  background-color: white;
}

.phoenix-icon-button.secondary:hover {
  color: #5cadff;
}

.phoenix-icon-button.secondary:active {
  color: #106ecc;
}

.phoenix-icon-button.secondary.disable {
  color: #bfc3c7;
  cursor: not-allowed;
}

.phoenix-icon-button.secondary.loading {
  color: #83898f;
}

.phoenix-icon-button.secondary.border {
  background-color: white;
  border: 1px solid #85c2ff;
  color: #1d86f0;
}

.phoenix-icon-button.secondary.border:hover {
  background-color: rgba(133, 194, 255, 0.1);
}

.phoenix-icon-button.secondary.border:active {
  background-color: rgba(133, 194, 255, 0.2);
}

.phoenix-icon-button.secondary.border.disable {
  cursor: not-allowed;
  background-color: white;
  border: 1px solid rgba(133, 194, 255, 0.5);
  color: rgba(29, 134, 240, 0.5);
}

.phoenix-icon-button.secondary.border.disable:hover {
  background-color: white;
  border: 1px solid rgba(133, 194, 255, 0.5);
  color: rgba(29, 134, 240, 0.5);
}

.phoenix-icon-button.secondary.border.disable:active {
  background-color: white;
  border: 1px solid rgba(133, 194, 255, 0.5);
  color: rgba(29, 134, 240, 0.5);
}

.phoenix-icon-button.secondary.border.loading {
  background-color: white;
  border: 1px solid #85c2ff;
  color: #1d86f0;
}

.phoenix-icon-button.secondary.border.loading:hover {
  background-color: white;
  border: 1px solid #85c2ff;
  color: #1d86f0;
}

.phoenix-icon-button.secondary.border.loading:active {
  background-color: white;
  border: 1px solid #85c2ff;
  color: #1d86f0;
}

.phoenix-icon-button.normal {
  border: none;
  background-color: white;
  color: #83898f;
}

.phoenix-icon-button.normal:hover {
  background-color: rgba(133, 194, 255, 0.1);
}

.phoenix-icon-button.normal:active {
  background-color: rgba(133, 194, 255, 0.2);
}

.phoenix-icon-button.normal.disable {
  cursor: not-allowed;
  background-color: rgba(230, 232, 235, 0.3);
}

.phoenix-icon-button.normal.disable:hover {
  background-color: rgba(230, 232, 235, 0.3);
}

.phoenix-icon-button.normal.disable:active {
  background-color: rgba(230, 232, 235, 0.3);
}

.phoenix-icon-button.normal.loading {
  background-color: rgba(230, 232, 235, 0.3);
}

.phoenix-icon-button.normal.loading:hover {
  background-color: rgba(230, 232, 235, 0.3);
}

.phoenix-icon-button.normal.loading:active {
  background-color: rgba(230, 232, 235, 0.3);
}

.phoenix-icon-button.normal.border {
  border: 1px solid #e6e8eb;
}

.phoenix-icon-button.normal.border:hover, .phoenix-icon-button.normal.border:active {
  border: 1px solid #85c2ff;
}

.phoenix-icon-button.normal.border.disable {
  cursor: not-allowed;
  border: 1px solid #e6e8eb;
}

.phoenix-icon-button.normal.border.loading {
  border: 1px solid #e6e8eb;
}

.phoenix-icon-button.normal.border.loading:hover, .phoenix-icon-button.normal.border.loading:active {
  border: 1px solid #e6e8eb;
}
.phoenix-icon-button-group {
  font-family: "PingFang SC", "Hiragino Sans GB", STHeitiSC, Helvetica, "Helvetica Neue", "Microsoft YaHei", Tahoma;
  position: relative;
  display: inline-block;
}

.phoenix-icon-button-group__item {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  width: 30px;
  height: 30px;
  background: white;
  border: 1px solid #e6e8eb;
  border-right: 0px;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.phoenix-icon-button-group__item:hover {
  background: rgba(133, 194, 255, 0.1);
}

.phoenix-icon-button-group__item:active {
  background: rgba(133, 194, 255, 0.2);
}

.phoenix-icon-button-group__item:first-child {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

.phoenix-icon-button-group__item:last-child {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border: 1px solid #e6e8eb;
}

.phoenix-icon-button-group__item--disable {
  cursor: not-allowed;
  background-color: rgba(230, 232, 235, 0.3);
}
.phoenix-text-button {
  font-family: "PingFang SC", "Hiragino Sans GB", STHeitiSC, Helvetica, "Helvetica Neue", "Microsoft YaHei", Tahoma;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.phoenix-text-button--big {
  font-size: 14px;
  line-height: 22px;
}

.phoenix-text-button--small {
  font-size: 12px;
  line-height: 20px;
}

.phoenix-text-button--primary {
  color: #106ecc;
}

.phoenix-text-button--primary:hover {
  color: #1d86f0;
}

.phoenix-text-button--primary:active {
  color: #106ecc;
}

.phoenix-text-button--secondary {
  color: #33383d;
}

.phoenix-text-button--secondary:hover {
  color: #1d86f0;
}

.phoenix-text-button--secondary:active {
  color: #106ecc;
}

.phoenix-text-button--primaryDisable {
  cursor: not-allowed;
  color: rgba(16, 110, 204, 0.5);
}

.phoenix-text-button--primaryDisable:hover, .phoenix-text-button--primaryDisable:active {
  color: rgba(16, 110, 204, 0.5);
}

.phoenix-text-button--primaryLoading {
  color: rgba(16, 110, 204, 0.5);
}

.phoenix-text-button--primaryLoading:hover, .phoenix-text-button--primaryLoading:active {
  color: rgba(16, 110, 204, 0.5);
}

.phoenix-text-button--secondaryDisable {
  color: #bfc3c7;
  cursor: not-allowed;
}

.phoenix-text-button--secondaryDisable:hover, .phoenix-text-button--secondaryDisable:active {
  color: #bfc3c7;
}

.phoenix-text-button-secondaryLoading {
  color: #bfc3c7;
}

.phoenix-text-button-secondaryLoading:hover, .phoenix-text-button-secondaryLoading:active {
  color: #bfc3c7;
}

.phoenix-text-button__preIcon {
  display: inline-flex;
  align-items: center;
  margin-right: 0px;
  width: 0px;
  height: 0px;
}

.phoenix-text-button__preIcon--hasIcon, .phoenix-text-button__preIcon--loading {
  margin-right: 4px;
}

.phoenix-text-button__preIcon--hasIcon {
  width: 18px;
  height: 18px;
}

.phoenix-text-button__preIcon--hasLoading {
  width: 14px;
  height: 14px;
}

.phoenix-text-button__suffixIcon {
  display: inline-flex;
  align-items: center;
  margin-left: 4px;
  width: 12px;
  height: 12px;
}

.phoenix-text-button__textWraper {
  display: inline-block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 80px;
}
.phoenix-modal__footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 10px 20px;
  border-top: 1px solid #f0f2f5;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}

.phoenix-modal__footer > div {
  margin-left: 10px;
}
.phoenix-modal, .phoenix-modal__masker {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1100;
}

.phoenix-modal {
  display: none;
  justify-content: center;
  align-items: center;
}

.phoenix-modal--show {
  display: flex;
}

.phoenix-modal__masker {
  background-color: rgba(0, 0, 0, 0.5);
}

.phoenix-modal__masker.maskerTransition-enter, .phoenix-modal__masker.maskerTransition-appear {
  opacity: 0;
}

.phoenix-modal__masker.maskerTransition-enter-active, .phoenix-modal__masker.maskerTransition-appear-active {
  opacity: 1;
  transition: opacity 0.2s linear 0s;
}

.phoenix-modal__masker.maskerTransition-enter-done, .phoenix-modal__masker.maskerTransition-appear-done {
  display: block;
}

.phoenix-modal__masker.maskerTransition-exit {
  opacity: 1;
}

.phoenix-modal__masker.maskerTransition-exit-active {
  opacity: 0;
  transition: opacity 0.2s linear 0s;
}

.phoenix-modal__masker.maskerTransition-exit-done {
  display: none;
}

.phoenix-modal__wrapper {
  position: relative;
  top: auto;
  left: auto;
  display: flex;
  flex-direction: column;
  width: 60%;
  min-width: 600px;
  max-width: 660px;
  min-height: 220px;
  max-height: 90%;
}

.phoenix-modal__wrapper.modalTransition-enter, .phoenix-modal__wrapper.modalTransition-appear {
  transform: scale(0, 0);
}

.phoenix-modal__wrapper.modalTransition-enter-active, .phoenix-modal__wrapper.modalTransition-appear-active {
  transform: scale(1, 1);
  transition: transform 0.2s linear 0s;
}

.phoenix-modal__wrapper.modalTransition-exit {
  transform: scale(1, 1);
}

.phoenix-modal__wrapper.modalTransition-exit-active {
  transform: scale(0, 0);
  transition: transform 0.2s linear 0s;
}

.phoenix-modal__wrapper > div {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}

.phoenix-modal__close {
  position: absolute;
  top: 13px;
  right: 20px;
  display: flex;
  width: 14px;
  height: 14px;
  padding: 0;
  border: 0;
  outline: none;
  background-color: transparent;
}

.phoenix-modal__close > span {
  margin-top: -4px;
  margin-left: -3px;
  font-size: 20px;
}

.phoenix-modal__close:hover:not(:active) > span {
  opacity: 0.7;
}

.phoenix-modal__content {
  position: relative;
  flex: 1 1 auto;
  height: 100%;
  overflow: auto;
}
/**
 * file: style.scss
 * author: huangxiaolong@beisen.com
 * date: 2019/6/27
 */
@-webkit-keyframes rcToolTipZoomIn {
  0% {
    opacity: 0;
    transform: scale(0.2);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@-moz-keyframes rcToolTipZoomIn {
  0% {
    opacity: 0;
    transform: scale(0.2);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@-o-keyframes rcToolTipZoomIn {
  0% {
    opacity: 0;
    transform: scale(0.2);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes rcToolTipZoomIn {
  0% {
    opacity: 0;
    transform: scale(0.2);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@-webkit-keyframes rcToolTipZoomOut {
  0% {
    opacity: 0;
    transform: scale(0.2);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@-moz-keyframes rcToolTipZoomOut {
  0% {
    opacity: 0;
    transform: scale(0.2);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@-o-keyframes rcToolTipZoomOut {
  0% {
    opacity: 0;
    transform: scale(0.2);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes rcToolTipZoomOut {
  0% {
    opacity: 0;
    transform: scale(0.2);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

.phoenix-tooltip {
  position: absolute;
  z-index: 1500;
  display: block;
  visibility: visible;
  font-size: 12px;
  line-height: 20px;
  font-family: "PingFang SC", "Hiragino Sans GB", STHeitiSC, Helvetica, "Helvetica Neue", "Microsoft YaHei", Tahoma;
}

.phoenix-tooltip.phoenix-tooltip-hidden {
  display: none;
}

.phoenix-tooltip.phoenix-tooltip-placement-top, .phoenix-tooltip.phoenix-tooltip-placement-topLeft, .phoenix-tooltip.phoenix-tooltip-placement-topRight {
  padding: 5px 0 5px 0;
}

.phoenix-tooltip.phoenix-tooltip-placement-right, .phoenix-tooltip.phoenix-tooltip-placement-rightTop, .phoenix-tooltip.phoenix-tooltip-placement-rightBottom {
  padding: 0 5px 0 5px;
}

.phoenix-tooltip.phoenix-tooltip-placement-bottom, .phoenix-tooltip.phoenix-tooltip-placement-bottomLeft, .phoenix-tooltip.phoenix-tooltip-placement-bottomRight {
  padding: 5px 0 5px 0;
}

.phoenix-tooltip.phoenix-tooltip-placement-left, .phoenix-tooltip.phoenix-tooltip-placement-leftTop, .phoenix-tooltip.phoenix-tooltip-placement-leftBottom {
  padding: 0 5px 0 5px;
}

.phoenix-tooltip .phoenix-tooltip-inner {
  padding: 4px 10px;
  color: #fff;
  text-align: left;
  text-decoration: none;
  background-color: #33383D;
  border-radius: 3px;
}

.phoenix-tooltip .phoenix-tooltip-inner .content-box {
  max-width: 280px;
  max-height: 100px;
  word-wrap: break-word;
  word-break: break-all;
  overflow: hidden;
  font-size: 12px;
  line-height: 20px;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}

.phoenix-tooltip .phoenix-tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.phoenix-tooltip.phoenix-tooltip-placement-top .phoenix-tooltip-arrow,
  .phoenix-tooltip.phoenix-tooltip-placement-topLeft .phoenix-tooltip-arrow,
  .phoenix-tooltip.phoenix-tooltip-placement-topRight .phoenix-tooltip-arrow {
  bottom: 0;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #33383D;
}

.phoenix-tooltip.phoenix-tooltip-placement-top .phoenix-tooltip-arrow {
  left: 50%;
}

.phoenix-tooltip.phoenix-tooltip-placement-topLeft .phoenix-tooltip-arrow {
  left: 15%;
}

.phoenix-tooltip.phoenix-tooltip-placement-topRight .phoenix-tooltip-arrow {
  right: 15%;
}

.phoenix-tooltip.phoenix-tooltip-placement-right .phoenix-tooltip-arrow,
  .phoenix-tooltip.phoenix-tooltip-placement-rightTop .phoenix-tooltip-arrow,
  .phoenix-tooltip.phoenix-tooltip-placement-rightBottom .phoenix-tooltip-arrow {
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #33383D;
}

.phoenix-tooltip.phoenix-tooltip-placement-right .phoenix-tooltip-arrow {
  top: 50%;
}

.phoenix-tooltip.phoenix-tooltip-placement-rightTop .phoenix-tooltip-arrow {
  top: 15%;
  margin-top: 0;
}

.phoenix-tooltip.phoenix-tooltip-placement-rightBottom .phoenix-tooltip-arrow {
  bottom: 15%;
}

.phoenix-tooltip.phoenix-tooltip-placement-left .phoenix-tooltip-arrow,
  .phoenix-tooltip.phoenix-tooltip-placement-leftTop .phoenix-tooltip-arrow,
  .phoenix-tooltip.phoenix-tooltip-placement-leftBottom .phoenix-tooltip-arrow {
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #33383D;
}

.phoenix-tooltip.phoenix-tooltip-placement-left .phoenix-tooltip-arrow {
  top: 50%;
}

.phoenix-tooltip.phoenix-tooltip-placement-leftTop .phoenix-tooltip-arrow {
  top: 15%;
  margin-top: 0;
}

.phoenix-tooltip.phoenix-tooltip-placement-leftBottom .phoenix-tooltip-arrow {
  bottom: 15%;
}

.phoenix-tooltip.phoenix-tooltip-placement-bottom .phoenix-tooltip-arrow,
  .phoenix-tooltip.phoenix-tooltip-placement-bottomLeft .phoenix-tooltip-arrow,
  .phoenix-tooltip.phoenix-tooltip-placement-bottomRight .phoenix-tooltip-arrow {
  top: 0;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #33383D;
}

.phoenix-tooltip.phoenix-tooltip-placement-bottom .phoenix-tooltip-arrow {
  left: 50%;
}

.phoenix-tooltip.phoenix-tooltip-placement-bottomLeft .phoenix-tooltip-arrow {
  left: 15%;
}

.phoenix-tooltip.phoenix-tooltip-placement-bottomRight .phoenix-tooltip-arrow {
  right: 15%;
}

.phoenix-tooltip.phoenix-tooltip-zoom-enter, .phoenix-tooltip.phoenix-tooltip-zoom-leave {
  display: block;
}

.phoenix-tooltip.phoenix-tooltip-zoom-enter, .phoenix-tooltip.phoenix-tooltip-zoom-appear {
  opacity: 0;
  animation-duration: 0.1s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  animation-play-state: paused;
}

.phoenix-tooltip.phoenix-tooltip-zoom-leave {
  animation-duration: 0.1s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
  animation-play-state: paused;
}

.phoenix-tooltip.phoenix-tooltip-zoom-enter.phoenix-tooltip-zoom-enter-active, .phoenix-tooltip.phoenix-tooltip-zoom-appear.phoenix-tooltip-zoom-appear-active {
  animation-name: rcToolTipZoomIn;
  animation-play-state: running;
}

.phoenix-tooltip.phoenix-tooltip-zoom-leave.phoenix-tooltip-zoom-leave-active {
  animation-name: rcToolTipZoomOut;
  animation-play-state: running;
}
.phoenix-checkbox {
  line-height: 20px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  font-family: "PingFang SC", "Hiragino Sans GB", STHeitiSC, Helvetica, "Helvetica Neue", "Microsoft YaHei", Tahoma;
  font-size: 12px;
  margin: 0;
  padding: 0;
  cursor: pointer;
}

.phoenix-checkbox--disabled {
  cursor: not-allowed;
}

.phoenix-checkbox__box {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  position: relative;
  display: block;
  outline: none;
  cursor: pointer;
}

.phoenix-checkbox__box::after {
  opacity: 0;
  transform: rotate(0) scale(1) translate(-50%, -50%);
  border: none;
  width: 0px;
  top: 50%;
  left: 50%;
  height: 1px;
  background-color: #fff;
  position: absolute;
  display: table;
  content: ' ';
  transition: all .2s ease-in .1s;
}

.phoenix-checkbox__box--partialChecked::after {
  opacity: 1;
  width: 8px;
  transition: all 0.4s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
}

.phoenix-checkbox__input {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}

.phoenix-checkbox__input--disabled {
  cursor: not-allowed;
}

.phoenix-checkbox__realInput {
  border: 1px solid rgba(191, 195, 199, 0.7);
  background-color: rgba(255, 255, 255, 0.7);
  position: relative;
  top: 0;
  left: 0;
  display: block;
  width: 12px;
  height: 12px;
  border-radius: 2px;
  border-collapse: separate;
  transition: all .3s;
}

.phoenix-checkbox__realInput--checked, .phoenix-checkbox__realInput--partialChecked {
  background-color: #1d86f0;
  border: 1px solid #1d86f0;
}

.phoenix-checkbox__realInput--disabled {
  background-color: rgba(230, 232, 235, 0.3);
  border: 1px solid rgba(191, 195, 199, 0.5);
}

.phoenix-checkbox__realInput--disabledChecked {
  background-color: rgba(29, 134, 240, 0.5);
  border: 1px solid rgba(29, 134, 240, 0);
}

.phoenix-checkbox__realInput::after {
  position: absolute;
  top: 1px;
  left: 4px;
  width: 3px;
  height: 6px;
  border: 1px solid #fff;
  border-top: 0;
  border-left: 0;
  opacity: 0;
  transform: rotate(45deg) scale(0);
  transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
  content: ' ';
}

.phoenix-checkbox__realInput--checked::after {
  transform: rotate(45deg) scale(1);
  transition: all 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
  opacity: 1;
}

.phoenix-checkbox__text {
  margin-left: 4px;
  color: #565e66;
  display: block;
  font-family: "PingFang SC", "Hiragino Sans GB", STHeitiSC, Helvetica, "Helvetica Neue", "Microsoft YaHei", Tahoma;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.phoenix-checkbox__text--disabled {
  color: #bfc3c7;
}

.phoenix-checkbox:hover .phoenix-checkbox__realInput {
  border: 1px solid #1d86f0;
}

.phoenix-checkbox:hover .phoenix-checkbox__realInput--checked, .phoenix-checkbox:hover .phoenix-checkbox__realInput--partialChecked {
  border: 1px solid #106ecc;
  background-color: #106ecc;
}

.phoenix-checkbox:hover .phoenix-checkbox__realInput--disabled {
  background-color: rgba(230, 232, 235, 0.3);
  border: 1px solid rgba(191, 195, 199, 0.5);
}

.phoenix-checkbox:hover .phoenix-checkbox__realInput--disabledChecked {
  background-color: rgba(29, 134, 240, 0.5);
  border: 1px solid rgba(29, 134, 240, 0);
}
.set-display-field {
  min-height: 230px;
  padding: 24px 8%;
}

.set-display-field-info {
  display: inline-block;
  font-size: 12px;
  color: #bfc3c7;
  margin-bottom: 13px;
}

.set-display-field-contents {
  font-size: 12px;
  line-height: 20px;
  min-height: 220px;
  overflow: auto;
  border: 1px solid #e6e8eb;
  border-radius: 3px;
  padding: 16px;
}

.set-display-field-item {
  margin-bottom: 10px;
}

.set-display-field-message {
  position: absolute;
  left: 50%;
  top: 8px;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
@keyframes scan {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@-ms-keyframes scan {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@-moz-keyframes scan {
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes scan {
  100% {
    opacity: 0;
  }
}

@-o-keyframes scan {
  100% {
    opacity: 0;
  }
}

rect.one {
  -webkit-animation: scan 0.9s linear 0s infinite;
  -moz-animation: scan 0.9s linear 0s infinite;
  -ms-animation: scan 0.9s linear 0s infinite;
  -o-animation: scan 0.9s linear 0s infinite;
  animation: scan 0.9s linear 0s infinite;
}

rect.two {
  -webkit-animation: scan 0.9s linear 0.1125s infinite;
  -moz-animation: scan 0.9s linear 0.1125s infinite;
  -ms-animation: scan 0.9s linear 0.1125s infinite;
  -o-animation: scan 0.9s linear 0.1125s infinite;
  animation: scan 0.9s linear 0.1125s infinite;
}

rect.three {
  -webkit-animation: scan 0.9s linear 0.225s infinite;
  -moz-animation: scan 0.9s linear 0.225s infinite;
  -ms-animation: scan 0.9s linear 0.225s infinite;
  -o-animation: scan 0.9s linear 0.225s infinite;
  animation: scan 0.9s linear 0.225s infinite;
}

rect.four {
  -webkit-animation: scan 0.9s linear 0.3375s infinite;
  -moz-animation: scan 0.9s linear 0.3375s infinite;
  -ms-animation: scan 0.9s linear 0.3375s infinite;
  -o-animation: scan 0.9s linear 0.3375s infinite;
  animation: scan 0.9s linear 0.3375s infinite;
}

rect.five {
  -webkit-animation: scan 0.9s linear 0.45s infinite;
  -moz-animation: scan 0.9s linear 0.45s infinite;
  -ms-animation: scan 0.9s linear 0.45s infinite;
  -o-animation: scan 0.9s linear 0.45s infinite;
  animation: scan 0.9s linear 0.45s infinite;
}

rect.six {
  -webkit-animation: scan 0.9s linear 0.5625s infinite;
  -moz-animation: scan 0.9s linear 0.5625s infinite;
  -ms-animation: scan 0.9s linear 0.5625s infinite;
  -o-animation: scan 0.9s linear 0.5625s infinite;
  animation: scan 0.9s linear 0.5625s infinite;
}

rect.seven {
  -webkit-animation: scan 0.9s linear 0.675s infinite;
  -moz-animation: scan 0.9s linear 0.675s infinite;
  -ms-animation: scan 0.9s linear 0.675s infinite;
  -o-animation: scan 0.9s linear 0.675s infinite;
  animation: scan 0.9s linear 0.675s infinite;
}

rect.eight {
  -webkit-animation: scan 0.9s linear 0.7875s infinite;
  -moz-animation: scan 0.9s linear 0.7875s infinite;
  -ms-animation: scan 0.9s linear 0.7875s infinite;
  -o-animation: scan 0.9s linear 0.7875s infinite;
  animation: scan 0.9s linear 0.7875s infinite;
}
/**
 * file: style.scss
 * author: huangxiaolong@beisen.com
 * date: 2019/6/27
 */
@-webkit-keyframes rcToolTipZoomIn {
  0% {
    opacity: 0;
    transform: scale(0.2);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@-moz-keyframes rcToolTipZoomIn {
  0% {
    opacity: 0;
    transform: scale(0.2);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@-o-keyframes rcToolTipZoomIn {
  0% {
    opacity: 0;
    transform: scale(0.2);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes rcToolTipZoomIn {
  0% {
    opacity: 0;
    transform: scale(0.2);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@-webkit-keyframes rcToolTipZoomOut {
  0% {
    opacity: 0;
    transform: scale(0.2);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@-moz-keyframes rcToolTipZoomOut {
  0% {
    opacity: 0;
    transform: scale(0.2);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@-o-keyframes rcToolTipZoomOut {
  0% {
    opacity: 0;
    transform: scale(0.2);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes rcToolTipZoomOut {
  0% {
    opacity: 0;
    transform: scale(0.2);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

.phoenix-tooltip {
  position: absolute;
  z-index: 1500;
  display: block;
  visibility: visible;
  font-size: 12px;
  line-height: 20px;
  font-family: "PingFang SC", "Hiragino Sans GB", STHeitiSC, Helvetica, "Helvetica Neue", "Microsoft YaHei", Tahoma;
}

.phoenix-tooltip.phoenix-tooltip-hidden {
  display: none;
}

.phoenix-tooltip.phoenix-tooltip-placement-top, .phoenix-tooltip.phoenix-tooltip-placement-topLeft, .phoenix-tooltip.phoenix-tooltip-placement-topRight {
  padding: 5px 0 5px 0;
}

.phoenix-tooltip.phoenix-tooltip-placement-right, .phoenix-tooltip.phoenix-tooltip-placement-rightTop, .phoenix-tooltip.phoenix-tooltip-placement-rightBottom {
  padding: 0 5px 0 5px;
}

.phoenix-tooltip.phoenix-tooltip-placement-bottom, .phoenix-tooltip.phoenix-tooltip-placement-bottomLeft, .phoenix-tooltip.phoenix-tooltip-placement-bottomRight {
  padding: 5px 0 5px 0;
}

.phoenix-tooltip.phoenix-tooltip-placement-left, .phoenix-tooltip.phoenix-tooltip-placement-leftTop, .phoenix-tooltip.phoenix-tooltip-placement-leftBottom {
  padding: 0 5px 0 5px;
}

.phoenix-tooltip .phoenix-tooltip-inner {
  padding: 4px 10px;
  color: #fff;
  text-align: left;
  text-decoration: none;
  background-color: #33383D;
  border-radius: 3px;
}

.phoenix-tooltip .phoenix-tooltip-inner .content-box {
  max-width: 396px;
  max-height: 280px;
  word-wrap: break-word;
  word-break: break-word;
  overflow: hidden;
  font-size: 12px;
  line-height: 20px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.phoenix-tooltip .phoenix-tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.phoenix-tooltip.phoenix-tooltip-placement-top .phoenix-tooltip-arrow,
  .phoenix-tooltip.phoenix-tooltip-placement-topLeft .phoenix-tooltip-arrow,
  .phoenix-tooltip.phoenix-tooltip-placement-topRight .phoenix-tooltip-arrow {
  bottom: 0;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #33383D;
}

.phoenix-tooltip.phoenix-tooltip-placement-top .phoenix-tooltip-arrow {
  left: 50%;
}

.phoenix-tooltip.phoenix-tooltip-placement-topLeft .phoenix-tooltip-arrow {
  left: calc(15%);
}

.phoenix-tooltip.phoenix-tooltip-placement-topRight .phoenix-tooltip-arrow {
  right: 15%;
}

.phoenix-tooltip.phoenix-tooltip-placement-right .phoenix-tooltip-arrow,
  .phoenix-tooltip.phoenix-tooltip-placement-rightTop .phoenix-tooltip-arrow,
  .phoenix-tooltip.phoenix-tooltip-placement-rightBottom .phoenix-tooltip-arrow {
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #33383D;
}

.phoenix-tooltip.phoenix-tooltip-placement-right .phoenix-tooltip-arrow {
  top: 50%;
}

.phoenix-tooltip.phoenix-tooltip-placement-rightTop .phoenix-tooltip-arrow {
  top: 15%;
  margin-top: 0;
}

.phoenix-tooltip.phoenix-tooltip-placement-rightBottom .phoenix-tooltip-arrow {
  bottom: 15%;
}

.phoenix-tooltip.phoenix-tooltip-placement-left .phoenix-tooltip-arrow,
  .phoenix-tooltip.phoenix-tooltip-placement-leftTop .phoenix-tooltip-arrow,
  .phoenix-tooltip.phoenix-tooltip-placement-leftBottom .phoenix-tooltip-arrow {
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #33383D;
}

.phoenix-tooltip.phoenix-tooltip-placement-left .phoenix-tooltip-arrow {
  top: 50%;
}

.phoenix-tooltip.phoenix-tooltip-placement-leftTop .phoenix-tooltip-arrow {
  top: 15%;
  margin-top: 0;
}

.phoenix-tooltip.phoenix-tooltip-placement-leftBottom .phoenix-tooltip-arrow {
  bottom: 15%;
}

.phoenix-tooltip.phoenix-tooltip-placement-bottom .phoenix-tooltip-arrow,
  .phoenix-tooltip.phoenix-tooltip-placement-bottomLeft .phoenix-tooltip-arrow,
  .phoenix-tooltip.phoenix-tooltip-placement-bottomRight .phoenix-tooltip-arrow {
  top: 0;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #33383D;
}

.phoenix-tooltip.phoenix-tooltip-placement-bottom .phoenix-tooltip-arrow {
  left: 50%;
}

.phoenix-tooltip.phoenix-tooltip-placement-bottomLeft .phoenix-tooltip-arrow {
  left: 15%;
}

.phoenix-tooltip.phoenix-tooltip-placement-bottomRight .phoenix-tooltip-arrow {
  right: calc(15% - 5px);
}

.phoenix-tooltip.phoenix-tooltip-zoom-enter, .phoenix-tooltip.phoenix-tooltip-zoom-leave {
  display: block;
}

.phoenix-tooltip.phoenix-tooltip-zoom-enter, .phoenix-tooltip.phoenix-tooltip-zoom-appear {
  opacity: 0;
  animation-duration: 0.1s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  animation-play-state: paused;
}

.phoenix-tooltip.phoenix-tooltip-zoom-leave {
  animation-duration: 0.1s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
  animation-play-state: paused;
}

.phoenix-tooltip.phoenix-tooltip-zoom-enter.phoenix-tooltip-zoom-enter-active, .phoenix-tooltip.phoenix-tooltip-zoom-appear.phoenix-tooltip-zoom-appear-active {
  animation-name: rcToolTipZoomIn;
  animation-play-state: running;
}

.phoenix-tooltip.phoenix-tooltip-zoom-leave.phoenix-tooltip-zoom-leave-active {
  animation-name: rcToolTipZoomOut;
  animation-play-state: running;
}
.phoenix-button {
  display: inline-block;
}

.phoenix-button__wraper {
  font-family: "PingFang SC", "Hiragino Sans GB", STHeitiSC, Helvetica, "Helvetica Neue", "Microsoft YaHei", Tahoma;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  max-width: inherit;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
  border-radius: 3px;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  outline: none;
}

.phoenix-button__wraper--primary {
  color: white;
  border: 1px solid transparent;
  background-color: #1d86f0;
}

.phoenix-button__wraper--primary:hover {
  background-color: #5cadff;
}

.phoenix-button__wraper--primary:active, .phoenix-button__wraper--primary.active {
  background-color: #106ecc;
}

.phoenix-button__wraper--secondary {
  color: #106ecc;
  border: 1px solid #85c2ff;
  background-color: white;
}

.phoenix-button__wraper--secondary .phoenix-button__suffixIcon {
  color: #1d86f0;
}

.phoenix-button__wraper--secondary .phoenix-button__preIcon {
  color: #1d86f0;
}

.phoenix-button__wraper--secondary:hover {
  color: #1d86f0;
  background-color: rgba(133, 194, 255, 0.1);
}

.phoenix-button__wraper--secondary:hover .phoenix-button__suffixIcon {
  color: #106ecc;
}

.phoenix-button__wraper--secondary:hover .phoenix-button__preIcon {
  color: #106ecc;
}

.phoenix-button__wraper--secondary:active, .phoenix-button__wraper--secondary.active {
  color: #106ecc;
  background-color: rgba(133, 194, 255, 0.2);
  border: 1px solid #85c2ff;
}

.phoenix-button__wraper--secondary:active .phoenix-button__suffixIcon, .phoenix-button__wraper--secondary.active .phoenix-button__suffixIcon {
  color: #1d86f0;
}

.phoenix-button__wraper--secondary:active .phoenix-button__preIcon, .phoenix-button__wraper--secondary.active .phoenix-button__preIcon {
  color: #1d86f0;
}

.phoenix-button__wraper--normal {
  color: #33383d;
  border: 1px solid #e6e8eb;
  background-color: white;
}

.phoenix-button__wraper--normal .phoenix-button__suffixIcon {
  color: #83898f;
}

.phoenix-button__wraper--normal .phoenix-button__preIcon {
  color: #83898f;
}

.phoenix-button__wraper--normal:hover {
  color: #106ecc;
  border: 1px solid #85c2ff;
  background-color: rgba(133, 194, 255, 0.1);
}

.phoenix-button__wraper--normal:hover .phoenix-button__suffixIcon {
  color: #106ecc;
}

.phoenix-button__wraper--normal:hover .phoenix-button__preIcon {
  color: #106ecc;
}

.phoenix-button__wraper--normal:active, .phoenix-button__wraper--normal.active {
  color: #106ecc;
  border: 1px solid #85c2ff;
  background-color: rgba(133, 194, 255, 0.2);
}

.phoenix-button__wraper--normal:active .phoenix-button__suffixIcon, .phoenix-button__wraper--normal.active .phoenix-button__suffixIcon {
  color: #1d86f0;
}

.phoenix-button__wraper--normal:active .phoenix-button__preIcon, .phoenix-button__wraper--normal.active .phoenix-button__preIcon {
  color: #1d86f0;
}

.phoenix-button__wraper--super {
  min-width: 96px;
  height: 40px;
  padding: 0 30px 0 30px;
  font-size: 18px;
  line-height: 26px;
}

.phoenix-button__wraper--big {
  min-width: 60px;
  height: 32px;
  padding: 0 16px 0 16px;
  font-size: 14px;
}

.phoenix-button__wraper--middle {
  min-width: 48px;
  height: 30px;
  padding: 0 12px 0 12px;
  font-size: 12px;
  line-height: 20px;
}

.phoenix-button__wraper--small {
  min-width: 44px;
  height: 26px;
  padding: 0 10px 0 10px;
  font-size: 12px;
  line-height: 20px;
}

.phoenix-button__wraper--primaryDisable {
  cursor: not-allowed;
  background-color: rgba(29, 134, 240, 0.5);
}

.phoenix-button__wraper--primaryDisable:hover {
  background-color: rgba(29, 134, 240, 0.5);
}

.phoenix-button__wraper--primaryDisable:active, .phoenix-button__wraper--primaryDisable.active {
  background-color: rgba(29, 134, 240, 0.5);
}

.phoenix-button__wraper--primaryLoading {
  background-color: rgba(29, 134, 240, 0.5);
}

.phoenix-button__wraper--primaryLoading:hover {
  background-color: rgba(29, 134, 240, 0.5);
}

.phoenix-button__wraper--primaryLoading:active, .phoenix-button__wraper--primaryLoading.active {
  background-color: rgba(29, 134, 240, 0.5);
}

.phoenix-button__wraper--secondaryLoading {
  color: rgba(16, 110, 204, 0.5);
  background-color: white;
  border: 1px solid rgba(133, 194, 255, 0.5);
}

.phoenix-button__wraper--secondaryLoading svg {
  color: rgba(29, 134, 240, 0.9);
}

.phoenix-button__wraper--secondaryLoading:hover {
  color: rgba(16, 110, 204, 0.5);
  background-color: white;
  border: 1px solid rgba(92, 173, 255, 0.5);
}

.phoenix-button__wraper--secondaryLoading:active, .phoenix-button__wraper--secondaryLoading.active {
  color: rgba(16, 110, 204, 0.5);
  background-color: white;
  border: 1px solid rgba(92, 173, 255, 0.5);
}

.phoenix-button__wraper--secondaryDisable {
  color: rgba(16, 110, 204, 0.5);
  background-color: white;
  border: 1px solid rgba(133, 194, 255, 0.5);
  cursor: not-allowed;
}

.phoenix-button__wraper--secondaryDisable .phoenix-button__suffixIcon {
  color: rgba(29, 134, 240, 0.5);
}

.phoenix-button__wraper--secondaryDisable .phoenix-button__preIcon {
  color: rgba(29, 134, 240, 0.5);
}

.phoenix-button__wraper--secondaryDisable:hover {
  color: rgba(16, 110, 204, 0.5);
  background-color: white;
  border: 1px solid rgba(92, 173, 255, 0.5);
}

.phoenix-button__wraper--secondaryDisable:hover .phoenix-button__suffixIcon {
  color: rgba(29, 134, 240, 0.5);
}

.phoenix-button__wraper--secondaryDisable:hover .phoenix-button__preIcon {
  color: rgba(29, 134, 240, 0.5);
}

.phoenix-button__wraper--secondaryDisable:active, .phoenix-button__wraper--secondaryDisable.active {
  color: rgba(16, 110, 204, 0.5);
  background-color: white;
  border: 1px solid rgba(92, 173, 255, 0.5);
}

.phoenix-button__wraper--secondaryDisable:active .phoenix-button__suffixIcon, .phoenix-button__wraper--secondaryDisable.active .phoenix-button__suffixIcon {
  color: rgba(29, 134, 240, 0.5);
}

.phoenix-button__wraper--secondaryDisable:active .phoenix-button__preIcon, .phoenix-button__wraper--secondaryDisable.active .phoenix-button__preIcon {
  color: rgba(29, 134, 240, 0.5);
}

.phoenix-button__wraper--normalLoading {
  color: #bfc3c7;
  background-color: rgba(230, 232, 235, 0.3);
  border: 1px solid #e6e8eb;
}

.phoenix-button__wraper--normalLoading svg {
  color: rgba(131, 137, 143, 0.9);
}

.phoenix-button__wraper--normalLoading:hover {
  color: #bfc3c7;
  background-color: rgba(230, 232, 235, 0.3);
  border: 1px solid #e6e8eb;
}

.phoenix-button__wraper--normalLoading:active, .phoenix-button__wraper--normalLoading.active {
  color: #bfc3c7;
  background-color: rgba(230, 232, 235, 0.3);
  border: 1px solid #e6e8eb;
}

.phoenix-button__wraper--normalDisable {
  color: #bfc3c7;
  background-color: rgba(230, 232, 235, 0.3);
  border: 1px solid #e6e8eb;
  cursor: not-allowed;
}

.phoenix-button__wraper--normalDisable:hover, .phoenix-button__wraper--normalDisable:active, .phoenix-button__wraper--normalDisable.active {
  color: #bfc3c7;
  background-color: rgba(230, 232, 235, 0.3);
  border: 1px solid #e6e8eb;
}

.phoenix-button__wraper--normalDisable:hover .phoenix-button__suffixIcon, .phoenix-button__wraper--normalDisable:active .phoenix-button__suffixIcon, .phoenix-button__wraper--normalDisable.active .phoenix-button__suffixIcon {
  color: #83898f;
}

.phoenix-button__wraper--normalDisable:hover .phoenix-button__preIcon, .phoenix-button__wraper--normalDisable:active .phoenix-button__preIcon, .phoenix-button__wraper--normalDisable.active .phoenix-button__preIcon {
  color: #83898f;
}

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

.phoenix-button__loading {
  margin-right: 4px;
}

.phoenix-button__preIcon {
  align-items: center;
  margin-right: 4px;
  width: auto;
  line-height: 0;
  font-size: 0;
}

.phoenix-button__preIcon svg {
  vertical-align: middle;
  width: 14px;
  height: 14px;
}

.phoenix-button__suffixIcon {
  align-items: center;
  margin-left: 4px;
  width: auto;
  line-height: 0;
}

.phoenix-button__suffixIcon svg {
  vertical-align: middle;
  width: 12px;
  height: 12px;
}
.phoenix-button-group {
  font-family: "PingFang SC", "Hiragino Sans GB", STHeitiSC, Helvetica, "Helvetica Neue", "Microsoft YaHei", Tahoma;
  position: relative;
  display: inline-block;
}

.phoenix-button-group__item {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
  float: left;
  min-width: 56px;
  margin-left: -1px;
  font-size: 12px;
  line-height: 20px;
  z-index: 0;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.phoenix-button-group__item.active {
  z-index: 1;
}

.phoenix-button-group__item.big {
  padding-left: 12px;
  padding-right: 12px;
  height: 30px;
}

.phoenix-button-group__item.small {
  padding-left: 10px;
  padding-right: 10px;
  height: 26px;
}

.phoenix-button-group__item.primary {
  color: #106ecc;
  border: 1px solid #5cadff;
  background-color: white;
}

.phoenix-button-group__item.primary:hover {
  color: #106ecc;
  border: 1px solid #5cadff;
  background-color: rgba(133, 194, 255, 0.1);
}

.phoenix-button-group__item.primary.disable {
  color: rgba(16, 110, 204, 0.5);
  border: 1px solid #5cadff;
  background-color: rgba(255, 255, 255, 0.5);
  cursor: not-allowed;
}

.phoenix-button-group__item.primary.disable:hover {
  color: rgba(16, 110, 204, 0.5);
  border: 1px solid #5cadff;
  background-color: rgba(255, 255, 255, 0.5);
}

.phoenix-button-group__item.primary.active {
  color: white;
  border: 1px solid #1d86f0;
  background-color: #1d86f0;
}

.phoenix-button-group__item.primary.active:hover {
  color: white;
  border: 1px solid #5cadff;
  background-color: #5cadff;
  z-index: 2;
}

.phoenix-button-group__item.primary.active.disable {
  color: white;
  border: 1px solid #5cadff;
  background-color: rgba(29, 134, 240, 0.5);
  cursor: not-allowed;
}

.phoenix-button-group__item.primary.active.disable:hover {
  color: white;
  border: 1px solid #5cadff;
  background-color: rgba(29, 134, 240, 0.5);
}

.phoenix-button-group__item.secondary {
  color: #33383d;
  border: 1px solid #bfc3c7;
  background-color: white;
}

.phoenix-button-group__item.secondary:hover {
  color: #106ecc;
  border: 1px solid #bfc3c7;
  background-color: white;
}

.phoenix-button-group__item.secondary.disable {
  color: #bfc3c7;
  border: 1px solid #bfc3c7;
  background-color: rgba(230, 232, 235, 0.3);
  cursor: not-allowed;
}

.phoenix-button-group__item.secondary.disable:hover {
  color: #bfc3c7;
  border: 1px solid #bfc3c7;
  background-color: rgba(230, 232, 235, 0.3);
}

.phoenix-button-group__item.secondary.active {
  color: #106ecc;
  border: 1px solid #5cadff;
  background-color: white;
}

.phoenix-button-group__item.secondary.active:hover {
  color: #106ecc;
  border: 1px solid #5cadff;
  background-color: rgba(133, 194, 255, 0.1);
  z-index: 2;
}

.phoenix-button-group__item.secondary.active.disable {
  color: rgba(16, 110, 204, 0.5);
  border: 1px solid #5cadff;
  background-color: white;
  cursor: not-allowed;
}

.phoenix-button-group__item.secondary.active.disable:hover {
  color: rgba(16, 110, 204, 0.5);
  border: 1px solid #5cadff;
  background-color: white;
}

.phoenix-button-group__item:first-child {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  margin-left: 0px;
}

.phoenix-button-group__item:last-child {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.phoenix-button-group__item:active:first-child {
  margin-left: 0px;
}
.phoenix-icon-button {
  font-family: "PingFang SC", "Hiragino Sans GB", STHeitiSC, Helvetica, "Helvetica Neue", "Microsoft YaHei", Tahoma;
  box-sizing: border-box;
  display: inline-flex;
  border-radius: 3px;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  width: 24px;
  height: 24px;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.phoenix-icon-button svg {
  pointer-events: none;
}

.phoenix-icon-button.primary {
  color: #1d86f0;
  border: none;
}

.phoenix-icon-button.primary:hover {
  color: #5cadff;
}

.phoenix-icon-button.primary:active {
  color: #106ecc;
}

.phoenix-icon-button.primary.disable {
  cursor: not-allowed;
  color: rgba(29, 134, 240, 0.5);
}

.phoenix-icon-button.primary.loading {
  color: rgba(29, 134, 240, 0.9);
}

.phoenix-icon-button.primary.loading:active, .phoenix-icon-button.primary.loading:hover {
  color: rgba(29, 134, 240, 0.9);
}

.phoenix-icon-button.primary.border {
  border: none;
  color: white;
  background-color: #1d86f0;
  width: 30px;
  height: 30px;
}

.phoenix-icon-button.primary.border:hover {
  background-color: #5cadff;
}

.phoenix-icon-button.primary.border:active {
  background-color: #106ecc;
}

.phoenix-icon-button.primary.border.disable {
  background-color: rgba(29, 134, 240, 0.5);
  cursor: not-allowed;
}

.phoenix-icon-button.primary.border.disable:hover {
  background-color: rgba(29, 134, 240, 0.5);
}

.phoenix-icon-button.primary.border.disable:active {
  background-color: rgba(29, 134, 240, 0.5);
}

.phoenix-icon-button.primary.border.loading {
  background-color: rgba(29, 134, 240, 0.5);
}

.phoenix-icon-button.primary.border.loading:hover {
  background-color: rgba(29, 134, 240, 0.5);
}

.phoenix-icon-button.primary.border.loading:active {
  background-color: rgba(29, 134, 240, 0.5);
}

.phoenix-icon-button.secondary {
  color: #83898f;
  border: none;
  background-color: white;
}

.phoenix-icon-button.secondary:hover {
  color: #5cadff;
}

.phoenix-icon-button.secondary:active {
  color: #106ecc;
}

.phoenix-icon-button.secondary.disable {
  color: #bfc3c7;
  cursor: not-allowed;
}

.phoenix-icon-button.secondary.loading {
  color: #83898f;
}

.phoenix-icon-button.secondary.border {
  width: 30px;
  height: 30px;
  background-color: white;
  border: 1px solid #85c2ff;
  color: #1d86f0;
}

.phoenix-icon-button.secondary.border:hover {
  background-color: rgba(133, 194, 255, 0.1);
}

.phoenix-icon-button.secondary.border:active {
  background-color: rgba(133, 194, 255, 0.2);
}

.phoenix-icon-button.secondary.border.disable {
  cursor: not-allowed;
  background-color: white;
  border: 1px solid rgba(133, 194, 255, 0.5);
  color: rgba(29, 134, 240, 0.5);
}

.phoenix-icon-button.secondary.border.disable:hover {
  background-color: white;
  border: 1px solid rgba(133, 194, 255, 0.5);
  color: rgba(29, 134, 240, 0.5);
}

.phoenix-icon-button.secondary.border.disable:active {
  background-color: white;
  border: 1px solid rgba(133, 194, 255, 0.5);
  color: rgba(29, 134, 240, 0.5);
}

.phoenix-icon-button.secondary.border.loading {
  background-color: white;
  border: 1px solid #85c2ff;
  color: #1d86f0;
}

.phoenix-icon-button.secondary.border.loading:hover {
  background-color: white;
  border: 1px solid #85c2ff;
  color: #1d86f0;
}

.phoenix-icon-button.secondary.border.loading:active {
  background-color: white;
  border: 1px solid #85c2ff;
  color: #1d86f0;
}

.phoenix-icon-button.normal {
  border: none;
  background-color: white;
  color: #83898f;
}

.phoenix-icon-button.normal:hover {
  color: #5cadff;
}

.phoenix-icon-button.normal:active {
  color: #106ecc;
}

.phoenix-icon-button.normal.disable {
  cursor: not-allowed;
  color: #bfc3c7;
}

.phoenix-icon-button.normal.loading:hover {
  color: #83898f;
  background-color: rgba(230, 232, 235, 0.3);
}

.phoenix-icon-button.normal.loading:active {
  color: #83898f;
  background-color: rgba(230, 232, 235, 0.3);
}

.phoenix-icon-button.normal.border {
  width: 30px;
  height: 30px;
  background-color: white;
  border: 1px solid #e6e8eb;
}

.phoenix-icon-button.normal.border:hover, .phoenix-icon-button.normal.border:active {
  border-color: #85c2ff;
  color: #1d86f0;
  background-color: rgba(133, 194, 255, 0.1);
}

.phoenix-icon-button.normal.border:active {
  background-color: rgba(133, 194, 255, 0.2);
}

.phoenix-icon-button.normal.border.disable {
  color: rgba(191, 195, 199, 0.7);
  cursor: not-allowed;
  background-color: rgba(230, 232, 235, 0.3);
  border-color: #e6e8eb;
}

.phoenix-icon-button.normal.border.loading {
  color: rgba(131, 137, 143, 0.9);
  border: 1px solid #e6e8eb;
  background-color: rgba(230, 232, 235, 0.3);
}

.phoenix-icon-button.normal.border.loading:hover, .phoenix-icon-button.normal.border.loading:active {
  border: 1px solid #e6e8eb;
}
.phoenix-icon-button-group {
  font-family: "PingFang SC", "Hiragino Sans GB", STHeitiSC, Helvetica, "Helvetica Neue", "Microsoft YaHei", Tahoma;
  position: relative;
  display: inline-block;
}

.phoenix-icon-button-group__item {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #bfc3c7;
  width: 30px;
  height: 30px;
  background: white;
  border: 1px solid #e6e8eb;
  border-right: 0px;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.phoenix-icon-button-group__item:hover {
  background: rgba(133, 194, 255, 0.1);
  color: #1d86f0;
}

.phoenix-icon-button-group__item:active {
  background: rgba(133, 194, 255, 0.2);
  color: #1d86f0;
}

.phoenix-icon-button-group__item:first-child {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

.phoenix-icon-button-group__item:last-child {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border: 1px solid #e6e8eb;
}

.phoenix-icon-button-group__item.active {
  background: rgba(133, 194, 255, 0.2);
  color: #1d86f0;
}

.phoenix-icon-button-group__item--disable {
  cursor: not-allowed;
  color: rgba(191, 195, 199, 0.7);
  background-color: rgba(230, 232, 235, 0.3);
}

.phoenix-icon-button-group__item--disable.active {
  color: rgba(29, 134, 240, 0.5);
}

.phoenix-icon-button-group__item--disable.active:hover {
  color: rgba(29, 134, 240, 0.5);
  background: rgba(133, 194, 255, 0.2);
}

.phoenix-icon-button-group__item--disable:hover {
  color: rgba(191, 195, 199, 0.7);
  background-color: rgba(230, 232, 235, 0.3);
}
.phoenix-text-button {
  font-family: "PingFang SC", "Hiragino Sans GB", STHeitiSC, Helvetica, "Helvetica Neue", "Microsoft YaHei", Tahoma;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.phoenix-text-button--big .phoenix-text-button__textWraper {
  font-size: 14px;
  line-height: 22px;
}

.phoenix-text-button--small .phoenix-text-button__textWraper {
  font-size: 12px;
  line-height: 20px;
}

.phoenix-text-button--primary {
  color: #106ecc;
}

.phoenix-text-button--primary .phoenix-text-button__suffixIcon {
  color: #1d86f0;
}

.phoenix-text-button--primary .phoenix-text-button__preIcon {
  color: #1d86f0;
}

.phoenix-text-button--primary:hover {
  color: #1d86f0;
}

.phoenix-text-button--primary:hover .phoenix-text-button__suffixIcon {
  color: #106ecc;
}

.phoenix-text-button--primary:hover .phoenix-text-button__preIcon {
  color: #106ecc;
}

.phoenix-text-button--primary:active, .phoenix-text-button--primary.active {
  color: #106ecc;
}

.phoenix-text-button--primary:active .phoenix-text-button__suffixIcon, .phoenix-text-button--primary.active .phoenix-text-button__suffixIcon {
  color: #1d86f0;
}

.phoenix-text-button--primary:active .phoenix-text-button__preIcon, .phoenix-text-button--primary.active .phoenix-text-button__preIcon {
  color: #1d86f0;
}

.phoenix-text-button--secondary {
  color: #33383d;
}

.phoenix-text-button--secondary .phoenix-text-button__suffixIcon, .phoenix-text-button--secondary .phoenix-text-button__preIcon {
  color: #83898f;
}

.phoenix-text-button--secondary:hover {
  color: #1d86f0;
}

.phoenix-text-button--secondary:hover .phoenix-text-button__suffixIcon, .phoenix-text-button--secondary:hover .phoenix-text-button__preIcon {
  color: #106ecc;
}

.phoenix-text-button--secondary:active, .phoenix-text-button--secondary.active {
  color: #106ecc;
}

.phoenix-text-button--secondary:active .phoenix-text-button__suffixIcon, .phoenix-text-button--secondary:active .phoenix-text-button__preIcon, .phoenix-text-button--secondary.active .phoenix-text-button__suffixIcon, .phoenix-text-button--secondary.active .phoenix-text-button__preIcon {
  color: #1d86f0;
}

.phoenix-text-button--primaryDisable {
  cursor: not-allowed;
  color: rgba(16, 110, 204, 0.5);
}

.phoenix-text-button--primaryDisable .phoenix-text-button__suffixIcon {
  color: rgba(29, 134, 240, 0.5);
}

.phoenix-text-button--primaryDisable .phoenix-text-button__preIcon {
  color: rgba(29, 134, 240, 0.5);
}

.phoenix-text-button--primaryDisable:hover, .phoenix-text-button--primaryDisable:active, .phoenix-text-button--primaryDisable.active {
  color: rgba(16, 110, 204, 0.5);
}

.phoenix-text-button--primaryDisable:hover .phoenix-text-button__suffixIcon, .phoenix-text-button--primaryDisable:active .phoenix-text-button__suffixIcon, .phoenix-text-button--primaryDisable.active .phoenix-text-button__suffixIcon {
  color: rgba(29, 134, 240, 0.5);
}

.phoenix-text-button--primaryDisable:hover .phoenix-text-button__preIcon, .phoenix-text-button--primaryDisable:active .phoenix-text-button__preIcon, .phoenix-text-button--primaryDisable.active .phoenix-text-button__preIcon {
  color: rgba(29, 134, 240, 0.5);
}

.phoenix-text-button--primaryLoading {
  color: rgba(16, 110, 204, 0.5);
}

.phoenix-text-button--primaryLoading:hover, .phoenix-text-button--primaryLoading:active, .phoenix-text-button--primaryLoading.active {
  color: rgba(16, 110, 204, 0.5);
}

.phoenix-text-button--primaryLoading .phoenix-text-button__preIcon--hasLoading, .phoenix-text-button--primaryLoading:hover .phoenix-text-button__preIcon--hasLoading {
  color: rgba(29, 134, 240, 0.9);
}

.phoenix-text-button--secondaryDisable {
  color: #bfc3c7;
  cursor: not-allowed;
}

.phoenix-text-button--secondaryDisable .phoenix-text-button__suffixIcon, .phoenix-text-button--secondaryDisable .phoenix-text-button__preIcon {
  color: #bfc3c7;
}

.phoenix-text-button--secondaryDisable:hover, .phoenix-text-button--secondaryDisable:active, .phoenix-text-button--secondaryDisable.active {
  color: #bfc3c7;
}

.phoenix-text-button--secondaryDisable:hover .phoenix-text-button__suffixIcon, .phoenix-text-button--secondaryDisable:hover .phoenix-text-button__preIcon, .phoenix-text-button--secondaryDisable:active .phoenix-text-button__suffixIcon, .phoenix-text-button--secondaryDisable:active .phoenix-text-button__preIcon, .phoenix-text-button--secondaryDisable.active .phoenix-text-button__suffixIcon, .phoenix-text-button--secondaryDisable.active .phoenix-text-button__preIcon {
  color: #bfc3c7;
}

.phoenix-text-button--secondaryLoading {
  color: #bfc3c7;
}

.phoenix-text-button--secondaryLoading:hover, .phoenix-text-button--secondaryLoading:active, .phoenix-text-button--secondaryLoading.active {
  color: #bfc3c7;
}

.phoenix-text-button--secondaryLoading .phoenix-text-button__preIcon--hasLoading, .phoenix-text-button--secondaryLoading:hover .phoenix-text-button__preIcon--hasLoading {
  color: rgba(131, 137, 143, 0.9);
}

.phoenix-text-button__preIcon {
  align-items: center;
  margin-right: 4px;
  line-height: 0;
}

.phoenix-text-button__preIcon--hasIcon, .phoenix-text-button__preIcon--loading {
  margin-right: 4px;
}

.phoenix-text-button__preIcon--hasIcon {
  width: auto;
  height: 18px;
}

.phoenix-text-button__preIcon--hasIcon svg {
  width: 18px;
  height: 18px;
}

.phoenix-text-button__preIcon--hasLoading {
  width: auto;
}

.phoenix-text-button__preIcon--hasLoading svg {
  width: 14px;
  height: 14px;
}

.phoenix-text-button__suffixIcon {
  align-items: center;
  margin-left: 4px;
  width: auto;
  line-height: 0;
}

.phoenix-text-button__suffixIcon svg {
  width: 12px;
  height: 12px;
}

.phoenix-text-button__textWraper {
  display: inline-block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 80px;
}
.phoenix-unmodeled-layer {
  position: relative;
  display: inline-block;
}

.phoenix-unmodeled-layer.block {
  display: block;
}

.phoenix-unmodeled-layer .phoenix-unmodeled-layer__content {
  display: inline-block;
}

.phoenix-unmodeled-layer .phoenix-unmodeled-layer__content.phoenix-unmodeled-layer__content--block {
  display: block;
}

.common-unmodeled-layer {
  position: absolute;
  left: -9999px;
  top: -9999px;
  display: block;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
  line-height: 1.5;
}

.common-unmodeled-layer.common-unmodeled-layer-hidden {
  display: none;
}

.common-unmodeled-layer.common-unmodeled-layer-slide-up-enter, .common-unmodeled-layer.common-unmodeled-layer-slide-up-appear {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  transform-origin: 0 0;
  display: block !important;
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  animation-play-state: paused;
}

.common-unmodeled-layer.common-unmodeled-layer-slide-up-leave {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  transform-origin: 0 0;
  display: block !important;
  opacity: 1;
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
  animation-play-state: paused;
}

.common-unmodeled-layer.common-unmodeled-layer-slide-up-enter.common-unmodeled-layer-slide-up-enter-active.common-unmodeled-layer-placement-bottomLeft, .common-unmodeled-layer.common-unmodeled-layer-slide-up-appear.common-unmodeled-layer-slide-up-appear-active.common-unmodeled-layer-placement-bottomLeft, .common-unmodeled-layer.common-unmodeled-layer-slide-up-enter.common-unmodeled-layer-slide-up-enter-active.common-unmodeled-layer-placement-bottomCenter, .common-unmodeled-layer.common-unmodeled-layer-slide-up-appear.common-unmodeled-layer-slide-up-appear-active.common-unmodeled-layer-placement-bottomCenter, .common-unmodeled-layer.common-unmodeled-layer-slide-up-enter.common-unmodeled-layer-slide-up-enter-active.common-unmodeled-layer-placement-bottomRight, .common-unmodeled-layer.common-unmodeled-layer-slide-up-appear.common-unmodeled-layer-slide-up-appear-active.common-unmodeled-layer-placement-bottomRight {
  animation-name: rcUnmodeledLayerSlideUpIn;
  animation-play-state: running;
}

.common-unmodeled-layer.common-unmodeled-layer-slide-up-enter.common-unmodeled-layer-slide-up-enter-active.common-unmodeled-layer-placement-topLeft, .common-unmodeled-layer.common-unmodeled-layer-slide-up-appear.common-unmodeled-layer-slide-up-appear-active.common-unmodeled-layer-placement-topLeft, .common-unmodeled-layer.common-unmodeled-layer-slide-up-enter.common-unmodeled-layer-slide-up-enter-active.common-unmodeled-layer-placement-topCenter, .common-unmodeled-layer.common-unmodeled-layer-slide-up-appear.common-unmodeled-layer-slide-up-appear-active.common-unmodeled-layer-placement-topCenter, .common-unmodeled-layer.common-unmodeled-layer-slide-up-enter.common-unmodeled-layer-slide-up-enter-active.common-unmodeled-layer-placement-topRight, .common-unmodeled-layer.common-unmodeled-layer-slide-up-appear.common-unmodeled-layer-slide-up-appear-active.common-unmodeled-layer-placement-topRight {
  animation-name: rcUnmodeledLayerSlideDownIn;
  animation-play-state: running;
}

.common-unmodeled-layer.common-unmodeled-layer-slide-up-leave.common-unmodeled-layer-slide-up-leave-active.common-unmodeled-layer-placement-bottomLeft, .common-unmodeled-layer.common-unmodeled-layer-slide-up-leave.common-unmodeled-layer-slide-up-leave-active.common-unmodeled-layer-placement-bottomCenter, .common-unmodeled-layer.common-unmodeled-layer-slide-up-leave.common-unmodeled-layer-slide-up-leave-active.common-unmodeled-layer-placement-bottomRight {
  animation-name: rcUnmodeledLayerSlideUpOut;
  animation-play-state: running;
}

.common-unmodeled-layer.common-unmodeled-layer-slide-up-leave.common-unmodeled-layer-slide-up-leave-active.common-unmodeled-layer-placement-topLeft, .common-unmodeled-layer.common-unmodeled-layer-slide-up-leave.common-unmodeled-layer-slide-up-leave-active.common-unmodeled-layer-placement-topCenter, .common-unmodeled-layer.common-unmodeled-layer-slide-up-leave.common-unmodeled-layer-slide-up-leave-active.common-unmodeled-layer-placement-topRight {
  animation-name: rcUnmodeledLayerSlideDownOut;
  animation-play-state: running;
}

.common-unmodeled-layer .common-unmodeled-layer__layerContent {
  position: relative;
  background-color: white;
  border-radius: 3px;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.08);
  z-index: 1200;
  overflow: auto;
  margin: 4px 0;
}

.common-unmodeled-layer .common-unmodeled-layer__layerFooter {
  position: relative;
  border-top: 1px solid #f0f2f5;
  padding: 8px 10px 8px 8px;
  overflow: hidden;
}

.common-unmodeled-layer .common-unmodeled-layer__layerFooterItem {
  float: right;
  margin-left: 8px;
}

@-webkit-keyframes rcUnmodeledLayerSlideUpIn {
  0% {
    opacity: 0;
    transform-origin: 0% 0%;
    transform: scaleY(0);
  }

  100% {
    opacity: 1;
    transform-origin: 0% 0%;
    transform: scaleY(1);
  }
}

@-moz-keyframes rcUnmodeledLayerSlideUpIn {
  0% {
    opacity: 0;
    transform-origin: 0% 0%;
    transform: scaleY(0);
  }

  100% {
    opacity: 1;
    transform-origin: 0% 0%;
    transform: scaleY(1);
  }
}

@-o-keyframes rcUnmodeledLayerSlideUpIn {
  0% {
    opacity: 0;
    transform-origin: 0% 0%;
    transform: scaleY(0);
  }

  100% {
    opacity: 1;
    transform-origin: 0% 0%;
    transform: scaleY(1);
  }
}

@keyframes rcUnmodeledLayerSlideUpIn {
  0% {
    opacity: 0;
    transform-origin: 0% 0%;
    transform: scaleY(0);
  }

  100% {
    opacity: 1;
    transform-origin: 0% 0%;
    transform: scaleY(1);
  }
}

@-webkit-keyframes rcUnmodeledLayerSlideDownIn {
  0% {
    opacity: 0;
    transform-origin: 0% 100%;
    transform: scaleY(0);
  }

  100% {
    opacity: 1;
    transform-origin: 0% 100%;
    transform: scaleY(1);
  }
}

@-moz-keyframes rcUnmodeledLayerSlideDownIn {
  0% {
    opacity: 0;
    transform-origin: 0% 100%;
    transform: scaleY(0);
  }

  100% {
    opacity: 1;
    transform-origin: 0% 100%;
    transform: scaleY(1);
  }
}

@-o-keyframes rcUnmodeledLayerSlideDownIn {
  0% {
    opacity: 0;
    transform-origin: 0% 100%;
    transform: scaleY(0);
  }

  100% {
    opacity: 1;
    transform-origin: 0% 100%;
    transform: scaleY(1);
  }
}

@keyframes rcUnmodeledLayerSlideDownIn {
  0% {
    opacity: 0;
    transform-origin: 0% 100%;
    transform: scaleY(0);
  }

  100% {
    opacity: 1;
    transform-origin: 0% 100%;
    transform: scaleY(1);
  }
}

@-webkit-keyframes rcUnmodeledLayerSlideUpOut {
  0% {
    opacity: 1;
    transform-origin: 0% 0%;
    transform: scaleY(1);
  }

  100% {
    opacity: 0;
    transform-origin: 0% 0%;
    transform: scaleY(0);
  }
}

@-moz-keyframes rcUnmodeledLayerSlideUpOut {
  0% {
    opacity: 1;
    transform-origin: 0% 0%;
    transform: scaleY(1);
  }

  100% {
    opacity: 0;
    transform-origin: 0% 0%;
    transform: scaleY(0);
  }
}

@-o-keyframes rcUnmodeledLayerSlideUpOut {
  0% {
    opacity: 1;
    transform-origin: 0% 0%;
    transform: scaleY(1);
  }

  100% {
    opacity: 0;
    transform-origin: 0% 0%;
    transform: scaleY(0);
  }
}

@keyframes rcUnmodeledLayerSlideUpOut {
  0% {
    opacity: 1;
    transform-origin: 0% 0%;
    transform: scaleY(1);
  }

  100% {
    opacity: 0;
    transform-origin: 0% 0%;
    transform: scaleY(0);
  }
}

@-webkit-keyframes rcUnmodeledLayerSlideDownOut {
  0% {
    opacity: 1;
    transform-origin: 0% 100%;
    transform: scaleY(1);
  }

  100% {
    opacity: 0;
    transform-origin: 0% 100%;
    transform: scaleY(0);
  }
}

@-moz-keyframes rcUnmodeledLayerSlideDownOut {
  0% {
    opacity: 1;
    transform-origin: 0% 100%;
    transform: scaleY(1);
  }

  100% {
    opacity: 0;
    transform-origin: 0% 100%;
    transform: scaleY(0);
  }
}

@-o-keyframes rcUnmodeledLayerSlideDownOut {
  0% {
    opacity: 1;
    transform-origin: 0% 100%;
    transform: scaleY(1);
  }

  100% {
    opacity: 0;
    transform-origin: 0% 100%;
    transform: scaleY(0);
  }
}

@keyframes rcUnmodeledLayerSlideDownOut {
  0% {
    opacity: 1;
    transform-origin: 0% 100%;
    transform: scaleY(1);
  }

  100% {
    opacity: 0;
    transform-origin: 0% 100%;
    transform: scaleY(0);
  }
}
.phoenix-select {
  font-family: "PingFang SC", "Hiragino Sans GB", STHeitiSC, Helvetica, "Helvetica Neue", "Microsoft YaHei", Tahoma;
  position: relative;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  background-color: white;
  background: white;
  min-height: 26px;
  min-width: 100px;
  overflow: hidden;
  box-sizing: border-box;
  height: auto;
  cursor: pointer;
}

.phoenix-select--large {
  height: 32px;
}

.phoenix-select--small {
  height: 26px;
}

.phoenix-select--normal {
  height: 30px;
}

.phoenix-select::before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 3px;
  border-width: 1px;
  border-style: solid;
  box-sizing: border-box;
  content: '';
  z-index: 1;
}

.phoenix-select.phoenix-select--editable.phoenix-select__placeHolder {
  cursor: text;
}

.phoenix-select.phoenix-select--editable:hover .phoenix-select__switchArrow {
  cursor: pointer;
}

.phoenix-select.phoenix-select--editable:hover .phoenix-select__switchArrow--hide {
  display: none;
}

.phoenix-select.phoenix-select--editable:hover .phoenix-select__clearIcon {
  cursor: pointer;
}

.phoenix-select.phoenix-select--editable:hover .phoenix-select__clearIcon--show {
  display: block;
}

.phoenix-select.phoenix-select--editable .phoenix-select__inputWrapper--emptyMultiValue.phoenix-select__inputWrapper--isSearch {
  cursor: text;
}

.phoenix-select.phoenix-select--borderColorable::before {
  border-color: #e6e8eb;
  pointer-events: none;
}

.phoenix-select.phoenix-select--borderColorable:active::before, .phoenix-select.phoenix-select--borderColorable:focus::before {
  border-color: #5cadff;
}

.phoenix-select.phoenix-select--borderColorable:hover::before {
  border-color: #85c2ff;
}

.phoenix-select.phoenix-select--multi::before {
  z-index: 0;
}

.phoenix-select.phoenix-select--active::before {
  border-color: #5cadff;
  z-index: 0;
}

.phoenix-select.phoenix-select--error::before {
  border-color: #FF475A;
}

.phoenix-select.phoenix-select--disabled {
  color: #bfc3c7;
  background-color: rgba(230, 232, 235, 0.3);
  cursor: not-allowed;
}

.phoenix-select.phoenix-select--disabled::before {
  border-color: #e6e8eb;
}

.phoenix-select.phoenix-select--exsitMultiValue {
  height: auto;
  padding-top: 4px;
  padding-bottom: 1px;
}

.phoenix-select.phoenix-select--exsitMultiValue.phoenix-select--large {
  min-height: 32px;
  padding-top: 5px;
  padding-bottom: 2px;
}

.phoenix-select.phoenix-select--exsitMultiValue.phoenix-select--small {
  min-height: 26px;
  padding-top: 2px;
  padding-bottom: 0px;
}

.phoenix-select.phoenix-select--exsitMultiValue.phoenix-select--normal {
  min-height: 30px;
  padding-top: 4px;
  padding-bottom: 1px;
}

.phoenix-select__calcEle {
  display: inline-block;
  opacity: 0;
  z-index: -1;
  position: absolute;
}

.phoenix-select__placeHolder {
  display: none;
  position: absolute;
  top: 50%;
  left: 8px;
  max-width: calc(100% - 32px);
  height: 20px;
  margin-top: -10px;
  overflow: hidden;
  color: #bfc3c7;
  font-size: 12px;
  line-height: 20px;
  line-height: 20px;
  white-space: nowrap;
  text-align: left;
  text-overflow: ellipsis;
}

.phoenix-select__placeHolder--show {
  display: block;
}

.phoenix-select__placeHolder--large {
  font-size: 14px;
  line-height: 22px;
}

.phoenix-select__placeHolder--active {
  text-overflow: unset;
}

.phoenix-select__content {
  margin: 0;
  width: 100%;
  box-sizing: border-box;
  position: relative;
  max-height: 120px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0 24px 0 8px;
}

.phoenix-select__content::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

.phoenix-select__content::-webkit-scrollbar-track {
  border-radius: 100px;
  background-color: transparent;
}

.phoenix-select__content::-webkit-scrollbar-thumb {
  border: 2px solid transparent;
  border-radius: 100px;
  background-color: rgba(14, 17, 20, 0.1);
  background-clip: content-box;
}

.phoenix-select__content::-webkit-scrollbar-thumb:hover {
  background-color: rgba(14, 17, 20, 0.3);
}

.phoenix-select__inputWrapper {
  position: relative;
  float: left;
  overflow: hidden;
  max-width: 100%;
  width: auto;
  font-size: 12px;
  line-height: 20px;
}

.phoenix-select__inputWrapper--emptyMultiValue {
  height: 26px;
  width: 99%;
}

.phoenix-select__input {
  display: inline-block;
  font-family: "PingFang SC", "Hiragino Sans GB", STHeitiSC, Helvetica, "Helvetica Neue", "Microsoft YaHei", Tahoma;
  padding: 0;
  margin: 0;
  max-width: 100%;
  background: transparent;
  border-width: 0;
  outline: 0;
  border: none;
  min-width: 10px;
  font-size: 12px;
  line-height: 20px;
  line-height: 26px;
  color: #0e1114;
  height: 26px;
  width: 100%;
}

.phoenix-select__input::-ms-clear {
  display: none;
}

.phoenix-select__input--large {
  font-size: 14px;
  line-height: 22px;
}

.phoenix-select__input--disabled {
  cursor: not-allowed;
}

.phoenix-select__input--unText {
  cursor: pointer;
  color: transparent;
  text-shadow: 0 0 0 #0e1114;
}

.phoenix-select__input--multiInput {
  width: 10px;
  height: 20px;
}

.phoenix-select__tipWrapper {
  display: flex;
  align-items: center;
  font-family: "PingFang SC", "Hiragino Sans GB", STHeitiSC, Helvetica, "Helvetica Neue", "Microsoft YaHei", Tahoma;
  box-sizing: border-box;
  color: #0e1114;
  width: 100%;
  background-color: #fff;
  pointer-events: none;
  padding-right: 24px;
  padding-left: 8px;
  left: 0;
  position: absolute;
  height: 100%;
  opacity: 0;
  font-size: 12px;
  line-height: 20px;
  cursor: pointer;
}

.phoenix-select__tipWrapper--visible {
  opacity: 1;
}

.phoenix-select__tipWrapper--large {
  font-size: 14px;
  line-height: 22px;
}

.phoenix-select__tipWrapper--isSearch {
  cursor: text;
}

.phoenix-select__tipWrapper--isSearch.phoenix-select__tipWrapper--active {
  color: #bfc3c7;
}

.phoenix-select__tipWrapper--disabled {
  color: #33383d;
  background-color: transparent;
}

.phoenix-select__tipEle {
  text-overflow: ellipsis;
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
}

.phoenix-select__tipEle--isSearch {
  cursor: text;
}

.phoenix-select__switchArrow {
  font-size: 12px;
  height: 12px;
  margin-left: 4px;
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
}

.phoenix-select__switchArrow svg {
  display: block;
}

.phoenix-select__switchArrow--disabled {
  cursor: not-allowed;
}

.phoenix-select__switchArrow--adjustArrow {
  right: 16px;
}

.phoenix-select__clearIcon {
  z-index: 1;
  display: none;
  font-size: 12px;
  height: 12px;
  margin-left: 4px;
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
}

.phoenix-select__clearIcon svg {
  display: block;
}

.phoenix-select__tagItem {
  box-sizing: border-box;
  height: 20px;
  line-height: 20px;
  position: relative;
  float: left;
  max-width: 99%;
  margin: 0 4px 4px 0;
  padding: 0 8px 0 8px;
  overflow: hidden;
  font-size: 12px;
  line-height: 20px;
  background-color: #f0f2f5;
  border-radius: 3px;
  cursor: pointer;
}

.phoenix-select__tagItem--itemDisabled {
  padding-right: 8px;
  cursor: not-allowed;
}

.phoenix-select__tagItem--selectDisabled {
  color: #33383d;
  cursor: not-allowed;
}

.phoenix-select__tagItem--small {
  margin-bottom: 3px;
}

.phoenix-select__tag {
  max-width: 120px;
  display: inline-block;
  text-overflow: ellipsis;
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  color: #33383d;
}

.phoenix-select__tagIcon {
  margin-left: 4px;
  padding-top: 2px;
  float: right;
  cursor: pointer;
}
@charset "UTF-8";

.phoenix-input {
  position: relative;
  z-index: 2;
  box-sizing: border-box;
  flex: 1 1 auto;
  width: 100%;
  min-width: 100px;
  font-family: "PingFang SC", "Hiragino Sans GB", STHeitiSC, Helvetica, "Helvetica Neue", "Microsoft YaHei", Tahoma;
  color: #0e1114;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.phoenix-input:hover input {
  border-color: #85c2ff;
}

.phoenix-input:hover input:focus {
  border-color: #5cadff;
}

.phoenix-input:hover input[disabled] {
  border-color: #e6e8eb;
}

.phoenix-input:hover .phoenix-input__tooltip-overflow {
  border-color: #85c2ff;
}

.phoenix-input:hover .phoenix-input__tooltip-overflow--statusDisable {
  border-color: #e6e8eb;
}

.phoenix-input:hover .phoenix-input__tooltip-overflow--statusError {
  border-color: #FF475A;
}

.phoenix-input--statusIsHInt:hover input {
  border-color: #5cadff;
}

.phoenix-input--statusError:hover input {
  border-color: #FF475A;
}

.phoenix-input--statusError:hover input:focus {
  border-color: #FF475A;
}

.phoenix-input__input {
  font-family: "PingFang SC", "Hiragino Sans GB", STHeitiSC, Helvetica, "Helvetica Neue", "Microsoft YaHei", Tahoma;
  box-sizing: border-box;
  width: 100%;
  height: 30px;
  font-size: 12px;
    /* 解决chrome中input文本内容在12px时无法垂直居中的问题 */
  line-height: 30px;
  padding: 0 8px;
  border: 1px solid #e6e8eb;
  border-radius: 3px;
  background-color: white;
  outline: none;
  overflow: hidden;
    /* 隐藏IE自带的clear图标 */
}

.phoenix-input__input::-ms-clear {
  width: 0;
  height: 0;
}

.phoenix-input__input::placeholder {
  color: #bfc3c7;
}

.phoenix-input__input:hover {
  border-color: #85c2ff;
}

.phoenix-input__input:focus {
  border-color: #5cadff;
}

.phoenix-input__input[disabled] {
  color: transparent;
  background-color: transparent;
  text-overflow: ellipsis;
  cursor: not-allowed;
}

.phoenix-input__input[disabled]:hover {
  border-color: #e6e8eb;
}

.phoenix-input__input--noEllipsis[disabled] {
  background-color: rgba(230, 232, 235, 0.3);
  color: #33383d;
  cursor: not-allowed;
}

.phoenix-input__input[readonly] {
  pointer-events: none;
}

.phoenix-input__input--sizeLarge {
  height: 32px;
  line-height: 30px;
  font-size: 14px;
}

.phoenix-input__input--sizeSmall {
  height: 26px;
  line-height: 24px;
  font-size: 12px;
}

.phoenix-input__input--hasPrefix {
  padding-left: calc(8px + 4px + 12px);
}

.phoenix-input__input--hasSuffix {
  padding-right: calc(8px + 4px + 12px);
}

.phoenix-input__input--statusDisable .phoenix-input__input--hasEllipsis {
  color: rgba(0, 0, 0, 0) !important;
}

.phoenix-input__input--statusIsHInt {
  border-color: #5cadff;
}

.phoenix-input__input--statusIsHInt:hover {
  border-color: #5cadff;
}

.phoenix-input__input--statusIsHInt:focus {
  border-color: #5cadff;
}

.phoenix-input__input--statusError {
  border-color: #FF475A;
}

.phoenix-input__input--statusError:hover {
  border-color: #FF475A;
}

.phoenix-input__input--statusError:focus {
  border-color: #FF475A;
}

.phoenix-input__prefix, .phoenix-input__clear, .phoenix-input__suffix {
  position: absolute;
  top: 50%;
  z-index: 1;
  transform: translateY(-50%);
  display: inline-block;
  font-size: 12px;
  line-height: 0;
}

.phoenix-input__prefix {
  left: 8px;
}

.phoenix-input__clear {
  right: 8px;
  cursor: pointer;
  background-color: transparent;
}

.phoenix-input__clear path:nth-child(2) {
  fill: #bfc3c7;
}

.phoenix-input__clear:hover path:nth-child(2) {
  fill: #83898f;
}

.phoenix-input__clear--active path:nth-child(2) {
  fill: #bfc3c7;
}

.phoenix-input__clear--hide {
  display: none;
}

.phoenix-input__suffix {
  right: 8px;
}

.phoenix-input__suffix--hide {
  display: none;
}

.phoenix-input__tooltip-overflow {
  font-family: "PingFang SC", "Hiragino Sans GB", STHeitiSC, Helvetica, "Helvetica Neue", "Microsoft YaHei", Tahoma;
  display: inline-block;
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  height: 30px;
  font-size: 12px;
  line-height: 28px;
  padding: 0 8px;
  border: 1px solid #e6e8eb;
  background-color: white;
  box-sizing: border-box;
  border-radius: 3px;
  margin: 0;
}

.phoenix-input__tooltip-overflow--password {
  color: transparent;
  background-color: transparent;
  z-index: -1;
}

.phoenix-input__tooltip-overflow--sizeLarge {
  height: 32px;
  line-height: 30px;
  font-size: 14px;
}

.phoenix-input__tooltip-overflow--sizeSmall {
  height: 26px;
  line-height: 26px;
  font-size: 12px;
}

.phoenix-input__tooltip-overflow--hasPrefix {
  padding-left: calc(8px + 4px + 12px);
}

.phoenix-input__tooltip-overflow--hasSuffix {
  padding-right: calc(8px + 4px + 12px);
}

.phoenix-input__tooltip-overflow--statusDisable {
  background-color: rgba(230, 232, 235, 0.3);
  color: #33383d;
  cursor: not-allowed;
  pointer-events: auto;
}

.phoenix-input__tooltip-overflow--statusError {
  border-color: #FF475A;
}
.phoenix-search__extend {
  color: #FFA42E;
  padding: 2px 8px 0;
  word-break: break-all;
  font-size: 12px;
  line-height: 20px;
}
/**
 * file: ListItem.scss
 * author: huangxiaolong@beisen.com
 * date: 2019/6/27
 */
.phoenix-single-select-list__item {
  color: #0e1114;
  cursor: pointer;
  padding: 4px 10px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  list-style: none;
  cursor: pointer;
}

.phoenix-single-select-list__item.phoenix-single-select-list__item--disabled {
  color: #bfc3c7;
  cursor: not-allowed;
}

.phoenix-single-select-list__item.phoenix-single-select-list__item--disabled:hover {
  background-color: inherit;
}

.phoenix-single-select-list__item:hover {
  background-color: rgba(133, 194, 255, 0.1);
}

.phoenix-single-select-list__item.phoenix-single-select-list__item--isSelected {
  background-color: rgba(230, 232, 235, 0.3);
}

.phoenix-single-select-list__item .searchTxt {
  background-color: #FAC105;
}

.phoenix-single-select-list__item label {
  width: 100%;
}

.phoenix-single-select-list__item.phoenix-single-select-list__item--fzLarge {
  padding: 4px 12px;
}

.phoenix-single-select-list__item .phoenix-single-select-list__tipSpan {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.phoenix-single-select-list__item .phoenix-single-select-list__highLight {
  color: inherit;
  border-radius: 2px;
  background-color: rgba(250, 193, 5, 0.2);
}
/**
 * file: Loading.scss
 * author: huangxiaolong@beisen.com
 * date: 2019/6/27
 */
.phoenix-single-select-list__loading {
  text-align: center;
  position: relative;
  height: 182px;
}

.phoenix-single-select-list__loading .phoenix-single-select-list__loadingWrap {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
/**
 * file: PlaceHolder.scss
 * author: huangxiaolong@beisen.com
 * date: 2019/6/27
 */
.phoenix-single-select-list__placeholderWrapper {
  text-align: center;
  box-sizing: border-box;
  position: relative;
  height: 100%;
  overflow: hidden;
}

.phoenix-single-select-list__placeholderWrapper .phoenix-single-select-list__placeholder {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.phoenix-single-select-list__placeholderWrapper .phoenix-single-select-list__placeholderTxt {
  text-align: center;
  color: #bbbfee;
  margin-top: 8px;
}
/**
 * file: SelectList.scss
 * author: huangxiaolong@beisen.com
 * date: 2019/6/27
 */
.phoenix-single-select-list {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  position: relative;
  font-family: "PingFang SC", "Hiragino Sans GB", STHeitiSC, Helvetica, "Helvetica Neue", "Microsoft YaHei", Tahoma;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  max-height: 290px;
  border-radius: 3px;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.1);
  font-size: 12px;
  line-height: 20px;
  padding: 4px 0px;
}

.phoenix-single-select-list.phoenix-single-select-list--isEmpty {
  height: 190px;
}

.phoenix-single-select-list.phoenix-single-select-list--noBorder {
  border-radius: none;
  box-shadow: none;
}

.phoenix-single-select-list.phoenix-single-select-list--fzLarge {
  font-size: 14px;
  line-height: 22px;
}

.phoenix-single-select-list.phoenix-single-select-list--fzLarge .phoenix-single-select-list__search {
  padding: 4px 12px;
}

.phoenix-single-select-list.phoenix-single-select-list--fzSmall {
  font-size: 12px;
  line-height: 20px;
}

.phoenix-single-select-list .phoenix-single-select-list__search {
  box-sizing: border-box;
  padding: 4px 10px;
  width: 100%;
  background-color: white;
  z-index: 1201;
  flex-shrink: 0;
}

.phoenix-single-select-list--isSearch .phoenix-single-select-list__contentWraper {
  min-height: 150px;
  max-height: 244px;
}

.phoenix-single-select-list__contentWraper {
  overflow-y: auto;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
  max-height: 282px;
}

.phoenix-single-select-list__contentWraper::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

.phoenix-single-select-list__contentWraper::-webkit-scrollbar-track {
  border-radius: 100px;
  background-color: transparent;
}

.phoenix-single-select-list__contentWraper::-webkit-scrollbar-thumb {
  border: 2px solid transparent;
  border-radius: 100px;
  background-color: rgba(14, 17, 20, 0.1);
  background-clip: content-box;
}

.phoenix-single-select-list__contentWraper::-webkit-scrollbar-thumb:hover {
  background-color: rgba(14, 17, 20, 0.3);
}

.phoenix-single-select-list__contentWraper .phoenix-single-select-list__ul {
  padding: 0;
  margin: 0;
}
.phoenix-groupSingleSelect__emptyContainer {
  position: relative;
  overflow: hidden;
}

.phoenix-groupSingleSelect__emptyContentWrapper {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  font-family: "PingFang SC", "Hiragino Sans GB", STHeitiSC, Helvetica, "Helvetica Neue", "Microsoft YaHei", Tahoma;
  width: 100%;
}

.phoenix-groupSingleSelect__emptyText {
  font-size: 12px;
  line-height: 20px;
  color: #BBBFEE;
  margin-top: 8px;
}
.phoenix-groupSingleSelect__ddWrapper {
  margin: 0;
  color: #0e1114;
  padding: 4px 10px;
  margin-inline-start: 0;
  overflow: hidden;
  white-space: nowrap;
}

.phoenix-groupSingleSelect__ddWrapper:hover {
  cursor: pointer;
  background-color: rgba(133, 194, 255, 0.1);
}

.phoenix-groupSingleSelect__ddWrapper--fontLarge {
  padding: 4px 12px;
}

.phoenix-groupSingleSelect__ddWrapper mark {
  background-color: rgba(250, 193, 5, 0.2);
}

.phoenix-groupSingleSelect__ddWrapper--groupSelectSign {
  padding-left: 24px;
}

.phoenix-groupSingleSelect__ddWrapper--disabled {
  color: #bfc3c7;
}

.phoenix-groupSingleSelect__ddWrapper--disabled:hover {
  cursor: not-allowed;
  background-color: inherit;
}

.phoenix-groupSingleSelect__ddWrapper--active {
  background-color: rgba(230, 232, 235, 0.3);
}

.phoenix-groupSingleSelect__ddWrapper--active:hover {
  background-color: rgba(230, 232, 235, 0.3);
}

.phoenix-groupSingleSelect__ddText {
  overflow: hidden;
  text-overflow: ellipsis;
}
.phoenix-groupSingleSelect {
  font-size: 12px;
  line-height: 20px;
  width: 100%;
  background: white;
  font-family: "PingFang SC", "Hiragino Sans GB", STHeitiSC, Helvetica, "Helvetica Neue", "Microsoft YaHei", Tahoma;
  padding: 4px 0;
  box-sizing: border-box;
  max-height: 290px;
  display: flex;
  display: -ms-flexbox;
  flex-direction: column;
}

.phoenix-groupSingleSelect::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

.phoenix-groupSingleSelect::-webkit-scrollbar-track {
  border-radius: 100px;
  background-color: transparent;
}

.phoenix-groupSingleSelect::-webkit-scrollbar-thumb {
  border: 2px solid transparent;
  border-radius: 100px;
  background-color: rgba(14, 17, 20, 0.1);
  background-clip: content-box;
}

.phoenix-groupSingleSelect::-webkit-scrollbar-thumb:hover {
  background-color: rgba(14, 17, 20, 0.3);
}

.phoenix-groupSingleSelect__contentWraper {
  max-height: 290px;
  min-height: 148px;
  overflow-y: auto;
  overflow-x: hidden;
}

.phoenix-groupSingleSelect__contentWraper::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

.phoenix-groupSingleSelect__contentWraper::-webkit-scrollbar-track {
  border-radius: 100px;
  background-color: transparent;
}

.phoenix-groupSingleSelect__contentWraper::-webkit-scrollbar-thumb {
  border: 2px solid transparent;
  border-radius: 100px;
  background-color: rgba(14, 17, 20, 0.1);
  background-clip: content-box;
}

.phoenix-groupSingleSelect__contentWraper::-webkit-scrollbar-thumb:hover {
  background-color: rgba(14, 17, 20, 0.3);
}

.phoenix-groupSingleSelect--loading .phoenix-groupSingleSelect__emptyContainer {
  height: 182px;
}

.phoenix-groupSingleSelect--search .phoenix-groupSingleSelect__emptyContainer {
  height: 148px;
}

.phoenix-groupSingleSelect--empty .phoenix-groupSingleSelect__emptyContainer {
  height: 182px;
}

.phoenix-groupSingleSelect--empty.phoenix-groupSingleSelect--search .phoenix-groupSingleSelect__emptyContainer {
  min-height: 148px;
  height: 100%;
}

.phoenix-groupSingleSelect--sizeSmall {
  width: 170px;
}

.phoenix-groupSingleSelect--sizeLarge {
  width: 340px;
}

.phoenix-groupSingleSelect--fontLarge {
  font-size: 14px;
  line-height: 22px;
}

.phoenix-groupSingleSelect--shadow {
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.08);
  border-radius: 3px;
}

.phoenix-groupSingleSelect__searchWrapper {
  padding: 4px 10px 0px;
  flex-shrink: 0;
}

.phoenix-groupSingleSelect__dListWrapper {
  flex-shrink: 0;
  overflow-y: auto;
  overflow-x: hidden;
}

.phoenix-groupSingleSelect__dListWrapper::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

.phoenix-groupSingleSelect__dListWrapper::-webkit-scrollbar-track {
  border-radius: 100px;
  background-color: transparent;
}

.phoenix-groupSingleSelect__dListWrapper::-webkit-scrollbar-thumb {
  border: 2px solid transparent;
  border-radius: 100px;
  background-color: rgba(14, 17, 20, 0.1);
  background-clip: content-box;
}

.phoenix-groupSingleSelect__dListWrapper::-webkit-scrollbar-thumb:hover {
  background-color: rgba(14, 17, 20, 0.3);
}

.phoenix-groupSingleSelect__dlWrapper {
  font-size: 12px;
  line-height: 20px;
  margin: 0;
}

.phoenix-groupSingleSelect__dlWrapper--fontLarge {
  font-size: 14px;
  line-height: 22px;
}

.phoenix-groupSingleSelect__dtWrapper {
  color: #bfc3c7;
  margin: 0;
  padding: 4px 10px;
  margin-inline-start: 0;
  overflow: hidden;
  white-space: nowrap;
}

.phoenix-groupSingleSelect__dtWrapper:hover {
  cursor: pointer;
}

.phoenix-groupSingleSelect__dtWrapper--fontLarge {
  padding: 4px 12px;
}

.phoenix-groupSingleSelect__dtWrapper--border {
  border-top: 1px solid #f0f2f5;
  padding-top: 8px;
  margin-top: 4px;
}

.phoenix-groupSingleSelect__dtText {
  overflow: hidden;
  text-overflow: ellipsis;
}

.phoenix-groupSingleSelect__group {
  border-bottom: 1px solid #f0f2f5;
}

.phoenix-groupSingleSelect__group:last-child {
  border-bottom: none;
}

.phoenix-groupSingleSelect__searchTip {
  padding-left: 8px;
  font-family: "PingFang SC", "Hiragino Sans GB", STHeitiSC, Helvetica, "Helvetica Neue", "Microsoft YaHei", Tahoma;
  font-size: 12px;
  line-height: 20px;
  color: #FFA42E;
}
.phoenix-mutiSelectList__emptyWrapper {
  position: relative;
  text-align: center;
  height: 100%;
  overflow: hidden;
}

.phoenix-mutiSelectList__emptyContentWrapper {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  font-family: "PingFang SC", "Hiragino Sans GB", STHeitiSC, Helvetica, "Helvetica Neue", "Microsoft YaHei", Tahoma;
  width: 100%;
}

.phoenix-mutiSelectList__emptyText {
  font-size: 12px;
  line-height: 20px;
  color: #565e66;
  margin-top: 8px;
}
.phoenix-mutiSelectList__loadingWrapper {
  text-align: center;
  height: 150px;
  position: relative;
}

.phoenix-mutiSelectList__loadingIconWrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.phoenix-mutiSelectList {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  position: relative;
  max-height: 290px;
  padding: 4px 0px;
  width: auto;
}

.phoenix-mutiSelectList::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

.phoenix-mutiSelectList::-webkit-scrollbar-track {
  border-radius: 100px;
  background-color: transparent;
}

.phoenix-mutiSelectList::-webkit-scrollbar-thumb {
  border: 2px solid transparent;
  border-radius: 100px;
  background-color: rgba(14, 17, 20, 0.1);
  background-clip: content-box;
}

.phoenix-mutiSelectList::-webkit-scrollbar-thumb:hover {
  background-color: rgba(14, 17, 20, 0.3);
}

.phoenix-mutiSelectList--showFooter {
  padding-bottom: 0;
}

.phoenix-mutiSelectList--showFooter .phoenix-mutiSelectList__contentWraper {
  max-height: calc(290px - 43px - 8px);
}

.phoenix-mutiSelectList--loading .phoenix-mutiSelectList__loadingWrapper {
  height: 190px;
}

.phoenix-mutiSelectList--search .phoenix-mutiSelectList__loadingWrapper {
  height: 150px;
}

.phoenix-mutiSelectList--search .phoenix-mutiSelectList__contentWraper {
  max-height: calc(290px - 44px - 8px);
}

.phoenix-mutiSelectList--showFooter.phoenix-mutiSelectList--search .phoenix-mutiSelectList__contentWraper {
  max-height: calc(290px - 44px - 43px - 8px);
}

.phoenix-mutiSelectList--isEmpty {
  height: 190px;
}

.phoenix-mutiSelectList--isEmpty .phoenix-mutiSelectList__emptyWrapper, .phoenix-mutiSelectList--isEmpty .phoenix-mutiSelectList__contentWraper {
  height: 100%;
}

.phoenix-mutiSelectList--isEmpty.phoenix-mutiSelectList--search {
  height: auto;
}

.phoenix-mutiSelectList--isEmpty.phoenix-mutiSelectList--search .phoenix-mutiSelectList__contentWraper {
  height: 150px;
}

.phoenix-mutiSelectList--searchTip {
  height: auto;
}

.phoenix-mutiSelectList--border {
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.08);
  border-radius: 3px;
}

.phoenix-mutiSelectList--small {
  width: 170px;
}

.phoenix-mutiSelectList--middle {
  width: 340px;
}

.phoenix-mutiSelectList--fontLarge .phoenix-mutiSelectList__footer {
  padding: 8px 12px;
}

.phoenix-mutiSelectList--fontLarge .phoenix-mutiSelectList__searchWrapper {
  padding: 10px 12px 4px;
}

.phoenix-mutiSelectList--search .phoenix-mutiSelectList__contentWraper {
  min-height: 150px;
}

.phoenix-mutiSelectList__searchWrapper {
  background-color: white;
  z-index: 1201;
  padding: 10px 10px 4px;
}

.phoenix-mutiSelectList__contentWraper {
  max-height: calc(290px - 8px);
  overflow-y: auto;
  overflow-x: hidden;
  flex-shrink: 0;
}

.phoenix-mutiSelectList__contentWraper::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

.phoenix-mutiSelectList__contentWraper::-webkit-scrollbar-track {
  border-radius: 100px;
  background-color: transparent;
}

.phoenix-mutiSelectList__contentWraper::-webkit-scrollbar-thumb {
  border: 2px solid transparent;
  border-radius: 100px;
  background-color: rgba(14, 17, 20, 0.1);
  background-clip: content-box;
}

.phoenix-mutiSelectList__contentWraper::-webkit-scrollbar-thumb:hover {
  background-color: rgba(14, 17, 20, 0.3);
}

.phoenix-mutiSelectList__list {
  font-family: "PingFang SC", "Hiragino Sans GB", STHeitiSC, Helvetica, "Helvetica Neue", "Microsoft YaHei", Tahoma;
  margin: 0;
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 12px;
  line-height: 20px;
}

.phoenix-mutiSelectList__list--fontLarge .phoenix-checkbox__text {
  font-size: 14px;
  line-height: 22px;
}

.phoenix-mutiSelectList__listItem {
  color: #0e1114;
  cursor: pointer;
  padding: 4px 10px;
}

.phoenix-mutiSelectList__listItem:hover {
  background-color: rgba(133, 194, 255, 0.1);
}

.phoenix-mutiSelectList__listItem .searchTxt {
  background-color: rgba(250, 193, 5, 0.3);
}

.phoenix-mutiSelectList__listItem label {
  width: 100%;
}

.phoenix-mutiSelectList__listItem--fontLarge {
  padding: 4px 12px;
}

.phoenix-mutiSelectList__highLight {
  color: inherit;
  border-radius: 2px;
  background-color: rgba(250, 193, 5, 0.2);
}

.phoenix-mutiSelectList__searchTip {
  padding-left: 8px;
  font-family: "PingFang SC", "Hiragino Sans GB", STHeitiSC, Helvetica, "Helvetica Neue", "Microsoft YaHei", Tahoma;
  font-size: 12px;
  line-height: 20px;
  color: #FFA42E;
}
.phoenix-mutiSelectList__footer {
  flex-shrink: 0;
  width: 100%;
  box-sizing: border-box;
  border-top: 1px solid #f0f2f5;
  margin-top: 4px;
  padding: 8px 10px;
}

.phoenix-mutiSelectList__footerButton {
  float: right;
}
.phoenix-checkbox {
  position: relative;
  line-height: 20px;
  box-sizing: border-box;
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  align-items: center;
  font-family: "PingFang SC", "Hiragino Sans GB", STHeitiSC, Helvetica, "Helvetica Neue", "Microsoft YaHei", Tahoma;
  font-size: 12px;
  margin: 0;
  padding: 0;
  cursor: pointer;
  min-width: 42px;
}

.phoenix-checkbox--disabled {
  cursor: not-allowed;
}

.phoenix-checkbox__box {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  position: relative;
  display: block;
  outline: none;
  cursor: pointer;
}

.phoenix-checkbox__box::after {
  opacity: 0;
  transform: rotate(0) scale(1) translate(-50%, -50%);
  border: none;
  width: 0px;
  top: 50%;
  left: 50%;
  height: 1px;
  background-color: #fff;
  position: absolute;
  display: table;
  content: ' ';
  transition: all .2s ease-in .1s;
}

.phoenix-checkbox__box--partialChecked::after {
  opacity: 1;
  width: 8px;
  transition: all 0.4s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
}

.phoenix-checkbox__input {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}

.phoenix-checkbox__input--disabled {
  cursor: not-allowed;
}

.phoenix-checkbox__realInput {
  border: 1px solid rgba(191, 195, 199, 0.7);
  background-color: rgba(255, 255, 255, 0.7);
  position: relative;
  top: 0;
  left: 0;
  display: block;
  width: 12px;
  height: 12px;
  border-radius: 2px;
  border-collapse: separate;
  transition: all .3s;
}

.phoenix-checkbox__realInput--checked, .phoenix-checkbox__realInput--partialChecked {
  background-color: #1d86f0;
  border: 1px solid #1d86f0;
}

.phoenix-checkbox__realInput--disabled {
  background-color: rgba(230, 232, 235, 0.3);
  border: 1px solid rgba(191, 195, 199, 0.5);
}

.phoenix-checkbox__realInput--disabledChecked {
  background-color: rgba(29, 134, 240, 0.5);
  border: 1px solid rgba(29, 134, 240, 0);
}

.phoenix-checkbox__realInput::after {
  position: absolute;
  top: 1px;
  left: 4px;
  width: 3px;
  height: 6px;
  border: 1px solid #fff;
  border-top: 0;
  border-left: 0;
  opacity: 0;
  transform: rotate(45deg) scale(0);
  transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
  content: ' ';
}

.phoenix-checkbox__realInput--checked::after {
  transform: rotate(45deg) scale(1);
  transition: all 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
  opacity: 1;
}

.phoenix-checkbox__text {
  margin-left: 4px;
  color: #565e66;
  display: block;
  font-family: "PingFang SC", "Hiragino Sans GB", STHeitiSC, Helvetica, "Helvetica Neue", "Microsoft YaHei", Tahoma;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.phoenix-checkbox__text--fontMiddle {
  font-size: 14px;
}

.phoenix-checkbox__text.color-M1 {
  color: #0e1114;
}

.phoenix-checkbox__text.color-M2 {
  color: #33383d;
}

.phoenix-checkbox__text.color-M3 {
  color: #565e66;
}

.phoenix-checkbox__text.color-M4 {
  color: #83898f;
}

.phoenix-checkbox__text.color-M5 {
  color: #bfc3c7;
}

.phoenix-checkbox__text.phoenix-checkbox__text--disabled {
  color: #bfc3c7;
}

.phoenix-checkbox:hover .phoenix-checkbox__realInput {
  border: 1px solid #1d86f0;
}

.phoenix-checkbox:hover .phoenix-checkbox__realInput--checked, .phoenix-checkbox:hover .phoenix-checkbox__realInput--partialChecked {
  border: 1px solid #106ecc;
  background-color: #106ecc;
}

.phoenix-checkbox:hover .phoenix-checkbox__realInput--disabled {
  background-color: rgba(230, 232, 235, 0.3);
  border: 1px solid rgba(191, 195, 199, 0.5);
}

.phoenix-checkbox:hover .phoenix-checkbox__realInput--disabledChecked {
  background-color: rgba(29, 134, 240, 0.5);
  border: 1px solid rgba(29, 134, 240, 0);
}
.phoenix-mutiSelectList__group {
  font-size: 12px;
  line-height: 20px;
  padding-top: 4px;
  box-sizing: border-box;
  color: #bfc3c7;
  border-top: 1px solid #f0f2f5;
}

.phoenix-mutiSelectList__group:first-child {
  border-top: none;
}

.phoenix-mutiSelectList__group--showFirstItemBorder:first-child {
  border-top: 1px solid #f0f2f5;
}

.phoenix-mutiSelectList__group--fontLarge {
  font-size: 14px;
  line-height: 22px;
}

.phoenix-mutiSelectList__group--fontLarge .phoenix-mutiSelectList__groupLabel {
  padding: 4px 12px;
}

.phoenix-mutiSelectList__group .phoenix-mutiSelectList__listItem {
  padding-left: 24px;
}

.phoenix-mutiSelectList__groupLabel {
  padding: 4px 10px;
}
.phoenix-form-item-control-preview {
  display: block;
  width: 100%;
  padding: 0 8px;
  line-height: 28px;
  border: 1px solid transparent;
  border-bottom-color: #f0f2f5;
}

.phoenix-form-item-control-preview-content {
  display: inline-block;
  font-size: 12px;
  line-height: 20px;
  color: #0e1114;
}
.phoenix-fieldDropdown__multiSelect {
  max-height: 247px;
}

.phoenix-fieldDropdown__multiSelect .phoenix-mutiSelectList__contentWraper {
  max-height: calc(247px - 8px);
}

.select_dropdown_wrapper {
  outline: none;
}
/**
 * file: NumberButtonPure.scss
 * author: huangxiaolong@beisen.com
 * date: 2019/07/01
 */
.phoenix-pagination__numberButtonPure {
  font-size: 12px;
  line-height: 20px;
  display: inline-block;
  float: left;
  color: #33383d;
  background-color: white;
  height: 24px;
  line-height: 24px;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
}

.phoenix-pagination__numberButtonPure.phoenix-pagination__numberButtonPure--clicked {
  color: #106ecc;
  background-color: rgba(133, 194, 255, 0.15);
}

.phoenix-pagination__numberButtonPure.phoenix-pagination__numberButtonPure--clicked:hover {
  color: #106ecc;
}

.phoenix-pagination__numberButtonPure:hover {
  color: #106ecc;
}
/**
 * file: NumberButtonGroupSC.scss
 * author: huangxiaolong@beisen.com
 * date: 2019/07/01
 */
.phoenix-pagination__numberButtonGroup {
  display: inline-block;
  height: 24px;
  border: solid 1px #e6e8eb;
  border-radius: 3px;
  overflow: hidden;
}
/**
 * file: NumberButton.scss
 * author: huangxiaolong@beisen.com
 * date: 2019/07/01
 */
.phoenix-pagination__numberButton {
  display: inline-block;
  height: 24px;
  border: solid 1px #e6e8eb;
  border-radius: 3px;
  overflow: hidden;
}
/**
 * file: EllipseButton.scss
 * author: huangxiaolong@beisen.com
 * date: 2019/07/01
 */
.phoenix-pagination__ellipseButton {
  display: inline-block;
  width: 24px;
  height: 26px;
  background-image: url(https://simgenius.cn/temp-resource/phoenix/pagination/images/ellipse.svg);
  background-size: 12px;
  background-position: 6px 7px;
  background-repeat: no-repeat;
  cursor: pointer;
}

.phoenix-pagination__ellipseButton:hover {
  background-image: url(https://simgenius.cn/temp-resource/phoenix/pagination/images/ellipse-hover.svg);
}

.phoenix-pagination__ellipseButton.phoenix-pagination__ellipseButton--next {
  transform: rotate(180deg);
}
/**
 * file: NumberAreaSC.scss
 * author: huangxiaolong@beisen.com
 * date: 2019/07/01
 */
.phoenix-pagination__numberArea {
  display: inline-block;
  height: 26px;
  vertical-align: middle;
}
/**
 * file: PageButton.scss
 * author: huangxiaolong@beisen.com
 * date: 2019/07/01
 */
.phoenix-pagination__pageButton {
  display: inline-block;
  font-size: 12px;
  line-height: 20px;
  background: white;
  border: solid 1px #e6e8eb;
  border-radius: 3px;
  box-sizing: border-box;
  width: 56px;
  height: 26px;
  line-height: 24px;
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  color: #33383d;
}

.phoenix-pagination__pageButton:hover {
  color: #106ecc;
}

.phoenix-pagination__pageButton.phoenix-pagination__pageButton--clicked {
  color: #33383d;
}

.phoenix-pagination__pageButton.phoenix-pagination__pageButton--clicked:hover {
  color: #33383d;
}

.phoenix-pagination__pageButton.phoenix-pagination__pageButton--disabled {
  color: #bfc3c7;
  cursor: not-allowed;
}

.phoenix-pagination__pageButton.phoenix-pagination__pageButton--disabled:hover {
  color: #bfc3c7;
}

.phoenix-pagination__pageButton.phoenix-pagination__pageButton--prev {
  margin-right: 4px;
}

.phoenix-pagination__pageButton.phoenix-pagination__pageButton--next {
  margin-left: 4px;
}
/**
 * file: PageJumpSC.scss
 * author: huangxiaolong@beisen.com
 * date: 2019/07/01
 */
.phoenix-pagination__pageJump {
  display: inline-block;
  height: 26px;
  font-size: 12px;
  line-height: 20px;
  line-height: 26px;
  margin-left: 16px;
  color: #33383d;
}

.phoenix-pagination__pageJump .phoenix-pagination__pageInput {
  font-size: 12px;
  line-height: 20px;
  color: #33383d;
  background-color: white;
  border: solid 1px #e6e8eb;
  border-radius: 3px;
  text-align: center;
  line-height: 24px;
  width: 48px;
  outline: none;
  margin: 0 4px;
  padding: 0;
  height: 24px;
}

.phoenix-pagination__pageJump .phoenix-pagination__pageInput:hover {
  border-color: #85c2ff;
}

.phoenix-pagination__pageJump .phoenix-pagination__pageInput:focus, .phoenix-pagination__pageJump .phoenix-pagination__pageInput:active {
  border-color: #5cadff;
}
@keyframes scan {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@-ms-keyframes scan {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@-moz-keyframes scan {
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes scan {
  100% {
    opacity: 0;
  }
}

@-o-keyframes scan {
  100% {
    opacity: 0;
  }
}

rect.one {
  -webkit-animation: scan 0.9s linear 0s infinite;
  -moz-animation: scan 0.9s linear 0s infinite;
  -ms-animation: scan 0.9s linear 0s infinite;
  -o-animation: scan 0.9s linear 0s infinite;
  animation: scan 0.9s linear 0s infinite;
}

rect.two {
  -webkit-animation: scan 0.9s linear 0.1125s infinite;
  -moz-animation: scan 0.9s linear 0.1125s infinite;
  -ms-animation: scan 0.9s linear 0.1125s infinite;
  -o-animation: scan 0.9s linear 0.1125s infinite;
  animation: scan 0.9s linear 0.1125s infinite;
}

rect.three {
  -webkit-animation: scan 0.9s linear 0.225s infinite;
  -moz-animation: scan 0.9s linear 0.225s infinite;
  -ms-animation: scan 0.9s linear 0.225s infinite;
  -o-animation: scan 0.9s linear 0.225s infinite;
  animation: scan 0.9s linear 0.225s infinite;
}

rect.four {
  -webkit-animation: scan 0.9s linear 0.3375s infinite;
  -moz-animation: scan 0.9s linear 0.3375s infinite;
  -ms-animation: scan 0.9s linear 0.3375s infinite;
  -o-animation: scan 0.9s linear 0.3375s infinite;
  animation: scan 0.9s linear 0.3375s infinite;
}

rect.five {
  -webkit-animation: scan 0.9s linear 0.45s infinite;
  -moz-animation: scan 0.9s linear 0.45s infinite;
  -ms-animation: scan 0.9s linear 0.45s infinite;
  -o-animation: scan 0.9s linear 0.45s infinite;
  animation: scan 0.9s linear 0.45s infinite;
}

rect.six {
  -webkit-animation: scan 0.9s linear 0.5625s infinite;
  -moz-animation: scan 0.9s linear 0.5625s infinite;
  -ms-animation: scan 0.9s linear 0.5625s infinite;
  -o-animation: scan 0.9s linear 0.5625s infinite;
  animation: scan 0.9s linear 0.5625s infinite;
}

rect.seven {
  -webkit-animation: scan 0.9s linear 0.675s infinite;
  -moz-animation: scan 0.9s linear 0.675s infinite;
  -ms-animation: scan 0.9s linear 0.675s infinite;
  -o-animation: scan 0.9s linear 0.675s infinite;
  animation: scan 0.9s linear 0.675s infinite;
}

rect.eight {
  -webkit-animation: scan 0.9s linear 0.7875s infinite;
  -moz-animation: scan 0.9s linear 0.7875s infinite;
  -ms-animation: scan 0.9s linear 0.7875s infinite;
  -o-animation: scan 0.9s linear 0.7875s infinite;
  animation: scan 0.9s linear 0.7875s infinite;
}
/**
 * file: style.scss
 * author: huangxiaolong@beisen.com
 * date: 2019/6/27
 */
@-webkit-keyframes rcToolTipZoomIn {
  0% {
    opacity: 0;
    transform: scale(0.2);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@-moz-keyframes rcToolTipZoomIn {
  0% {
    opacity: 0;
    transform: scale(0.2);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@-o-keyframes rcToolTipZoomIn {
  0% {
    opacity: 0;
    transform: scale(0.2);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes rcToolTipZoomIn {
  0% {
    opacity: 0;
    transform: scale(0.2);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@-webkit-keyframes rcToolTipZoomOut {
  0% {
    opacity: 0;
    transform: scale(0.2);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@-moz-keyframes rcToolTipZoomOut {
  0% {
    opacity: 0;
    transform: scale(0.2);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@-o-keyframes rcToolTipZoomOut {
  0% {
    opacity: 0;
    transform: scale(0.2);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes rcToolTipZoomOut {
  0% {
    opacity: 0;
    transform: scale(0.2);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

.phoenix-tooltip {
  position: absolute;
  z-index: 1500;
  display: block;
  visibility: visible;
  font-size: 12px;
  line-height: 20px;
  font-family: "PingFang SC", "Hiragino Sans GB", STHeitiSC, Helvetica, "Helvetica Neue", "Microsoft YaHei", Tahoma;
}

.phoenix-tooltip.phoenix-tooltip-hidden {
  display: none;
}

.phoenix-tooltip.phoenix-tooltip-placement-top, .phoenix-tooltip.phoenix-tooltip-placement-topLeft, .phoenix-tooltip.phoenix-tooltip-placement-topRight {
  padding: 5px 0 5px 0;
}

.phoenix-tooltip.phoenix-tooltip-placement-right, .phoenix-tooltip.phoenix-tooltip-placement-rightTop, .phoenix-tooltip.phoenix-tooltip-placement-rightBottom {
  padding: 0 5px 0 5px;
}

.phoenix-tooltip.phoenix-tooltip-placement-bottom, .phoenix-tooltip.phoenix-tooltip-placement-bottomLeft, .phoenix-tooltip.phoenix-tooltip-placement-bottomRight {
  padding: 5px 0 5px 0;
}

.phoenix-tooltip.phoenix-tooltip-placement-left, .phoenix-tooltip.phoenix-tooltip-placement-leftTop, .phoenix-tooltip.phoenix-tooltip-placement-leftBottom {
  padding: 0 5px 0 5px;
}

.phoenix-tooltip .phoenix-tooltip-inner {
  padding: 4px 10px;
  color: #fff;
  text-align: left;
  text-decoration: none;
  background-color: #33383D;
  border-radius: 3px;
}

.phoenix-tooltip .phoenix-tooltip-inner .content-box {
  max-width: 396px;
  max-height: 280px;
  word-wrap: break-word;
  word-break: break-word;
  overflow: hidden;
  font-size: 12px;
  line-height: 20px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.phoenix-tooltip .phoenix-tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.phoenix-tooltip.phoenix-tooltip-placement-top .phoenix-tooltip-arrow,
  .phoenix-tooltip.phoenix-tooltip-placement-topLeft .phoenix-tooltip-arrow,
  .phoenix-tooltip.phoenix-tooltip-placement-topRight .phoenix-tooltip-arrow {
  bottom: 0;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #33383D;
}

.phoenix-tooltip.phoenix-tooltip-placement-top .phoenix-tooltip-arrow {
  left: 50%;
}

.phoenix-tooltip.phoenix-tooltip-placement-topLeft .phoenix-tooltip-arrow {
  left: calc(15%);
}

.phoenix-tooltip.phoenix-tooltip-placement-topRight .phoenix-tooltip-arrow {
  right: 15%;
}

.phoenix-tooltip.phoenix-tooltip-placement-right .phoenix-tooltip-arrow,
  .phoenix-tooltip.phoenix-tooltip-placement-rightTop .phoenix-tooltip-arrow,
  .phoenix-tooltip.phoenix-tooltip-placement-rightBottom .phoenix-tooltip-arrow {
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #33383D;
}

.phoenix-tooltip.phoenix-tooltip-placement-right .phoenix-tooltip-arrow {
  top: 50%;
}

.phoenix-tooltip.phoenix-tooltip-placement-rightTop .phoenix-tooltip-arrow {
  top: 15%;
  margin-top: 0;
}

.phoenix-tooltip.phoenix-tooltip-placement-rightBottom .phoenix-tooltip-arrow {
  bottom: 15%;
}

.phoenix-tooltip.phoenix-tooltip-placement-left .phoenix-tooltip-arrow,
  .phoenix-tooltip.phoenix-tooltip-placement-leftTop .phoenix-tooltip-arrow,
  .phoenix-tooltip.phoenix-tooltip-placement-leftBottom .phoenix-tooltip-arrow {
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #33383D;
}

.phoenix-tooltip.phoenix-tooltip-placement-left .phoenix-tooltip-arrow {
  top: 50%;
}

.phoenix-tooltip.phoenix-tooltip-placement-leftTop .phoenix-tooltip-arrow {
  top: 15%;
  margin-top: 0;
}

.phoenix-tooltip.phoenix-tooltip-placement-leftBottom .phoenix-tooltip-arrow {
  bottom: 15%;
}

.phoenix-tooltip.phoenix-tooltip-placement-bottom .phoenix-tooltip-arrow,
  .phoenix-tooltip.phoenix-tooltip-placement-bottomLeft .phoenix-tooltip-arrow,
  .phoenix-tooltip.phoenix-tooltip-placement-bottomRight .phoenix-tooltip-arrow {
  top: 0;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #33383D;
}

.phoenix-tooltip.phoenix-tooltip-placement-bottom .phoenix-tooltip-arrow {
  left: 50%;
}

.phoenix-tooltip.phoenix-tooltip-placement-bottomLeft .phoenix-tooltip-arrow {
  left: 15%;
}

.phoenix-tooltip.phoenix-tooltip-placement-bottomRight .phoenix-tooltip-arrow {
  right: calc(15% - 5px);
}

.phoenix-tooltip.phoenix-tooltip-zoom-enter, .phoenix-tooltip.phoenix-tooltip-zoom-leave {
  display: block;
}

.phoenix-tooltip.phoenix-tooltip-zoom-enter, .phoenix-tooltip.phoenix-tooltip-zoom-appear {
  opacity: 0;
  animation-duration: 0.1s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  animation-play-state: paused;
}

.phoenix-tooltip.phoenix-tooltip-zoom-leave {
  animation-duration: 0.1s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
  animation-play-state: paused;
}

.phoenix-tooltip.phoenix-tooltip-zoom-enter.phoenix-tooltip-zoom-enter-active, .phoenix-tooltip.phoenix-tooltip-zoom-appear.phoenix-tooltip-zoom-appear-active {
  animation-name: rcToolTipZoomIn;
  animation-play-state: running;
}

.phoenix-tooltip.phoenix-tooltip-zoom-leave.phoenix-tooltip-zoom-leave-active {
  animation-name: rcToolTipZoomOut;
  animation-play-state: running;
}
.phoenix-button {
  display: inline-block;
}

.phoenix-button__wraper {
  font-family: "PingFang SC", "Hiragino Sans GB", STHeitiSC, Helvetica, "Helvetica Neue", "Microsoft YaHei", Tahoma;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  max-width: inherit;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
  border-radius: 3px;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  outline: none;
}

.phoenix-button__wraper--primary {
  color: white;
  border: 1px solid transparent;
  background-color: #1d86f0;
}

.phoenix-button__wraper--primary:hover {
  background-color: #5cadff;
}

.phoenix-button__wraper--primary:active, .phoenix-button__wraper--primary.active {
  background-color: #106ecc;
}

.phoenix-button__wraper--secondary {
  color: #106ecc;
  border: 1px solid #85c2ff;
  background-color: white;
}

.phoenix-button__wraper--secondary .phoenix-button__suffixIcon {
  color: #1d86f0;
}

.phoenix-button__wraper--secondary .phoenix-button__preIcon {
  color: #1d86f0;
}

.phoenix-button__wraper--secondary:hover {
  color: #1d86f0;
  background-color: rgba(133, 194, 255, 0.1);
}

.phoenix-button__wraper--secondary:hover .phoenix-button__suffixIcon {
  color: #106ecc;
}

.phoenix-button__wraper--secondary:hover .phoenix-button__preIcon {
  color: #106ecc;
}

.phoenix-button__wraper--secondary:active, .phoenix-button__wraper--secondary.active {
  color: #106ecc;
  background-color: rgba(133, 194, 255, 0.2);
  border: 1px solid #85c2ff;
}

.phoenix-button__wraper--secondary:active .phoenix-button__suffixIcon, .phoenix-button__wraper--secondary.active .phoenix-button__suffixIcon {
  color: #1d86f0;
}

.phoenix-button__wraper--secondary:active .phoenix-button__preIcon, .phoenix-button__wraper--secondary.active .phoenix-button__preIcon {
  color: #1d86f0;
}

.phoenix-button__wraper--normal {
  color: #33383d;
  border: 1px solid #e6e8eb;
  background-color: white;
}

.phoenix-button__wraper--normal .phoenix-button__suffixIcon {
  color: #83898f;
}

.phoenix-button__wraper--normal .phoenix-button__preIcon {
  color: #83898f;
}

.phoenix-button__wraper--normal:hover {
  color: #106ecc;
  border: 1px solid #85c2ff;
  background-color: rgba(133, 194, 255, 0.1);
}

.phoenix-button__wraper--normal:hover .phoenix-button__suffixIcon {
  color: #106ecc;
}

.phoenix-button__wraper--normal:hover .phoenix-button__preIcon {
  color: #106ecc;
}

.phoenix-button__wraper--normal:active, .phoenix-button__wraper--normal.active {
  color: #106ecc;
  border: 1px solid #85c2ff;
  background-color: rgba(133, 194, 255, 0.2);
}

.phoenix-button__wraper--normal:active .phoenix-button__suffixIcon, .phoenix-button__wraper--normal.active .phoenix-button__suffixIcon {
  color: #1d86f0;
}

.phoenix-button__wraper--normal:active .phoenix-button__preIcon, .phoenix-button__wraper--normal.active .phoenix-button__preIcon {
  color: #1d86f0;
}

.phoenix-button__wraper--super {
  min-width: 96px;
  height: 40px;
  padding: 0 30px 0 30px;
  font-size: 18px;
  line-height: 26px;
}

.phoenix-button__wraper--big {
  min-width: 60px;
  height: 32px;
  padding: 0 16px 0 16px;
  font-size: 14px;
}

.phoenix-button__wraper--middle {
  min-width: 48px;
  height: 30px;
  padding: 0 12px 0 12px;
  font-size: 12px;
  line-height: 20px;
}

.phoenix-button__wraper--small {
  min-width: 44px;
  height: 26px;
  padding: 0 10px 0 10px;
  font-size: 12px;
  line-height: 20px;
}

.phoenix-button__wraper--primaryDisable {
  cursor: not-allowed;
  background-color: rgba(29, 134, 240, 0.5);
}

.phoenix-button__wraper--primaryDisable:hover {
  background-color: rgba(29, 134, 240, 0.5);
}

.phoenix-button__wraper--primaryDisable:active, .phoenix-button__wraper--primaryDisable.active {
  background-color: rgba(29, 134, 240, 0.5);
}

.phoenix-button__wraper--primaryLoading {
  background-color: rgba(29, 134, 240, 0.5);
}

.phoenix-button__wraper--primaryLoading:hover {
  background-color: rgba(29, 134, 240, 0.5);
}

.phoenix-button__wraper--primaryLoading:active, .phoenix-button__wraper--primaryLoading.active {
  background-color: rgba(29, 134, 240, 0.5);
}

.phoenix-button__wraper--secondaryLoading {
  color: rgba(16, 110, 204, 0.5);
  background-color: white;
  border: 1px solid rgba(133, 194, 255, 0.5);
}

.phoenix-button__wraper--secondaryLoading svg {
  color: rgba(29, 134, 240, 0.9);
}

.phoenix-button__wraper--secondaryLoading:hover {
  color: rgba(16, 110, 204, 0.5);
  background-color: white;
  border: 1px solid rgba(92, 173, 255, 0.5);
}

.phoenix-button__wraper--secondaryLoading:active, .phoenix-button__wraper--secondaryLoading.active {
  color: rgba(16, 110, 204, 0.5);
  background-color: white;
  border: 1px solid rgba(92, 173, 255, 0.5);
}

.phoenix-button__wraper--secondaryDisable {
  color: rgba(16, 110, 204, 0.5);
  background-color: white;
  border: 1px solid rgba(133, 194, 255, 0.5);
  cursor: not-allowed;
}

.phoenix-button__wraper--secondaryDisable .phoenix-button__suffixIcon {
  color: rgba(29, 134, 240, 0.5);
}

.phoenix-button__wraper--secondaryDisable .phoenix-button__preIcon {
  color: rgba(29, 134, 240, 0.5);
}

.phoenix-button__wraper--secondaryDisable:hover {
  color: rgba(16, 110, 204, 0.5);
  background-color: white;
  border: 1px solid rgba(92, 173, 255, 0.5);
}

.phoenix-button__wraper--secondaryDisable:hover .phoenix-button__suffixIcon {
  color: rgba(29, 134, 240, 0.5);
}

.phoenix-button__wraper--secondaryDisable:hover .phoenix-button__preIcon {
  color: rgba(29, 134, 240, 0.5);
}

.phoenix-button__wraper--secondaryDisable:active, .phoenix-button__wraper--secondaryDisable.active {
  color: rgba(16, 110, 204, 0.5);
  background-color: white;
  border: 1px solid rgba(92, 173, 255, 0.5);
}

.phoenix-button__wraper--secondaryDisable:active .phoenix-button__suffixIcon, .phoenix-button__wraper--secondaryDisable.active .phoenix-button__suffixIcon {
  color: rgba(29, 134, 240, 0.5);
}

.phoenix-button__wraper--secondaryDisable:active .phoenix-button__preIcon, .phoenix-button__wraper--secondaryDisable.active .phoenix-button__preIcon {
  color: rgba(29, 134, 240, 0.5);
}

.phoenix-button__wraper--normalLoading {
  color: #bfc3c7;
  background-color: rgba(230, 232, 235, 0.3);
  border: 1px solid #e6e8eb;
}

.phoenix-button__wraper--normalLoading svg {
  color: rgba(131, 137, 143, 0.9);
}

.phoenix-button__wraper--normalLoading:hover {
  color: #bfc3c7;
  background-color: rgba(230, 232, 235, 0.3);
  border: 1px solid #e6e8eb;
}

.phoenix-button__wraper--normalLoading:active, .phoenix-button__wraper--normalLoading.active {
  color: #bfc3c7;
  background-color: rgba(230, 232, 235, 0.3);
  border: 1px solid #e6e8eb;
}

.phoenix-button__wraper--normalDisable {
  color: #bfc3c7;
  background-color: rgba(230, 232, 235, 0.3);
  border: 1px solid #e6e8eb;
  cursor: not-allowed;
}

.phoenix-button__wraper--normalDisable:hover, .phoenix-button__wraper--normalDisable:active, .phoenix-button__wraper--normalDisable.active {
  color: #bfc3c7;
  background-color: rgba(230, 232, 235, 0.3);
  border: 1px solid #e6e8eb;
}

.phoenix-button__wraper--normalDisable:hover .phoenix-button__suffixIcon, .phoenix-button__wraper--normalDisable:active .phoenix-button__suffixIcon, .phoenix-button__wraper--normalDisable.active .phoenix-button__suffixIcon {
  color: #83898f;
}

.phoenix-button__wraper--normalDisable:hover .phoenix-button__preIcon, .phoenix-button__wraper--normalDisable:active .phoenix-button__preIcon, .phoenix-button__wraper--normalDisable.active .phoenix-button__preIcon {
  color: #83898f;
}

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

.phoenix-button__loading {
  margin-right: 4px;
}

.phoenix-button__preIcon {
  align-items: center;
  margin-right: 4px;
  width: auto;
  line-height: 0;
  font-size: 0;
}

.phoenix-button__preIcon svg {
  vertical-align: middle;
  width: 14px;
  height: 14px;
}

.phoenix-button__suffixIcon {
  align-items: center;
  margin-left: 4px;
  width: auto;
  line-height: 0;
}

.phoenix-button__suffixIcon svg {
  vertical-align: middle;
  width: 12px;
  height: 12px;
}
.phoenix-button-group {
  font-family: "PingFang SC", "Hiragino Sans GB", STHeitiSC, Helvetica, "Helvetica Neue", "Microsoft YaHei", Tahoma;
  position: relative;
  display: inline-block;
}

.phoenix-button-group__item {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
  float: left;
  min-width: 56px;
  margin-left: -1px;
  font-size: 12px;
  line-height: 20px;
  z-index: 0;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.phoenix-button-group__item.active {
  z-index: 1;
}

.phoenix-button-group__item.big {
  padding-left: 12px;
  padding-right: 12px;
  height: 30px;
}

.phoenix-button-group__item.small {
  padding-left: 10px;
  padding-right: 10px;
  height: 26px;
}

.phoenix-button-group__item.primary {
  color: #106ecc;
  border: 1px solid #5cadff;
  background-color: white;
}

.phoenix-button-group__item.primary:hover {
  color: #106ecc;
  border: 1px solid #5cadff;
  background-color: rgba(133, 194, 255, 0.1);
}

.phoenix-button-group__item.primary.disable {
  color: rgba(16, 110, 204, 0.5);
  border: 1px solid #5cadff;
  background-color: rgba(255, 255, 255, 0.5);
  cursor: not-allowed;
}

.phoenix-button-group__item.primary.disable:hover {
  color: rgba(16, 110, 204, 0.5);
  border: 1px solid #5cadff;
  background-color: rgba(255, 255, 255, 0.5);
}

.phoenix-button-group__item.primary.active {
  color: white;
  border: 1px solid #1d86f0;
  background-color: #1d86f0;
}

.phoenix-button-group__item.primary.active:hover {
  color: white;
  border: 1px solid #5cadff;
  background-color: #5cadff;
  z-index: 2;
}

.phoenix-button-group__item.primary.active.disable {
  color: white;
  border: 1px solid #5cadff;
  background-color: rgba(29, 134, 240, 0.5);
  cursor: not-allowed;
}

.phoenix-button-group__item.primary.active.disable:hover {
  color: white;
  border: 1px solid #5cadff;
  background-color: rgba(29, 134, 240, 0.5);
}

.phoenix-button-group__item.secondary {
  color: #33383d;
  border: 1px solid #bfc3c7;
  background-color: white;
}

.phoenix-button-group__item.secondary:hover {
  color: #106ecc;
  border: 1px solid #bfc3c7;
  background-color: white;
}

.phoenix-button-group__item.secondary.disable {
  color: #bfc3c7;
  border: 1px solid #bfc3c7;
  background-color: rgba(230, 232, 235, 0.3);
  cursor: not-allowed;
}

.phoenix-button-group__item.secondary.disable:hover {
  color: #bfc3c7;
  border: 1px solid #bfc3c7;
  background-color: rgba(230, 232, 235, 0.3);
}

.phoenix-button-group__item.secondary.active {
  color: #106ecc;
  border: 1px solid #5cadff;
  background-color: white;
}

.phoenix-button-group__item.secondary.active:hover {
  color: #106ecc;
  border: 1px solid #5cadff;
  background-color: rgba(133, 194, 255, 0.1);
  z-index: 2;
}

.phoenix-button-group__item.secondary.active.disable {
  color: rgba(16, 110, 204, 0.5);
  border: 1px solid #5cadff;
  background-color: white;
  cursor: not-allowed;
}

.phoenix-button-group__item.secondary.active.disable:hover {
  color: rgba(16, 110, 204, 0.5);
  border: 1px solid #5cadff;
  background-color: white;
}

.phoenix-button-group__item:first-child {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  margin-left: 0px;
}

.phoenix-button-group__item:last-child {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.phoenix-button-group__item:active:first-child {
  margin-left: 0px;
}
.phoenix-icon-button {
  font-family: "PingFang SC", "Hiragino Sans GB", STHeitiSC, Helvetica, "Helvetica Neue", "Microsoft YaHei", Tahoma;
  box-sizing: border-box;
  display: inline-flex;
  border-radius: 3px;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  width: 24px;
  height: 24px;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.phoenix-icon-button svg {
  pointer-events: none;
}

.phoenix-icon-button.primary {
  color: #1d86f0;
  border: none;
}

.phoenix-icon-button.primary:hover {
  color: #5cadff;
}

.phoenix-icon-button.primary:active {
  color: #106ecc;
}

.phoenix-icon-button.primary.disable {
  cursor: not-allowed;
  color: rgba(29, 134, 240, 0.5);
}

.phoenix-icon-button.primary.loading {
  color: rgba(29, 134, 240, 0.9);
}

.phoenix-icon-button.primary.loading:active, .phoenix-icon-button.primary.loading:hover {
  color: rgba(29, 134, 240, 0.9);
}

.phoenix-icon-button.primary.border {
  border: none;
  color: white;
  background-color: #1d86f0;
  width: 30px;
  height: 30px;
}

.phoenix-icon-button.primary.border:hover {
  background-color: #5cadff;
}

.phoenix-icon-button.primary.border:active {
  background-color: #106ecc;
}

.phoenix-icon-button.primary.border.disable {
  background-color: rgba(29, 134, 240, 0.5);
  cursor: not-allowed;
}

.phoenix-icon-button.primary.border.disable:hover {
  background-color: rgba(29, 134, 240, 0.5);
}

.phoenix-icon-button.primary.border.disable:active {
  background-color: rgba(29, 134, 240, 0.5);
}

.phoenix-icon-button.primary.border.loading {
  background-color: rgba(29, 134, 240, 0.5);
}

.phoenix-icon-button.primary.border.loading:hover {
  background-color: rgba(29, 134, 240, 0.5);
}

.phoenix-icon-button.primary.border.loading:active {
  background-color: rgba(29, 134, 240, 0.5);
}

.phoenix-icon-button.secondary {
  color: #83898f;
  border: none;
  background-color: white;
}

.phoenix-icon-button.secondary:hover {
  color: #5cadff;
}

.phoenix-icon-button.secondary:active {
  color: #106ecc;
}

.phoenix-icon-button.secondary.disable {
  color: #bfc3c7;
  cursor: not-allowed;
}

.phoenix-icon-button.secondary.loading {
  color: #83898f;
}

.phoenix-icon-button.secondary.border {
  width: 30px;
  height: 30px;
  background-color: white;
  border: 1px solid #85c2ff;
  color: #1d86f0;
}

.phoenix-icon-button.secondary.border:hover {
  background-color: rgba(133, 194, 255, 0.1);
}

.phoenix-icon-button.secondary.border:active {
  background-color: rgba(133, 194, 255, 0.2);
}

.phoenix-icon-button.secondary.border.disable {
  cursor: not-allowed;
  background-color: white;
  border: 1px solid rgba(133, 194, 255, 0.5);
  color: rgba(29, 134, 240, 0.5);
}

.phoenix-icon-button.secondary.border.disable:hover {
  background-color: white;
  border: 1px solid rgba(133, 194, 255, 0.5);
  color: rgba(29, 134, 240, 0.5);
}

.phoenix-icon-button.secondary.border.disable:active {
  background-color: white;
  border: 1px solid rgba(133, 194, 255, 0.5);
  color: rgba(29, 134, 240, 0.5);
}

.phoenix-icon-button.secondary.border.loading {
  background-color: white;
  border: 1px solid #85c2ff;
  color: #1d86f0;
}

.phoenix-icon-button.secondary.border.loading:hover {
  background-color: white;
  border: 1px solid #85c2ff;
  color: #1d86f0;
}

.phoenix-icon-button.secondary.border.loading:active {
  background-color: white;
  border: 1px solid #85c2ff;
  color: #1d86f0;
}

.phoenix-icon-button.normal {
  border: none;
  background-color: white;
  color: #83898f;
}

.phoenix-icon-button.normal:hover {
  color: #5cadff;
}

.phoenix-icon-button.normal:active {
  color: #106ecc;
}

.phoenix-icon-button.normal.disable {
  cursor: not-allowed;
  color: #bfc3c7;
}

.phoenix-icon-button.normal.loading:hover {
  color: #83898f;
  background-color: rgba(230, 232, 235, 0.3);
}

.phoenix-icon-button.normal.loading:active {
  color: #83898f;
  background-color: rgba(230, 232, 235, 0.3);
}

.phoenix-icon-button.normal.border {
  width: 30px;
  height: 30px;
  background-color: white;
  border: 1px solid #e6e8eb;
}

.phoenix-icon-button.normal.border:hover, .phoenix-icon-button.normal.border:active {
  border-color: #85c2ff;
  color: #1d86f0;
  background-color: rgba(133, 194, 255, 0.1);
}

.phoenix-icon-button.normal.border:active {
  background-color: rgba(133, 194, 255, 0.2);
}

.phoenix-icon-button.normal.border.disable {
  color: rgba(191, 195, 199, 0.7);
  cursor: not-allowed;
  background-color: rgba(230, 232, 235, 0.3);
  border-color: #e6e8eb;
}

.phoenix-icon-button.normal.border.loading {
  color: rgba(131, 137, 143, 0.9);
  border: 1px solid #e6e8eb;
  background-color: rgba(230, 232, 235, 0.3);
}

.phoenix-icon-button.normal.border.loading:hover, .phoenix-icon-button.normal.border.loading:active {
  border: 1px solid #e6e8eb;
}
.phoenix-icon-button-group {
  font-family: "PingFang SC", "Hiragino Sans GB", STHeitiSC, Helvetica, "Helvetica Neue", "Microsoft YaHei", Tahoma;
  position: relative;
  display: inline-block;
}

.phoenix-icon-button-group__item {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #bfc3c7;
  width: 30px;
  height: 30px;
  background: white;
  border: 1px solid #e6e8eb;
  border-right: 0px;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.phoenix-icon-button-group__item:hover {
  background: rgba(133, 194, 255, 0.1);
  color: #1d86f0;
}

.phoenix-icon-button-group__item:active {
  background: rgba(133, 194, 255, 0.2);
  color: #1d86f0;
}

.phoenix-icon-button-group__item:first-child {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

.phoenix-icon-button-group__item:last-child {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border: 1px solid #e6e8eb;
}

.phoenix-icon-button-group__item.active {
  background: rgba(133, 194, 255, 0.2);
  color: #1d86f0;
}

.phoenix-icon-button-group__item--disable {
  cursor: not-allowed;
  color: rgba(191, 195, 199, 0.7);
  background-color: rgba(230, 232, 235, 0.3);
}

.phoenix-icon-button-group__item--disable.active {
  color: rgba(29, 134, 240, 0.5);
}

.phoenix-icon-button-group__item--disable.active:hover {
  color: rgba(29, 134, 240, 0.5);
  background: rgba(133, 194, 255, 0.2);
}

.phoenix-icon-button-group__item--disable:hover {
  color: rgba(191, 195, 199, 0.7);
  background-color: rgba(230, 232, 235, 0.3);
}
.phoenix-text-button {
  font-family: "PingFang SC", "Hiragino Sans GB", STHeitiSC, Helvetica, "Helvetica Neue", "Microsoft YaHei", Tahoma;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.phoenix-text-button--big .phoenix-text-button__textWraper {
  font-size: 14px;
  line-height: 22px;
}

.phoenix-text-button--small .phoenix-text-button__textWraper {
  font-size: 12px;
  line-height: 20px;
}

.phoenix-text-button--primary {
  color: #106ecc;
}

.phoenix-text-button--primary .phoenix-text-button__suffixIcon {
  color: #1d86f0;
}

.phoenix-text-button--primary .phoenix-text-button__preIcon {
  color: #1d86f0;
}

.phoenix-text-button--primary:hover {
  color: #1d86f0;
}

.phoenix-text-button--primary:hover .phoenix-text-button__suffixIcon {
  color: #106ecc;
}

.phoenix-text-button--primary:hover .phoenix-text-button__preIcon {
  color: #106ecc;
}

.phoenix-text-button--primary:active, .phoenix-text-button--primary.active {
  color: #106ecc;
}

.phoenix-text-button--primary:active .phoenix-text-button__suffixIcon, .phoenix-text-button--primary.active .phoenix-text-button__suffixIcon {
  color: #1d86f0;
}

.phoenix-text-button--primary:active .phoenix-text-button__preIcon, .phoenix-text-button--primary.active .phoenix-text-button__preIcon {
  color: #1d86f0;
}

.phoenix-text-button--secondary {
  color: #33383d;
}

.phoenix-text-button--secondary .phoenix-text-button__suffixIcon, .phoenix-text-button--secondary .phoenix-text-button__preIcon {
  color: #83898f;
}

.phoenix-text-button--secondary:hover {
  color: #1d86f0;
}

.phoenix-text-button--secondary:hover .phoenix-text-button__suffixIcon, .phoenix-text-button--secondary:hover .phoenix-text-button__preIcon {
  color: #106ecc;
}

.phoenix-text-button--secondary:active, .phoenix-text-button--secondary.active {
  color: #106ecc;
}

.phoenix-text-button--secondary:active .phoenix-text-button__suffixIcon, .phoenix-text-button--secondary:active .phoenix-text-button__preIcon, .phoenix-text-button--secondary.active .phoenix-text-button__suffixIcon, .phoenix-text-button--secondary.active .phoenix-text-button__preIcon {
  color: #1d86f0;
}

.phoenix-text-button--primaryDisable {
  cursor: not-allowed;
  color: rgba(16, 110, 204, 0.5);
}

.phoenix-text-button--primaryDisable .phoenix-text-button__suffixIcon {
  color: rgba(29, 134, 240, 0.5);
}

.phoenix-text-button--primaryDisable .phoenix-text-button__preIcon {
  color: rgba(29, 134, 240, 0.5);
}

.phoenix-text-button--primaryDisable:hover, .phoenix-text-button--primaryDisable:active, .phoenix-text-button--primaryDisable.active {
  color: rgba(16, 110, 204, 0.5);
}

.phoenix-text-button--primaryDisable:hover .phoenix-text-button__suffixIcon, .phoenix-text-button--primaryDisable:active .phoenix-text-button__suffixIcon, .phoenix-text-button--primaryDisable.active .phoenix-text-button__suffixIcon {
  color: rgba(29, 134, 240, 0.5);
}

.phoenix-text-button--primaryDisable:hover .phoenix-text-button__preIcon, .phoenix-text-button--primaryDisable:active .phoenix-text-button__preIcon, .phoenix-text-button--primaryDisable.active .phoenix-text-button__preIcon {
  color: rgba(29, 134, 240, 0.5);
}

.phoenix-text-button--primaryLoading {
  color: rgba(16, 110, 204, 0.5);
}

.phoenix-text-button--primaryLoading:hover, .phoenix-text-button--primaryLoading:active, .phoenix-text-button--primaryLoading.active {
  color: rgba(16, 110, 204, 0.5);
}

.phoenix-text-button--primaryLoading .phoenix-text-button__preIcon--hasLoading, .phoenix-text-button--primaryLoading:hover .phoenix-text-button__preIcon--hasLoading {
  color: rgba(29, 134, 240, 0.9);
}

.phoenix-text-button--secondaryDisable {
  color: #bfc3c7;
  cursor: not-allowed;
}

.phoenix-text-button--secondaryDisable .phoenix-text-button__suffixIcon, .phoenix-text-button--secondaryDisable .phoenix-text-button__preIcon {
  color: #bfc3c7;
}

.phoenix-text-button--secondaryDisable:hover, .phoenix-text-button--secondaryDisable:active, .phoenix-text-button--secondaryDisable.active {
  color: #bfc3c7;
}

.phoenix-text-button--secondaryDisable:hover .phoenix-text-button__suffixIcon, .phoenix-text-button--secondaryDisable:hover .phoenix-text-button__preIcon, .phoenix-text-button--secondaryDisable:active .phoenix-text-button__suffixIcon, .phoenix-text-button--secondaryDisable:active .phoenix-text-button__preIcon, .phoenix-text-button--secondaryDisable.active .phoenix-text-button__suffixIcon, .phoenix-text-button--secondaryDisable.active .phoenix-text-button__preIcon {
  color: #bfc3c7;
}

.phoenix-text-button--secondaryLoading {
  color: #bfc3c7;
}

.phoenix-text-button--secondaryLoading:hover, .phoenix-text-button--secondaryLoading:active, .phoenix-text-button--secondaryLoading.active {
  color: #bfc3c7;
}

.phoenix-text-button--secondaryLoading .phoenix-text-button__preIcon--hasLoading, .phoenix-text-button--secondaryLoading:hover .phoenix-text-button__preIcon--hasLoading {
  color: rgba(131, 137, 143, 0.9);
}

.phoenix-text-button__preIcon {
  align-items: center;
  margin-right: 4px;
  line-height: 0;
}

.phoenix-text-button__preIcon--hasIcon, .phoenix-text-button__preIcon--loading {
  margin-right: 4px;
}

.phoenix-text-button__preIcon--hasIcon {
  width: auto;
  height: 18px;
}

.phoenix-text-button__preIcon--hasIcon svg {
  width: 18px;
  height: 18px;
}

.phoenix-text-button__preIcon--hasLoading {
  width: auto;
}

.phoenix-text-button__preIcon--hasLoading svg {
  width: 14px;
  height: 14px;
}

.phoenix-text-button__suffixIcon {
  align-items: center;
  margin-left: 4px;
  width: auto;
  line-height: 0;
}

.phoenix-text-button__suffixIcon svg {
  width: 12px;
  height: 12px;
}

.phoenix-text-button__textWraper {
  display: inline-block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 80px;
}
.phoenix-unmodeled-layer {
  position: relative;
  display: inline-block;
}

.phoenix-unmodeled-layer.block {
  display: block;
}

.phoenix-unmodeled-layer .phoenix-unmodeled-layer__content {
  display: inline-block;
}

.phoenix-unmodeled-layer .phoenix-unmodeled-layer__content.phoenix-unmodeled-layer__content--block {
  display: block;
}

.common-unmodeled-layer {
  position: absolute;
  left: -9999px;
  top: -9999px;
  display: block;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
  line-height: 1.5;
}

.common-unmodeled-layer.common-unmodeled-layer-hidden {
  display: none;
}

.common-unmodeled-layer.common-unmodeled-layer-slide-up-enter, .common-unmodeled-layer.common-unmodeled-layer-slide-up-appear {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  transform-origin: 0 0;
  display: block !important;
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  animation-play-state: paused;
}

.common-unmodeled-layer.common-unmodeled-layer-slide-up-leave {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  transform-origin: 0 0;
  display: block !important;
  opacity: 1;
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
  animation-play-state: paused;
}

.common-unmodeled-layer.common-unmodeled-layer-slide-up-enter.common-unmodeled-layer-slide-up-enter-active.common-unmodeled-layer-placement-bottomLeft, .common-unmodeled-layer.common-unmodeled-layer-slide-up-appear.common-unmodeled-layer-slide-up-appear-active.common-unmodeled-layer-placement-bottomLeft, .common-unmodeled-layer.common-unmodeled-layer-slide-up-enter.common-unmodeled-layer-slide-up-enter-active.common-unmodeled-layer-placement-bottomCenter, .common-unmodeled-layer.common-unmodeled-layer-slide-up-appear.common-unmodeled-layer-slide-up-appear-active.common-unmodeled-layer-placement-bottomCenter, .common-unmodeled-layer.common-unmodeled-layer-slide-up-enter.common-unmodeled-layer-slide-up-enter-active.common-unmodeled-layer-placement-bottomRight, .common-unmodeled-layer.common-unmodeled-layer-slide-up-appear.common-unmodeled-layer-slide-up-appear-active.common-unmodeled-layer-placement-bottomRight {
  animation-name: rcUnmodeledLayerSlideUpIn;
  animation-play-state: running;
}

.common-unmodeled-layer.common-unmodeled-layer-slide-up-enter.common-unmodeled-layer-slide-up-enter-active.common-unmodeled-layer-placement-topLeft, .common-unmodeled-layer.common-unmodeled-layer-slide-up-appear.common-unmodeled-layer-slide-up-appear-active.common-unmodeled-layer-placement-topLeft, .common-unmodeled-layer.common-unmodeled-layer-slide-up-enter.common-unmodeled-layer-slide-up-enter-active.common-unmodeled-layer-placement-topCenter, .common-unmodeled-layer.common-unmodeled-layer-slide-up-appear.common-unmodeled-layer-slide-up-appear-active.common-unmodeled-layer-placement-topCenter, .common-unmodeled-layer.common-unmodeled-layer-slide-up-enter.common-unmodeled-layer-slide-up-enter-active.common-unmodeled-layer-placement-topRight, .common-unmodeled-layer.common-unmodeled-layer-slide-up-appear.common-unmodeled-layer-slide-up-appear-active.common-unmodeled-layer-placement-topRight {
  animation-name: rcUnmodeledLayerSlideDownIn;
  animation-play-state: running;
}

.common-unmodeled-layer.common-unmodeled-layer-slide-up-leave.common-unmodeled-layer-slide-up-leave-active.common-unmodeled-layer-placement-bottomLeft, .common-unmodeled-layer.common-unmodeled-layer-slide-up-leave.common-unmodeled-layer-slide-up-leave-active.common-unmodeled-layer-placement-bottomCenter, .common-unmodeled-layer.common-unmodeled-layer-slide-up-leave.common-unmodeled-layer-slide-up-leave-active.common-unmodeled-layer-placement-bottomRight {
  animation-name: rcUnmodeledLayerSlideUpOut;
  animation-play-state: running;
}

.common-unmodeled-layer.common-unmodeled-layer-slide-up-leave.common-unmodeled-layer-slide-up-leave-active.common-unmodeled-layer-placement-topLeft, .common-unmodeled-layer.common-unmodeled-layer-slide-up-leave.common-unmodeled-layer-slide-up-leave-active.common-unmodeled-layer-placement-topCenter, .common-unmodeled-layer.common-unmodeled-layer-slide-up-leave.common-unmodeled-layer-slide-up-leave-active.common-unmodeled-layer-placement-topRight {
  animation-name: rcUnmodeledLayerSlideDownOut;
  animation-play-state: running;
}

.common-unmodeled-layer .common-unmodeled-layer__layerContent {
  position: relative;
  background-color: white;
  border-radius: 3px;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.08);
  z-index: 1200;
  overflow: auto;
  margin: 4px 0;
}

.common-unmodeled-layer .common-unmodeled-layer__layerFooter {
  position: relative;
  border-top: 1px solid #f0f2f5;
  padding: 8px 10px 8px 8px;
  overflow: hidden;
}

.common-unmodeled-layer .common-unmodeled-layer__layerFooterItem {
  float: right;
  margin-left: 8px;
}

@-webkit-keyframes rcUnmodeledLayerSlideUpIn {
  0% {
    opacity: 0;
    transform-origin: 0% 0%;
    transform: scaleY(0);
  }

  100% {
    opacity: 1;
    transform-origin: 0% 0%;
    transform: scaleY(1);
  }
}

@-moz-keyframes rcUnmodeledLayerSlideUpIn {
  0% {
    opacity: 0;
    transform-origin: 0% 0%;
    transform: scaleY(0);
  }

  100% {
    opacity: 1;
    transform-origin: 0% 0%;
    transform: scaleY(1);
  }
}

@-o-keyframes rcUnmodeledLayerSlideUpIn {
  0% {
    opacity: 0;
    transform-origin: 0% 0%;
    transform: scaleY(0);
  }

  100% {
    opacity: 1;
    transform-origin: 0% 0%;
    transform: scaleY(1);
  }
}

@keyframes rcUnmodeledLayerSlideUpIn {
  0% {
    opacity: 0;
    transform-origin: 0% 0%;
    transform: scaleY(0);
  }

  100% {
    opacity: 1;
    transform-origin: 0% 0%;
    transform: scaleY(1);
  }
}

@-webkit-keyframes rcUnmodeledLayerSlideDownIn {
  0% {
    opacity: 0;
    transform-origin: 0% 100%;
    transform: scaleY(0);
  }

  100% {
    opacity: 1;
    transform-origin: 0% 100%;
    transform: scaleY(1);
  }
}

@-moz-keyframes rcUnmodeledLayerSlideDownIn {
  0% {
    opacity: 0;
    transform-origin: 0% 100%;
    transform: scaleY(0);
  }

  100% {
    opacity: 1;
    transform-origin: 0% 100%;
    transform: scaleY(1);
  }
}

@-o-keyframes rcUnmodeledLayerSlideDownIn {
  0% {
    opacity: 0;
    transform-origin: 0% 100%;
    transform: scaleY(0);
  }

  100% {
    opacity: 1;
    transform-origin: 0% 100%;
    transform: scaleY(1);
  }
}

@keyframes rcUnmodeledLayerSlideDownIn {
  0% {
    opacity: 0;
    transform-origin: 0% 100%;
    transform: scaleY(0);
  }

  100% {
    opacity: 1;
    transform-origin: 0% 100%;
    transform: scaleY(1);
  }
}

@-webkit-keyframes rcUnmodeledLayerSlideUpOut {
  0% {
    opacity: 1;
    transform-origin: 0% 0%;
    transform: scaleY(1);
  }

  100% {
    opacity: 0;
    transform-origin: 0% 0%;
    transform: scaleY(0);
  }
}

@-moz-keyframes rcUnmodeledLayerSlideUpOut {
  0% {
    opacity: 1;
    transform-origin: 0% 0%;
    transform: scaleY(1);
  }

  100% {
    opacity: 0;
    transform-origin: 0% 0%;
    transform: scaleY(0);
  }
}

@-o-keyframes rcUnmodeledLayerSlideUpOut {
  0% {
    opacity: 1;
    transform-origin: 0% 0%;
    transform: scaleY(1);
  }

  100% {
    opacity: 0;
    transform-origin: 0% 0%;
    transform: scaleY(0);
  }
}

@keyframes rcUnmodeledLayerSlideUpOut {
  0% {
    opacity: 1;
    transform-origin: 0% 0%;
    transform: scaleY(1);
  }

  100% {
    opacity: 0;
    transform-origin: 0% 0%;
    transform: scaleY(0);
  }
}

@-webkit-keyframes rcUnmodeledLayerSlideDownOut {
  0% {
    opacity: 1;
    transform-origin: 0% 100%;
    transform: scaleY(1);
  }

  100% {
    opacity: 0;
    transform-origin: 0% 100%;
    transform: scaleY(0);
  }
}

@-moz-keyframes rcUnmodeledLayerSlideDownOut {
  0% {
    opacity: 1;
    transform-origin: 0% 100%;
    transform: scaleY(1);
  }

  100% {
    opacity: 0;
    transform-origin: 0% 100%;
    transform: scaleY(0);
  }
}

@-o-keyframes rcUnmodeledLayerSlideDownOut {
  0% {
    opacity: 1;
    transform-origin: 0% 100%;
    transform: scaleY(1);
  }

  100% {
    opacity: 0;
    transform-origin: 0% 100%;
    transform: scaleY(0);
  }
}

@keyframes rcUnmodeledLayerSlideDownOut {
  0% {
    opacity: 1;
    transform-origin: 0% 100%;
    transform: scaleY(1);
  }

  100% {
    opacity: 0;
    transform-origin: 0% 100%;
    transform: scaleY(0);
  }
}
@charset "UTF-8";

.phoenix-input {
  position: relative;
  z-index: 2;
  box-sizing: border-box;
  flex: 1 1 auto;
  width: 100%;
  min-width: 100px;
  font-family: "PingFang SC", "Hiragino Sans GB", STHeitiSC, Helvetica, "Helvetica Neue", "Microsoft YaHei", Tahoma;
  color: #0e1114;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.phoenix-input:hover input {
  border-color: #85c2ff;
}

.phoenix-input:hover input:focus {
  border-color: #5cadff;
}

.phoenix-input:hover input[disabled] {
  border-color: #e6e8eb;
}

.phoenix-input:hover .phoenix-input__tooltip-overflow {
  border-color: #85c2ff;
}

.phoenix-input:hover .phoenix-input__tooltip-overflow--statusDisable {
  border-color: #e6e8eb;
}

.phoenix-input:hover .phoenix-input__tooltip-overflow--statusError {
  border-color: #FF475A;
}

.phoenix-input--statusIsHInt:hover input {
  border-color: #5cadff;
}

.phoenix-input--statusError:hover input {
  border-color: #FF475A;
}

.phoenix-input--statusError:hover input:focus {
  border-color: #FF475A;
}

.phoenix-input__input {
  font-family: "PingFang SC", "Hiragino Sans GB", STHeitiSC, Helvetica, "Helvetica Neue", "Microsoft YaHei", Tahoma;
  box-sizing: border-box;
  width: 100%;
  height: 30px;
  font-size: 12px;
    /* 解决chrome中input文本内容在12px时无法垂直居中的问题 */
  line-height: 30px;
  padding: 0 8px;
  border: 1px solid #e6e8eb;
  border-radius: 3px;
  background-color: white;
  outline: none;
  overflow: hidden;
    /* 隐藏IE自带的clear图标 */
}

.phoenix-input__input::-ms-clear {
  width: 0;
  height: 0;
}

.phoenix-input__input::placeholder {
  color: #bfc3c7;
}

.phoenix-input__input:hover {
  border-color: #85c2ff;
}

.phoenix-input__input:focus {
  border-color: #5cadff;
}

.phoenix-input__input[disabled] {
  color: transparent;
  background-color: transparent;
  text-overflow: ellipsis;
  cursor: not-allowed;
}

.phoenix-input__input[disabled]:hover {
  border-color: #e6e8eb;
}

.phoenix-input__input--noEllipsis[disabled] {
  background-color: rgba(230, 232, 235, 0.3);
  color: #33383d;
  cursor: not-allowed;
}

.phoenix-input__input[readonly] {
  pointer-events: none;
}

.phoenix-input__input--sizeLarge {
  height: 32px;
  line-height: 30px;
  font-size: 14px;
}

.phoenix-input__input--sizeSmall {
  height: 26px;
  line-height: 24px;
  font-size: 12px;
}

.phoenix-input__input--hasPrefix {
  padding-left: calc(8px + 4px + 12px);
}

.phoenix-input__input--hasSuffix {
  padding-right: calc(8px + 4px + 12px);
}

.phoenix-input__input--statusDisable .phoenix-input__input--hasEllipsis {
  color: rgba(0, 0, 0, 0) !important;
}

.phoenix-input__input--statusIsHInt {
  border-color: #5cadff;
}

.phoenix-input__input--statusIsHInt:hover {
  border-color: #5cadff;
}

.phoenix-input__input--statusIsHInt:focus {
  border-color: #5cadff;
}

.phoenix-input__input--statusError {
  border-color: #FF475A;
}

.phoenix-input__input--statusError:hover {
  border-color: #FF475A;
}

.phoenix-input__input--statusError:focus {
  border-color: #FF475A;
}

.phoenix-input__prefix, .phoenix-input__clear, .phoenix-input__suffix {
  position: absolute;
  top: 50%;
  z-index: 1;
  transform: translateY(-50%);
  display: inline-block;
  font-size: 12px;
  line-height: 0;
}

.phoenix-input__prefix {
  left: 8px;
}

.phoenix-input__clear {
  right: 8px;
  cursor: pointer;
  background-color: transparent;
}

.phoenix-input__clear path:nth-child(2) {
  fill: #bfc3c7;
}

.phoenix-input__clear:hover path:nth-child(2) {
  fill: #83898f;
}

.phoenix-input__clear--active path:nth-child(2) {
  fill: #bfc3c7;
}

.phoenix-input__clear--hide {
  display: none;
}

.phoenix-input__suffix {
  right: 8px;
}

.phoenix-input__suffix--hide {
  display: none;
}

.phoenix-input__tooltip-overflow {
  font-family: "PingFang SC", "Hiragino Sans GB", STHeitiSC, Helvetica, "Helvetica Neue", "Microsoft YaHei", Tahoma;
  display: inline-block;
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  height: 30px;
  font-size: 12px;
  line-height: 28px;
  padding: 0 8px;
  border: 1px solid #e6e8eb;
  background-color: white;
  box-sizing: border-box;
  border-radius: 3px;
  margin: 0;
}

.phoenix-input__tooltip-overflow--password {
  color: transparent;
  background-color: transparent;
  z-index: -1;
}

.phoenix-input__tooltip-overflow--sizeLarge {
  height: 32px;
  line-height: 30px;
  font-size: 14px;
}

.phoenix-input__tooltip-overflow--sizeSmall {
  height: 26px;
  line-height: 26px;
  font-size: 12px;
}

.phoenix-input__tooltip-overflow--hasPrefix {
  padding-left: calc(8px + 4px + 12px);
}

.phoenix-input__tooltip-overflow--hasSuffix {
  padding-right: calc(8px + 4px + 12px);
}

.phoenix-input__tooltip-overflow--statusDisable {
  background-color: rgba(230, 232, 235, 0.3);
  color: #33383d;
  cursor: not-allowed;
  pointer-events: auto;
}

.phoenix-input__tooltip-overflow--statusError {
  border-color: #FF475A;
}
.phoenix-search__extend {
  color: #FFA42E;
  padding: 2px 8px 0;
  word-break: break-all;
  font-size: 12px;
  line-height: 20px;
}
/**
 * file: ListItem.scss
 * author: huangxiaolong@beisen.com
 * date: 2019/6/27
 */
.phoenix-single-select-list__item {
  color: #0e1114;
  cursor: pointer;
  padding: 4px 10px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  list-style: none;
  cursor: pointer;
}

.phoenix-single-select-list__item.phoenix-single-select-list__item--disabled {
  color: #bfc3c7;
  cursor: not-allowed;
}

.phoenix-single-select-list__item.phoenix-single-select-list__item--disabled:hover {
  background-color: inherit;
}

.phoenix-single-select-list__item:hover {
  background-color: rgba(133, 194, 255, 0.1);
}

.phoenix-single-select-list__item.phoenix-single-select-list__item--isSelected {
  background-color: rgba(230, 232, 235, 0.3);
}

.phoenix-single-select-list__item .searchTxt {
  background-color: #FAC105;
}

.phoenix-single-select-list__item label {
  width: 100%;
}

.phoenix-single-select-list__item.phoenix-single-select-list__item--fzLarge {
  padding: 4px 12px;
}

.phoenix-single-select-list__item .phoenix-single-select-list__tipSpan {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.phoenix-single-select-list__item .phoenix-single-select-list__highLight {
  color: inherit;
  border-radius: 2px;
  background-color: rgba(250, 193, 5, 0.2);
}
/**
 * file: Loading.scss
 * author: huangxiaolong@beisen.com
 * date: 2019/6/27
 */
.phoenix-single-select-list__loading {
  text-align: center;
  position: relative;
  height: 182px;
}

.phoenix-single-select-list__loading .phoenix-single-select-list__loadingWrap {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
/**
 * file: PlaceHolder.scss
 * author: huangxiaolong@beisen.com
 * date: 2019/6/27
 */
.phoenix-single-select-list__placeholderWrapper {
  text-align: center;
  box-sizing: border-box;
  position: relative;
  height: 100%;
  overflow: hidden;
}

.phoenix-single-select-list__placeholderWrapper .phoenix-single-select-list__placeholder {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.phoenix-single-select-list__placeholderWrapper .phoenix-single-select-list__placeholderTxt {
  text-align: center;
  color: #bbbfee;
  margin-top: 8px;
}
/**
 * file: SelectList.scss
 * author: huangxiaolong@beisen.com
 * date: 2019/6/27
 */
.phoenix-single-select-list {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  position: relative;
  font-family: "PingFang SC", "Hiragino Sans GB", STHeitiSC, Helvetica, "Helvetica Neue", "Microsoft YaHei", Tahoma;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  max-height: 290px;
  border-radius: 3px;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.1);
  font-size: 12px;
  line-height: 20px;
  padding: 4px 0px;
}

.phoenix-single-select-list.phoenix-single-select-list--isEmpty {
  height: 190px;
}

.phoenix-single-select-list.phoenix-single-select-list--noBorder {
  border-radius: none;
  box-shadow: none;
}

.phoenix-single-select-list.phoenix-single-select-list--fzLarge {
  font-size: 14px;
  line-height: 22px;
}

.phoenix-single-select-list.phoenix-single-select-list--fzLarge .phoenix-single-select-list__search {
  padding: 4px 12px;
}

.phoenix-single-select-list.phoenix-single-select-list--fzSmall {
  font-size: 12px;
  line-height: 20px;
}

.phoenix-single-select-list .phoenix-single-select-list__search {
  box-sizing: border-box;
  padding: 4px 10px;
  width: 100%;
  background-color: white;
  z-index: 1201;
  flex-shrink: 0;
}

.phoenix-single-select-list--isSearch .phoenix-single-select-list__contentWraper {
  min-height: 150px;
  max-height: 244px;
}

.phoenix-single-select-list__contentWraper {
  overflow-y: auto;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
  max-height: 282px;
}

.phoenix-single-select-list__contentWraper::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

.phoenix-single-select-list__contentWraper::-webkit-scrollbar-track {
  border-radius: 100px;
  background-color: transparent;
}

.phoenix-single-select-list__contentWraper::-webkit-scrollbar-thumb {
  border: 2px solid transparent;
  border-radius: 100px;
  background-color: rgba(14, 17, 20, 0.1);
  background-clip: content-box;
}

.phoenix-single-select-list__contentWraper::-webkit-scrollbar-thumb:hover {
  background-color: rgba(14, 17, 20, 0.3);
}

.phoenix-single-select-list__contentWraper .phoenix-single-select-list__ul {
  padding: 0;
  margin: 0;
}
.phoenix-pagination__capacityButton .phoenix-button__wraper--normal:hover {
  background-color: white;
}
/**
 * file: PaginationSC.scss
 * author: huangxiaolong@beisen.com
 * date: 2019/07/01
 */
.phoenix-pagination {
  display: inline-block;
  margin: 10px 12px 10px 16px;
  text-align: right;
}

.phoenix-pagination__totalPage {
  font-size: 12px;
  line-height: 20px;
  color: #83898f;
  margin-right: 16px;
}
.phoenix-drawer {
  outline: none;
  position: fixed;
  z-index: 1000;
  width: 0%;
  height: 100%;
  transition: transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1), height 0s ease 0.3s, width 0s ease 0.3s;
}

.phoenix-drawer > * {
  transition: transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1), box-shadow 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
}

.phoenix-drawer-lg .phoenix-drawer-content-wrapper {
  width: 65%;
  max-width: 1000px;
  min-width: 760px;
}

.phoenix-drawer-sm .phoenix-drawer-content-wrapper {
  width: 500px;
}

.phoenix-drawer-content-wrapper {
  position: absolute;
}

.phoenix-drawer .phoenix-drawer-content {
  width: 100%;
  height: 100%;
}

.phoenix-drawer-left, .phoenix-drawer-right {
  top: 0;
  width: 0%;
  height: 100%;
}

.phoenix-drawer-left .phoenix-drawer-content-wrapper, .phoenix-drawer-right .phoenix-drawer-content-wrapper {
  height: 100%;
}

.phoenix-drawer-left.phoenix-drawer-open, .phoenix-drawer-right.phoenix-drawer-open {
  width: 100%;
  transition: transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
}

.phoenix-drawer-left.phoenix-drawer-open.no-mask, .phoenix-drawer-right.phoenix-drawer-open.no-mask {
  width: 0%;
}

.phoenix-drawer-left.phoenix-drawer-open .phoenix-drawer-content-wrapper {
  box-shadow: -4px 0px 20px 0px rgba(0, 0, 0, 0.1);
}

.phoenix-drawer-right {
  right: 0;
}

.phoenix-drawer-right .phoenix-drawer-content-wrapper {
  right: 0;
}

.phoenix-drawer-right.phoenix-drawer-open .phoenix-drawer-content-wrapper {
  box-shadow: -4px 0px 20px 0px rgba(0, 0, 0, 0.1);
}

.phoenix-drawer-top, .phoenix-drawer-bottom {
  left: 0;
  width: 100%;
  height: 0%;
}

.phoenix-drawer-top .phoenix-drawer-content-wrapper, .phoenix-drawer-bottom .phoenix-drawer-content-wrapper {
  width: 100%;
}

.phoenix-drawer-top.phoenix-drawer-open, .phoenix-drawer-bottom.phoenix-drawer-open {
  height: 100%;
  transition: transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
}

.phoenix-drawer-top.phoenix-drawer-open.no-mask, .phoenix-drawer-bottom.phoenix-drawer-open.no-mask {
  height: 0%;
}

.phoenix-drawer-top {
  top: 0;
}

.phoenix-drawer-top.phoenix-drawer-open .phoenix-drawer-content-wrapper {
  box-shadow: -4px 0px 20px 0px rgba(0, 0, 0, 0.1);
}

.phoenix-drawer-bottom {
  bottom: 0;
}

.phoenix-drawer-bottom .phoenix-drawer-content-wrapper {
  bottom: 0;
}

.phoenix-drawer-bottom.phoenix-drawer-open .phoenix-drawer-content-wrapper {
  box-shadow: -4px 0px 20px 0px rgba(0, 0, 0, 0.1);
}

.phoenix-drawer.phoenix-drawer-open .phoenix-drawer-mask {
  height: 100%;
  opacity: 1;
  transition: none;
  animation: antdDrawerFadeIn 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
}

.phoenix-drawer-title {
  margin: 0;
  color: fade(#000, 85%);
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
}

.phoenix-drawer-content {
  position: relative;
  z-index: 1;
  background-color: #fff;
  background-clip: padding-box;
  border: 0;
}

.phoenix-drawer-close {
  position: absolute;
  top: 14px;
  right: 8px;
  z-index: 10;
  display: block;
  width: 24px;
  height: 26.66667px;
  padding: 0;
  color: fade(#000, 45%);
  font-weight: 700;
  font-size: 16px;
  font-style: normal;
  line-height: 24px;
  text-align: center;
  text-transform: none;
  text-decoration: none;
  background: transparent;
  border: 0;
  outline: 0;
  cursor: pointer;
  transition: color 0.3s;
  text-rendering: auto;
  color: #83898f;
  transform: scale(1, 0.9);
}

.phoenix-drawer-close .anticon {
  display: inline-block;
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.phoenix-drawer-close .anticon svg {
  display: inline-block;
}

.phoenix-drawer-close .anticon svg :not(:root) {
  overflow: hidden;
}

.phoenix-drawer-close .anticon > * {
  line-height: 1;
}

.phoenix-drawer-close:hover {
  color: #5cadff;
  text-decoration: none;
}

.phoenix-drawer-close:active {
  color: #106ecc;
}

.phoenix-drawer-header {
  position: relative;
  padding: 16px 24px;
  color: fade(#000, 65%);
  background: #fff;
  border-bottom: 1px solid hsv(0, 0, 91%);
  border-radius: 4px 4px 0 0;
}

.phoenix-drawer-header-no-title {
  color: fade(#000, 65%);
  background: #fff;
}

.phoenix-drawer-body {
  padding: 24px;
  font-size: 14px;
  line-height: 1.5;
  word-wrap: break-word;
}

.phoenix-drawer-mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  background-color: fade(#000, 45%);
  opacity: 0;
  filter: alpha(opacity=45);
  transition: opacity 0.3s linear, height 0s ease 0.3s;
}

.phoenix-drawer-open-content {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

@keyframes antdDrawerFadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}
/**
 * file: style.scss
 * author: huangxiaolong@beisen.com
 * date: 2019/6/27
 */
@-webkit-keyframes rcToolTipZoomIn {
  0% {
    opacity: 0;
    transform: scale(0.2);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@-moz-keyframes rcToolTipZoomIn {
  0% {
    opacity: 0;
    transform: scale(0.2);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@-o-keyframes rcToolTipZoomIn {
  0% {
    opacity: 0;
    transform: scale(0.2);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes rcToolTipZoomIn {
  0% {
    opacity: 0;
    transform: scale(0.2);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@-webkit-keyframes rcToolTipZoomOut {
  0% {
    opacity: 0;
    transform: scale(0.2);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@-moz-keyframes rcToolTipZoomOut {
  0% {
    opacity: 0;
    transform: scale(0.2);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@-o-keyframes rcToolTipZoomOut {
  0% {
    opacity: 0;
    transform: scale(0.2);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes rcToolTipZoomOut {
  0% {
    opacity: 0;
    transform: scale(0.2);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

.phoenix-tooltip {
  position: absolute;
  z-index: 1500;
  display: block;
  visibility: visible;
  font-size: 12px;
  line-height: 20px;
  font-family: "PingFang SC", "Hiragino Sans GB", STHeitiSC, Helvetica, "Helvetica Neue", "Microsoft YaHei", Tahoma;
}

.phoenix-tooltip.phoenix-tooltip-hidden {
  display: none;
}

.phoenix-tooltip.phoenix-tooltip-placement-top, .phoenix-tooltip.phoenix-tooltip-placement-topLeft, .phoenix-tooltip.phoenix-tooltip-placement-topRight {
  padding: 5px 0 5px 0;
}

.phoenix-tooltip.phoenix-tooltip-placement-right, .phoenix-tooltip.phoenix-tooltip-placement-rightTop, .phoenix-tooltip.phoenix-tooltip-placement-rightBottom {
  padding: 0 5px 0 5px;
}

.phoenix-tooltip.phoenix-tooltip-placement-bottom, .phoenix-tooltip.phoenix-tooltip-placement-bottomLeft, .phoenix-tooltip.phoenix-tooltip-placement-bottomRight {
  padding: 5px 0 5px 0;
}

.phoenix-tooltip.phoenix-tooltip-placement-left, .phoenix-tooltip.phoenix-tooltip-placement-leftTop, .phoenix-tooltip.phoenix-tooltip-placement-leftBottom {
  padding: 0 5px 0 5px;
}

.phoenix-tooltip .phoenix-tooltip-inner {
  padding: 4px 10px;
  color: #fff;
  text-align: left;
  text-decoration: none;
  background-color: #33383D;
  border-radius: 3px;
}

.phoenix-tooltip .phoenix-tooltip-inner .content-box {
  max-width: 396px;
  max-height: 280px;
  word-wrap: break-word;
  word-break: break-all;
  overflow: hidden;
  font-size: 12px;
  line-height: 20px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.phoenix-tooltip .phoenix-tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.phoenix-tooltip.phoenix-tooltip-placement-top .phoenix-tooltip-arrow,
  .phoenix-tooltip.phoenix-tooltip-placement-topLeft .phoenix-tooltip-arrow,
  .phoenix-tooltip.phoenix-tooltip-placement-topRight .phoenix-tooltip-arrow {
  bottom: 0;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #33383D;
}

.phoenix-tooltip.phoenix-tooltip-placement-top .phoenix-tooltip-arrow {
  left: 50%;
}

.phoenix-tooltip.phoenix-tooltip-placement-topLeft .phoenix-tooltip-arrow {
  left: calc(15%);
}

.phoenix-tooltip.phoenix-tooltip-placement-topRight .phoenix-tooltip-arrow {
  right: 15%;
}

.phoenix-tooltip.phoenix-tooltip-placement-right .phoenix-tooltip-arrow,
  .phoenix-tooltip.phoenix-tooltip-placement-rightTop .phoenix-tooltip-arrow,
  .phoenix-tooltip.phoenix-tooltip-placement-rightBottom .phoenix-tooltip-arrow {
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #33383D;
}

.phoenix-tooltip.phoenix-tooltip-placement-right .phoenix-tooltip-arrow {
  top: 50%;
}

.phoenix-tooltip.phoenix-tooltip-placement-rightTop .phoenix-tooltip-arrow {
  top: 15%;
  margin-top: 0;
}

.phoenix-tooltip.phoenix-tooltip-placement-rightBottom .phoenix-tooltip-arrow {
  bottom: 15%;
}

.phoenix-tooltip.phoenix-tooltip-placement-left .phoenix-tooltip-arrow,
  .phoenix-tooltip.phoenix-tooltip-placement-leftTop .phoenix-tooltip-arrow,
  .phoenix-tooltip.phoenix-tooltip-placement-leftBottom .phoenix-tooltip-arrow {
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #33383D;
}

.phoenix-tooltip.phoenix-tooltip-placement-left .phoenix-tooltip-arrow {
  top: 50%;
}

.phoenix-tooltip.phoenix-tooltip-placement-leftTop .phoenix-tooltip-arrow {
  top: 15%;
  margin-top: 0;
}

.phoenix-tooltip.phoenix-tooltip-placement-leftBottom .phoenix-tooltip-arrow {
  bottom: 15%;
}

.phoenix-tooltip.phoenix-tooltip-placement-bottom .phoenix-tooltip-arrow,
  .phoenix-tooltip.phoenix-tooltip-placement-bottomLeft .phoenix-tooltip-arrow,
  .phoenix-tooltip.phoenix-tooltip-placement-bottomRight .phoenix-tooltip-arrow {
  top: 0;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #33383D;
}

.phoenix-tooltip.phoenix-tooltip-placement-bottom .phoenix-tooltip-arrow {
  left: 50%;
}

.phoenix-tooltip.phoenix-tooltip-placement-bottomLeft .phoenix-tooltip-arrow {
  left: 15%;
}

.phoenix-tooltip.phoenix-tooltip-placement-bottomRight .phoenix-tooltip-arrow {
  right: calc(15% - 5px);
}

.phoenix-tooltip.phoenix-tooltip-zoom-enter, .phoenix-tooltip.phoenix-tooltip-zoom-leave {
  display: block;
}

.phoenix-tooltip.phoenix-tooltip-zoom-enter, .phoenix-tooltip.phoenix-tooltip-zoom-appear {
  opacity: 0;
  animation-duration: 0.1s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  animation-play-state: paused;
}

.phoenix-tooltip.phoenix-tooltip-zoom-leave {
  animation-duration: 0.1s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
  animation-play-state: paused;
}

.phoenix-tooltip.phoenix-tooltip-zoom-enter.phoenix-tooltip-zoom-enter-active, .phoenix-tooltip.phoenix-tooltip-zoom-appear.phoenix-tooltip-zoom-appear-active {
  animation-name: rcToolTipZoomIn;
  animation-play-state: running;
}

.phoenix-tooltip.phoenix-tooltip-zoom-leave.phoenix-tooltip-zoom-leave-active {
  animation-name: rcToolTipZoomOut;
  animation-play-state: running;
}
.phoenix-checkbox {
  position: relative;
  line-height: 0;
  box-sizing: border-box;
  display: inline-block;
  font-family: "PingFang SC", "Hiragino Sans GB", STHeitiSC, Helvetica, "Helvetica Neue", "Microsoft YaHei", Tahoma;
  font-size: 12px;
  margin: 0;
  padding: 0;
  cursor: pointer;
  min-width: 42px;
  max-width: 100%;
}

.phoenix-checkbox--disabled {
  cursor: not-allowed;
}

.phoenix-checkbox__box {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  position: relative;
  display: inline-block;
  outline: none;
  cursor: pointer;
  vertical-align: middle;
}

.phoenix-checkbox__box::after {
  opacity: 0;
  transform: rotate(0) scale(1) translate(-50%, -50%);
  border: none;
  width: 0px;
  top: 50%;
  left: 50%;
  height: 1px;
  background-color: #fff;
  position: absolute;
  display: table;
  content: ' ';
  transition: all .2s ease-in .1s;
}

.phoenix-checkbox__box--partialChecked::after {
  opacity: 1;
  width: 8px;
  transition: all 0.4s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
}

.phoenix-checkbox__input {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}

.phoenix-checkbox__input--disabled {
  cursor: not-allowed;
}

.phoenix-checkbox__realInput {
  border: 1px solid rgba(191, 195, 199, 0.7);
  background-color: rgba(255, 255, 255, 0.7);
  position: relative;
  top: 0;
  left: 0;
  display: block;
  width: 14px;
  height: 14px;
  border-radius: 2px;
  border-collapse: separate;
  transition: all .3s;
  box-sizing: border-box;
}

.phoenix-checkbox__realInput--checked, .phoenix-checkbox__realInput--partialChecked {
  background-color: #1d86f0;
  border: 1px solid #1d86f0;
}

.phoenix-checkbox__realInput--disabled {
  background-color: rgba(230, 232, 235, 0.3);
  border: 1px solid rgba(191, 195, 199, 0.5);
}

.phoenix-checkbox__realInput--disabledChecked {
  background-color: rgba(29, 134, 240, 0.5);
  border: 1px solid rgba(29, 134, 240, 0);
}

.phoenix-checkbox__realInput::after {
  box-sizing: border-box;
  position: absolute;
  top: 1px;
  left: 4px;
  width: 4px;
  height: 7px;
  border: 1px solid #fff;
  border-top: 0;
  border-left: 0;
  opacity: 0;
  transform: rotate(45deg) scale(0);
  transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
  content: ' ';
}

.phoenix-checkbox__realInput--checked::after {
  transform: rotate(45deg) scale(1);
  transition: all 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
  opacity: 1;
}

.phoenix-checkbox__text {
  margin-left: 4px;
  color: #565e66;
  display: inline-block;
  font-family: "PingFang SC", "Hiragino Sans GB", STHeitiSC, Helvetica, "Helvetica Neue", "Microsoft YaHei", Tahoma;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: calc(100% - 18px);
  vertical-align: middle;
  line-height: 20px;
}

.phoenix-checkbox__text--fontMiddle {
  font-size: 14px;
}

.phoenix-checkbox__text.color-M1 {
  color: #0e1114;
}

.phoenix-checkbox__text.color-M2 {
  color: #33383d;
}

.phoenix-checkbox__text.color-M3 {
  color: #565e66;
}

.phoenix-checkbox__text.color-M4 {
  color: #83898f;
}

.phoenix-checkbox__text.color-M5 {
  color: #bfc3c7;
}

.phoenix-checkbox__text.phoenix-checkbox__text--disabled {
  color: #bfc3c7;
}

.phoenix-checkbox__text::before {
  content: '';
  display: block;
}

.phoenix-checkbox:hover .phoenix-checkbox__realInput {
  border: 1px solid #1d86f0;
}

.phoenix-checkbox:hover .phoenix-checkbox__realInput--checked, .phoenix-checkbox:hover .phoenix-checkbox__realInput--partialChecked {
  border: 1px solid #106ecc;
  background-color: #106ecc;
}

.phoenix-checkbox:hover .phoenix-checkbox__realInput--disabled {
  background-color: rgba(230, 232, 235, 0.3);
  border: 1px solid rgba(191, 195, 199, 0.5);
}

.phoenix-checkbox:hover .phoenix-checkbox__realInput--disabledChecked {
  background-color: rgba(29, 134, 240, 0.5);
  border: 1px solid rgba(29, 134, 240, 0);
}
/**
 * file: NumberButtonPure.scss
 * author: huangxiaolong@beisen.com
 * date: 2019/07/01
 */
.phoenix-pagination__numberButtonPure {
  font-size: 12px;
  line-height: 20px;
  display: inline-block;
  float: left;
  color: #33383d;
  background-color: white;
  height: 26px;
  line-height: 26px;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
}

.phoenix-pagination__numberButtonPure.phoenix-pagination__numberButtonPure--clicked {
  color: #106ecc;
  background-color: rgba(133, 194, 255, 0.15);
}

.phoenix-pagination__numberButtonPure.phoenix-pagination__numberButtonPure--clicked:hover {
  color: #106ecc;
}

.phoenix-pagination__numberButtonPure:hover {
  color: #106ecc;
}
/**
 * file: NumberButtonGroupSC.scss
 * author: huangxiaolong@beisen.com
 * date: 2019/07/01
 */
.phoenix-pagination__numberButtonGroup {
  display: inline-block;
  height: 26px;
  border: solid 1px #e6e8eb;
  border-radius: 3px;
  overflow: hidden;
}
/**
 * file: NumberButton.scss
 * author: huangxiaolong@beisen.com
 * date: 2019/07/01
 */
.phoenix-pagination__numberButton {
  display: inline-block;
  height: 26px;
  border: solid 1px #e6e8eb;
  border-radius: 3px;
  overflow: hidden;
}
/**
 * file: EllipseButton.scss
 * author: huangxiaolong@beisen.com
 * date: 2019/07/01
 */
.phoenix-pagination__ellipseButton {
  display: inline-block;
  width: 24px;
  height: 26px;
  background-image: url(../images/ellipse-1c1ee27b568e388d03d3e1cc9e483184.svg);
  background-size: 12px;
  background-position: 6px 7px;
  background-repeat: no-repeat;
  cursor: pointer;
}

.phoenix-pagination__ellipseButton:hover {
  background-image: url(../images/ellipse-hover-ced3f617b99032d3620d2b10d5069ba2.svg);
}

.phoenix-pagination__ellipseButton.phoenix-pagination__ellipseButton--next {
  transform: rotate(180deg);
}
/**
 * file: NumberAreaSC.scss
 * author: huangxiaolong@beisen.com
 * date: 2019/07/01
 */
.phoenix-pagination__numberArea {
  display: inline-block;
  height: 26px;
  vertical-align: middle;
}
/**
 * file: PageButton.scss
 * author: huangxiaolong@beisen.com
 * date: 2019/07/01
 */
.phoenix-pagination__pageButton {
  display: inline-block;
  font-size: 12px;
  line-height: 20px;
  background: white;
  border: solid 1px #e6e8eb;
  border-radius: 3px;
  box-sizing: border-box;
  width: 56px;
  height: 26px;
  line-height: 24px;
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  color: #33383d;
}

.phoenix-pagination__pageButton:hover {
  color: #106ecc;
}

.phoenix-pagination__pageButton.phoenix-pagination__pageButton--clicked {
  color: #33383d;
}

.phoenix-pagination__pageButton.phoenix-pagination__pageButton--clicked:hover {
  color: #33383d;
}

.phoenix-pagination__pageButton.phoenix-pagination__pageButton--disabled {
  color: #bfc3c7;
  cursor: not-allowed;
}

.phoenix-pagination__pageButton.phoenix-pagination__pageButton--disabled:hover {
  color: #bfc3c7;
}

.phoenix-pagination__pageButton.phoenix-pagination__pageButton--prev {
  margin-right: 4px;
}

.phoenix-pagination__pageButton.phoenix-pagination__pageButton--next {
  margin-left: 4px;
}
/**
 * file: PageJumpSC.scss
 * author: huangxiaolong@beisen.com
 * date: 2019/07/01
 */
.phoenix-pagination__pageJump {
  display: inline-block;
  height: 26px;
  font-size: 12px;
  line-height: 20px;
  line-height: 26px;
  margin-left: 16px;
  color: #33383d;
}

.phoenix-pagination__pageJump .phoenix-pagination__pageInput {
  font-size: 12px;
  line-height: 20px;
  color: #33383d;
  background-color: white;
  border: solid 1px #e6e8eb;
  border-radius: 3px;
  text-align: center;
  line-height: 24px;
  width: 48px;
  outline: none;
  margin: 0 4px;
  padding: 0;
  height: 24px;
}

.phoenix-pagination__pageJump .phoenix-pagination__pageInput:hover {
  border-color: #85c2ff;
}

.phoenix-pagination__pageJump .phoenix-pagination__pageInput:focus, .phoenix-pagination__pageJump .phoenix-pagination__pageInput:active {
  border-color: #5cadff;
}
@keyframes scan {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@-ms-keyframes scan {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@-moz-keyframes scan {
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes scan {
  100% {
    opacity: 0;
  }
}

@-o-keyframes scan {
  100% {
    opacity: 0;
  }
}

rect.one {
  -webkit-animation: scan 0.9s linear 0s infinite;
  -moz-animation: scan 0.9s linear 0s infinite;
  -ms-animation: scan 0.9s linear 0s infinite;
  -o-animation: scan 0.9s linear 0s infinite;
  animation: scan 0.9s linear 0s infinite;
}

rect.two {
  -webkit-animation: scan 0.9s linear 0.1125s infinite;
  -moz-animation: scan 0.9s linear 0.1125s infinite;
  -ms-animation: scan 0.9s linear 0.1125s infinite;
  -o-animation: scan 0.9s linear 0.1125s infinite;
  animation: scan 0.9s linear 0.1125s infinite;
}

rect.three {
  -webkit-animation: scan 0.9s linear 0.225s infinite;
  -moz-animation: scan 0.9s linear 0.225s infinite;
  -ms-animation: scan 0.9s linear 0.225s infinite;
  -o-animation: scan 0.9s linear 0.225s infinite;
  animation: scan 0.9s linear 0.225s infinite;
}

rect.four {
  -webkit-animation: scan 0.9s linear 0.3375s infinite;
  -moz-animation: scan 0.9s linear 0.3375s infinite;
  -ms-animation: scan 0.9s linear 0.3375s infinite;
  -o-animation: scan 0.9s linear 0.3375s infinite;
  animation: scan 0.9s linear 0.3375s infinite;
}

rect.five {
  -webkit-animation: scan 0.9s linear 0.45s infinite;
  -moz-animation: scan 0.9s linear 0.45s infinite;
  -ms-animation: scan 0.9s linear 0.45s infinite;
  -o-animation: scan 0.9s linear 0.45s infinite;
  animation: scan 0.9s linear 0.45s infinite;
}

rect.six {
  -webkit-animation: scan 0.9s linear 0.5625s infinite;
  -moz-animation: scan 0.9s linear 0.5625s infinite;
  -ms-animation: scan 0.9s linear 0.5625s infinite;
  -o-animation: scan 0.9s linear 0.5625s infinite;
  animation: scan 0.9s linear 0.5625s infinite;
}

rect.seven {
  -webkit-animation: scan 0.9s linear 0.675s infinite;
  -moz-animation: scan 0.9s linear 0.675s infinite;
  -ms-animation: scan 0.9s linear 0.675s infinite;
  -o-animation: scan 0.9s linear 0.675s infinite;
  animation: scan 0.9s linear 0.675s infinite;
}

rect.eight {
  -webkit-animation: scan 0.9s linear 0.7875s infinite;
  -moz-animation: scan 0.9s linear 0.7875s infinite;
  -ms-animation: scan 0.9s linear 0.7875s infinite;
  -o-animation: scan 0.9s linear 0.7875s infinite;
  animation: scan 0.9s linear 0.7875s infinite;
}
.phoenix-button {
  display: inline-block;
}

.phoenix-button__wraper {
  font-family: "PingFang SC", "Hiragino Sans GB", STHeitiSC, Helvetica, "Helvetica Neue", "Microsoft YaHei", Tahoma;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  max-width: inherit;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
  border-radius: 3px;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  outline: none;
}

.phoenix-button__wraper--primary {
  color: RGB(var(--skin-css-var-M9));
  border: 1px solid transparent;
  background-color: RGB(var(--skin-css-var-S3));
}

.phoenix-button__wraper--primary:hover {
  background-color: RGB(var(--skin-css-var-S4));
}

.phoenix-button__wraper--primary:active {
  background-color: RGB(var(--skin-css-var-S2));
}

.phoenix-button__wraper--secondary {
  color: RGB(var(--skin-css-var-S2));
  border: 1px solid RGB(var(--skin-css-var-S5));
  background-color: RGB(var(--skin-css-var-M9));
}

.phoenix-button__wraper--secondary .phoenix-button__suffixIcon {
  color: RGB(var(--skin-css-var-S3));
}

.phoenix-button__wraper--secondary .phoenix-button__preIcon {
  color: RGB(var(--skin-css-var-S3));
}

.phoenix-button__wraper--secondary:hover {
  color: RGB(var(--skin-css-var-S3));
  background-color: RGBA(var(--skin-css-var-S5), 0.1);
}

.phoenix-button__wraper--secondary:hover .phoenix-button__suffixIcon {
  color: RGB(var(--skin-css-var-S2));
}

.phoenix-button__wraper--secondary:hover .phoenix-button__preIcon {
  color: RGB(var(--skin-css-var-S2));
}

.phoenix-button__wraper--secondary:active {
  color: RGB(var(--skin-css-var-S2));
  background-color: RGBA(var(--skin-css-var-S5), 0.2);
  border: 1px solid RGB(var(--skin-css-var-S5));
}

.phoenix-button__wraper--secondary:active .phoenix-button__suffixIcon {
  color: RGB(var(--skin-css-var-S3));
}

.phoenix-button__wraper--secondary:active .phoenix-button__preIcon {
  color: RGB(var(--skin-css-var-S3));
}

.phoenix-button__wraper--normal {
  color: RGB(var(--skin-css-var-M2));
  border: 1px solid RGB(var(--skin-css-var-M6));
  background-color: RGB(var(--skin-css-var-M9));
}

.phoenix-button__wraper--normal .phoenix-button__suffixIcon {
  color: RGB(var(--skin-css-var-M4));
}

.phoenix-button__wraper--normal .phoenix-button__preIcon {
  color: RGB(var(--skin-css-var-M4));
}

.phoenix-button__wraper--normal:hover {
  color: RGB(var(--skin-css-var-S2));
  border: 1px solid RGB(var(--skin-css-var-S5));
  background-color: RGBA(var(--skin-css-var-S5), 0.1);
}

.phoenix-button__wraper--normal:hover .phoenix-button__suffixIcon {
  color: RGB(var(--skin-css-var-S2));
}

.phoenix-button__wraper--normal:hover .phoenix-button__preIcon {
  color: RGB(var(--skin-css-var-S2));
}

.phoenix-button__wraper--normal:active {
  color: RGB(var(--skin-css-var-S2));
  border: 1px solid RGB(var(--skin-css-var-S5));
  background-color: RGBA(var(--skin-css-var-S5), 0.2);
}

.phoenix-button__wraper--normal:active .phoenix-button__suffixIcon {
  color: RGB(var(--skin-css-var-S3));
}

.phoenix-button__wraper--normal:active .phoenix-button__preIcon {
  color: RGB(var(--skin-css-var-S3));
}

.phoenix-button__wraper--super {
  min-width: 96px;
  height: 40px;
  padding: 0 30px 0 30px;
  font-size: 18px;
  line-height: 26px;
}

.phoenix-button__wraper--big {
  min-width: 60px;
  height: 32px;
  padding: 0 16px 0 16px;
  font-size: 14px;
}

.phoenix-button__wraper--middle {
  min-width: 48px;
  height: 30px;
  padding: 0 12px 0 12px;
  font-size: 12px;
  line-height: 20px;
}

.phoenix-button__wraper--small {
  min-width: 44px;
  height: 26px;
  padding: 0 10px 0 10px;
  font-size: 12px;
  line-height: 20px;
}

.phoenix-button__wraper--primaryDisable {
  cursor: not-allowed;
  background-color: RGBA(var(--skin-css-var-S3), 0.5);
}

.phoenix-button__wraper--primaryDisable:hover {
  background-color: RGBA(var(--skin-css-var-S3), 0.5);
}

.phoenix-button__wraper--primaryDisable:active {
  background-color: RGBA(var(--skin-css-var-S3), 0.5);
}

.phoenix-button__wraper--primaryLoading {
  background-color: RGBA(var(--skin-css-var-S3), 0.5);
}

.phoenix-button__wraper--primaryLoading:hover {
  background-color: RGBA(var(--skin-css-var-S3), 0.5);
}

.phoenix-button__wraper--primaryLoading:active {
  background-color: RGBA(var(--skin-css-var-S3), 0.5);
}

.phoenix-button__wraper--secondaryLoading {
  color: RGBA(var(--skin-css-var-S2), 0.5);
  background-color: RGB(var(--skin-css-var-M9));
  border: 1px solid RGBA(var(--skin-css-var-S5), 0.5);
}

.phoenix-button__wraper--secondaryLoading svg {
  color: RGBA(var(--skin-css-var-S3), 0.9);
}

.phoenix-button__wraper--secondaryLoading:hover {
  color: RGBA(var(--skin-css-var-S2), 0.5);
  background-color: RGB(var(--skin-css-var-M9));
  border: 1px solid RGBA(var(--skin-css-var-S4), 0.5);
}

.phoenix-button__wraper--secondaryLoading:active {
  color: RGBA(var(--skin-css-var-S2), 0.5);
  background-color: RGB(var(--skin-css-var-M9));
  border: 1px solid RGBA(var(--skin-css-var-S4), 0.5);
}

.phoenix-button__wraper--secondaryDisable {
  color: RGBA(var(--skin-css-var-S2), 0.5);
  background-color: RGB(var(--skin-css-var-M9));
  border: 1px solid RGBA(var(--skin-css-var-S5), 0.5);
  cursor: not-allowed;
}

.phoenix-button__wraper--secondaryDisable .phoenix-button__suffixIcon {
  color: RGBA(var(--skin-css-var-S3), 0.5);
}

.phoenix-button__wraper--secondaryDisable .phoenix-button__preIcon {
  color: RGBA(var(--skin-css-var-S3), 0.5);
}

.phoenix-button__wraper--secondaryDisable:hover {
  color: RGBA(var(--skin-css-var-S2), 0.5);
  background-color: RGB(var(--skin-css-var-M9));
  border: 1px solid RGBA(var(--skin-css-var-S4), 0.5);
}

.phoenix-button__wraper--secondaryDisable:hover .phoenix-button__suffixIcon {
  color: RGBA(var(--skin-css-var-S3), 0.5);
}

.phoenix-button__wraper--secondaryDisable:hover .phoenix-button__preIcon {
  color: RGBA(var(--skin-css-var-S3), 0.5);
}

.phoenix-button__wraper--secondaryDisable:active {
  color: RGBA(var(--skin-css-var-S2), 0.5);
  background-color: RGB(var(--skin-css-var-M9));
  border: 1px solid RGBA(var(--skin-css-var-S4), 0.5);
}

.phoenix-button__wraper--secondaryDisable:active .phoenix-button__suffixIcon {
  color: RGBA(var(--skin-css-var-S3), 0.5);
}

.phoenix-button__wraper--secondaryDisable:active .phoenix-button__preIcon {
  color: RGBA(var(--skin-css-var-S3), 0.5);
}

.phoenix-button__wraper--normalLoading {
  color: RGB(var(--skin-css-var-M5));
  background-color: RGBA(var(--skin-css-var-M6), 0.3);
  border: 1px solid RGB(var(--skin-css-var-M6));
}

.phoenix-button__wraper--normalLoading svg {
  color: RGBA(var(--skin-css-var-M4), 0.9);
}

.phoenix-button__wraper--normalLoading:hover {
  color: RGB(var(--skin-css-var-M5));
  background-color: RGBA(var(--skin-css-var-M6), 0.3);
  border: 1px solid RGB(var(--skin-css-var-M6));
}

.phoenix-button__wraper--normalLoading:active {
  color: RGB(var(--skin-css-var-M5));
  background-color: RGBA(var(--skin-css-var-M6), 0.3);
  border: 1px solid RGB(var(--skin-css-var-M6));
}

.phoenix-button__wraper--normalDisable {
  color: RGB(var(--skin-css-var-M5));
  background-color: RGBA(var(--skin-css-var-M6), 0.3);
  border: 1px solid RGB(var(--skin-css-var-M6));
  cursor: not-allowed;
}

.phoenix-button__wraper--normalDisable:hover, .phoenix-button__wraper--normalDisable:active {
  color: RGB(var(--skin-css-var-M5));
  background-color: RGBA(var(--skin-css-var-M6), 0.3);
  border: 1px solid RGB(var(--skin-css-var-M6));
}

.phoenix-button__wraper--normalDisable:hover .phoenix-button__suffixIcon, .phoenix-button__wraper--normalDisable:active .phoenix-button__suffixIcon {
  color: RGB(var(--skin-css-var-M4));
}

.phoenix-button__wraper--normalDisable:hover .phoenix-button__preIcon, .phoenix-button__wraper--normalDisable:active .phoenix-button__preIcon {
  color: RGB(var(--skin-css-var-M4));
}

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

.phoenix-button__loading {
  margin-right: 4px;
}

.phoenix-button__preIcon {
  align-items: center;
  margin-right: 4px;
  width: auto;
  line-height: 0;
  font-size: 0;
}

.phoenix-button__preIcon svg {
  vertical-align: middle;
  width: 14px;
  height: 14px;
}

.phoenix-button__suffixIcon {
  align-items: center;
  margin-left: 4px;
  width: auto;
  line-height: 0;
}

.phoenix-button__suffixIcon svg {
  vertical-align: middle;
  width: 12px;
  height: 12px;
}
.phoenix-button-group {
  font-family: "PingFang SC", "Hiragino Sans GB", STHeitiSC, Helvetica, "Helvetica Neue", "Microsoft YaHei", Tahoma;
  position: relative;
  display: inline-block;
}

.phoenix-button-group__item {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
  float: left;
  min-width: 56px;
  margin-left: -1px;
  font-size: 12px;
  line-height: 20px;
  z-index: 0;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.phoenix-button-group__item.active {
  z-index: 1;
}

.phoenix-button-group__item.big {
  padding-left: 12px;
  padding-right: 12px;
  height: 30px;
}

.phoenix-button-group__item.small {
  padding-left: 10px;
  padding-right: 10px;
  height: 26px;
}

.phoenix-button-group__item.primary {
  color: #106ecc;
  border: 1px solid #5cadff;
  background-color: white;
}

.phoenix-button-group__item.primary:hover {
  color: #106ecc;
  border: 1px solid #5cadff;
  background-color: rgba(133, 194, 255, 0.1);
}

.phoenix-button-group__item.primary.disable {
  color: rgba(16, 110, 204, 0.5);
  border: 1px solid #5cadff;
  background-color: rgba(255, 255, 255, 0.5);
  cursor: not-allowed;
}

.phoenix-button-group__item.primary.disable:hover {
  color: rgba(16, 110, 204, 0.5);
  border: 1px solid #5cadff;
  background-color: rgba(255, 255, 255, 0.5);
}

.phoenix-button-group__item.primary.active {
  color: white;
  border: 1px solid #1d86f0;
  background-color: #1d86f0;
}

.phoenix-button-group__item.primary.active:hover {
  color: white;
  border: 1px solid #5cadff;
  background-color: #5cadff;
  z-index: 2;
}

.phoenix-button-group__item.primary.active.disable {
  color: white;
  border: 1px solid #5cadff;
  background-color: rgba(29, 134, 240, 0.5);
  cursor: not-allowed;
}

.phoenix-button-group__item.primary.active.disable:hover {
  color: white;
  border: 1px solid #5cadff;
  background-color: rgba(29, 134, 240, 0.5);
}

.phoenix-button-group__item.secondary {
  color: #33383d;
  border: 1px solid #bfc3c7;
  background-color: white;
}

.phoenix-button-group__item.secondary:hover {
  color: #106ecc;
  border: 1px solid #bfc3c7;
  background-color: white;
}

.phoenix-button-group__item.secondary.disable {
  color: #bfc3c7;
  border: 1px solid #bfc3c7;
  background-color: rgba(230, 232, 235, 0.3);
  cursor: not-allowed;
}

.phoenix-button-group__item.secondary.disable:hover {
  color: #bfc3c7;
  border: 1px solid #bfc3c7;
  background-color: rgba(230, 232, 235, 0.3);
}

.phoenix-button-group__item.secondary.active {
  color: #106ecc;
  border: 1px solid #5cadff;
  background-color: white;
}

.phoenix-button-group__item.secondary.active:hover {
  color: #106ecc;
  border: 1px solid #5cadff;
  background-color: rgba(133, 194, 255, 0.1);
  z-index: 2;
}

.phoenix-button-group__item.secondary.active.disable {
  color: rgba(16, 110, 204, 0.5);
  border: 1px solid #5cadff;
  background-color: white;
  cursor: not-allowed;
}

.phoenix-button-group__item.secondary.active.disable:hover {
  color: rgba(16, 110, 204, 0.5);
  border: 1px solid #5cadff;
  background-color: white;
}

.phoenix-button-group__item:first-child {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  margin-left: 0px;
}

.phoenix-button-group__item:last-child {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.phoenix-button-group__item:active:first-child {
  margin-left: 0px;
}
.phoenix-icon-button {
  font-family: "PingFang SC", "Hiragino Sans GB", STHeitiSC, Helvetica, "Helvetica Neue", "Microsoft YaHei", Tahoma;
  box-sizing: border-box;
  display: inline-flex;
  border-radius: 3px;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  width: 24px;
  height: 24px;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.phoenix-icon-button svg {
  pointer-events: none;
}

.phoenix-icon-button.primary {
  color: #1d86f0;
  border: none;
}

.phoenix-icon-button.primary:hover {
  color: #5cadff;
}

.phoenix-icon-button.primary:active {
  color: #106ecc;
}

.phoenix-icon-button.primary.disable {
  cursor: not-allowed;
  color: rgba(29, 134, 240, 0.5);
}

.phoenix-icon-button.primary.loading {
  color: rgba(29, 134, 240, 0.9);
}

.phoenix-icon-button.primary.loading:active, .phoenix-icon-button.primary.loading:hover {
  color: rgba(29, 134, 240, 0.9);
}

.phoenix-icon-button.primary.border {
  border: none;
  color: white;
  background-color: #1d86f0;
  width: 30px;
  height: 30px;
}

.phoenix-icon-button.primary.border:hover {
  background-color: #5cadff;
}

.phoenix-icon-button.primary.border:active {
  background-color: #106ecc;
}

.phoenix-icon-button.primary.border.disable {
  background-color: rgba(29, 134, 240, 0.5);
  cursor: not-allowed;
}

.phoenix-icon-button.primary.border.disable:hover {
  background-color: rgba(29, 134, 240, 0.5);
}

.phoenix-icon-button.primary.border.disable:active {
  background-color: rgba(29, 134, 240, 0.5);
}

.phoenix-icon-button.primary.border.loading {
  background-color: rgba(29, 134, 240, 0.5);
}

.phoenix-icon-button.primary.border.loading:hover {
  background-color: rgba(29, 134, 240, 0.5);
}

.phoenix-icon-button.primary.border.loading:active {
  background-color: rgba(29, 134, 240, 0.5);
}

.phoenix-icon-button.secondary {
  color: #83898f;
  border: none;
  background-color: white;
}

.phoenix-icon-button.secondary:hover {
  color: #5cadff;
}

.phoenix-icon-button.secondary:active {
  color: #106ecc;
}

.phoenix-icon-button.secondary.disable {
  color: #bfc3c7;
  cursor: not-allowed;
}

.phoenix-icon-button.secondary.loading {
  color: #83898f;
}

.phoenix-icon-button.secondary.border {
  width: 30px;
  height: 30px;
  background-color: white;
  border: 1px solid #85c2ff;
  color: #1d86f0;
}

.phoenix-icon-button.secondary.border:hover {
  background-color: rgba(133, 194, 255, 0.1);
}

.phoenix-icon-button.secondary.border:active {
  background-color: rgba(133, 194, 255, 0.2);
}

.phoenix-icon-button.secondary.border.disable {
  cursor: not-allowed;
  background-color: white;
  border: 1px solid rgba(133, 194, 255, 0.5);
  color: rgba(29, 134, 240, 0.5);
}

.phoenix-icon-button.secondary.border.disable:hover {
  background-color: white;
  border: 1px solid rgba(133, 194, 255, 0.5);
  color: rgba(29, 134, 240, 0.5);
}

.phoenix-icon-button.secondary.border.disable:active {
  background-color: white;
  border: 1px solid rgba(133, 194, 255, 0.5);
  color: rgba(29, 134, 240, 0.5);
}

.phoenix-icon-button.secondary.border.loading {
  background-color: white;
  border: 1px solid #85c2ff;
  color: #1d86f0;
}

.phoenix-icon-button.secondary.border.loading:hover {
  background-color: white;
  border: 1px solid #85c2ff;
  color: #1d86f0;
}

.phoenix-icon-button.secondary.border.loading:active {
  background-color: white;
  border: 1px solid #85c2ff;
  color: #1d86f0;
}

.phoenix-icon-button.normal {
  border: none;
  background-color: white;
  color: #83898f;
}

.phoenix-icon-button.normal:hover {
  color: #5cadff;
}

.phoenix-icon-button.normal:active {
  color: #106ecc;
}

.phoenix-icon-button.normal.disable {
  cursor: not-allowed;
  color: #bfc3c7;
}

.phoenix-icon-button.normal.loading:hover {
  color: #83898f;
  background-color: rgba(230, 232, 235, 0.3);
}

.phoenix-icon-button.normal.loading:active {
  color: #83898f;
  background-color: rgba(230, 232, 235, 0.3);
}

.phoenix-icon-button.normal.border {
  width: 30px;
  height: 30px;
  background-color: white;
  border: 1px solid #e6e8eb;
}

.phoenix-icon-button.normal.border:hover, .phoenix-icon-button.normal.border:active {
  border-color: #85c2ff;
  color: #1d86f0;
  background-color: rgba(133, 194, 255, 0.1);
}

.phoenix-icon-button.normal.border:active {
  background-color: rgba(133, 194, 255, 0.2);
}

.phoenix-icon-button.normal.border.disable {
  color: rgba(191, 195, 199, 0.7);
  cursor: not-allowed;
  background-color: rgba(230, 232, 235, 0.3);
  border-color: #e6e8eb;
}

.phoenix-icon-button.normal.border.loading {
  color: rgba(131, 137, 143, 0.9);
  border: 1px solid #e6e8eb;
  background-color: rgba(230, 232, 235, 0.3);
}

.phoenix-icon-button.normal.border.loading:hover, .phoenix-icon-button.normal.border.loading:active {
  border: 1px solid #e6e8eb;
}
.phoenix-icon-button-group {
  font-family: "PingFang SC", "Hiragino Sans GB", STHeitiSC, Helvetica, "Helvetica Neue", "Microsoft YaHei", Tahoma;
  position: relative;
  display: inline-block;
}

.phoenix-icon-button-group__item {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #bfc3c7;
  width: 30px;
  height: 30px;
  background: white;
  border: 1px solid #e6e8eb;
  border-right: 0px;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.phoenix-icon-button-group__item:hover {
  background: rgba(133, 194, 255, 0.1);
  color: #1d86f0;
}

.phoenix-icon-button-group__item:active {
  background: rgba(133, 194, 255, 0.2);
  color: #1d86f0;
}

.phoenix-icon-button-group__item:first-child {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

.phoenix-icon-button-group__item:last-child {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border: 1px solid #e6e8eb;
}

.phoenix-icon-button-group__item.active {
  background: rgba(133, 194, 255, 0.2);
  color: #1d86f0;
}

.phoenix-icon-button-group__item--disable {
  cursor: not-allowed;
  color: rgba(191, 195, 199, 0.7);
  background-color: rgba(230, 232, 235, 0.3);
}

.phoenix-icon-button-group__item--disable.active {
  color: rgba(29, 134, 240, 0.5);
}

.phoenix-icon-button-group__item--disable.active:hover {
  color: rgba(29, 134, 240, 0.5);
  background: rgba(133, 194, 255, 0.2);
}

.phoenix-icon-button-group__item--disable:hover {
  color: rgba(191, 195, 199, 0.7);
  background-color: rgba(230, 232, 235, 0.3);
}
.phoenix-text-button {
  font-family: "PingFang SC", "Hiragino Sans GB", STHeitiSC, Helvetica, "Helvetica Neue", "Microsoft YaHei", Tahoma;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.phoenix-text-button--big .phoenix-text-button__textWraper {
  font-size: 14px;
  line-height: 22px;
}

.phoenix-text-button--small .phoenix-text-button__textWraper {
  font-size: 12px;
  line-height: 20px;
}

.phoenix-text-button--primary {
  color: #106ecc;
}

.phoenix-text-button--primary .phoenix-text-button__suffixIcon {
  color: #1d86f0;
}

.phoenix-text-button--primary .phoenix-text-button__preIcon {
  color: #1d86f0;
}

.phoenix-text-button--primary:hover {
  color: #1d86f0;
}

.phoenix-text-button--primary:hover .phoenix-text-button__suffixIcon {
  color: #106ecc;
}

.phoenix-text-button--primary:hover .phoenix-text-button__preIcon {
  color: #106ecc;
}

.phoenix-text-button--primary:active, .phoenix-text-button--primary.active {
  color: #106ecc;
}

.phoenix-text-button--primary:active .phoenix-text-button__suffixIcon, .phoenix-text-button--primary.active .phoenix-text-button__suffixIcon {
  color: #1d86f0;
}

.phoenix-text-button--primary:active .phoenix-text-button__preIcon, .phoenix-text-button--primary.active .phoenix-text-button__preIcon {
  color: #1d86f0;
}

.phoenix-text-button--secondary {
  color: #33383d;
}

.phoenix-text-button--secondary .phoenix-text-button__suffixIcon, .phoenix-text-button--secondary .phoenix-text-button__preIcon {
  color: #83898f;
}

.phoenix-text-button--secondary:hover {
  color: #1d86f0;
}

.phoenix-text-button--secondary:hover .phoenix-text-button__suffixIcon, .phoenix-text-button--secondary:hover .phoenix-text-button__preIcon {
  color: #106ecc;
}

.phoenix-text-button--secondary:active, .phoenix-text-button--secondary.active {
  color: #106ecc;
}

.phoenix-text-button--secondary:active .phoenix-text-button__suffixIcon, .phoenix-text-button--secondary:active .phoenix-text-button__preIcon, .phoenix-text-button--secondary.active .phoenix-text-button__suffixIcon, .phoenix-text-button--secondary.active .phoenix-text-button__preIcon {
  color: #1d86f0;
}

.phoenix-text-button--primaryDisable {
  cursor: not-allowed;
  color: rgba(16, 110, 204, 0.5);
}

.phoenix-text-button--primaryDisable .phoenix-text-button__suffixIcon {
  color: rgba(29, 134, 240, 0.5);
}

.phoenix-text-button--primaryDisable .phoenix-text-button__preIcon {
  color: rgba(29, 134, 240, 0.5);
}

.phoenix-text-button--primaryDisable:hover, .phoenix-text-button--primaryDisable:active, .phoenix-text-button--primaryDisable.active {
  color: rgba(16, 110, 204, 0.5);
}

.phoenix-text-button--primaryDisable:hover .phoenix-text-button__suffixIcon, .phoenix-text-button--primaryDisable:active .phoenix-text-button__suffixIcon, .phoenix-text-button--primaryDisable.active .phoenix-text-button__suffixIcon {
  color: rgba(29, 134, 240, 0.5);
}

.phoenix-text-button--primaryDisable:hover .phoenix-text-button__preIcon, .phoenix-text-button--primaryDisable:active .phoenix-text-button__preIcon, .phoenix-text-button--primaryDisable.active .phoenix-text-button__preIcon {
  color: rgba(29, 134, 240, 0.5);
}

.phoenix-text-button--primaryLoading {
  color: rgba(16, 110, 204, 0.5);
}

.phoenix-text-button--primaryLoading:hover, .phoenix-text-button--primaryLoading:active, .phoenix-text-button--primaryLoading.active {
  color: rgba(16, 110, 204, 0.5);
}

.phoenix-text-button--primaryLoading .phoenix-text-button__preIcon--hasLoading, .phoenix-text-button--primaryLoading:hover .phoenix-text-button__preIcon--hasLoading {
  color: rgba(29, 134, 240, 0.9);
}

.phoenix-text-button--secondaryDisable {
  color: #bfc3c7;
  cursor: not-allowed;
}

.phoenix-text-button--secondaryDisable .phoenix-text-button__suffixIcon, .phoenix-text-button--secondaryDisable .phoenix-text-button__preIcon {
  color: #bfc3c7;
}

.phoenix-text-button--secondaryDisable:hover, .phoenix-text-button--secondaryDisable:active, .phoenix-text-button--secondaryDisable.active {
  color: #bfc3c7;
}

.phoenix-text-button--secondaryDisable:hover .phoenix-text-button__suffixIcon, .phoenix-text-button--secondaryDisable:hover .phoenix-text-button__preIcon, .phoenix-text-button--secondaryDisable:active .phoenix-text-button__suffixIcon, .phoenix-text-button--secondaryDisable:active .phoenix-text-button__preIcon, .phoenix-text-button--secondaryDisable.active .phoenix-text-button__suffixIcon, .phoenix-text-button--secondaryDisable.active .phoenix-text-button__preIcon {
  color: #bfc3c7;
}

.phoenix-text-button--secondaryLoading {
  color: #bfc3c7;
}

.phoenix-text-button--secondaryLoading:hover, .phoenix-text-button--secondaryLoading:active, .phoenix-text-button--secondaryLoading.active {
  color: #bfc3c7;
}

.phoenix-text-button--secondaryLoading .phoenix-text-button__preIcon--hasLoading, .phoenix-text-button--secondaryLoading:hover .phoenix-text-button__preIcon--hasLoading {
  color: rgba(131, 137, 143, 0.9);
}

.phoenix-text-button__preIcon {
  align-items: center;
  margin-right: 4px;
  line-height: 0;
}

.phoenix-text-button__preIcon--hasIcon, .phoenix-text-button__preIcon--loading {
  margin-right: 4px;
}

.phoenix-text-button__preIcon--hasIcon {
  width: auto;
  height: 18px;
}

.phoenix-text-button__preIcon--hasIcon svg {
  width: 18px;
  height: 18px;
}

.phoenix-text-button__preIcon--hasLoading {
  width: auto;
}

.phoenix-text-button__preIcon--hasLoading svg {
  width: 14px;
  height: 14px;
}

.phoenix-text-button__suffixIcon {
  align-items: center;
  margin-left: 4px;
  width: auto;
  line-height: 0;
}

.phoenix-text-button__suffixIcon svg {
  width: 12px;
  height: 12px;
}

.phoenix-text-button__textWraper {
  display: inline-block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 80px;
}
:root {
    --skin-css-var-S1: 0, 79, 158;
    --skin-css-var-S2: 16, 110, 204;
    --skin-css-var-S3: 29, 134, 240;
    --skin-css-var-S4: 92, 173, 255;
    --skin-css-var-S5: 133, 194, 255;
    --skin-css-var-S6: 194, 224, 255;
    --skin-css-var-M1: 14, 17, 20;
    --skin-css-var-M2: 51, 56, 61;
    --skin-css-var-M3: 86, 94, 102;
    --skin-css-var-M4: 131, 137, 143;
    --skin-css-var-M5: 191, 195, 199;
    --skin-css-var-M6: 230, 232, 235;
    --skin-css-var-M7: 240, 242, 245;
    --skin-css-var-M8: 250, 251, 252;
    --skin-css-var-M9: 255, 255, 255;
    --skin-css-var-M10: 0, 0, 0;
}.phoenix-unmodeled-layer {
  position: relative;
  display: inline-block;
}

.phoenix-unmodeled-layer.block {
  display: block;
}

.phoenix-unmodeled-layer .phoenix-unmodeled-layer__content {
  display: inline-block;
}

.phoenix-unmodeled-layer .phoenix-unmodeled-layer__content.phoenix-unmodeled-layer__content--block {
  display: block;
}

.common-unmodeled-layer {
  position: absolute;
  left: -9999px;
  top: -9999px;
  display: block;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
  line-height: 1.5;
}

.common-unmodeled-layer.common-unmodeled-layer-hidden {
  display: none;
}

.common-unmodeled-layer.common-unmodeled-layer-slide-up-enter, .common-unmodeled-layer.common-unmodeled-layer-slide-up-appear {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  transform-origin: 0 0;
  display: block !important;
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  animation-play-state: paused;
}

.common-unmodeled-layer.common-unmodeled-layer-slide-up-leave {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  transform-origin: 0 0;
  display: block !important;
  opacity: 1;
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
  animation-play-state: paused;
}

.common-unmodeled-layer.common-unmodeled-layer-slide-up-enter.common-unmodeled-layer-slide-up-enter-active.common-unmodeled-layer-placement-bottomLeft, .common-unmodeled-layer.common-unmodeled-layer-slide-up-appear.common-unmodeled-layer-slide-up-appear-active.common-unmodeled-layer-placement-bottomLeft, .common-unmodeled-layer.common-unmodeled-layer-slide-up-enter.common-unmodeled-layer-slide-up-enter-active.common-unmodeled-layer-placement-bottomCenter, .common-unmodeled-layer.common-unmodeled-layer-slide-up-appear.common-unmodeled-layer-slide-up-appear-active.common-unmodeled-layer-placement-bottomCenter, .common-unmodeled-layer.common-unmodeled-layer-slide-up-enter.common-unmodeled-layer-slide-up-enter-active.common-unmodeled-layer-placement-bottomRight, .common-unmodeled-layer.common-unmodeled-layer-slide-up-appear.common-unmodeled-layer-slide-up-appear-active.common-unmodeled-layer-placement-bottomRight {
  animation-name: rcUnmodeledLayerSlideUpIn;
  animation-play-state: running;
}

.common-unmodeled-layer.common-unmodeled-layer-slide-up-enter.common-unmodeled-layer-slide-up-enter-active.common-unmodeled-layer-placement-topLeft, .common-unmodeled-layer.common-unmodeled-layer-slide-up-appear.common-unmodeled-layer-slide-up-appear-active.common-unmodeled-layer-placement-topLeft, .common-unmodeled-layer.common-unmodeled-layer-slide-up-enter.common-unmodeled-layer-slide-up-enter-active.common-unmodeled-layer-placement-topCenter, .common-unmodeled-layer.common-unmodeled-layer-slide-up-appear.common-unmodeled-layer-slide-up-appear-active.common-unmodeled-layer-placement-topCenter, .common-unmodeled-layer.common-unmodeled-layer-slide-up-enter.common-unmodeled-layer-slide-up-enter-active.common-unmodeled-layer-placement-topRight, .common-unmodeled-layer.common-unmodeled-layer-slide-up-appear.common-unmodeled-layer-slide-up-appear-active.common-unmodeled-layer-placement-topRight {
  animation-name: rcUnmodeledLayerSlideDownIn;
  animation-play-state: running;
}

.common-unmodeled-layer.common-unmodeled-layer-slide-up-leave.common-unmodeled-layer-slide-up-leave-active.common-unmodeled-layer-placement-bottomLeft, .common-unmodeled-layer.common-unmodeled-layer-slide-up-leave.common-unmodeled-layer-slide-up-leave-active.common-unmodeled-layer-placement-bottomCenter, .common-unmodeled-layer.common-unmodeled-layer-slide-up-leave.common-unmodeled-layer-slide-up-leave-active.common-unmodeled-layer-placement-bottomRight {
  animation-name: rcUnmodeledLayerSlideUpOut;
  animation-play-state: running;
}

.common-unmodeled-layer.common-unmodeled-layer-slide-up-leave.common-unmodeled-layer-slide-up-leave-active.common-unmodeled-layer-placement-topLeft, .common-unmodeled-layer.common-unmodeled-layer-slide-up-leave.common-unmodeled-layer-slide-up-leave-active.common-unmodeled-layer-placement-topCenter, .common-unmodeled-layer.common-unmodeled-layer-slide-up-leave.common-unmodeled-layer-slide-up-leave-active.common-unmodeled-layer-placement-topRight {
  animation-name: rcUnmodeledLayerSlideDownOut;
  animation-play-state: running;
}

.common-unmodeled-layer .common-unmodeled-layer__layerContent {
  position: relative;
  background-color: white;
  border-radius: 3px;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.08);
  z-index: 1200;
  overflow: auto;
  margin: 4px 0;
}

.common-unmodeled-layer .common-unmodeled-layer__layerFooter {
  position: relative;
  border-top: 1px solid #f0f2f5;
  padding: 8px 10px 8px 8px;
  overflow: hidden;
}

.common-unmodeled-layer .common-unmodeled-layer__layerFooterItem {
  float: right;
  margin-left: 8px;
}

@-webkit-keyframes rcUnmodeledLayerSlideUpIn {
  0% {
    opacity: 0;
    transform-origin: 0% 0%;
    transform: scaleY(0);
  }

  100% {
    opacity: 1;
    transform-origin: 0% 0%;
    transform: scaleY(1);
  }
}

@-moz-keyframes rcUnmodeledLayerSlideUpIn {
  0% {
    opacity: 0;
    transform-origin: 0% 0%;
    transform: scaleY(0);
  }

  100% {
    opacity: 1;
    transform-origin: 0% 0%;
    transform: scaleY(1);
  }
}

@-o-keyframes rcUnmodeledLayerSlideUpIn {
  0% {
    opacity: 0;
    transform-origin: 0% 0%;
    transform: scaleY(0);
  }

  100% {
    opacity: 1;
    transform-origin: 0% 0%;
    transform: scaleY(1);
  }
}

@keyframes rcUnmodeledLayerSlideUpIn {
  0% {
    opacity: 0;
    transform-origin: 0% 0%;
    transform: scaleY(0);
  }

  100% {
    opacity: 1;
    transform-origin: 0% 0%;
    transform: scaleY(1);
  }
}

@-webkit-keyframes rcUnmodeledLayerSlideDownIn {
  0% {
    opacity: 0;
    transform-origin: 0% 100%;
    transform: scaleY(0);
  }

  100% {
    opacity: 1;
    transform-origin: 0% 100%;
    transform: scaleY(1);
  }
}

@-moz-keyframes rcUnmodeledLayerSlideDownIn {
  0% {
    opacity: 0;
    transform-origin: 0% 100%;
    transform: scaleY(0);
  }

  100% {
    opacity: 1;
    transform-origin: 0% 100%;
    transform: scaleY(1);
  }
}

@-o-keyframes rcUnmodeledLayerSlideDownIn {
  0% {
    opacity: 0;
    transform-origin: 0% 100%;
    transform: scaleY(0);
  }

  100% {
    opacity: 1;
    transform-origin: 0% 100%;
    transform: scaleY(1);
  }
}

@keyframes rcUnmodeledLayerSlideDownIn {
  0% {
    opacity: 0;
    transform-origin: 0% 100%;
    transform: scaleY(0);
  }

  100% {
    opacity: 1;
    transform-origin: 0% 100%;
    transform: scaleY(1);
  }
}

@-webkit-keyframes rcUnmodeledLayerSlideUpOut {
  0% {
    opacity: 1;
    transform-origin: 0% 0%;
    transform: scaleY(1);
  }

  100% {
    opacity: 0;
    transform-origin: 0% 0%;
    transform: scaleY(0);
  }
}

@-moz-keyframes rcUnmodeledLayerSlideUpOut {
  0% {
    opacity: 1;
    transform-origin: 0% 0%;
    transform: scaleY(1);
  }

  100% {
    opacity: 0;
    transform-origin: 0% 0%;
    transform: scaleY(0);
  }
}

@-o-keyframes rcUnmodeledLayerSlideUpOut {
  0% {
    opacity: 1;
    transform-origin: 0% 0%;
    transform: scaleY(1);
  }

  100% {
    opacity: 0;
    transform-origin: 0% 0%;
    transform: scaleY(0);
  }
}

@keyframes rcUnmodeledLayerSlideUpOut {
  0% {
    opacity: 1;
    transform-origin: 0% 0%;
    transform: scaleY(1);
  }

  100% {
    opacity: 0;
    transform-origin: 0% 0%;
    transform: scaleY(0);
  }
}

@-webkit-keyframes rcUnmodeledLayerSlideDownOut {
  0% {
    opacity: 1;
    transform-origin: 0% 100%;
    transform: scaleY(1);
  }

  100% {
    opacity: 0;
    transform-origin: 0% 100%;
    transform: scaleY(0);
  }
}

@-moz-keyframes rcUnmodeledLayerSlideDownOut {
  0% {
    opacity: 1;
    transform-origin: 0% 100%;
    transform: scaleY(1);
  }

  100% {
    opacity: 0;
    transform-origin: 0% 100%;
    transform: scaleY(0);
  }
}

@-o-keyframes rcUnmodeledLayerSlideDownOut {
  0% {
    opacity: 1;
    transform-origin: 0% 100%;
    transform: scaleY(1);
  }

  100% {
    opacity: 0;
    transform-origin: 0% 100%;
    transform: scaleY(0);
  }
}

@keyframes rcUnmodeledLayerSlideDownOut {
  0% {
    opacity: 1;
    transform-origin: 0% 100%;
    transform: scaleY(1);
  }

  100% {
    opacity: 0;
    transform-origin: 0% 100%;
    transform: scaleY(0);
  }
}
@charset "UTF-8";

.phoenix-input {
  position: relative;
  z-index: 2;
  box-sizing: border-box;
  flex: 1 1 auto;
  width: 100%;
  min-width: 100px;
  font-family: "PingFang SC", "Hiragino Sans GB", STHeitiSC, Helvetica, "Helvetica Neue", "Microsoft YaHei", Tahoma;
  color: #0e1114;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.phoenix-input:hover input {
  border-color: #85c2ff;
}

.phoenix-input:hover input:focus {
  border-color: #5cadff;
}

.phoenix-input:hover input[disabled] {
  border-color: #e6e8eb;
}

.phoenix-input:hover .phoenix-input__tooltip-overflow {
  border-color: #85c2ff;
}

.phoenix-input:hover .phoenix-input__tooltip-overflow--statusDisable {
  border-color: #e6e8eb;
}

.phoenix-input:hover .phoenix-input__tooltip-overflow--statusError {
  border-color: #FF475A;
}

.phoenix-input--statusIsHInt:hover input {
  border-color: #5cadff;
}

.phoenix-input--statusError:hover input {
  border-color: #FF475A;
}

.phoenix-input--statusError:hover input:focus {
  border-color: #FF475A;
}

.phoenix-input__input {
  font-family: "PingFang SC", "Hiragino Sans GB", STHeitiSC, Helvetica, "Helvetica Neue", "Microsoft YaHei", Tahoma;
  box-sizing: border-box;
  width: 100%;
  height: 30px;
  font-size: 12px;
    /* 解决chrome中input文本内容在12px时无法垂直居中的问题 */
  line-height: 30px;
  padding: 0 8px;
  border: 1px solid #e6e8eb;
  border-radius: 3px;
  background-color: white;
  outline: none;
  overflow: hidden;
  cursor: text;
    /* 隐藏IE自带的clear图标 */
}

.phoenix-input__input::-ms-clear {
  width: 0;
  height: 0;
}

.phoenix-input__input::placeholder {
  color: #bfc3c7;
}

.phoenix-input__input:hover {
  border-color: #85c2ff;
}

.phoenix-input__input:focus {
  border-color: #5cadff;
}

.phoenix-input__input[disabled] {
  color: transparent;
  background-color: transparent;
  text-overflow: ellipsis;
  cursor: not-allowed;
}

.phoenix-input__input[disabled]:hover {
  border-color: #e6e8eb;
}

.phoenix-input__input--noEllipsis[disabled] {
  background-color: rgba(230, 232, 235, 0.3);
  color: #33383d;
  cursor: not-allowed;
}

.phoenix-input__input[readonly] {
  pointer-events: none;
}

.phoenix-input__input--sizeLarge {
  height: 32px;
  line-height: 30px;
  font-size: 14px;
}

.phoenix-input__input--sizeSmall {
  height: 26px;
  line-height: 24px;
  font-size: 12px;
}

.phoenix-input__input--hasPrefix {
  padding-left: calc(8px + 4px + 12px);
}

.phoenix-input__input--hasSuffix, .phoenix-input__input--setPadding {
  padding-right: calc(8px + 4px + 12px);
}

.phoenix-input__input--statusDisable .phoenix-input__input--hasEllipsis {
  color: rgba(0, 0, 0, 0) !important;
}

.phoenix-input__input--statusIsHInt {
  border-color: #5cadff;
}

.phoenix-input__input--statusIsHInt:hover {
  border-color: #5cadff;
}

.phoenix-input__input--statusIsHInt:focus {
  border-color: #5cadff;
}

.phoenix-input__input--statusError {
  border-color: #FF475A;
}

.phoenix-input__input--statusError:hover {
  border-color: #FF475A;
}

.phoenix-input__input--statusError:focus {
  border-color: #FF475A;
}

.phoenix-input__input--safari {
  line-height: 20px;
}

.phoenix-input__prefix, .phoenix-input__clear, .phoenix-input__suffix {
  position: absolute;
  top: 50%;
  z-index: 1;
  transform: translateY(-50%);
  display: inline-block;
  font-size: 12px;
  line-height: 0;
}

.phoenix-input__prefix {
  left: 8px;
}

.phoenix-input__clear {
  right: 8px;
  cursor: pointer;
  background-color: transparent;
}

.phoenix-input__clear path:nth-child(2) {
  fill: #bfc3c7;
}

.phoenix-input__clear:hover path:nth-child(2) {
  fill: #83898f;
}

.phoenix-input__clear--active path:nth-child(2) {
  fill: #bfc3c7;
}

.phoenix-input__clear--hide {
  display: none;
}

.phoenix-input__suffix {
  right: 8px;
}

.phoenix-input__suffix--hide {
  display: none;
}

.phoenix-input__tooltip-overflow {
  font-family: "PingFang SC", "Hiragino Sans GB", STHeitiSC, Helvetica, "Helvetica Neue", "Microsoft YaHei", Tahoma;
  display: inline-block;
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  height: 30px;
  font-size: 12px;
  line-height: 28px;
  padding: 0 8px;
  border: 1px solid #e6e8eb;
  background-color: white;
  box-sizing: border-box;
  border-radius: 3px;
  margin: 0;
}

.phoenix-input__tooltip-overflow--password {
  color: transparent;
  background-color: transparent;
  z-index: -1;
}

.phoenix-input__tooltip-overflow--sizeLarge {
  height: 32px;
  line-height: 30px;
  font-size: 14px;
}

.phoenix-input__tooltip-overflow--sizeSmall {
  height: 26px;
  line-height: 26px;
  font-size: 12px;
}

.phoenix-input__tooltip-overflow--hasPrefix {
  padding-left: calc(8px + 4px + 12px);
}

.phoenix-input__tooltip-overflow--hasSuffix {
  padding-right: calc(8px + 4px + 12px);
}

.phoenix-input__tooltip-overflow--statusDisable {
  background-color: rgba(230, 232, 235, 0.3);
  color: #33383d;
  cursor: not-allowed;
  pointer-events: none;
}

.phoenix-input__tooltip-overflow--statusError {
  border-color: #FF475A;
}
.phoenix-search__extend {
  color: #FFA42E;
  padding: 2px 8px 0;
  word-break: break-all;
  font-size: 12px;
  line-height: 20px;
}
/**
 * file: ListItem.scss
 * author: huangxiaolong@beisen.com
 * date: 2019/6/27
 */
.phoenix-single-select-list__item {
  color: #0e1114;
  cursor: pointer;
  padding: 4px 10px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  list-style: none;
  cursor: pointer;
}

.phoenix-single-select-list__item.phoenix-single-select-list__item--disabled {
  color: #bfc3c7;
  cursor: not-allowed;
}

.phoenix-single-select-list__item.phoenix-single-select-list__item--disabled:hover {
  background-color: inherit;
}

.phoenix-single-select-list__item:hover {
  background-color: rgba(133, 194, 255, 0.1);
}

.phoenix-single-select-list__item.phoenix-single-select-list__item--isSelected {
  background-color: rgba(230, 232, 235, 0.3);
}

.phoenix-single-select-list__item .searchTxt {
  background-color: #FAC105;
}

.phoenix-single-select-list__item label {
  width: 100%;
}

.phoenix-single-select-list__item.phoenix-single-select-list__item--fzLarge {
  padding: 4px 12px;
}

.phoenix-single-select-list__item .phoenix-single-select-list__tipSpan {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.phoenix-single-select-list__item .phoenix-single-select-list__highLight {
  color: inherit;
  border-radius: 2px;
  background-color: rgba(250, 193, 5, 0.2);
}
/**
 * file: Loading.scss
 * author: huangxiaolong@beisen.com
 * date: 2019/6/27
 */
.phoenix-single-select-list__loading {
  text-align: center;
  position: relative;
  height: 182px;
}

.phoenix-single-select-list__loading .phoenix-single-select-list__loadingWrap {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
/**
 * file: PlaceHolder.scss
 * author: huangxiaolong@beisen.com
 * date: 2019/6/27
 */
.phoenix-single-select-list__placeholderWrapper {
  text-align: center;
  box-sizing: border-box;
  position: relative;
  height: 100%;
  overflow: hidden;
}

.phoenix-single-select-list__placeholderWrapper .phoenix-single-select-list__placeholder {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.phoenix-single-select-list__placeholderWrapper .phoenix-single-select-list__placeholderTxt {
  text-align: center;
  color: #bbbfee;
  margin-top: 8px;
}
/**
 * file: SelectList.scss
 * author: huangxiaolong@beisen.com
 * date: 2019/6/27
 */
.phoenix-single-select-list {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  position: relative;
  font-family: "PingFang SC", "Hiragino Sans GB", STHeitiSC, Helvetica, "Helvetica Neue", "Microsoft YaHei", Tahoma;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  max-height: 290px;
  border-radius: 3px;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.1);
  font-size: 12px;
  line-height: 20px;
  padding: 4px 0px;
}

.phoenix-single-select-list.phoenix-single-select-list--isEmpty {
  height: 190px;
}

.phoenix-single-select-list.phoenix-single-select-list--noBorder {
  border-radius: none;
  box-shadow: none;
}

.phoenix-single-select-list.phoenix-single-select-list--fzLarge {
  font-size: 14px;
  line-height: 22px;
}

.phoenix-single-select-list.phoenix-single-select-list--fzLarge .phoenix-single-select-list__search {
  padding: 4px 12px;
}

.phoenix-single-select-list.phoenix-single-select-list--fzSmall {
  font-size: 12px;
  line-height: 20px;
}

.phoenix-single-select-list .phoenix-single-select-list__search {
  box-sizing: border-box;
  padding: 4px 10px;
  width: 100%;
  background-color: white;
  z-index: 1201;
  flex-shrink: 0;
}

.phoenix-single-select-list--isSearch .phoenix-single-select-list__contentWraper {
  min-height: 150px;
  max-height: 244px;
}

.phoenix-single-select-list__contentWraper {
  overflow-y: auto;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
  max-height: 282px;
}

.phoenix-single-select-list__contentWraper::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

.phoenix-single-select-list__contentWraper::-webkit-scrollbar-track {
  border-radius: 100px;
  background-color: transparent;
}

.phoenix-single-select-list__contentWraper::-webkit-scrollbar-thumb {
  border: 2px solid transparent;
  border-radius: 100px;
  background-color: rgba(14, 17, 20, 0.1);
  background-clip: content-box;
}

.phoenix-single-select-list__contentWraper::-webkit-scrollbar-thumb:hover {
  background-color: rgba(14, 17, 20, 0.3);
}

.phoenix-single-select-list__contentWraper .phoenix-single-select-list__ul {
  flex-shrink: 0;
  padding: 0;
  margin: 0;
}
.phoenix-pagination__capacityButton .phoenix-button__wraper--normal:hover {
  background-color: white;
}
/**
 * file: PaginationSC.scss
 * author: huangxiaolong@beisen.com
 * date: 2019/07/01
 */
.phoenix-pagination {
  display: inline-block;
  margin: 10px 12px 10px 16px;
  text-align: right;
}

.phoenix-pagination__totalPage {
  font-size: 12px;
  line-height: 20px;
  color: #83898f;
  margin-right: 16px;
}
@charset "UTF-8";

@keyframes Circling {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

@keyframes Linemove {
  from {
    transform: translateY(0px) ；;
  }

  to {
    transform: translateY(2px);
  }
}

@keyframes Linemovetwo {
  from {
    transform: translateY(0px);
  }

  to {
    transform: translateY(4px);
  }
}

.sun-loading-wrapper {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999;
  background-color: rgba(255, 255, 255, 0);
}

.sun-loading-wrapper.maskAlpha {
  background-color: rgba(255, 255, 255, 0.5);
}

.sun-loading-wrapper .sun-loading {
  width: 50px;
  height: 50px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.sun-loading-wrapper .sun-loading .sun-icon-wrapper {
  height: 30px;
  overflow: hidden;
}

.sun-loading-wrapper .sun-loading .sun-icon-wrapper svg {
  width: 50px;
  height: 50px;
  position: relative;
  top: 3px;
  animation: Circling 0.8s linear 0s infinite;
}

.sun-loading-wrapper .sun-loading .line {
  height: 1px;
  background-color: #FFBE00;
  margin: 0 auto;
}

.sun-loading-wrapper .sun-loading .line.lone {
  width: 50px;
}

.sun-loading-wrapper .sun-loading .line.middle {
  width: 30px;
  margin: 1px auto;
  opacity: 0.8;
  animation: Linemove 0.1s forwards;
}

.sun-loading-wrapper .sun-loading .line.short {
  width: 14px;
  opacity: 0.5;
  animation: Linemovetwo 0.1s forwards;
}
.chrysanthemum-loading-wrapper {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999;
  background-color: rgba(255, 255, 255, 0);
}

.chrysanthemum-loading-wrapper .loading-icon-wrapper {
  width: 14px;
  height: 14px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.chrysanthemum-loading-wrapper .loading-icon-wrapper svg {
  vertical-align: top;
}
@keyframes scan {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@-ms-keyframes scan {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@-moz-keyframes scan {
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes scan {
  100% {
    opacity: 0;
  }
}

@-o-keyframes scan {
  100% {
    opacity: 0;
  }
}

rect.one {
  -webkit-animation: scan 0.9s linear 0s infinite;
  -moz-animation: scan 0.9s linear 0s infinite;
  -ms-animation: scan 0.9s linear 0s infinite;
  -o-animation: scan 0.9s linear 0s infinite;
  animation: scan 0.9s linear 0s infinite;
}

rect.two {
  -webkit-animation: scan 0.9s linear 0.1125s infinite;
  -moz-animation: scan 0.9s linear 0.1125s infinite;
  -ms-animation: scan 0.9s linear 0.1125s infinite;
  -o-animation: scan 0.9s linear 0.1125s infinite;
  animation: scan 0.9s linear 0.1125s infinite;
}

rect.three {
  -webkit-animation: scan 0.9s linear 0.225s infinite;
  -moz-animation: scan 0.9s linear 0.225s infinite;
  -ms-animation: scan 0.9s linear 0.225s infinite;
  -o-animation: scan 0.9s linear 0.225s infinite;
  animation: scan 0.9s linear 0.225s infinite;
}

rect.four {
  -webkit-animation: scan 0.9s linear 0.3375s infinite;
  -moz-animation: scan 0.9s linear 0.3375s infinite;
  -ms-animation: scan 0.9s linear 0.3375s infinite;
  -o-animation: scan 0.9s linear 0.3375s infinite;
  animation: scan 0.9s linear 0.3375s infinite;
}

rect.five {
  -webkit-animation: scan 0.9s linear 0.45s infinite;
  -moz-animation: scan 0.9s linear 0.45s infinite;
  -ms-animation: scan 0.9s linear 0.45s infinite;
  -o-animation: scan 0.9s linear 0.45s infinite;
  animation: scan 0.9s linear 0.45s infinite;
}

rect.six {
  -webkit-animation: scan 0.9s linear 0.5625s infinite;
  -moz-animation: scan 0.9s linear 0.5625s infinite;
  -ms-animation: scan 0.9s linear 0.5625s infinite;
  -o-animation: scan 0.9s linear 0.5625s infinite;
  animation: scan 0.9s linear 0.5625s infinite;
}

rect.seven {
  -webkit-animation: scan 0.9s linear 0.675s infinite;
  -moz-animation: scan 0.9s linear 0.675s infinite;
  -ms-animation: scan 0.9s linear 0.675s infinite;
  -o-animation: scan 0.9s linear 0.675s infinite;
  animation: scan 0.9s linear 0.675s infinite;
}

rect.eight {
  -webkit-animation: scan 0.9s linear 0.7875s infinite;
  -moz-animation: scan 0.9s linear 0.7875s infinite;
  -ms-animation: scan 0.9s linear 0.7875s infinite;
  -o-animation: scan 0.9s linear 0.7875s infinite;
  animation: scan 0.9s linear 0.7875s infinite;
}
/**
 * file: style.scss
 * author: huangxiaolong@beisen.com
 * date: 2019/6/27
 */
@-webkit-keyframes rcToolTipZoomIn {
  0% {
    opacity: 0;
    transform: scale(0.2);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@-moz-keyframes rcToolTipZoomIn {
  0% {
    opacity: 0;
    transform: scale(0.2);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@-o-keyframes rcToolTipZoomIn {
  0% {
    opacity: 0;
    transform: scale(0.2);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes rcToolTipZoomIn {
  0% {
    opacity: 0;
    transform: scale(0.2);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@-webkit-keyframes rcToolTipZoomOut {
  0% {
    opacity: 0;
    transform: scale(0.2);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@-moz-keyframes rcToolTipZoomOut {
  0% {
    opacity: 0;
    transform: scale(0.2);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@-o-keyframes rcToolTipZoomOut {
  0% {
    opacity: 0;
    transform: scale(0.2);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes rcToolTipZoomOut {
  0% {
    opacity: 0;
    transform: scale(0.2);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

.phoenix-tooltip {
  position: absolute;
  z-index: 1500;
  display: block;
  visibility: visible;
  font-size: 12px;
  line-height: 20px;
  font-family: "PingFang SC", "Hiragino Sans GB", STHeitiSC, Helvetica, "Helvetica Neue", "Microsoft YaHei", Tahoma;
}

.phoenix-tooltip.phoenix-tooltip-hidden {
  display: none;
}

.phoenix-tooltip.phoenix-tooltip-placement-top, .phoenix-tooltip.phoenix-tooltip-placement-topLeft, .phoenix-tooltip.phoenix-tooltip-placement-topRight {
  padding: 5px 0 5px 0;
}

.phoenix-tooltip.phoenix-tooltip-placement-right, .phoenix-tooltip.phoenix-tooltip-placement-rightTop, .phoenix-tooltip.phoenix-tooltip-placement-rightBottom {
  padding: 0 5px 0 5px;
}

.phoenix-tooltip.phoenix-tooltip-placement-bottom, .phoenix-tooltip.phoenix-tooltip-placement-bottomLeft, .phoenix-tooltip.phoenix-tooltip-placement-bottomRight {
  padding: 5px 0 5px 0;
}

.phoenix-tooltip.phoenix-tooltip-placement-left, .phoenix-tooltip.phoenix-tooltip-placement-leftTop, .phoenix-tooltip.phoenix-tooltip-placement-leftBottom {
  padding: 0 5px 0 5px;
}

.phoenix-tooltip .phoenix-tooltip-inner {
  padding: 4px 10px;
  color: #fff;
  text-align: left;
  text-decoration: none;
  background-color: #33383D;
  border-radius: 3px;
}

.phoenix-tooltip .phoenix-tooltip-inner .content-box {
  max-width: 396px;
  max-height: 280px;
  word-wrap: break-word;
  word-break: break-all;
  overflow: hidden;
  font-size: 12px;
  line-height: 20px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.phoenix-tooltip .phoenix-tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.phoenix-tooltip.phoenix-tooltip-placement-top .phoenix-tooltip-arrow,
  .phoenix-tooltip.phoenix-tooltip-placement-topLeft .phoenix-tooltip-arrow,
  .phoenix-tooltip.phoenix-tooltip-placement-topRight .phoenix-tooltip-arrow {
  bottom: 0;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #33383D;
}

.phoenix-tooltip.phoenix-tooltip-placement-top .phoenix-tooltip-arrow {
  left: 50%;
}

.phoenix-tooltip.phoenix-tooltip-placement-topLeft .phoenix-tooltip-arrow {
  left: calc(15%);
}

.phoenix-tooltip.phoenix-tooltip-placement-topRight .phoenix-tooltip-arrow {
  right: 15%;
}

.phoenix-tooltip.phoenix-tooltip-placement-right .phoenix-tooltip-arrow,
  .phoenix-tooltip.phoenix-tooltip-placement-rightTop .phoenix-tooltip-arrow,
  .phoenix-tooltip.phoenix-tooltip-placement-rightBottom .phoenix-tooltip-arrow {
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #33383D;
}

.phoenix-tooltip.phoenix-tooltip-placement-right .phoenix-tooltip-arrow {
  top: 50%;
}

.phoenix-tooltip.phoenix-tooltip-placement-rightTop .phoenix-tooltip-arrow {
  top: 15%;
  margin-top: 0;
}

.phoenix-tooltip.phoenix-tooltip-placement-rightBottom .phoenix-tooltip-arrow {
  bottom: 15%;
}

.phoenix-tooltip.phoenix-tooltip-placement-left .phoenix-tooltip-arrow,
  .phoenix-tooltip.phoenix-tooltip-placement-leftTop .phoenix-tooltip-arrow,
  .phoenix-tooltip.phoenix-tooltip-placement-leftBottom .phoenix-tooltip-arrow {
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #33383D;
}

.phoenix-tooltip.phoenix-tooltip-placement-left .phoenix-tooltip-arrow {
  top: 50%;
}

.phoenix-tooltip.phoenix-tooltip-placement-leftTop .phoenix-tooltip-arrow {
  top: 15%;
  margin-top: 0;
}

.phoenix-tooltip.phoenix-tooltip-placement-leftBottom .phoenix-tooltip-arrow {
  bottom: 15%;
}

.phoenix-tooltip.phoenix-tooltip-placement-bottom .phoenix-tooltip-arrow,
  .phoenix-tooltip.phoenix-tooltip-placement-bottomLeft .phoenix-tooltip-arrow,
  .phoenix-tooltip.phoenix-tooltip-placement-bottomRight .phoenix-tooltip-arrow {
  top: 0;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #33383D;
}

.phoenix-tooltip.phoenix-tooltip-placement-bottom .phoenix-tooltip-arrow {
  left: 50%;
}

.phoenix-tooltip.phoenix-tooltip-placement-bottomLeft .phoenix-tooltip-arrow {
  left: 15%;
}

.phoenix-tooltip.phoenix-tooltip-placement-bottomRight .phoenix-tooltip-arrow {
  right: calc(15% - 5px);
}

.phoenix-tooltip.phoenix-tooltip-zoom-enter, .phoenix-tooltip.phoenix-tooltip-zoom-leave {
  display: block;
}

.phoenix-tooltip.phoenix-tooltip-zoom-enter, .phoenix-tooltip.phoenix-tooltip-zoom-appear {
  opacity: 0;
  animation-duration: 0.1s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  animation-play-state: paused;
}

.phoenix-tooltip.phoenix-tooltip-zoom-leave {
  animation-duration: 0.1s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
  animation-play-state: paused;
}

.phoenix-tooltip.phoenix-tooltip-zoom-enter.phoenix-tooltip-zoom-enter-active, .phoenix-tooltip.phoenix-tooltip-zoom-appear.phoenix-tooltip-zoom-appear-active {
  animation-name: rcToolTipZoomIn;
  animation-play-state: running;
}

.phoenix-tooltip.phoenix-tooltip-zoom-leave.phoenix-tooltip-zoom-leave-active {
  animation-name: rcToolTipZoomOut;
  animation-play-state: running;
}
.phoenix-button {
  display: inline-block;
}

.phoenix-button__wraper {
  font-family: "PingFang SC", "Hiragino Sans GB", STHeitiSC, Helvetica, "Helvetica Neue", "Microsoft YaHei", Tahoma;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  max-width: inherit;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
  border-radius: 3px;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  outline: none;
}

.phoenix-button__wraper--primary {
  color: RGB(var(--skin-css-var-M9));
  border: 1px solid transparent;
  background-color: RGB(var(--skin-css-var-S3));
}

.phoenix-button__wraper--primary:hover {
  background-color: RGB(var(--skin-css-var-S4));
}

.phoenix-button__wraper--primary:active {
  background-color: RGB(var(--skin-css-var-S2));
}

.phoenix-button__wraper--secondary {
  color: RGB(var(--skin-css-var-S2));
  border: 1px solid RGB(var(--skin-css-var-S5));
  background-color: RGB(var(--skin-css-var-M9));
}

.phoenix-button__wraper--secondary .phoenix-button__suffixIcon {
  color: RGB(var(--skin-css-var-S3));
}

.phoenix-button__wraper--secondary .phoenix-button__preIcon {
  color: RGB(var(--skin-css-var-S3));
}

.phoenix-button__wraper--secondary:hover {
  color: RGB(var(--skin-css-var-S3));
  background-color: RGBA(var(--skin-css-var-S5), 0.1);
}

.phoenix-button__wraper--secondary:hover .phoenix-button__suffixIcon {
  color: RGB(var(--skin-css-var-S2));
}

.phoenix-button__wraper--secondary:hover .phoenix-button__preIcon {
  color: RGB(var(--skin-css-var-S2));
}

.phoenix-button__wraper--secondary:active {
  color: RGB(var(--skin-css-var-S2));
  background-color: RGBA(var(--skin-css-var-S5), 0.2);
  border: 1px solid RGB(var(--skin-css-var-S5));
}

.phoenix-button__wraper--secondary:active .phoenix-button__suffixIcon {
  color: RGB(var(--skin-css-var-S3));
}

.phoenix-button__wraper--secondary:active .phoenix-button__preIcon {
  color: RGB(var(--skin-css-var-S3));
}

.phoenix-button__wraper--normal {
  color: RGB(var(--skin-css-var-M2));
  border: 1px solid RGB(var(--skin-css-var-M6));
  background-color: RGB(var(--skin-css-var-M9));
}

.phoenix-button__wraper--normal .phoenix-button__suffixIcon {
  color: RGB(var(--skin-css-var-M4));
}

.phoenix-button__wraper--normal .phoenix-button__preIcon {
  color: RGB(var(--skin-css-var-M4));
}

.phoenix-button__wraper--normal:hover {
  color: RGB(var(--skin-css-var-S2));
  border: 1px solid RGB(var(--skin-css-var-S5));
  background-color: RGBA(var(--skin-css-var-S5), 0.1);
}

.phoenix-button__wraper--normal:hover .phoenix-button__suffixIcon {
  color: RGB(var(--skin-css-var-S2));
}

.phoenix-button__wraper--normal:hover .phoenix-button__preIcon {
  color: RGB(var(--skin-css-var-S2));
}

.phoenix-button__wraper--normal:active {
  color: RGB(var(--skin-css-var-S2));
  border: 1px solid RGB(var(--skin-css-var-S5));
  background-color: RGBA(var(--skin-css-var-S5), 0.2);
}

.phoenix-button__wraper--normal:active .phoenix-button__suffixIcon {
  color: RGB(var(--skin-css-var-S3));
}

.phoenix-button__wraper--normal:active .phoenix-button__preIcon {
  color: RGB(var(--skin-css-var-S3));
}

.phoenix-button__wraper--super {
  min-width: 96px;
  height: 40px;
  padding: 0 30px 0 30px;
  font-size: 18px;
  line-height: 26px;
}

.phoenix-button__wraper--big {
  min-width: 60px;
  height: 32px;
  padding: 0 16px 0 16px;
  font-size: 14px;
}

.phoenix-button__wraper--middle {
  min-width: 48px;
  height: 30px;
  padding: 0 12px 0 12px;
  font-size: 12px;
  line-height: 20px;
}

.phoenix-button__wraper--small {
  min-width: 44px;
  height: 26px;
  padding: 0 10px 0 10px;
  font-size: 12px;
  line-height: 20px;
}

.phoenix-button__wraper--primaryDisable {
  cursor: not-allowed;
  background-color: RGBA(var(--skin-css-var-S3), 0.5);
}

.phoenix-button__wraper--primaryDisable:hover {
  background-color: RGBA(var(--skin-css-var-S3), 0.5);
}

.phoenix-button__wraper--primaryDisable:active {
  background-color: RGBA(var(--skin-css-var-S3), 0.5);
}

.phoenix-button__wraper--primaryLoading {
  background-color: RGBA(var(--skin-css-var-S3), 0.5);
}

.phoenix-button__wraper--primaryLoading:hover {
  background-color: RGBA(var(--skin-css-var-S3), 0.5);
}

.phoenix-button__wraper--primaryLoading:active {
  background-color: RGBA(var(--skin-css-var-S3), 0.5);
}

.phoenix-button__wraper--secondaryLoading {
  color: RGBA(var(--skin-css-var-S2), 0.5);
  background-color: RGB(var(--skin-css-var-M9));
  border: 1px solid RGBA(var(--skin-css-var-S5), 0.5);
}

.phoenix-button__wraper--secondaryLoading svg {
  color: RGBA(var(--skin-css-var-S3), 0.9);
}

.phoenix-button__wraper--secondaryLoading:hover {
  color: RGBA(var(--skin-css-var-S2), 0.5);
  background-color: RGB(var(--skin-css-var-M9));
  border: 1px solid RGBA(var(--skin-css-var-S4), 0.5);
}

.phoenix-button__wraper--secondaryLoading:active {
  color: RGBA(var(--skin-css-var-S2), 0.5);
  background-color: RGB(var(--skin-css-var-M9));
  border: 1px solid RGBA(var(--skin-css-var-S4), 0.5);
}

.phoenix-button__wraper--secondaryDisable {
  color: RGBA(var(--skin-css-var-S2), 0.5);
  background-color: RGB(var(--skin-css-var-M9));
  border: 1px solid RGBA(var(--skin-css-var-S5), 0.5);
  cursor: not-allowed;
}

.phoenix-button__wraper--secondaryDisable .phoenix-button__suffixIcon {
  color: RGBA(var(--skin-css-var-S3), 0.5);
}

.phoenix-button__wraper--secondaryDisable .phoenix-button__preIcon {
  color: RGBA(var(--skin-css-var-S3), 0.5);
}

.phoenix-button__wraper--secondaryDisable:hover {
  color: RGBA(var(--skin-css-var-S2), 0.5);
  background-color: RGB(var(--skin-css-var-M9));
  border: 1px solid RGBA(var(--skin-css-var-S4), 0.5);
}

.phoenix-button__wraper--secondaryDisable:hover .phoenix-button__suffixIcon {
  color: RGBA(var(--skin-css-var-S3), 0.5);
}

.phoenix-button__wraper--secondaryDisable:hover .phoenix-button__preIcon {
  color: RGBA(var(--skin-css-var-S3), 0.5);
}

.phoenix-button__wraper--secondaryDisable:active {
  color: RGBA(var(--skin-css-var-S2), 0.5);
  background-color: RGB(var(--skin-css-var-M9));
  border: 1px solid RGBA(var(--skin-css-var-S4), 0.5);
}

.phoenix-button__wraper--secondaryDisable:active .phoenix-button__suffixIcon {
  color: RGBA(var(--skin-css-var-S3), 0.5);
}

.phoenix-button__wraper--secondaryDisable:active .phoenix-button__preIcon {
  color: RGBA(var(--skin-css-var-S3), 0.5);
}

.phoenix-button__wraper--normalLoading {
  color: RGB(var(--skin-css-var-M5));
  background-color: RGBA(var(--skin-css-var-M6), 0.3);
  border: 1px solid RGB(var(--skin-css-var-M6));
}

.phoenix-button__wraper--normalLoading svg {
  color: RGBA(var(--skin-css-var-M4), 0.9);
}

.phoenix-button__wraper--normalLoading:hover {
  color: RGB(var(--skin-css-var-M5));
  background-color: RGBA(var(--skin-css-var-M6), 0.3);
  border: 1px solid RGB(var(--skin-css-var-M6));
}

.phoenix-button__wraper--normalLoading:active {
  color: RGB(var(--skin-css-var-M5));
  background-color: RGBA(var(--skin-css-var-M6), 0.3);
  border: 1px solid RGB(var(--skin-css-var-M6));
}

.phoenix-button__wraper--normalDisable {
  color: RGB(var(--skin-css-var-M5));
  background-color: RGBA(var(--skin-css-var-M6), 0.3);
  border: 1px solid RGB(var(--skin-css-var-M6));
  cursor: not-allowed;
}

.phoenix-button__wraper--normalDisable:hover, .phoenix-button__wraper--normalDisable:active {
  color: RGB(var(--skin-css-var-M5));
  background-color: RGBA(var(--skin-css-var-M6), 0.3);
  border: 1px solid RGB(var(--skin-css-var-M6));
}

.phoenix-button__wraper--normalDisable:hover .phoenix-button__suffixIcon, .phoenix-button__wraper--normalDisable:active .phoenix-button__suffixIcon {
  color: RGB(var(--skin-css-var-M4));
}

.phoenix-button__wraper--normalDisable:hover .phoenix-button__preIcon, .phoenix-button__wraper--normalDisable:active .phoenix-button__preIcon {
  color: RGB(var(--skin-css-var-M4));
}

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

.phoenix-button__loading {
  margin-right: 4px;
}

.phoenix-button__preIcon {
  align-items: center;
  margin-right: 4px;
  width: auto;
  line-height: 0;
  font-size: 0;
}

.phoenix-button__preIcon svg {
  vertical-align: middle;
  width: 14px;
  height: 14px;
}

.phoenix-button__suffixIcon {
  align-items: center;
  margin-left: 4px;
  width: auto;
  line-height: 0;
}

.phoenix-button__suffixIcon svg {
  vertical-align: middle;
  width: 12px;
  height: 12px;
}
.phoenix-button-group {
  font-family: "PingFang SC", "Hiragino Sans GB", STHeitiSC, Helvetica, "Helvetica Neue", "Microsoft YaHei", Tahoma;
  position: relative;
  display: inline-block;
}

.phoenix-button-group__item {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
  float: left;
  min-width: 56px;
  margin-left: -1px;
  font-size: 12px;
  line-height: 20px;
  z-index: 0;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.phoenix-button-group__item.active {
  z-index: 1;
}

.phoenix-button-group__item.big {
  padding-left: 12px;
  padding-right: 12px;
  height: 30px;
}

.phoenix-button-group__item.small {
  padding-left: 10px;
  padding-right: 10px;
  height: 26px;
}

.phoenix-button-group__item.primary {
  color: #106ecc;
  border: 1px solid #5cadff;
  background-color: white;
}

.phoenix-button-group__item.primary:hover {
  color: #106ecc;
  border: 1px solid #5cadff;
  background-color: rgba(133, 194, 255, 0.1);
}

.phoenix-button-group__item.primary.disable {
  color: rgba(16, 110, 204, 0.5);
  border: 1px solid #5cadff;
  background-color: rgba(255, 255, 255, 0.5);
  cursor: not-allowed;
}

.phoenix-button-group__item.primary.disable:hover {
  color: rgba(16, 110, 204, 0.5);
  border: 1px solid #5cadff;
  background-color: rgba(255, 255, 255, 0.5);
}

.phoenix-button-group__item.primary.active {
  color: white;
  border: 1px solid #1d86f0;
  background-color: #1d86f0;
}

.phoenix-button-group__item.primary.active:hover {
  color: white;
  border: 1px solid #5cadff;
  background-color: #5cadff;
  z-index: 2;
}

.phoenix-button-group__item.primary.active.disable {
  color: white;
  border: 1px solid #5cadff;
  background-color: rgba(29, 134, 240, 0.5);
  cursor: not-allowed;
}

.phoenix-button-group__item.primary.active.disable:hover {
  color: white;
  border: 1px solid #5cadff;
  background-color: rgba(29, 134, 240, 0.5);
}

.phoenix-button-group__item.secondary {
  color: #33383d;
  border: 1px solid #bfc3c7;
  background-color: white;
}

.phoenix-button-group__item.secondary:hover {
  color: #106ecc;
  border: 1px solid #bfc3c7;
  background-color: white;
}

.phoenix-button-group__item.secondary.disable {
  color: #bfc3c7;
  border: 1px solid #bfc3c7;
  background-color: rgba(230, 232, 235, 0.3);
  cursor: not-allowed;
}

.phoenix-button-group__item.secondary.disable:hover {
  color: #bfc3c7;
  border: 1px solid #bfc3c7;
  background-color: rgba(230, 232, 235, 0.3);
}

.phoenix-button-group__item.secondary.active {
  color: #106ecc;
  border: 1px solid #5cadff;
  background-color: white;
}

.phoenix-button-group__item.secondary.active:hover {
  color: #106ecc;
  border: 1px solid #5cadff;
  background-color: rgba(133, 194, 255, 0.1);
  z-index: 2;
}

.phoenix-button-group__item.secondary.active.disable {
  color: rgba(16, 110, 204, 0.5);
  border: 1px solid #5cadff;
  background-color: white;
  cursor: not-allowed;
}

.phoenix-button-group__item.secondary.active.disable:hover {
  color: rgba(16, 110, 204, 0.5);
  border: 1px solid #5cadff;
  background-color: white;
}

.phoenix-button-group__item:first-child {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  margin-left: 0px;
}

.phoenix-button-group__item:last-child {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.phoenix-button-group__item:active:first-child {
  margin-left: 0px;
}
.phoenix-icon-button {
  font-family: "PingFang SC", "Hiragino Sans GB", STHeitiSC, Helvetica, "Helvetica Neue", "Microsoft YaHei", Tahoma;
  box-sizing: border-box;
  display: inline-flex;
  border-radius: 3px;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  width: 24px;
  height: 24px;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.phoenix-icon-button svg {
  pointer-events: none;
}

.phoenix-icon-button.primary {
  color: #1d86f0;
  border: none;
}

.phoenix-icon-button.primary:hover {
  color: #5cadff;
}

.phoenix-icon-button.primary:active {
  color: #106ecc;
}

.phoenix-icon-button.primary.disable {
  cursor: not-allowed;
  color: rgba(29, 134, 240, 0.5);
}

.phoenix-icon-button.primary.loading {
  color: rgba(29, 134, 240, 0.9);
}

.phoenix-icon-button.primary.loading:active, .phoenix-icon-button.primary.loading:hover {
  color: rgba(29, 134, 240, 0.9);
}

.phoenix-icon-button.primary.border {
  border: none;
  color: white;
  background-color: #1d86f0;
  width: 30px;
  height: 30px;
}

.phoenix-icon-button.primary.border:hover {
  background-color: #5cadff;
}

.phoenix-icon-button.primary.border:active {
  background-color: #106ecc;
}

.phoenix-icon-button.primary.border.disable {
  background-color: rgba(29, 134, 240, 0.5);
  cursor: not-allowed;
}

.phoenix-icon-button.primary.border.disable:hover {
  background-color: rgba(29, 134, 240, 0.5);
}

.phoenix-icon-button.primary.border.disable:active {
  background-color: rgba(29, 134, 240, 0.5);
}

.phoenix-icon-button.primary.border.loading {
  background-color: rgba(29, 134, 240, 0.5);
}

.phoenix-icon-button.primary.border.loading:hover {
  background-color: rgba(29, 134, 240, 0.5);
}

.phoenix-icon-button.primary.border.loading:active {
  background-color: rgba(29, 134, 240, 0.5);
}

.phoenix-icon-button.secondary {
  color: #83898f;
  border: none;
  background-color: white;
}

.phoenix-icon-button.secondary:hover {
  color: #5cadff;
}

.phoenix-icon-button.secondary:active {
  color: #106ecc;
}

.phoenix-icon-button.secondary.disable {
  color: #bfc3c7;
  cursor: not-allowed;
}

.phoenix-icon-button.secondary.loading {
  color: #83898f;
}

.phoenix-icon-button.secondary.border {
  width: 30px;
  height: 30px;
  background-color: white;
  border: 1px solid #85c2ff;
  color: #1d86f0;
}

.phoenix-icon-button.secondary.border:hover {
  background-color: rgba(133, 194, 255, 0.1);
}

.phoenix-icon-button.secondary.border:active {
  background-color: rgba(133, 194, 255, 0.2);
}

.phoenix-icon-button.secondary.border.disable {
  cursor: not-allowed;
  background-color: white;
  border: 1px solid rgba(133, 194, 255, 0.5);
  color: rgba(29, 134, 240, 0.5);
}

.phoenix-icon-button.secondary.border.disable:hover {
  background-color: white;
  border: 1px solid rgba(133, 194, 255, 0.5);
  color: rgba(29, 134, 240, 0.5);
}

.phoenix-icon-button.secondary.border.disable:active {
  background-color: white;
  border: 1px solid rgba(133, 194, 255, 0.5);
  color: rgba(29, 134, 240, 0.5);
}

.phoenix-icon-button.secondary.border.loading {
  background-color: white;
  border: 1px solid #85c2ff;
  color: #1d86f0;
}

.phoenix-icon-button.secondary.border.loading:hover {
  background-color: white;
  border: 1px solid #85c2ff;
  color: #1d86f0;
}

.phoenix-icon-button.secondary.border.loading:active {
  background-color: white;
  border: 1px solid #85c2ff;
  color: #1d86f0;
}

.phoenix-icon-button.normal {
  border: none;
  background-color: white;
  color: #83898f;
}

.phoenix-icon-button.normal:hover {
  color: #5cadff;
}

.phoenix-icon-button.normal:active {
  color: #106ecc;
}

.phoenix-icon-button.normal.disable {
  cursor: not-allowed;
  color: #bfc3c7;
}

.phoenix-icon-button.normal.loading:hover {
  color: #83898f;
  background-color: rgba(230, 232, 235, 0.3);
}

.phoenix-icon-button.normal.loading:active {
  color: #83898f;
  background-color: rgba(230, 232, 235, 0.3);
}

.phoenix-icon-button.normal.border {
  width: 30px;
  height: 30px;
  background-color: white;
  border: 1px solid #e6e8eb;
}

.phoenix-icon-button.normal.border:hover, .phoenix-icon-button.normal.border:active {
  border-color: #85c2ff;
  color: #1d86f0;
  background-color: rgba(133, 194, 255, 0.1);
}

.phoenix-icon-button.normal.border:active {
  background-color: rgba(133, 194, 255, 0.2);
}

.phoenix-icon-button.normal.border.disable {
  color: rgba(191, 195, 199, 0.7);
  cursor: not-allowed;
  background-color: rgba(230, 232, 235, 0.3);
  border-color: #e6e8eb;
}

.phoenix-icon-button.normal.border.loading {
  color: rgba(131, 137, 143, 0.9);
  border: 1px solid #e6e8eb;
  background-color: rgba(230, 232, 235, 0.3);
}

.phoenix-icon-button.normal.border.loading:hover, .phoenix-icon-button.normal.border.loading:active {
  border: 1px solid #e6e8eb;
}
.phoenix-icon-button-group {
  font-family: "PingFang SC", "Hiragino Sans GB", STHeitiSC, Helvetica, "Helvetica Neue", "Microsoft YaHei", Tahoma;
  position: relative;
  display: inline-block;
}

.phoenix-icon-button-group__item {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #bfc3c7;
  width: 30px;
  height: 30px;
  background: white;
  border: 1px solid #e6e8eb;
  border-right: 0px;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.phoenix-icon-button-group__item:hover {
  background: rgba(133, 194, 255, 0.1);
  color: #1d86f0;
}

.phoenix-icon-button-group__item:active {
  background: rgba(133, 194, 255, 0.2);
  color: #1d86f0;
}

.phoenix-icon-button-group__item:first-child {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

.phoenix-icon-button-group__item:last-child {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border: 1px solid #e6e8eb;
}

.phoenix-icon-button-group__item.active {
  background: rgba(133, 194, 255, 0.2);
  color: #1d86f0;
}

.phoenix-icon-button-group__item--disable {
  cursor: not-allowed;
  color: rgba(191, 195, 199, 0.7);
  background-color: rgba(230, 232, 235, 0.3);
}

.phoenix-icon-button-group__item--disable.active {
  color: rgba(29, 134, 240, 0.5);
}

.phoenix-icon-button-group__item--disable.active:hover {
  color: rgba(29, 134, 240, 0.5);
  background: rgba(133, 194, 255, 0.2);
}

.phoenix-icon-button-group__item--disable:hover {
  color: rgba(191, 195, 199, 0.7);
  background-color: rgba(230, 232, 235, 0.3);
}
.phoenix-text-button {
  font-family: "PingFang SC", "Hiragino Sans GB", STHeitiSC, Helvetica, "Helvetica Neue", "Microsoft YaHei", Tahoma;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.phoenix-text-button--big .phoenix-text-button__textWraper {
  font-size: 14px;
  line-height: 22px;
}

.phoenix-text-button--small .phoenix-text-button__textWraper {
  font-size: 12px;
  line-height: 20px;
}

.phoenix-text-button--primary {
  color: #106ecc;
}

.phoenix-text-button--primary .phoenix-text-button__suffixIcon {
  color: #1d86f0;
}

.phoenix-text-button--primary .phoenix-text-button__preIcon {
  color: #1d86f0;
}

.phoenix-text-button--primary:hover {
  color: #1d86f0;
}

.phoenix-text-button--primary:hover .phoenix-text-button__suffixIcon {
  color: #106ecc;
}

.phoenix-text-button--primary:hover .phoenix-text-button__preIcon {
  color: #106ecc;
}

.phoenix-text-button--primary:active, .phoenix-text-button--primary.active {
  color: #106ecc;
}

.phoenix-text-button--primary:active .phoenix-text-button__suffixIcon, .phoenix-text-button--primary.active .phoenix-text-button__suffixIcon {
  color: #1d86f0;
}

.phoenix-text-button--primary:active .phoenix-text-button__preIcon, .phoenix-text-button--primary.active .phoenix-text-button__preIcon {
  color: #1d86f0;
}

.phoenix-text-button--secondary {
  color: #33383d;
}

.phoenix-text-button--secondary .phoenix-text-button__suffixIcon, .phoenix-text-button--secondary .phoenix-text-button__preIcon {
  color: #83898f;
}

.phoenix-text-button--secondary:hover {
  color: #1d86f0;
}

.phoenix-text-button--secondary:hover .phoenix-text-button__suffixIcon, .phoenix-text-button--secondary:hover .phoenix-text-button__preIcon {
  color: #106ecc;
}

.phoenix-text-button--secondary:active, .phoenix-text-button--secondary.active {
  color: #106ecc;
}

.phoenix-text-button--secondary:active .phoenix-text-button__suffixIcon, .phoenix-text-button--secondary:active .phoenix-text-button__preIcon, .phoenix-text-button--secondary.active .phoenix-text-button__suffixIcon, .phoenix-text-button--secondary.active .phoenix-text-button__preIcon {
  color: #1d86f0;
}

.phoenix-text-button--primaryDisable {
  cursor: not-allowed;
  color: rgba(16, 110, 204, 0.5);
}

.phoenix-text-button--primaryDisable .phoenix-text-button__suffixIcon {
  color: rgba(29, 134, 240, 0.5);
}

.phoenix-text-button--primaryDisable .phoenix-text-button__preIcon {
  color: rgba(29, 134, 240, 0.5);
}

.phoenix-text-button--primaryDisable:hover, .phoenix-text-button--primaryDisable:active, .phoenix-text-button--primaryDisable.active {
  color: rgba(16, 110, 204, 0.5);
}

.phoenix-text-button--primaryDisable:hover .phoenix-text-button__suffixIcon, .phoenix-text-button--primaryDisable:active .phoenix-text-button__suffixIcon, .phoenix-text-button--primaryDisable.active .phoenix-text-button__suffixIcon {
  color: rgba(29, 134, 240, 0.5);
}

.phoenix-text-button--primaryDisable:hover .phoenix-text-button__preIcon, .phoenix-text-button--primaryDisable:active .phoenix-text-button__preIcon, .phoenix-text-button--primaryDisable.active .phoenix-text-button__preIcon {
  color: rgba(29, 134, 240, 0.5);
}

.phoenix-text-button--primaryLoading {
  color: rgba(16, 110, 204, 0.5);
}

.phoenix-text-button--primaryLoading:hover, .phoenix-text-button--primaryLoading:active, .phoenix-text-button--primaryLoading.active {
  color: rgba(16, 110, 204, 0.5);
}

.phoenix-text-button--primaryLoading .phoenix-text-button__preIcon--hasLoading, .phoenix-text-button--primaryLoading:hover .phoenix-text-button__preIcon--hasLoading {
  color: rgba(29, 134, 240, 0.9);
}

.phoenix-text-button--secondaryDisable {
  color: #bfc3c7;
  cursor: not-allowed;
}

.phoenix-text-button--secondaryDisable .phoenix-text-button__suffixIcon, .phoenix-text-button--secondaryDisable .phoenix-text-button__preIcon {
  color: #bfc3c7;
}

.phoenix-text-button--secondaryDisable:hover, .phoenix-text-button--secondaryDisable:active, .phoenix-text-button--secondaryDisable.active {
  color: #bfc3c7;
}

.phoenix-text-button--secondaryDisable:hover .phoenix-text-button__suffixIcon, .phoenix-text-button--secondaryDisable:hover .phoenix-text-button__preIcon, .phoenix-text-button--secondaryDisable:active .phoenix-text-button__suffixIcon, .phoenix-text-button--secondaryDisable:active .phoenix-text-button__preIcon, .phoenix-text-button--secondaryDisable.active .phoenix-text-button__suffixIcon, .phoenix-text-button--secondaryDisable.active .phoenix-text-button__preIcon {
  color: #bfc3c7;
}

.phoenix-text-button--secondaryLoading {
  color: #bfc3c7;
}

.phoenix-text-button--secondaryLoading:hover, .phoenix-text-button--secondaryLoading:active, .phoenix-text-button--secondaryLoading.active {
  color: #bfc3c7;
}

.phoenix-text-button--secondaryLoading .phoenix-text-button__preIcon--hasLoading, .phoenix-text-button--secondaryLoading:hover .phoenix-text-button__preIcon--hasLoading {
  color: rgba(131, 137, 143, 0.9);
}

.phoenix-text-button__preIcon {
  align-items: center;
  margin-right: 4px;
  line-height: 0;
}

.phoenix-text-button__preIcon--hasIcon, .phoenix-text-button__preIcon--loading {
  margin-right: 4px;
}

.phoenix-text-button__preIcon--hasIcon {
  width: auto;
  height: 18px;
}

.phoenix-text-button__preIcon--hasIcon svg {
  width: 18px;
  height: 18px;
}

.phoenix-text-button__preIcon--hasLoading {
  width: auto;
}

.phoenix-text-button__preIcon--hasLoading svg {
  width: 14px;
  height: 14px;
}

.phoenix-text-button__suffixIcon {
  align-items: center;
  margin-left: 4px;
  width: auto;
  line-height: 0;
}

.phoenix-text-button__suffixIcon svg {
  width: 12px;
  height: 12px;
}

.phoenix-text-button__textWraper {
  display: inline-block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 80px;
}
:root {
    --skin-css-var-S1: 0, 79, 158;
    --skin-css-var-S2: 16, 110, 204;
    --skin-css-var-S3: 29, 134, 240;
    --skin-css-var-S4: 92, 173, 255;
    --skin-css-var-S5: 133, 194, 255;
    --skin-css-var-S6: 194, 224, 255;
    --skin-css-var-M1: 14, 17, 20;
    --skin-css-var-M2: 51, 56, 61;
    --skin-css-var-M3: 86, 94, 102;
    --skin-css-var-M4: 131, 137, 143;
    --skin-css-var-M5: 191, 195, 199;
    --skin-css-var-M6: 230, 232, 235;
    --skin-css-var-M7: 240, 242, 245;
    --skin-css-var-M8: 250, 251, 252;
    --skin-css-var-M9: 255, 255, 255;
    --skin-css-var-M10: 0, 0, 0;
}.phoenix-unmodeled-layer {
  position: relative;
  display: inline-block;
}

.phoenix-unmodeled-layer.block {
  display: block;
}

.phoenix-unmodeled-layer .phoenix-unmodeled-layer__content {
  display: inline-block;
}

.phoenix-unmodeled-layer .phoenix-unmodeled-layer__content.phoenix-unmodeled-layer__content--block {
  display: block;
}

.common-unmodeled-layer {
  position: absolute;
  left: -9999px;
  top: -9999px;
  display: block;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
  line-height: 1.5;
}

.common-unmodeled-layer.common-unmodeled-layer-hidden {
  display: none;
}

.common-unmodeled-layer.common-unmodeled-layer-slide-up-enter, .common-unmodeled-layer.common-unmodeled-layer-slide-up-appear {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  transform-origin: 0 0;
  display: block !important;
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  animation-play-state: paused;
}

.common-unmodeled-layer.common-unmodeled-layer-slide-up-leave {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  transform-origin: 0 0;
  display: block !important;
  opacity: 1;
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
  animation-play-state: paused;
}

.common-unmodeled-layer.common-unmodeled-layer-slide-up-enter.common-unmodeled-layer-slide-up-enter-active.common-unmodeled-layer-placement-bottomLeft, .common-unmodeled-layer.common-unmodeled-layer-slide-up-appear.common-unmodeled-layer-slide-up-appear-active.common-unmodeled-layer-placement-bottomLeft, .common-unmodeled-layer.common-unmodeled-layer-slide-up-enter.common-unmodeled-layer-slide-up-enter-active.common-unmodeled-layer-placement-bottomCenter, .common-unmodeled-layer.common-unmodeled-layer-slide-up-appear.common-unmodeled-layer-slide-up-appear-active.common-unmodeled-layer-placement-bottomCenter, .common-unmodeled-layer.common-unmodeled-layer-slide-up-enter.common-unmodeled-layer-slide-up-enter-active.common-unmodeled-layer-placement-bottomRight, .common-unmodeled-layer.common-unmodeled-layer-slide-up-appear.common-unmodeled-layer-slide-up-appear-active.common-unmodeled-layer-placement-bottomRight {
  animation-name: rcUnmodeledLayerSlideUpIn;
  animation-play-state: running;
}

.common-unmodeled-layer.common-unmodeled-layer-slide-up-enter.common-unmodeled-layer-slide-up-enter-active.common-unmodeled-layer-placement-topLeft, .common-unmodeled-layer.common-unmodeled-layer-slide-up-appear.common-unmodeled-layer-slide-up-appear-active.common-unmodeled-layer-placement-topLeft, .common-unmodeled-layer.common-unmodeled-layer-slide-up-enter.common-unmodeled-layer-slide-up-enter-active.common-unmodeled-layer-placement-topCenter, .common-unmodeled-layer.common-unmodeled-layer-slide-up-appear.common-unmodeled-layer-slide-up-appear-active.common-unmodeled-layer-placement-topCenter, .common-unmodeled-layer.common-unmodeled-layer-slide-up-enter.common-unmodeled-layer-slide-up-enter-active.common-unmodeled-layer-placement-topRight, .common-unmodeled-layer.common-unmodeled-layer-slide-up-appear.common-unmodeled-layer-slide-up-appear-active.common-unmodeled-layer-placement-topRight {
  animation-name: rcUnmodeledLayerSlideDownIn;
  animation-play-state: running;
}

.common-unmodeled-layer.common-unmodeled-layer-slide-up-leave.common-unmodeled-layer-slide-up-leave-active.common-unmodeled-layer-placement-bottomLeft, .common-unmodeled-layer.common-unmodeled-layer-slide-up-leave.common-unmodeled-layer-slide-up-leave-active.common-unmodeled-layer-placement-bottomCenter, .common-unmodeled-layer.common-unmodeled-layer-slide-up-leave.common-unmodeled-layer-slide-up-leave-active.common-unmodeled-layer-placement-bottomRight {
  animation-name: rcUnmodeledLayerSlideUpOut;
  animation-play-state: running;
}

.common-unmodeled-layer.common-unmodeled-layer-slide-up-leave.common-unmodeled-layer-slide-up-leave-active.common-unmodeled-layer-placement-topLeft, .common-unmodeled-layer.common-unmodeled-layer-slide-up-leave.common-unmodeled-layer-slide-up-leave-active.common-unmodeled-layer-placement-topCenter, .common-unmodeled-layer.common-unmodeled-layer-slide-up-leave.common-unmodeled-layer-slide-up-leave-active.common-unmodeled-layer-placement-topRight {
  animation-name: rcUnmodeledLayerSlideDownOut;
  animation-play-state: running;
}

.common-unmodeled-layer .common-unmodeled-layer__layerContent {
  position: relative;
  background-color: white;
  border-radius: 3px;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.08);
  z-index: 1200;
  overflow: auto;
  margin: 4px 0;
}

.common-unmodeled-layer .common-unmodeled-layer__layerFooter {
  position: relative;
  border-top: 1px solid #f0f2f5;
  padding: 8px 10px 8px 8px;
  overflow: hidden;
}

.common-unmodeled-layer .common-unmodeled-layer__layerFooterItem {
  float: right;
  margin-left: 8px;
}

@-webkit-keyframes rcUnmodeledLayerSlideUpIn {
  0% {
    opacity: 0;
    transform-origin: 0% 0%;
    transform: scaleY(0);
  }

  100% {
    opacity: 1;
    transform-origin: 0% 0%;
    transform: scaleY(1);
  }
}

@-moz-keyframes rcUnmodeledLayerSlideUpIn {
  0% {
    opacity: 0;
    transform-origin: 0% 0%;
    transform: scaleY(0);
  }

  100% {
    opacity: 1;
    transform-origin: 0% 0%;
    transform: scaleY(1);
  }
}

@-o-keyframes rcUnmodeledLayerSlideUpIn {
  0% {
    opacity: 0;
    transform-origin: 0% 0%;
    transform: scaleY(0);
  }

  100% {
    opacity: 1;
    transform-origin: 0% 0%;
    transform: scaleY(1);
  }
}

@keyframes rcUnmodeledLayerSlideUpIn {
  0% {
    opacity: 0;
    transform-origin: 0% 0%;
    transform: scaleY(0);
  }

  100% {
    opacity: 1;
    transform-origin: 0% 0%;
    transform: scaleY(1);
  }
}

@-webkit-keyframes rcUnmodeledLayerSlideDownIn {
  0% {
    opacity: 0;
    transform-origin: 0% 100%;
    transform: scaleY(0);
  }

  100% {
    opacity: 1;
    transform-origin: 0% 100%;
    transform: scaleY(1);
  }
}

@-moz-keyframes rcUnmodeledLayerSlideDownIn {
  0% {
    opacity: 0;
    transform-origin: 0% 100%;
    transform: scaleY(0);
  }

  100% {
    opacity: 1;
    transform-origin: 0% 100%;
    transform: scaleY(1);
  }
}

@-o-keyframes rcUnmodeledLayerSlideDownIn {
  0% {
    opacity: 0;
    transform-origin: 0% 100%;
    transform: scaleY(0);
  }

  100% {
    opacity: 1;
    transform-origin: 0% 100%;
    transform: scaleY(1);
  }
}

@keyframes rcUnmodeledLayerSlideDownIn {
  0% {
    opacity: 0;
    transform-origin: 0% 100%;
    transform: scaleY(0);
  }

  100% {
    opacity: 1;
    transform-origin: 0% 100%;
    transform: scaleY(1);
  }
}

@-webkit-keyframes rcUnmodeledLayerSlideUpOut {
  0% {
    opacity: 1;
    transform-origin: 0% 0%;
    transform: scaleY(1);
  }

  100% {
    opacity: 0;
    transform-origin: 0% 0%;
    transform: scaleY(0);
  }
}

@-moz-keyframes rcUnmodeledLayerSlideUpOut {
  0% {
    opacity: 1;
    transform-origin: 0% 0%;
    transform: scaleY(1);
  }

  100% {
    opacity: 0;
    transform-origin: 0% 0%;
    transform: scaleY(0);
  }
}

@-o-keyframes rcUnmodeledLayerSlideUpOut {
  0% {
    opacity: 1;
    transform-origin: 0% 0%;
    transform: scaleY(1);
  }

  100% {
    opacity: 0;
    transform-origin: 0% 0%;
    transform: scaleY(0);
  }
}

@keyframes rcUnmodeledLayerSlideUpOut {
  0% {
    opacity: 1;
    transform-origin: 0% 0%;
    transform: scaleY(1);
  }

  100% {
    opacity: 0;
    transform-origin: 0% 0%;
    transform: scaleY(0);
  }
}

@-webkit-keyframes rcUnmodeledLayerSlideDownOut {
  0% {
    opacity: 1;
    transform-origin: 0% 100%;
    transform: scaleY(1);
  }

  100% {
    opacity: 0;
    transform-origin: 0% 100%;
    transform: scaleY(0);
  }
}

@-moz-keyframes rcUnmodeledLayerSlideDownOut {
  0% {
    opacity: 1;
    transform-origin: 0% 100%;
    transform: scaleY(1);
  }

  100% {
    opacity: 0;
    transform-origin: 0% 100%;
    transform: scaleY(0);
  }
}

@-o-keyframes rcUnmodeledLayerSlideDownOut {
  0% {
    opacity: 1;
    transform-origin: 0% 100%;
    transform: scaleY(1);
  }

  100% {
    opacity: 0;
    transform-origin: 0% 100%;
    transform: scaleY(0);
  }
}

@keyframes rcUnmodeledLayerSlideDownOut {
  0% {
    opacity: 1;
    transform-origin: 0% 100%;
    transform: scaleY(1);
  }

  100% {
    opacity: 0;
    transform-origin: 0% 100%;
    transform: scaleY(0);
  }
}
@charset "UTF-8";
/*
 * flex，兼容IE10
*/
.phoenix-switch__child {
  display: -ms-flexbox;
  display: -webkit-flex;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.phoenix-switch {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  width: 38px;
  height: 20px;
  line-height: 20px;
  padding: 0;
  vertical-align: middle;
  border-radius: 20px 20px;
  border: 0;
  background-color: #bfc3c7;
  cursor: pointer;
}

.phoenix-switch__ani {
  animation: fadeAniOff 2s cubic-bezier(0.08, 0.82, 0.17, 1), waveAniOff 0.4s cubic-bezier(0.08, 0.82, 0.17, 1);
}

.phoenix-switch_small {
  width: 30px;
  height: 16px;
  line-height: 16px;
}

.phoenix-switch_small .phoenix-switch__child {
  left: 15px;
  transform: scale(0.83333);
}

.phoenix-switch_small .phoenix-switch__bar {
  width: 14px;
  height: 14px;
}

.phoenix-switch_small .phoenix-switch__loading {
  top: 2px;
  left: 2px;
  width: 10px;
  height: 10px;
  border-radius: 10px;
}

.phoenix-switch__child {
  position: absolute;
  left: 21px;
  top: 0;
  min-width: 12px;
  max-width: 17px;
  height: 100%;
  white-space: nowrap;
  font-size: 12px;
  color: #fff;
  overflow: hidden;
}

.phoenix-switch__ani {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  border-radius: inherit;
  box-shadow: 0 0 0 0 rgba(24, 144, 255, 0.8);
  opacity: .2;
  animation-fill-mode: forwards;
  pointer-events: none;
}

.phoenix-switch__bar {
  position: absolute;
  width: 18px;
  height: 18px;
  left: 1px;
  top: 1px;
  border-radius: 50% 50%;
  background-color: white;
  cursor: pointer;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  transition: left 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}

.phoenix-switch__loading {
  position: absolute;
  top: 3px;
  left: 3px;
  width: 12px;
  height: 12px;
  border-radius: 12px;
  border: 0;
  border-left: 1px solid rgba(191, 195, 199, 0.5);
  box-sizing: border-box;
  animation: loadingAni 1s linear infinite;
}

.phoenix-switch:focus {
  box-shadow: 0 0 5px 2px rgba(29, 134, 240, 0.2);
  outline: none;
}

.phoenix-switch_checked {
  background-color: #1d86f0;
}

.phoenix-switch_checked .phoenix-switch__child {
  left: 5px;
}

.phoenix-switch_checked .phoenix-switch__bar {
  left: 19px;
}

.phoenix-switch_checked .phoenix-switch__ani {
  animation: fadeAni 2s cubic-bezier(0.08, 0.82, 0.17, 1), waveAni 0.4s cubic-bezier(0.08, 0.82, 0.17, 1);
}

.phoenix-switch_checked .phoenix-switch__loading {
  border-color: rgba(29, 134, 240, 0.5);
}

.phoenix-switch_checked.phoenix-switch_small .phoenix-switch__child {
  left: 3px;
}

.phoenix-switch_checked.phoenix-switch_small .phoenix-switch__bar {
  left: 15px;
}

.phoenix-switch_disabled.phoenix-switch {
  background: rgba(191, 195, 199, 0.5);
}

.phoenix-switch_disabled.phoenix-switch_checked {
  background: rgba(29, 134, 240, 0.5);
}

.phoenix-switch_disabled {
  cursor: not-allowed !important;
}

.phoenix-switch_disabled .phoenix-switch__bar {
  cursor: not-allowed;
}

.phoenix-switch__label {
  display: inline-block;
  line-height: 20px;
  font-size: 14px;
  padding-left: 10px;
  vertical-align: middle;
  white-space: normal;
  pointer-events: none;
  user-select: text;
}

@keyframes waveAni {
  100% {
    box-shadow: 0 0 0 6px #1890ff;
  }
}

@keyframes fadeAni {
  100% {
    opacity: 0;
  }
}

@keyframes waveAniOff {
  100% {
    box-shadow: 0 0 0 6px #1890ff;
  }
}

@keyframes fadeAniOff {
  100% {
    opacity: 0;
  }
}

@keyframes loadingAni {
  from {
    transform: rotate(0);
  }

  to {
    transform: rotate(360deg);
  }
}
.phoenix-container {
  box-sizing: border-box;
  font-family: "PingFang SC", "Hiragino Sans GB", STHeitiSC, Helvetica, "Helvetica Neue", "Microsoft YaHei", Tahoma;
  display: inline-block;
  border-radius: 3px;
  background-color: white;
}

.phoenix-container__block {
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.03);
  padding-left: 24px;
  padding-right: 24px;
}

.phoenix-container__dropdown {
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.08);
}

.phoenix-container__tip {
  padding-left: 16px;
  padding-right: 16px;
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
}

.phoenix-container__drawer {
  border-radius: 0px;
  padding-left: 16px;
  padding-right: 16px;
  box-shadow: -4px 0px 20px 0px rgba(0, 0, 0, 0.1);
}

.phoenix-container__modal {
  border-radius: 6px;
  box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.3);
}
.phoenix-modal__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 8px calc(20px + 32px) 8px 20px;
  min-height: 40px;
  box-sizing: border-box;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  background-image: linear-gradient(90deg, #2E9CFF 0%, #29B8ff 100%);
}

.phoenix-modal__title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: RGB(var(--skin-css-var-M9));
  cursor: default;
  font-size: 16px;
  line-height: 24px;
}
.phoenix-modal__footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 10px 20px;
  border-top: 1px solid #f0f2f5;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  flex-shrink: 0;
}

.phoenix-modal__footer > div {
  margin-left: 10px;
}
.phoenix-modal,
.phoenix-modal__masker {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1100;
}

.phoenix-modal {
  display: none;
  justify-content: center;
  align-items: center;
}

.phoenix-modal--show {
  display: flex;
}

.phoenix-modal__masker {
  background-color: RGBA(var(--skin-css-var-M10), 0.5);
}

.phoenix-modal__masker.maskerTransition-enter, .phoenix-modal__masker.maskerTransition-appear {
  opacity: 0;
}

.phoenix-modal__masker.maskerTransition-enter-active, .phoenix-modal__masker.maskerTransition-appear-active {
  opacity: 0.5;
  transition: opacity 0.2s linear 0s;
}

.phoenix-modal__masker.maskerTransition-enter-done, .phoenix-modal__masker.maskerTransition-appear-done {
  display: block;
}

.phoenix-modal__masker.maskerTransition-exit {
  opacity: 0.5;
}

.phoenix-modal__masker.maskerTransition-exit-active {
  opacity: 0;
  transition: opacity 0.2s linear 0s;
}

.phoenix-modal__masker.maskerTransition-exit-done {
  display: none;
}

.phoenix-modal__wrapper {
  position: relative;
  top: auto;
  left: auto;
  display: flex;
  flex-direction: column;
  width: 60%;
  min-width: 600px;
  max-width: 660px;
  min-height: 220px;
  max-height: 90%;
}

.phoenix-modal__wrapper--large {
  width: 70%;
  min-width: 700px;
  max-width: 1000px;
}

.phoenix-modal__wrapper.modalTransition-enter, .phoenix-modal__wrapper.modalTransition-appear {
  transform: scale(0, 0);
}

.phoenix-modal__wrapper.modalTransition-enter-active, .phoenix-modal__wrapper.modalTransition-appear-active {
  transform: scale(1, 1);
  transition: transform 0.2s linear 0s;
}

.phoenix-modal__wrapper.modalTransition-exit {
  transform: scale(1, 1);
}

.phoenix-modal__wrapper.modalTransition-exit-active {
  transform: scale(0, 0);
  transition: transform 0.2s linear 0s;
}

.phoenix-modal__wrapper > div {
  flex: 1 1 100%;
  flex-basis: auto;
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 220px;
  overflow: hidden;
}

.phoenix-modal__close {
  position: absolute;
  top: 13px;
  right: 20px;
  display: flex;
  width: 14px;
  height: 14px;
  padding: 0;
  border: 0;
  outline: none;
  cursor: pointer;
  background-color: transparent;
}

.phoenix-modal__close > span {
  margin-top: -4px;
  margin-left: -3px;
  font-size: 20px;
}

.phoenix-modal__close:hover:not(:active) > span {
  opacity: 0.7;
}

.phoenix-modal__content {
  position: relative;
  flex: 1 1 auto;
  height: 100%;
  overflow: auto;
}

.phoenix-modal__content::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

.phoenix-modal__content::-webkit-scrollbar-track {
  border-radius: 100px;
  background-color: transparent;
}

.phoenix-modal__content::-webkit-scrollbar-thumb {
  border: 2px solid transparent;
  border-radius: 100px;
  background-color: rgba(14, 17, 20, 0.1);
  background-clip: content-box;
}

.phoenix-modal__content::-webkit-scrollbar-thumb:hover {
  background-color: rgba(14, 17, 20, 0.3);
}
/**
 * file: style.scss
 * author: huangxiaolong@beisen.com
 * date: 2019/6/27
 */
@-webkit-keyframes rcToolTipZoomIn {
  0% {
    opacity: 0;
    transform: scale(0.2);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@-moz-keyframes rcToolTipZoomIn {
  0% {
    opacity: 0;
    transform: scale(0.2);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@-o-keyframes rcToolTipZoomIn {
  0% {
    opacity: 0;
    transform: scale(0.2);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes rcToolTipZoomIn {
  0% {
    opacity: 0;
    transform: scale(0.2);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@-webkit-keyframes rcToolTipZoomOut {
  0% {
    opacity: 0;
    transform: scale(0.2);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@-moz-keyframes rcToolTipZoomOut {
  0% {
    opacity: 0;
    transform: scale(0.2);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@-o-keyframes rcToolTipZoomOut {
  0% {
    opacity: 0;
    transform: scale(0.2);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes rcToolTipZoomOut {
  0% {
    opacity: 0;
    transform: scale(0.2);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

.phoenix-tooltip {
  position: absolute;
  z-index: 1500;
  display: block;
  visibility: visible;
  font-size: 12px;
  line-height: 20px;
  font-family: "PingFang SC", "Hiragino Sans GB", STHeitiSC, Helvetica, "Helvetica Neue", "Microsoft YaHei", Tahoma;
}

.phoenix-tooltip.phoenix-tooltip-hidden {
  display: none;
}

.phoenix-tooltip.phoenix-tooltip-placement-top, .phoenix-tooltip.phoenix-tooltip-placement-topLeft, .phoenix-tooltip.phoenix-tooltip-placement-topRight {
  padding: 5px 0 5px 0;
}

.phoenix-tooltip.phoenix-tooltip-placement-right, .phoenix-tooltip.phoenix-tooltip-placement-rightTop, .phoenix-tooltip.phoenix-tooltip-placement-rightBottom {
  padding: 0 5px 0 5px;
}

.phoenix-tooltip.phoenix-tooltip-placement-bottom, .phoenix-tooltip.phoenix-tooltip-placement-bottomLeft, .phoenix-tooltip.phoenix-tooltip-placement-bottomRight {
  padding: 5px 0 5px 0;
}

.phoenix-tooltip.phoenix-tooltip-placement-left, .phoenix-tooltip.phoenix-tooltip-placement-leftTop, .phoenix-tooltip.phoenix-tooltip-placement-leftBottom {
  padding: 0 5px 0 5px;
}

.phoenix-tooltip .phoenix-tooltip-inner {
  padding: 4px 10px;
  color: #fff;
  text-align: left;
  text-decoration: none;
  background-color: #33383D;
  border-radius: 3px;
}

.phoenix-tooltip .phoenix-tooltip-inner .content-box {
  max-width: 396px;
  max-height: 280px;
  word-wrap: break-word;
  word-break: break-all;
  overflow: hidden;
  font-size: 12px;
  line-height: 20px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.phoenix-tooltip .phoenix-tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.phoenix-tooltip.phoenix-tooltip-placement-top .phoenix-tooltip-arrow,
  .phoenix-tooltip.phoenix-tooltip-placement-topLeft .phoenix-tooltip-arrow,
  .phoenix-tooltip.phoenix-tooltip-placement-topRight .phoenix-tooltip-arrow {
  bottom: 0;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #33383D;
}

.phoenix-tooltip.phoenix-tooltip-placement-top .phoenix-tooltip-arrow {
  left: 50%;
}

.phoenix-tooltip.phoenix-tooltip-placement-topLeft .phoenix-tooltip-arrow {
  left: calc(15%);
}

.phoenix-tooltip.phoenix-tooltip-placement-topRight .phoenix-tooltip-arrow {
  right: 15%;
}

.phoenix-tooltip.phoenix-tooltip-placement-right .phoenix-tooltip-arrow,
  .phoenix-tooltip.phoenix-tooltip-placement-rightTop .phoenix-tooltip-arrow,
  .phoenix-tooltip.phoenix-tooltip-placement-rightBottom .phoenix-tooltip-arrow {
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #33383D;
}

.phoenix-tooltip.phoenix-tooltip-placement-right .phoenix-tooltip-arrow {
  top: 50%;
}

.phoenix-tooltip.phoenix-tooltip-placement-rightTop .phoenix-tooltip-arrow {
  top: 15%;
  margin-top: 0;
}

.phoenix-tooltip.phoenix-tooltip-placement-rightBottom .phoenix-tooltip-arrow {
  bottom: 15%;
}

.phoenix-tooltip.phoenix-tooltip-placement-left .phoenix-tooltip-arrow,
  .phoenix-tooltip.phoenix-tooltip-placement-leftTop .phoenix-tooltip-arrow,
  .phoenix-tooltip.phoenix-tooltip-placement-leftBottom .phoenix-tooltip-arrow {
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #33383D;
}

.phoenix-tooltip.phoenix-tooltip-placement-left .phoenix-tooltip-arrow {
  top: 50%;
}

.phoenix-tooltip.phoenix-tooltip-placement-leftTop .phoenix-tooltip-arrow {
  top: 15%;
  margin-top: 0;
}

.phoenix-tooltip.phoenix-tooltip-placement-leftBottom .phoenix-tooltip-arrow {
  bottom: 15%;
}

.phoenix-tooltip.phoenix-tooltip-placement-bottom .phoenix-tooltip-arrow,
  .phoenix-tooltip.phoenix-tooltip-placement-bottomLeft .phoenix-tooltip-arrow,
  .phoenix-tooltip.phoenix-tooltip-placement-bottomRight .phoenix-tooltip-arrow {
  top: 0;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #33383D;
}

.phoenix-tooltip.phoenix-tooltip-placement-bottom .phoenix-tooltip-arrow {
  left: 50%;
}

.phoenix-tooltip.phoenix-tooltip-placement-bottomLeft .phoenix-tooltip-arrow {
  left: 15%;
}

.phoenix-tooltip.phoenix-tooltip-placement-bottomRight .phoenix-tooltip-arrow {
  right: calc(15% - 5px);
}

.phoenix-tooltip.phoenix-tooltip-zoom-enter, .phoenix-tooltip.phoenix-tooltip-zoom-leave {
  display: block;
}

.phoenix-tooltip.phoenix-tooltip-zoom-enter, .phoenix-tooltip.phoenix-tooltip-zoom-appear {
  opacity: 0;
  animation-duration: 0.1s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  animation-play-state: paused;
}

.phoenix-tooltip.phoenix-tooltip-zoom-leave {
  animation-duration: 0.1s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
  animation-play-state: paused;
}

.phoenix-tooltip.phoenix-tooltip-zoom-enter.phoenix-tooltip-zoom-enter-active, .phoenix-tooltip.phoenix-tooltip-zoom-appear.phoenix-tooltip-zoom-appear-active {
  animation-name: rcToolTipZoomIn;
  animation-play-state: running;
}

.phoenix-tooltip.phoenix-tooltip-zoom-leave.phoenix-tooltip-zoom-leave-active {
  animation-name: rcToolTipZoomOut;
  animation-play-state: running;
}
@keyframes scan {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@-ms-keyframes scan {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@-moz-keyframes scan {
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes scan {
  100% {
    opacity: 0;
  }
}

@-o-keyframes scan {
  100% {
    opacity: 0;
  }
}

rect.one {
  -webkit-animation: scan 0.9s linear 0s infinite;
  -moz-animation: scan 0.9s linear 0s infinite;
  -ms-animation: scan 0.9s linear 0s infinite;
  -o-animation: scan 0.9s linear 0s infinite;
  animation: scan 0.9s linear 0s infinite;
}

rect.two {
  -webkit-animation: scan 0.9s linear 0.1125s infinite;
  -moz-animation: scan 0.9s linear 0.1125s infinite;
  -ms-animation: scan 0.9s linear 0.1125s infinite;
  -o-animation: scan 0.9s linear 0.1125s infinite;
  animation: scan 0.9s linear 0.1125s infinite;
}

rect.three {
  -webkit-animation: scan 0.9s linear 0.225s infinite;
  -moz-animation: scan 0.9s linear 0.225s infinite;
  -ms-animation: scan 0.9s linear 0.225s infinite;
  -o-animation: scan 0.9s linear 0.225s infinite;
  animation: scan 0.9s linear 0.225s infinite;
}

rect.four {
  -webkit-animation: scan 0.9s linear 0.3375s infinite;
  -moz-animation: scan 0.9s linear 0.3375s infinite;
  -ms-animation: scan 0.9s linear 0.3375s infinite;
  -o-animation: scan 0.9s linear 0.3375s infinite;
  animation: scan 0.9s linear 0.3375s infinite;
}

rect.five {
  -webkit-animation: scan 0.9s linear 0.45s infinite;
  -moz-animation: scan 0.9s linear 0.45s infinite;
  -ms-animation: scan 0.9s linear 0.45s infinite;
  -o-animation: scan 0.9s linear 0.45s infinite;
  animation: scan 0.9s linear 0.45s infinite;
}

rect.six {
  -webkit-animation: scan 0.9s linear 0.5625s infinite;
  -moz-animation: scan 0.9s linear 0.5625s infinite;
  -ms-animation: scan 0.9s linear 0.5625s infinite;
  -o-animation: scan 0.9s linear 0.5625s infinite;
  animation: scan 0.9s linear 0.5625s infinite;
}

rect.seven {
  -webkit-animation: scan 0.9s linear 0.675s infinite;
  -moz-animation: scan 0.9s linear 0.675s infinite;
  -ms-animation: scan 0.9s linear 0.675s infinite;
  -o-animation: scan 0.9s linear 0.675s infinite;
  animation: scan 0.9s linear 0.675s infinite;
}

rect.eight {
  -webkit-animation: scan 0.9s linear 0.7875s infinite;
  -moz-animation: scan 0.9s linear 0.7875s infinite;
  -ms-animation: scan 0.9s linear 0.7875s infinite;
  -o-animation: scan 0.9s linear 0.7875s infinite;
  animation: scan 0.9s linear 0.7875s infinite;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
@keyframes antCheckboxAcross {
  0% {
    transform: scale(0);
    opacity: 0;
  }

  60% {
    transform: scale(1);
    opacity: 0.8;
    width: 2px;
  }

  90% {
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes antCheckboxEffect {
  0% {
    transform: scale(1);
    opacity: 0.5;
  }

  100% {
    transform: scale(1.6);
    opacity: 0;
  }
}

@keyframes antCheckboxEffect {
  0% {
    transform: scale(1);
    opacity: 0.5;
  }

  100% {
    transform: scale(1.6);
    opacity: 0;
  }
}

.bsrc-tree-singleline-tree li ul {
  padding: 0 !important;
}

.bsrc-tree-singleline-tree li ul span {
  text-indent: 0;
}

.bsrc-tree {
  font-family: "PingFang SC", "Hiragino Sans GB", STHeitiSC, Helvetica, "Helvetica Neue", "Microsoft YaHei", Tahoma;
  color: #33383d;
  margin: 0;
  padding: 0px;
  min-width: 100%;
  display: inline-block;
}

.bsrc-tree *,
.bsrc-tree *::before,
.bsrc-tree *::after {
  box-sizing: border-box;
}

.bsrc-tree li {
  padding: 0;
  margin: 0;
  list-style: none;
  white-space: nowrap;
  line-height: 28px;
  outline: 0;
  position: relative;
}

.bsrc-tree li .draggable {
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  /* Required to make elements draggable in old WebKit */
  -khtml-user-drag: element;
  -webkit-user-drag: element;
}

.bsrc-tree li.drag-over > .draggable {
  background-color: rgba(133, 194, 255, 0.15);
  color: #ddd;
  opacity: 1;
}

.bsrc-tree li.drag-over > .draggable > span {
  background-color: transparent !important;
}

.bsrc-tree li.drag-over-gap-top > .draggable {
  box-shadow: 0 -2px 0 #1d86f0;
}

.bsrc-tree li.drag-over-gap-bottom > .draggable {
  box-shadow: 0 2px 0 #1d86f0;
}

.bsrc-tree li.filter-node > .bsrc-tree-node-content-wrapper {
  color: #a60000 !important;
  font-weight: bold!important;
}

.bsrc-tree li.drag-over > div > .draggable {
  background-color: rgba(133, 194, 255, 0.15);
  opacity: 1;
}

.bsrc-tree li.drag-over-gap-top > div > .draggable {
  box-shadow: 0 -2px 0 #1d86f0;
}

.bsrc-tree li.drag-over-gap-bottom > div > .draggable {
  box-shadow: 0 2px 0 #1d86f0;
}

.bsrc-tree li ul {
  margin: 0;
  padding: 0 0 0 18px;
}

.bsrc-tree li .bsrc-tree-node-content-wrapper {
  display: inline-block;
  padding: 0 3px 0 0;
  margin: 0;
  cursor: pointer;
  text-decoration: none;
  vertical-align: middle;
  white-space: nowrap;
}

.bsrc-tree li span.bsrc-tree-switcher > .bsrc-tree-switcher-loading {
  width: 14px;
  height: 14px;
  position: absolute;
  top: -4px;
  display: none;
}

.bsrc-tree li span.bsrc-tree-switcher.bsrc-tree-switcher-noop {
  cursor: auto;
}

.bsrc-tree:not(.bsrc-tree-show-line) .bsrc-tree-switcher-noop {
  background: none;
}

.bsrc-tree.bsrc-tree-show-line li:not(:last-child) > ul {
  background: url('data:image/gif;base64,R0lGODlhCQACAIAAAMzMzP///yH5BAEAAAEALAAAAAAJAAIAAAIEjI9pUAA7') 0 0 repeat-y;
}

.bsrc-tree-child-tree {
  display: none;
}

.bsrc-tree-child-tree-open {
  display: block;
}

.bsrc-tree-treenode-disabled > span:not(.bsrc-tree-switcher),
.bsrc-tree-treenode-disabled > a,
.bsrc-tree-treenode-disabled > a span {
  color: #767676;
  cursor: not-allowed;
}

.bsrc-tree-node-selected {
  background-color: rgba(133, 194, 255, 0.15);
  opacity: 1;
}

.bsrc-tree-node-selected-hover:hover {
  background-color: rgba(133, 194, 255, 0.1);
}

.bsrc-tree-icon__open {
  margin-right: 2px;
  background-position: -110px -16px;
  vertical-align: top;
}

.bsrc-tree-icon__close {
  margin-right: 2px;
  background-position: -110px 0;
  vertical-align: top;
}

.bsrc-tree-icon__docu {
  margin-right: 2px;
  background-position: -110px -32px;
  vertical-align: top;
}

.bsrc-tree-icon__customize {
  margin-right: 2px;
  vertical-align: top;
}

.bsrc-tree-treenode-singleLine {
  /*text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 100%;*/
}

.bsrc-tree-treenode-singleLine-outline {
  z-index: -1;
  outline: none;
  padding: 0 10px;
}

.bsrc-tree-treenode-singleLine-hover:hover {
  background-color: rgba(133, 194, 255, 0.1);
}

.bsrc-tree-treenode-singleLine-hover:hover + svg path:last-child {
  fill: #1d86f0;
}

.bsrc-tree-treenode-singleLine-cursor {
  cursor: pointer;
}

.bsrc-tree-treenode-singleLine-disabled {
  cursor: not-allowed;
}

.bsrc-tree .bsrc-tree-checkbox:hover {
  border-color: #1890ff;
}

.bsrc-tree li span.bsrc-tree-checkbox {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  top: 0;
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  vertical-align: middle;
  outline: none;
  cursor: pointer;
  /*.@{checkbox-prefix-cls}-wrapper:hover &-inner,
    &:hover &-inner,
    &-input:focus + &-inner {
      border-color: @checkbox-color;
    }*/
  /*&:hover::after,
    .@{checkbox-prefix-cls}-wrapper:hover &::after {
      visibility: visible;
    }*/
}

.bsrc-tree li span.bsrc-tree-checkbox .bsrc-tree-checkbox-wrapper:hover,
.bsrc-tree li span.bsrc-tree-checkbox-inner:hover {
  border-color: #1890ff;
}

.bsrc-tree li span.bsrc-tree-checkbox-checked::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #1890ff;
  border-radius: 2px;
  visibility: hidden;
  animation-fill-mode: both;
  content: '';
}

.bsrc-tree li span.bsrc-tree-checkbox-inner {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  width: 14px;
  height: 14px;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  border-collapse: separate;
  transition: all 0.3s;
}

.bsrc-tree li span.bsrc-tree-checkbox-inner::after {
  position: absolute;
  top: 44%;
  left: 24%;
  display: table;
  width: 4px;
  height: 8px;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg) scale(0) translate(-50%, -50%);
  opacity: 0;
  transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
  content: ' ';
}

.bsrc-tree li span.bsrc-tree-checkbox-input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}

.bsrc-tree .bsrc-tree-checkbox-checked .bsrc-tree-checkbox-inner::after {
  position: absolute;
  display: table;
  border: 1px solid #fff;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg) translate(-50%, -50%) scale(1);
  opacity: 1;
  transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
  content: ' ';
}

.bsrc-tree .bsrc-tree-checkbox-checked .bsrc-tree-checkbox-inner {
  background-color: #1890ff;
  border-color: #1890ff;
}

.bsrc-tree li span.bsrc-tree-checkbox-disabled {
  cursor: not-allowed;
}

.bsrc-tree li span.bsrc-tree-checkbox-disabled.bsrc-tree-checkbox-checked .bsrc-tree-checkbox-inner {
  background-color: rgba(29, 134, 240, 0.5);
  border: 1px solid rgba(29, 134, 240, 0);
}

.bsrc-tree li span.bsrc-tree-checkbox-disabled.bsrc-tree-checkbox-checked .bsrc-tree-checkbox-inner::after {
  border-color: #fff;
  animation-name: none;
}

.bsrc-tree li span.bsrc-tree-checkbox-disabled .bsrc-tree-checkbox-input {
  cursor: not-allowed;
}

.bsrc-tree li span.bsrc-tree-checkbox-disabled .bsrc-tree-checkbox-inner {
  background-color: rgba(230, 232, 235, 0.3);
  border-color: rgba(191, 195, 199, 0.5);
}

.bsrc-tree li span.bsrc-tree-checkbox-disabled .bsrc-tree-checkbox-inner::after {
  border-color: rgba(230, 232, 235, 0.3);
  border-collapse: separate;
  animation-name: none;
}

.bsrc-tree li span.bsrc-tree-checkbox-disabled + span {
  color: #bfc3c7;
  cursor: not-allowed;
}

.bsrc-tree li span.bsrc-tree-checkbox-disabled + span:hover {
  background: unset;
}

.bsrc-tree .bsrc-tree-checkbox-wrapper {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-block;
  line-height: unset;
  cursor: pointer;
}

.bsrc-tree .bsrc-tree-checkbox-wrapper + .bsrc-tree .bsrc-tree-checkbox-wrapper {
  margin-left: 8px;
}

.bsrc-tree .bsrc-tree-checkbox-wrapper + span,
.bsrc-tree .bsrc-tree-checkbox + span {
  padding-right: 6px;
  padding-left: 4px;
}

.bsrc-tree .bsrc-tree-checkbox-group {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-block;
}

.bsrc-tree .bsrc-tree-checkbox-group-item {
  display: inline-block;
  margin-right: 8px;
}

.bsrc-tree .bsrc-tree-checkbox-group-item:last-child {
  margin-right: 0;
}

.bsrc-tree .bsrc-tree-checkbox-group-item + .bsrc-tree .bsrc-tree-checkbox-group-item {
  margin-left: 0;
}

.bsrc-tree .bsrc-tree-checkbox-indeterminate .bsrc-tree-checkbox-inner {
  background-color: #1890ff;
  border-color: #1890ff;
}

.bsrc-tree .bsrc-tree-checkbox-indeterminate .bsrc-tree-checkbox-inner::after {
  display: table;
  top: 49%;
  left: 50%;
  width: 8px;
  height: 1px;
  transform: translate(-50%, -50%) scale(1);
  animation: antCheckboxAcross 0.2s cubic-bezier(0.71, -0.46, 0.88, 0.6) 0.1s;
  background-color: #1890ff;
  border-top: 1px solid #fff;
  border-bottom: 0px;
  opacity: 1;
  content: ' ';
}

.bsrc-tree .bsrc-tree-checkbox-indeterminate.bsrc-tree-checkbox-disabled .bsrc-tree-checkbox-inner::after {
  background-color: rgba(230, 232, 235, 0.3);
  border-color: #bfc3c7;
}

.bsrc-tree li span.bsrc-tree-switcher-nocheckbox {
  margin-right: 4px !important;
}

.bsrc-tree li span.bsrc-tree-switcher {
  margin-right: 8px;
  width: 14px;
  height: 14px;
  display: inline-block;
  vertical-align: middle;
  border: 1px solid;
  cursor: pointer;
  border-radius: 2px;
  color: rgba(191, 195, 199, 0.7);
  transition: color 0.25s;
  position: relative;
  outline: none;
}

.bsrc-tree li span.bsrc-tree-switcher::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 8px;
  margin-left: -4px;
  margin-top: -1px;
  border-top: 2px solid;
  border-top-left-radius: 1px;
  border-top-right-radius: 1px;
  border-bottom-left-radius: 1px;
  border-bottom-right-radius: 1px;
}

.bsrc-tree li span.bsrc-tree-switcher::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  height: 8px;
  margin-left: -1px;
  margin-top: -4px;
  border-left: 2px solid;
  border-top-left-radius: 1px;
  border-top-right-radius: 1px;
  border-bottom-left-radius: 1px;
  border-bottom-right-radius: 1px;
}

.bsrc-tree li span.bsrc-tree-switcher_close::after {
  visibility: visible;
}

.bsrc-tree li span.bsrc-tree-switcher_open::after {
  visibility: hidden;
}

.bsrc-tree li span.bsrc-tree-switcher-noop {
  visibility: hidden;
}

.bsrc-tree li span.bsrc-tree-switcher.bsrc-tree-switcher_icon_loading {
  border: 0;
}

.bsrc-tree li span.bsrc-tree-switcher.bsrc-tree-switcher_icon_loading::before {
  visibility: hidden;
}

.bsrc-tree li span.bsrc-tree-switcher.bsrc-tree-switcher_icon_loading::after {
  visibility: hidden;
}

.bsrc-tree li span.bsrc-tree-switcher.bsrc-tree-switcher_icon_loading > .bsrc-tree-switcher-loading {
  display: block;
}
@charset "UTF-8";

.phoenix-input {
  position: relative;
  z-index: 2;
  box-sizing: border-box;
  flex: 1 1 auto;
  width: 100%;
  min-width: 100px;
  font-family: "PingFang SC", "Hiragino Sans GB", STHeitiSC, Helvetica, "Helvetica Neue", "Microsoft YaHei", Tahoma;
  color: #0e1114;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.phoenix-input:hover input {
  border-color: #85c2ff;
}

.phoenix-input:hover input:focus {
  border-color: #5cadff;
}

.phoenix-input:hover input[disabled] {
  border-color: #e6e8eb;
}

.phoenix-input:hover .phoenix-input__tooltip-overflow {
  border-color: #85c2ff;
}

.phoenix-input:hover .phoenix-input__tooltip-overflow--statusDisable {
  border-color: #e6e8eb;
}

.phoenix-input:hover .phoenix-input__tooltip-overflow--statusError {
  border-color: #FF475A;
}

.phoenix-input--statusIsHInt:hover input {
  border-color: #5cadff;
}

.phoenix-input--statusError:hover input {
  border-color: #FF475A;
}

.phoenix-input--statusError:hover input:focus {
  border-color: #FF475A;
}

.phoenix-input__input {
  font-family: "PingFang SC", "Hiragino Sans GB", STHeitiSC, Helvetica, "Helvetica Neue", "Microsoft YaHei", Tahoma;
  box-sizing: border-box;
  width: 100%;
  height: 30px;
  font-size: 12px;
    /* 解决chrome中input文本内容在12px时无法垂直居中的问题 */
  line-height: 30px;
  padding: 0 8px;
  border: 1px solid #e6e8eb;
  border-radius: 3px;
  background-color: white;
  outline: none;
  overflow: hidden;
  cursor: text;
    /* 隐藏IE自带的clear图标 */
}

.phoenix-input__input::-ms-clear {
  width: 0;
  height: 0;
}

.phoenix-input__input::placeholder {
  color: #bfc3c7;
}

.phoenix-input__input:hover {
  border-color: #85c2ff;
}

.phoenix-input__input:focus {
  border-color: #5cadff;
}

.phoenix-input__input[disabled] {
  color: transparent;
  background-color: transparent;
  text-overflow: ellipsis;
  cursor: not-allowed;
}

.phoenix-input__input[disabled]:hover {
  border-color: #e6e8eb;
}

.phoenix-input__input--noEllipsis[disabled] {
  background-color: rgba(230, 232, 235, 0.3);
  color: #33383d;
  cursor: not-allowed;
}

.phoenix-input__input[readonly] {
  pointer-events: none;
}

.phoenix-input__input--sizeLarge {
  height: 32px;
  line-height: 30px;
  font-size: 14px;
}

.phoenix-input__input--sizeSmall {
  height: 26px;
  line-height: 24px;
  font-size: 12px;
}

.phoenix-input__input--hasPrefix {
  padding-left: calc(8px + 4px + 12px);
}

.phoenix-input__input--hasSuffix, .phoenix-input__input--setPadding {
  padding-right: calc(8px + 4px + 12px);
}

.phoenix-input__input--statusDisable .phoenix-input__input--hasEllipsis {
  color: rgba(0, 0, 0, 0) !important;
}

.phoenix-input__input--statusIsHInt {
  border-color: #5cadff;
}

.phoenix-input__input--statusIsHInt:hover {
  border-color: #5cadff;
}

.phoenix-input__input--statusIsHInt:focus {
  border-color: #5cadff;
}

.phoenix-input__input--statusError {
  border-color: #FF475A;
}

.phoenix-input__input--statusError:hover {
  border-color: #FF475A;
}

.phoenix-input__input--statusError:focus {
  border-color: #FF475A;
}

.phoenix-input__input--safari {
  line-height: 20px;
}

.phoenix-input__prefix, .phoenix-input__clear, .phoenix-input__suffix {
  position: absolute;
  top: 50%;
  z-index: 1;
  transform: translateY(-50%);
  display: inline-block;
  font-size: 12px;
  line-height: 0;
}

.phoenix-input__prefix {
  left: 8px;
}

.phoenix-input__clear {
  right: 8px;
  cursor: pointer;
  background-color: transparent;
}

.phoenix-input__clear path:nth-child(2) {
  fill: #bfc3c7;
}

.phoenix-input__clear:hover path:nth-child(2) {
  fill: #83898f;
}

.phoenix-input__clear--active path:nth-child(2) {
  fill: #bfc3c7;
}

.phoenix-input__clear--hide {
  display: none;
}

.phoenix-input__suffix {
  right: 8px;
}

.phoenix-input__suffix--hide {
  display: none;
}

.phoenix-input__tooltip-overflow {
  font-family: "PingFang SC", "Hiragino Sans GB", STHeitiSC, Helvetica, "Helvetica Neue", "Microsoft YaHei", Tahoma;
  display: inline-block;
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  height: 30px;
  font-size: 12px;
  line-height: 28px;
  padding: 0 8px;
  border: 1px solid #e6e8eb;
  background-color: white;
  box-sizing: border-box;
  border-radius: 3px;
  margin: 0;
}

.phoenix-input__tooltip-overflow--password {
  color: transparent;
  background-color: transparent;
  z-index: -1;
}

.phoenix-input__tooltip-overflow--sizeLarge {
  height: 32px;
  line-height: 30px;
  font-size: 14px;
}

.phoenix-input__tooltip-overflow--sizeSmall {
  height: 26px;
  line-height: 26px;
  font-size: 12px;
}

.phoenix-input__tooltip-overflow--hasPrefix {
  padding-left: calc(8px + 4px + 12px);
}

.phoenix-input__tooltip-overflow--hasSuffix {
  padding-right: calc(8px + 4px + 12px);
}

.phoenix-input__tooltip-overflow--statusDisable {
  background-color: rgba(230, 232, 235, 0.3);
  color: #33383d;
  cursor: not-allowed;
  pointer-events: none;
}

.phoenix-input__tooltip-overflow--statusError {
  border-color: #FF475A;
}
.phoenix-search__extend {
  color: #FFA42E;
  padding: 2px 8px 0;
  word-break: break-all;
  font-size: 12px;
  line-height: 20px;
}
.phoenix-transfer-container {
  min-width: 400px;
  display: flex;
  min-height: 200px;
}

.phoenix-transfer-container .bsrc-tree-treenode-singleLine-disabled .bsrc-tree-node-content-wrapper-open,
  .phoenix-transfer-container .bsrc-tree-treenode-singleLine-disabled .bsrc-tree-node-content-wrapper-close {
  cursor: not-allowed;
}

.phoenix-transfer-container .phoenix-transfer-list-container {
  border: 1px solid #f0f2f5;
  border-radius: 3px;
  flex: 1;
  min-width: 172px;
  min-height: 200px;
  display: flex;
  flex-direction: column;
}

.phoenix-transfer-container .phoenix-transfer-list-header {
  background: rgba(230, 232, 235, 0.3);
  color: #0e1114;
  font-size: 14px;
  line-height: 22px;
  padding: 8px 12px;
}

.phoenix-transfer-container .phoenix-transfer-list-header-selected {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.phoenix-transfer-container .phoenix-transfer-list-header-title-container {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #0e1114;
  font-size: 14px;
  line-height: 22px;
  font-weight: 500;
}

.phoenix-transfer-container .phoenix-transfer-list-header-count {
  margin: 1px 0 1px 8px;
  color: #83898f;
  font-size: 12px;
  line-height: 20px;
  white-space: nowrap;
}

.phoenix-transfer-container .phoenix-transfer-basetree {
  font-size: 12px;
}

.phoenix-transfer-container .phoenix-transfer-list-content {
  margin: 4px 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  flex: 1;
}

.phoenix-transfer-container .phoenix-transfer-list-content-ul {
  flex: 1;
  overflow-y: auto;
  box-sizing: border-box;
}

.phoenix-transfer-container .phoenix-transfer-list-content-search {
  margin: 4px 12px 8px 12px;
}

.phoenix-transfer-container .phoenix-transfer-list-content-item {
  padding: 0 8px;
  cursor: pointer;
  display: block;
  box-sizing: border-box;
}

.phoenix-transfer-container .phoenix-transfer-list-content-item:hover {
  background: rgba(133, 194, 255, 0.15);
}

.phoenix-transfer-container .phoenix-transfer-list-content-item-content {
  padding: 0 4px;
  height: 32px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  white-space: nowrap;
}

.phoenix-transfer-container .phoenix-transfer-list-content-item-checked {
  background: rgba(133, 194, 255, 0.15);
}

.phoenix-transfer-container .phoenix-transfer-list-content-item-drag-icon {
  margin-left: 12px;
  display: inline-block;
}

.phoenix-transfer-container .phoenix-transfer-list-content-item-text {
  font-size: 12px;
  line-height: 20px;
  text-overflow: ellipsis;
  color: #33383d;
  overflow: hidden;
  white-space: nowrap;
}

.phoenix-transfer-container .phoenix-transfer-list-content-item-text-tooltip {
  text-overflow: ellipsis;
  overflow: hidden;
}

.phoenix-transfer-container .phoenix-transfer-list-content-item-text mark {
  background-color: rgba(250, 193, 5, 0.2);
}

.phoenix-transfer-container .phoenix-transfer-list-content-item-disabled {
  color: #bfc3c7;
  cursor: not-allowed;
}

.phoenix-transfer-container .phoenix-transfer-list-content-item-disabled-text {
  color: #bfc3c7;
}

.phoenix-transfer-container .phoenix-transfer-list-content-not-found {
  display: flex;
  flex: 1;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  line-height: 28px;
  color: #e6e8eb;
}

.phoenix-transfer-container .phoenix-transfer-list-content-placeholder-emptyContainer {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1;
}

.phoenix-transfer-container .phoenix-transfer-list-content-placeholder-emptyContentWrapper {
  text-align: center;
}

.phoenix-transfer-container .phoenix-transfer-list-content-placeholder-emptyContentWrapper-emptyText {
  margin-top: 8px;
  font-size: 12px;
  line-height: 20px;
  color: #BBBFEE;
}

.phoenix-transfer-container .phoenix-transfer-list-content-least-count {
  font-size: 12px;
  line-height: 20px;
  color: #bfc3c7;
  text-align: right;
  margin: 4px 12px;
}

.phoenix-transfer-container .phoenix-transfer-list-content-ul {
  padding: 0;
  margin: 0;
}

.phoenix-transfer-container .phoenix-transfer-list-content-ul::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

.phoenix-transfer-container .phoenix-transfer-list-content-ul::-webkit-scrollbar-track {
  border-radius: 100px;
  background-color: transparent;
}

.phoenix-transfer-container .phoenix-transfer-list-content-ul::-webkit-scrollbar-thumb {
  border: 2px solid transparent;
  border-radius: 100px;
  background-color: rgba(14, 17, 20, 0.1);
  background-clip: content-box;
}

.phoenix-transfer-container .phoenix-transfer-list-content-ul::-webkit-scrollbar-thumb:hover {
  background-color: rgba(14, 17, 20, 0.3);
}

.phoenix-transfer-container .phoenix-transfer-operation {
  margin: 0 12px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.phoenix-transfer-container .phoenix-transfer-operation-arrow {
  background: rgba(29, 134, 240, 0.5);
  border-radius: 3px;
  font-size: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8px;
}

.phoenix-transfer-container .phoenix-transfer-operation-arrow:first-child {
  margin-bottom: 12px;
}

.phoenix-transfer-container .phoenix-transfer-operation-arrow-active {
  background: #1d86f0;
  cursor: pointer;
}
/**
 * file: style.scss
 * author: huangxiaolong@beisen.com
 * date: 2019/6/27
 */
@-webkit-keyframes rcToolTipZoomIn {
  0% {
    opacity: 0;
    transform: scale(0.2);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@-moz-keyframes rcToolTipZoomIn {
  0% {
    opacity: 0;
    transform: scale(0.2);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@-o-keyframes rcToolTipZoomIn {
  0% {
    opacity: 0;
    transform: scale(0.2);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes rcToolTipZoomIn {
  0% {
    opacity: 0;
    transform: scale(0.2);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@-webkit-keyframes rcToolTipZoomOut {
  0% {
    opacity: 0;
    transform: scale(0.2);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@-moz-keyframes rcToolTipZoomOut {
  0% {
    opacity: 0;
    transform: scale(0.2);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@-o-keyframes rcToolTipZoomOut {
  0% {
    opacity: 0;
    transform: scale(0.2);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes rcToolTipZoomOut {
  0% {
    opacity: 0;
    transform: scale(0.2);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

.phoenix-tooltip {
  position: absolute;
  z-index: 1500;
  display: block;
  visibility: visible;
  font-size: 12px;
  line-height: 20px;
  font-family: "PingFang SC", "Hiragino Sans GB", STHeitiSC, Helvetica, "Helvetica Neue", "Microsoft YaHei", Tahoma;
}

.phoenix-tooltip.phoenix-tooltip-hidden {
  display: none;
}

.phoenix-tooltip.phoenix-tooltip-placement-top, .phoenix-tooltip.phoenix-tooltip-placement-topLeft, .phoenix-tooltip.phoenix-tooltip-placement-topRight {
  padding: 5px 0 5px 0;
}

.phoenix-tooltip.phoenix-tooltip-placement-right, .phoenix-tooltip.phoenix-tooltip-placement-rightTop, .phoenix-tooltip.phoenix-tooltip-placement-rightBottom {
  padding: 0 5px 0 5px;
}

.phoenix-tooltip.phoenix-tooltip-placement-bottom, .phoenix-tooltip.phoenix-tooltip-placement-bottomLeft, .phoenix-tooltip.phoenix-tooltip-placement-bottomRight {
  padding: 5px 0 5px 0;
}

.phoenix-tooltip.phoenix-tooltip-placement-left, .phoenix-tooltip.phoenix-tooltip-placement-leftTop, .phoenix-tooltip.phoenix-tooltip-placement-leftBottom {
  padding: 0 5px 0 5px;
}

.phoenix-tooltip .phoenix-tooltip-inner {
  padding: 4px 10px;
  color: #fff;
  text-align: left;
  text-decoration: none;
  background-color: #33383D;
  border-radius: 3px;
}

.phoenix-tooltip .phoenix-tooltip-inner .content-box {
  max-width: 396px;
  max-height: 280px;
  word-wrap: break-word;
  word-break: break-all;
  overflow: hidden;
  font-size: 12px;
  line-height: 20px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.phoenix-tooltip .phoenix-tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.phoenix-tooltip.phoenix-tooltip-placement-top .phoenix-tooltip-arrow,
  .phoenix-tooltip.phoenix-tooltip-placement-topLeft .phoenix-tooltip-arrow,
  .phoenix-tooltip.phoenix-tooltip-placement-topRight .phoenix-tooltip-arrow {
  bottom: 0;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #33383D;
}

.phoenix-tooltip.phoenix-tooltip-placement-top .phoenix-tooltip-arrow {
  left: 50%;
}

.phoenix-tooltip.phoenix-tooltip-placement-topLeft .phoenix-tooltip-arrow {
  left: calc(15%);
}

.phoenix-tooltip.phoenix-tooltip-placement-topRight .phoenix-tooltip-arrow {
  right: 15%;
}

.phoenix-tooltip.phoenix-tooltip-placement-right .phoenix-tooltip-arrow,
  .phoenix-tooltip.phoenix-tooltip-placement-rightTop .phoenix-tooltip-arrow,
  .phoenix-tooltip.phoenix-tooltip-placement-rightBottom .phoenix-tooltip-arrow {
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #33383D;
}

.phoenix-tooltip.phoenix-tooltip-placement-right .phoenix-tooltip-arrow {
  top: 50%;
}

.phoenix-tooltip.phoenix-tooltip-placement-rightTop .phoenix-tooltip-arrow {
  top: 15%;
  margin-top: 0;
}

.phoenix-tooltip.phoenix-tooltip-placement-rightBottom .phoenix-tooltip-arrow {
  bottom: 15%;
}

.phoenix-tooltip.phoenix-tooltip-placement-left .phoenix-tooltip-arrow,
  .phoenix-tooltip.phoenix-tooltip-placement-leftTop .phoenix-tooltip-arrow,
  .phoenix-tooltip.phoenix-tooltip-placement-leftBottom .phoenix-tooltip-arrow {
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #33383D;
}

.phoenix-tooltip.phoenix-tooltip-placement-left .phoenix-tooltip-arrow {
  top: 50%;
}

.phoenix-tooltip.phoenix-tooltip-placement-leftTop .phoenix-tooltip-arrow {
  top: 15%;
  margin-top: 0;
}

.phoenix-tooltip.phoenix-tooltip-placement-leftBottom .phoenix-tooltip-arrow {
  bottom: 15%;
}

.phoenix-tooltip.phoenix-tooltip-placement-bottom .phoenix-tooltip-arrow,
  .phoenix-tooltip.phoenix-tooltip-placement-bottomLeft .phoenix-tooltip-arrow,
  .phoenix-tooltip.phoenix-tooltip-placement-bottomRight .phoenix-tooltip-arrow {
  top: 0;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #33383D;
}

.phoenix-tooltip.phoenix-tooltip-placement-bottom .phoenix-tooltip-arrow {
  left: 50%;
}

.phoenix-tooltip.phoenix-tooltip-placement-bottomLeft .phoenix-tooltip-arrow {
  left: 15%;
}

.phoenix-tooltip.phoenix-tooltip-placement-bottomRight .phoenix-tooltip-arrow {
  right: calc(15% - 5px);
}

.phoenix-tooltip.phoenix-tooltip-zoom-enter, .phoenix-tooltip.phoenix-tooltip-zoom-leave {
  display: block;
}

.phoenix-tooltip.phoenix-tooltip-zoom-enter, .phoenix-tooltip.phoenix-tooltip-zoom-appear {
  opacity: 0;
  animation-duration: 0.1s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  animation-play-state: paused;
}

.phoenix-tooltip.phoenix-tooltip-zoom-leave {
  animation-duration: 0.1s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
  animation-play-state: paused;
}

.phoenix-tooltip.phoenix-tooltip-zoom-enter.phoenix-tooltip-zoom-enter-active, .phoenix-tooltip.phoenix-tooltip-zoom-appear.phoenix-tooltip-zoom-appear-active {
  animation-name: rcToolTipZoomIn;
  animation-play-state: running;
}

.phoenix-tooltip.phoenix-tooltip-zoom-leave.phoenix-tooltip-zoom-leave-active {
  animation-name: rcToolTipZoomOut;
  animation-play-state: running;
}
.phoenix-tag__selectableTag, .phoenix-tag__standardTag {
  font-family: "PingFang SC", "Hiragino Sans GB", STHeitiSC, Helvetica, "Helvetica Neue", "Microsoft YaHei", Tahoma;
  max-width: 120px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  height: 20px;
  padding: 0 8px;
  border-width: 1px;
  border-style: solid;
  margin-right: 4px;
  font-size: 12px;
  line-height: 20px;
}

.phoenix-tag__selectableTag {
  cursor: pointer;
  height: 22px;
  line-height: 22px;
  border-radius: 3px;
  color: #33383d;
  border-color: rgba(131, 137, 143, 0.1);
  background-color: white;
}

.phoenix-tag__selectableTag:hover {
  color: #106ecc;
  border-color: rgba(29, 134, 240, 0.1);
  background-color: rgba(29, 134, 240, 0.05);
}

.phoenix-tag__selectableTag--large {
  padding: 0 10px;
  height: 26px;
  line-height: 26px;
}

.phoenix-tag__selectableTag--selected {
  color: #106ecc;
  border-color: rgba(29, 134, 240, 0.1);
  background-color: rgba(29, 134, 240, 0.05);
}

.phoenix-tag__selectableTag--selected:hover {
  color: #1d86f0;
  background-color: rgba(29, 134, 240, 0.1);
}

.phoenix-tag__selectableTag--selected.phoenix-tag__selectableTag--disabled {
  color: rgba(16, 110, 204, 0.5);
  border-color: rgba(29, 134, 240, 0.1);
  background-color: rgba(29, 134, 240, 0.05);
}

.phoenix-tag__selectableTag--selected.phoenix-tag__selectableTag--disabled:hover {
  color: rgba(16, 110, 204, 0.5);
  background-color: rgba(29, 134, 240, 0.05);
}

.phoenix-tag__selectableTag--disabled {
  color: #83898f;
  border-color: rgba(131, 137, 143, 0.1);
  background-color: rgba(131, 137, 143, 0.05);
  cursor: not-allowed;
}

.phoenix-tag__selectableTag--disabled:hover {
  color: #83898f;
  background-color: rgba(131, 137, 143, 0.05);
}

.phoenix-tag__standardTag {
  border-radius: 3px;
}

.phoenix-tag__standardTag--radiusCircle {
  border-radius: 100px;
}

.phoenix-tag__standardTag.phoenix-tag__standardTag--fit.phoenix-tag__standardTag--radiusCircle, .phoenix-tag__standardTag.phoenix-tag__standardTag--fit.phoenix-tag__standardTag--light {
  color: white;
  background-color: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.3);
}

.phoenix-tag__standardTag--dark {
  color: white;
  border-color: transparent;
}

.phoenix-tag__standardTag.phoenix-tag__standardTag--fit.phoenix-tag__standardTag--dark {
  background-color: white;
}
.phoenix-avator {
  display: inline-block;
  font-family: "PingFang SC", "Hiragino Sans GB", STHeitiSC, Helvetica, "Helvetica Neue", "Microsoft YaHei", Tahoma;
  position: relative;
  border-radius: 50%;
  color: white;
  overflow: hidden;
  height: 100px;
  width: 100px;
}

.phoenix-avator .phoenix-avator__img {
  height: 100px;
  width: 100px;
}

.phoenix-avator .phoenix-avator__text {
  font-size: 18px;
  line-height: 26px;
  height: 26px;
  position: absolute;
  width: 76px;
  left: 50%;
  top: 50%;
  word-break: break-word;
  margin-left: -38px;
  margin-top: -13px;
  overflow: hidden;
  text-align: center;
}

.phoenix-avator .phoenix-avator__nameWraper {
  display: inline-block;
  height: 100%;
}

.phoenix-avator--lg {
  height: 100px;
  width: 100px;
}

.phoenix-avator--lg .phoenix-avator__img {
  height: 100px;
  width: 100px;
}

.phoenix-avator--lg .phoenix-avator__text {
  font-size: 18px;
  line-height: 26px;
  height: 26px;
  width: 76px;
  margin-left: -38px;
  margin-top: -13px;
}

.phoenix-avator--xlg {
  height: 120px;
  width: 120px;
}

.phoenix-avator--xlg .phoenix-avator__img {
  height: 120px;
  width: 120px;
}

.phoenix-avator--xlg .phoenix-avator__text {
  font-size: 20px;
  line-height: 28px;
  height: 28px;
  width: 80px;
  margin-left: -40px;
  margin-top: -14px;
}

.phoenix-avator--xxlg {
  height: 150px;
  width: 150px;
}

.phoenix-avator--xxlg .phoenix-avator__img {
  height: 150px;
  width: 150px;
}

.phoenix-avator--xxlg .phoenix-avator__text {
  font-size: 24px;
  line-height: 32px;
  height: 32px;
  width: 110px;
  margin-left: -55px;
  margin-top: -16px;
}

.phoenix-avator--sm {
  height: 80px;
  width: 80px;
}

.phoenix-avator--sm .phoenix-avator__img {
  height: 80px;
  width: 80px;
}

.phoenix-avator--sm .phoenix-avator__text {
  font-size: 16px;
  line-height: 24px;
  height: 24px;
  width: 64px;
  margin-left: -32px;
  margin-top: -12px;
}

.phoenix-avator--xsm {
  height: 50px;
  width: 50px;
}

.phoenix-avator--xsm .phoenix-avator__img {
  height: 50px;
  width: 50px;
}

.phoenix-avator--xsm .phoenix-avator__text {
  font-size: 12px;
  line-height: 20px;
  height: 20px;
  width: 36px;
  margin-left: -18px;
  margin-top: -10px;
}

.phoenix-avator--xxsm {
  height: 30px;
  width: 30px;
}

.phoenix-avator--xxsm .phoenix-avator__img {
  height: 30px;
  width: 30px;
}

.phoenix-avator--xxsm .phoenix-avator__text {
  font-size: 12px;
  line-height: 20px;
  height: 20px;
  width: 30px;
  margin-left: -15px;
  margin-top: -10px;
}

.phoenix-avator--xxsm .phoenix-avator__nameWraper {
  width: 14px;
}
@charset "UTF-8";

.phoenix-input-number {
  position: relative;
  font-family: "PingFang SC", "Hiragino Sans GB", STHeitiSC, Helvetica, "Helvetica Neue", "Microsoft YaHei", Tahoma;
  font-size: 12px;
  color: #0e1114;
  min-width: 100px;
  width: 100%;
  height: 30px;
}

.phoenix-input-number,
  .phoenix-input-number * {
  box-sizing: border-box;
}

.phoenix-input-number .phoenix-input-number__input {
  font-size: 12px;
  cursor: text;
  font-family: "PingFang SC", "Hiragino Sans GB", STHeitiSC, Helvetica, "Helvetica Neue", "Microsoft YaHei", Tahoma;
  margin: 0;
  outline: none;
  width: 100%;
  height: 100%;
  background-color: white;
  border-radius: 3px;
  border: 1px solid #e6e8eb;
  line-height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0;
  padding-left: 8px;
  padding-right: 23px;
  min-width: 0;
    /* 火狐浏览器自带的 min-width 导致 flex-shrink 不起作用 */
}

.phoenix-input-number .phoenix-input-number__input::-ms-clear {
  display: none;
}

.phoenix-input-number .phoenix-input-number__input::placeholder {
  color: #bfc3c7;
  font-weight: 300;
}

.phoenix-input-number .phoenix-input-number__input[disabled] {
  color: transparent;
  cursor: not-allowed;
}

.phoenix-input-number--disabled .tooltip-content {
  cursor: not-allowed;
}

.phoenix-input-number .tooltip-content {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding-left: 8px;
  padding-right: 8px;
  border-radius: 3px;
  border: 1px solid #e6e8eb;
  background-color: #fff;
  line-height: 30px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.phoenix-input-number--small {
  height: 26px;
}

.phoenix-input-number--small .phoenix-input-number__input,
    .phoenix-input-number--small .tooltip-content {
  line-height: 26px;
}

.phoenix-input-number--small .phoenix-input-number-handler {
  height: 12px;
}

.phoenix-input-number--small .phoenix-input-number-handler:first-child {
  height: 11px;
}

.phoenix-input-number--large {
  font-size: 14px;
  height: 32px;
}

.phoenix-input-number--large .phoenix-input-number__input,
    .phoenix-input-number--large .tooltip-content {
  font-size: 14px;
  line-height: 30px;
}

.phoenix-input-number--large .phoenix-input-number-handler {
  height: 15px;
}

.phoenix-input-number--large .phoenix-input-number-handler:first-child {
  height: 14px;
}

.phoenix-input-number--default:hover .phoenix-input-number__input,
  .phoenix-input-number--default:hover .tooltip-content, .phoenix-input-number--readonly:hover .phoenix-input-number__input,
  .phoenix-input-number--readonly:hover .tooltip-content {
  border: 1px solid #85c2ff;
}

.phoenix-input-number--error .phoenix-input-number__input,
  .phoenix-input-number--error .tooltip-content {
  border-color: #FF475A;
}

.phoenix-input-number--disabled .tooltip-content {
  background-color: rgba(230, 232, 235, 0.3);
}

.phoenix-input-number--readonly > .phoenix-input-number__input:focus,
.phoenix-input-number--default > .phoenix-input-number__input:focus {
  border-color: #5cadff;
}

.phoenix-input-number--error > input:focus ~ .phoenix-input-number-handler-wrap,
.phoenix-input-number--default > input:focus ~ .phoenix-input-number-handler-wrap,
.phoenix-input-number--default:hover .phoenix-input-number-handler-wrap,
.phoenix-input-number--error:hover .phoenix-input-number-handler-wrap {
  display: block;
}

.phoenix-input-number-handler-wrap {
  position: absolute;
  right: 1px;
  top: 1px;
  bottom: 1px;
  border-radius: 0 3px 3px 0;
  overflow: hidden;
  z-index: 1;
  display: none;
  width: 15px;
  border-left: 1px solid #e6e8eb;
}

.phoenix-input-number-handler {
  background-color: white;
  height: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #bfc3c7;
  transition: background 0.2s ease;
  cursor: pointer;
  box-sizing: content-box;
}

.phoenix-input-number-handler:first-child {
  border-bottom: 1px solid #e6e8eb;
  height: 13px;
}

.phoenix-input-number-handler:hover {
  background-color: rgba(133, 194, 255, 0.1);
  color: #5cadff;
}

.phoenix-input-number-handler:active {
  background-color: rgba(133, 194, 255, 0.2);
  color: #5cadff;
}

.phoenix-input-number-handler--disabled {
  cursor: not-allowed;
  background-color: rgba(230, 232, 235, 0.3);
}

.phoenix-input-number-handler--disabled:hover {
  color: #bfc3c7;
  background-color: rgba(230, 232, 235, 0.3);
}

.phoenix-input-number-handler--disabled:active {
  color: #bfc3c7;
  background-color: rgba(230, 232, 235, 0.3);
}
/**
 * file: style.scss
 * author: huangxiaolong@beisen.com
 * date: 2019/6/27
 */
@-webkit-keyframes rcToolTipZoomIn {
  0% {
    opacity: 0;
    transform: scale(0.2);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@-moz-keyframes rcToolTipZoomIn {
  0% {
    opacity: 0;
    transform: scale(0.2);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@-o-keyframes rcToolTipZoomIn {
  0% {
    opacity: 0;
    transform: scale(0.2);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes rcToolTipZoomIn {
  0% {
    opacity: 0;
    transform: scale(0.2);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@-webkit-keyframes rcToolTipZoomOut {
  0% {
    opacity: 0;
    transform: scale(0.2);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@-moz-keyframes rcToolTipZoomOut {
  0% {
    opacity: 0;
    transform: scale(0.2);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@-o-keyframes rcToolTipZoomOut {
  0% {
    opacity: 0;
    transform: scale(0.2);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes rcToolTipZoomOut {
  0% {
    opacity: 0;
    transform: scale(0.2);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

.phoenix-tooltip {
  position: absolute;
  z-index: 1500;
  display: block;
  visibility: visible;
  font-size: 12px;
  line-height: 20px;
  font-family: "PingFang SC", "Hiragino Sans GB", STHeitiSC, Helvetica, "Helvetica Neue", "Microsoft YaHei", Tahoma;
}

.phoenix-tooltip.phoenix-tooltip-hidden {
  display: none;
}

.phoenix-tooltip.phoenix-tooltip-placement-top, .phoenix-tooltip.phoenix-tooltip-placement-topLeft, .phoenix-tooltip.phoenix-tooltip-placement-topRight {
  padding: 5px 0 5px 0;
}

.phoenix-tooltip.phoenix-tooltip-placement-right, .phoenix-tooltip.phoenix-tooltip-placement-rightTop, .phoenix-tooltip.phoenix-tooltip-placement-rightBottom {
  padding: 0 5px 0 5px;
}

.phoenix-tooltip.phoenix-tooltip-placement-bottom, .phoenix-tooltip.phoenix-tooltip-placement-bottomLeft, .phoenix-tooltip.phoenix-tooltip-placement-bottomRight {
  padding: 5px 0 5px 0;
}

.phoenix-tooltip.phoenix-tooltip-placement-left, .phoenix-tooltip.phoenix-tooltip-placement-leftTop, .phoenix-tooltip.phoenix-tooltip-placement-leftBottom {
  padding: 0 5px 0 5px;
}

.phoenix-tooltip .phoenix-tooltip-inner {
  padding: 4px 10px;
  color: #fff;
  text-align: left;
  text-decoration: none;
  background-color: #33383D;
  border-radius: 3px;
}

.phoenix-tooltip .phoenix-tooltip-inner .content-box {
  max-width: 396px;
  max-height: 280px;
  word-wrap: break-word;
  word-break: break-all;
  overflow: hidden;
  font-size: 12px;
  line-height: 20px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.phoenix-tooltip .phoenix-tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.phoenix-tooltip.phoenix-tooltip-placement-top .phoenix-tooltip-arrow,
  .phoenix-tooltip.phoenix-tooltip-placement-topLeft .phoenix-tooltip-arrow,
  .phoenix-tooltip.phoenix-tooltip-placement-topRight .phoenix-tooltip-arrow {
  bottom: 0;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #33383D;
}

.phoenix-tooltip.phoenix-tooltip-placement-top .phoenix-tooltip-arrow {
  left: 50%;
}

.phoenix-tooltip.phoenix-tooltip-placement-topLeft .phoenix-tooltip-arrow {
  left: calc(15%);
}

.phoenix-tooltip.phoenix-tooltip-placement-topRight .phoenix-tooltip-arrow {
  right: 15%;
}

.phoenix-tooltip.phoenix-tooltip-placement-right .phoenix-tooltip-arrow,
  .phoenix-tooltip.phoenix-tooltip-placement-rightTop .phoenix-tooltip-arrow,
  .phoenix-tooltip.phoenix-tooltip-placement-rightBottom .phoenix-tooltip-arrow {
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #33383D;
}

.phoenix-tooltip.phoenix-tooltip-placement-right .phoenix-tooltip-arrow {
  top: 50%;
}

.phoenix-tooltip.phoenix-tooltip-placement-rightTop .phoenix-tooltip-arrow {
  top: 15%;
  margin-top: 0;
}

.phoenix-tooltip.phoenix-tooltip-placement-rightBottom .phoenix-tooltip-arrow {
  bottom: 15%;
}

.phoenix-tooltip.phoenix-tooltip-placement-left .phoenix-tooltip-arrow,
  .phoenix-tooltip.phoenix-tooltip-placement-leftTop .phoenix-tooltip-arrow,
  .phoenix-tooltip.phoenix-tooltip-placement-leftBottom .phoenix-tooltip-arrow {
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #33383D;
}

.phoenix-tooltip.phoenix-tooltip-placement-left .phoenix-tooltip-arrow {
  top: 50%;
}

.phoenix-tooltip.phoenix-tooltip-placement-leftTop .phoenix-tooltip-arrow {
  top: 15%;
  margin-top: 0;
}

.phoenix-tooltip.phoenix-tooltip-placement-leftBottom .phoenix-tooltip-arrow {
  bottom: 15%;
}

.phoenix-tooltip.phoenix-tooltip-placement-bottom .phoenix-tooltip-arrow,
  .phoenix-tooltip.phoenix-tooltip-placement-bottomLeft .phoenix-tooltip-arrow,
  .phoenix-tooltip.phoenix-tooltip-placement-bottomRight .phoenix-tooltip-arrow {
  top: 0;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #33383D;
}

.phoenix-tooltip.phoenix-tooltip-placement-bottom .phoenix-tooltip-arrow {
  left: 50%;
}

.phoenix-tooltip.phoenix-tooltip-placement-bottomLeft .phoenix-tooltip-arrow {
  left: 15%;
}

.phoenix-tooltip.phoenix-tooltip-placement-bottomRight .phoenix-tooltip-arrow {
  right: calc(15% - 5px);
}

.phoenix-tooltip.phoenix-tooltip-zoom-enter, .phoenix-tooltip.phoenix-tooltip-zoom-leave {
  display: block;
}

.phoenix-tooltip.phoenix-tooltip-zoom-enter, .phoenix-tooltip.phoenix-tooltip-zoom-appear {
  opacity: 0;
  animation-duration: 0.1s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  animation-play-state: paused;
}

.phoenix-tooltip.phoenix-tooltip-zoom-leave {
  animation-duration: 0.1s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
  animation-play-state: paused;
}

.phoenix-tooltip.phoenix-tooltip-zoom-enter.phoenix-tooltip-zoom-enter-active, .phoenix-tooltip.phoenix-tooltip-zoom-appear.phoenix-tooltip-zoom-appear-active {
  animation-name: rcToolTipZoomIn;
  animation-play-state: running;
}

.phoenix-tooltip.phoenix-tooltip-zoom-leave.phoenix-tooltip-zoom-leave-active {
  animation-name: rcToolTipZoomOut;
  animation-play-state: running;
}
.phoenix-select {
  font-family: "PingFang SC", "Hiragino Sans GB", STHeitiSC, Helvetica, "Helvetica Neue", "Microsoft YaHei", Tahoma;
  position: relative;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  background-color: white;
  background: white;
  min-height: 26px;
  min-width: 100px;
  overflow: hidden;
  box-sizing: border-box;
  height: auto;
  cursor: pointer;
  font-size: 12px;
  line-height: 20px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.phoenix-select--large {
  font-size: 14px;
  line-height: 22px;
  height: 32px;
}

.phoenix-select--small {
  height: 26px;
}

.phoenix-select--normal {
  height: 30px;
}

.phoenix-select::before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 3px;
  border-width: 1px;
  border-style: solid;
  box-sizing: border-box;
  content: '';
  z-index: 1;
}

.phoenix-select.phoenix-select--editable.phoenix-select__placeHolder {
  cursor: text;
}

.phoenix-select.phoenix-select--editable:hover .phoenix-select__switchArrow {
  cursor: pointer;
}

.phoenix-select.phoenix-select--editable:hover .phoenix-select__switchArrow--hide {
  display: none;
}

.phoenix-select.phoenix-select--editable:hover .phoenix-select__clearIcon {
  cursor: pointer;
}

.phoenix-select.phoenix-select--editable:hover .phoenix-select__clearIcon--show {
  display: block;
}

.phoenix-select.phoenix-select--editable .phoenix-select__inputWrapper--emptyMultiValue.phoenix-select__inputWrapper--isSearch {
  cursor: text;
}

.phoenix-select.phoenix-select--borderColorable::before {
  border-color: #e6e8eb;
  pointer-events: none;
}

.phoenix-select.phoenix-select--borderColorable:active::before, .phoenix-select.phoenix-select--borderColorable:focus::before {
  border-color: #5cadff;
}

.phoenix-select.phoenix-select--borderColorable:hover::before {
  border-color: #85c2ff;
}

.phoenix-select.phoenix-select--active::before {
  border-color: #5cadff;
}

.phoenix-select.phoenix-select--error::before {
  border-color: #FF475A;
}

.phoenix-select.phoenix-select--disabled {
  color: #bfc3c7;
  background-color: rgba(230, 232, 235, 0.3);
  cursor: not-allowed;
}

.phoenix-select.phoenix-select--disabled::before {
  border-color: #e6e8eb;
  z-index: 0;
}

.phoenix-select.phoenix-select--disabled .phoenix-select__input--disabled {
  cursor: not-allowed;
}

.phoenix-select.phoenix-select--exsitMultiValue {
  height: auto;
  padding-top: 4px;
  padding-bottom: 1px;
}

.phoenix-select.phoenix-select--exsitMultiValue.phoenix-select--large {
  min-height: 32px;
  padding-top: 5px;
  padding-bottom: 2px;
}

.phoenix-select.phoenix-select--exsitMultiValue.phoenix-select--small {
  min-height: 26px;
  padding-top: 2px;
  padding-bottom: 0px;
}

.phoenix-select.phoenix-select--exsitMultiValue.phoenix-select--normal {
  min-height: 30px;
  padding-top: 4px;
  padding-bottom: 1px;
}

.phoenix-select__calcEle {
  display: inline-block;
  opacity: 0;
  z-index: -1;
  position: absolute;
}

.phoenix-select__placeHolder {
  display: none;
  position: absolute;
  top: 50%;
  left: 8px;
  max-width: calc(100% - 32px);
  height: 20px;
  margin-top: -10px;
  overflow: hidden;
  color: #bfc3c7;
  font-size: 12px;
  line-height: 20px;
  line-height: 20px;
  white-space: nowrap;
  text-align: left;
  text-overflow: ellipsis;
}

.phoenix-select__placeHolder--show {
  display: block;
}

.phoenix-select__placeHolder--large {
  font-size: 14px;
  line-height: 22px;
}

.phoenix-select__placeHolder--active {
  text-overflow: unset;
}

.phoenix-select__content {
  margin: 0;
  width: 100%;
  box-sizing: border-box;
  position: relative;
  max-height: 120px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0 24px 0 8px;
}

.phoenix-select__content::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

.phoenix-select__content::-webkit-scrollbar-track {
  border-radius: 100px;
  background-color: transparent;
}

.phoenix-select__content::-webkit-scrollbar-thumb {
  border: 2px solid transparent;
  border-radius: 100px;
  background-color: rgba(14, 17, 20, 0.1);
  background-clip: content-box;
}

.phoenix-select__content::-webkit-scrollbar-thumb:hover {
  background-color: rgba(14, 17, 20, 0.3);
}

.phoenix-select__inputWrapper {
  position: relative;
  float: left;
  overflow: hidden;
  max-width: 100%;
  width: auto;
  font-size: 12px;
  line-height: 20px;
}

.phoenix-select__inputWrapper--emptyMultiValue {
  height: 26px;
  width: 99%;
}

.phoenix-select__input {
  display: inline-block;
  font-family: "PingFang SC", "Hiragino Sans GB", STHeitiSC, Helvetica, "Helvetica Neue", "Microsoft YaHei", Tahoma;
  padding: 0;
  margin: 0;
  max-width: 100%;
  background: transparent;
  border-width: 0;
  outline: 0;
  border: none;
  min-width: 10px;
  font-size: 12px;
  line-height: 20px;
  line-height: 26px;
  color: #0e1114;
  height: 26px;
  width: 100%;
}

.phoenix-select__input::-ms-clear {
  display: none;
}

.phoenix-select__input--large {
  font-size: 14px;
  line-height: 22px;
}

.phoenix-select__input--unText {
  cursor: pointer;
  color: transparent;
  text-shadow: 0 0 0 #0e1114;
}

.phoenix-select__input--multiInput {
  width: 10px;
  height: 20px;
}

.phoenix-select__input--disabled {
  cursor: not-allowed;
}

.phoenix-select__tipWrapper {
  display: flex;
  align-items: center;
  font-family: "PingFang SC", "Hiragino Sans GB", STHeitiSC, Helvetica, "Helvetica Neue", "Microsoft YaHei", Tahoma;
  box-sizing: border-box;
  color: #0e1114;
  width: 100%;
  background-color: #fff;
  pointer-events: none;
  padding-right: 24px;
  padding-left: 8px;
  left: 0;
  position: absolute;
  height: 100%;
  opacity: 0;
  font-size: 12px;
  line-height: 20px;
  cursor: pointer;
}

.phoenix-select__tipWrapper--visible {
  opacity: 1;
}

.phoenix-select__tipWrapper--large {
  font-size: 14px;
  line-height: 22px;
}

.phoenix-select__tipWrapper--isSearch {
  cursor: text;
}

.phoenix-select__tipWrapper--isSearch.phoenix-select__tipWrapper--active {
  color: #bfc3c7;
}

.phoenix-select__tipWrapper--disabled {
  color: #33383d;
  background-color: transparent;
}

.phoenix-select__tipEle {
  text-overflow: ellipsis;
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
}

.phoenix-select__tipEle--isSearch {
  cursor: text;
}

.phoenix-select__switchArrow {
  font-size: 12px;
  height: 12px;
  margin-left: 4px;
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
}

.phoenix-select__switchArrow svg {
  display: block;
}

.phoenix-select__switchArrow--disabled {
  cursor: not-allowed;
}

.phoenix-select__switchArrow--adjustArrow {
  right: 16px;
}

.phoenix-select__clearIcon {
  z-index: 1;
  display: none;
  font-size: 12px;
  height: 12px;
  margin-left: 4px;
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
}

.phoenix-select__clearIcon svg {
  display: block;
}

.phoenix-select__tagItem {
  box-sizing: border-box;
  height: 20px;
  line-height: 20px;
  position: relative;
  float: left;
  max-width: 99%;
  margin: 0 4px 4px 0;
  padding: 0 8px 0 8px;
  overflow: hidden;
  font-size: 12px;
  line-height: 20px;
  background-color: #f0f2f5;
  border-radius: 3px;
  cursor: pointer;
}

.phoenix-select__tagItem--itemDisabled {
  padding-right: 8px;
  cursor: not-allowed;
}

.phoenix-select__tagItem--selectDisabled {
  color: #33383d;
  cursor: not-allowed;
}

.phoenix-select__tagItem--small {
  margin-bottom: 3px;
}

.phoenix-select__tag {
  max-width: 120px;
  display: inline-block;
  text-overflow: ellipsis;
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  color: #33383d;
}

.phoenix-select__tag--safari::before {
  content: '';
  display: block;
}

.phoenix-select__tagIcon {
  margin-left: 4px;
  padding-top: 2px;
  float: right;
  cursor: pointer;
}
.phoenix-groupSingleSelect__emptyContainer {
  position: relative;
  overflow: hidden;
}

.phoenix-groupSingleSelect__emptyContentWrapper {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  font-family: "PingFang SC", "Hiragino Sans GB", STHeitiSC, Helvetica, "Helvetica Neue", "Microsoft YaHei", Tahoma;
  width: 100%;
}

.phoenix-groupSingleSelect__emptyText {
  font-size: 12px;
  line-height: 20px;
  color: #BBBFEE;
  margin-top: 8px;
}
.phoenix-groupSingleSelect__ddWrapper {
  margin: 0;
  color: #0e1114;
  padding: 4px 10px;
  margin-inline-start: 0;
  overflow: hidden;
  white-space: nowrap;
}

.phoenix-groupSingleSelect__ddWrapper:hover {
  cursor: pointer;
  background-color: rgba(133, 194, 255, 0.1);
}

.phoenix-groupSingleSelect__ddWrapper--fontLarge {
  padding: 4px 12px;
}

.phoenix-groupSingleSelect__ddWrapper mark {
  background-color: rgba(250, 193, 5, 0.2);
}

.phoenix-groupSingleSelect__ddWrapper--groupSelectSign {
  padding-left: 24px;
}

.phoenix-groupSingleSelect__ddWrapper--disabled {
  color: #bfc3c7;
}

.phoenix-groupSingleSelect__ddWrapper--disabled:hover {
  cursor: not-allowed;
  background-color: inherit;
}

.phoenix-groupSingleSelect__ddWrapper--active {
  background-color: rgba(230, 232, 235, 0.3);
}

.phoenix-groupSingleSelect__ddWrapper--active:hover {
  background-color: rgba(230, 232, 235, 0.3);
}

.phoenix-groupSingleSelect__ddText {
  overflow: hidden;
  text-overflow: ellipsis;
}
.phoenix-groupSingleSelect {
  font-size: 12px;
  line-height: 20px;
  width: 100%;
  background: white;
  font-family: "PingFang SC", "Hiragino Sans GB", STHeitiSC, Helvetica, "Helvetica Neue", "Microsoft YaHei", Tahoma;
  padding: 4px 0;
  box-sizing: border-box;
  max-height: 290px;
  display: flex;
  display: -ms-flexbox;
  flex-direction: column;
}

.phoenix-groupSingleSelect::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

.phoenix-groupSingleSelect::-webkit-scrollbar-track {
  border-radius: 100px;
  background-color: transparent;
}

.phoenix-groupSingleSelect::-webkit-scrollbar-thumb {
  border: 2px solid transparent;
  border-radius: 100px;
  background-color: rgba(14, 17, 20, 0.1);
  background-clip: content-box;
}

.phoenix-groupSingleSelect::-webkit-scrollbar-thumb:hover {
  background-color: rgba(14, 17, 20, 0.3);
}

.phoenix-groupSingleSelect__contentWraper {
  max-height: 282px;
  min-height: 148px;
  overflow-y: auto;
  overflow-x: hidden;
}

.phoenix-groupSingleSelect__contentWraper::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

.phoenix-groupSingleSelect__contentWraper::-webkit-scrollbar-track {
  border-radius: 100px;
  background-color: transparent;
}

.phoenix-groupSingleSelect__contentWraper::-webkit-scrollbar-thumb {
  border: 2px solid transparent;
  border-radius: 100px;
  background-color: rgba(14, 17, 20, 0.1);
  background-clip: content-box;
}

.phoenix-groupSingleSelect__contentWraper::-webkit-scrollbar-thumb:hover {
  background-color: rgba(14, 17, 20, 0.3);
}

.phoenix-groupSingleSelect--loading .phoenix-groupSingleSelect__emptyContainer {
  height: 182px;
}

.phoenix-groupSingleSelect--search .phoenix-groupSingleSelect__emptyContainer {
  height: 148px;
}

.phoenix-groupSingleSelect--search .phoenix-groupSingleSelect__contentWraper {
  max-height: 248px;
}

.phoenix-groupSingleSelect--empty .phoenix-groupSingleSelect__emptyContainer {
  height: 182px;
}

.phoenix-groupSingleSelect--empty.phoenix-groupSingleSelect--search .phoenix-groupSingleSelect__emptyContainer {
  min-height: 148px;
  height: 100%;
}

.phoenix-groupSingleSelect--sizeSmall {
  width: 170px;
}

.phoenix-groupSingleSelect--sizeLarge {
  width: 340px;
}

.phoenix-groupSingleSelect--fontLarge {
  font-size: 14px;
  line-height: 22px;
}

.phoenix-groupSingleSelect--shadow {
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.08);
  border-radius: 3px;
}

.phoenix-groupSingleSelect__searchWrapper {
  padding: 4px 10px 0px;
  flex-shrink: 0;
}

.phoenix-groupSingleSelect__dListWrapper {
  flex-shrink: 0;
  overflow-y: auto;
  overflow-x: hidden;
}

.phoenix-groupSingleSelect__dListWrapper::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

.phoenix-groupSingleSelect__dListWrapper::-webkit-scrollbar-track {
  border-radius: 100px;
  background-color: transparent;
}

.phoenix-groupSingleSelect__dListWrapper::-webkit-scrollbar-thumb {
  border: 2px solid transparent;
  border-radius: 100px;
  background-color: rgba(14, 17, 20, 0.1);
  background-clip: content-box;
}

.phoenix-groupSingleSelect__dListWrapper::-webkit-scrollbar-thumb:hover {
  background-color: rgba(14, 17, 20, 0.3);
}

.phoenix-groupSingleSelect__dlWrapper {
  font-size: 12px;
  line-height: 20px;
  margin: 0;
}

.phoenix-groupSingleSelect__dlWrapper--fontLarge {
  font-size: 14px;
  line-height: 22px;
}

.phoenix-groupSingleSelect__dtWrapper {
  color: #bfc3c7;
  margin: 0;
  padding: 4px 10px;
  margin-inline-start: 0;
  overflow: hidden;
  white-space: nowrap;
}

.phoenix-groupSingleSelect__dtWrapper:hover {
  cursor: pointer;
}

.phoenix-groupSingleSelect__dtWrapper--fontLarge {
  padding: 4px 12px;
}

.phoenix-groupSingleSelect__dtWrapper--border {
  border-top: 1px solid #f0f2f5;
  padding-top: 8px;
  margin-top: 4px;
}

.phoenix-groupSingleSelect__dtText {
  overflow: hidden;
  text-overflow: ellipsis;
}

.phoenix-groupSingleSelect__group {
  border-bottom: 1px solid #f0f2f5;
}

.phoenix-groupSingleSelect__group:last-child {
  border-bottom: none;
}

.phoenix-groupSingleSelect__searchTip {
  padding-left: 8px;
  font-family: "PingFang SC", "Hiragino Sans GB", STHeitiSC, Helvetica, "Helvetica Neue", "Microsoft YaHei", Tahoma;
  font-size: 12px;
  line-height: 20px;
  color: #FFA42E;
}
.phoenix-mutiSelectList__emptyWrapper {
  position: relative;
  text-align: center;
  height: 100%;
  overflow: hidden;
}

.phoenix-mutiSelectList__emptyContentWrapper {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  font-family: "PingFang SC", "Hiragino Sans GB", STHeitiSC, Helvetica, "Helvetica Neue", "Microsoft YaHei", Tahoma;
  width: 100%;
}

.phoenix-mutiSelectList__emptyText {
  font-size: 12px;
  line-height: 20px;
  color: #565e66;
  margin-top: 8px;
}
.phoenix-mutiSelectList__loadingWrapper {
  text-align: center;
  height: 150px;
  position: relative;
}

.phoenix-mutiSelectList__loadingIconWrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.phoenix-mutiSelectList {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  position: relative;
  max-height: 290px;
  padding: 4px 0px;
  width: auto;
}

.phoenix-mutiSelectList::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

.phoenix-mutiSelectList::-webkit-scrollbar-track {
  border-radius: 100px;
  background-color: transparent;
}

.phoenix-mutiSelectList::-webkit-scrollbar-thumb {
  border: 2px solid transparent;
  border-radius: 100px;
  background-color: rgba(14, 17, 20, 0.1);
  background-clip: content-box;
}

.phoenix-mutiSelectList::-webkit-scrollbar-thumb:hover {
  background-color: rgba(14, 17, 20, 0.3);
}

.phoenix-mutiSelectList--showFooter {
  padding-bottom: 0;
}

.phoenix-mutiSelectList--showFooter .phoenix-mutiSelectList__contentWraper {
  max-height: calc(290px - 43px - 8px);
}

.phoenix-mutiSelectList--loading .phoenix-mutiSelectList__loadingWrapper {
  height: 190px;
}

.phoenix-mutiSelectList--search .phoenix-mutiSelectList__loadingWrapper {
  height: 150px;
}

.phoenix-mutiSelectList--search .phoenix-mutiSelectList__contentWraper {
  max-height: calc(290px - 44px - 8px);
}

.phoenix-mutiSelectList--showFooter.phoenix-mutiSelectList--search .phoenix-mutiSelectList__contentWraper {
  max-height: calc(290px - 44px - 43px - 8px);
}

.phoenix-mutiSelectList--isEmpty {
  height: 190px;
}

.phoenix-mutiSelectList--isEmpty .phoenix-mutiSelectList__emptyWrapper, .phoenix-mutiSelectList--isEmpty .phoenix-mutiSelectList__contentWraper {
  height: 100%;
}

.phoenix-mutiSelectList--isEmpty.phoenix-mutiSelectList--search {
  height: auto;
}

.phoenix-mutiSelectList--isEmpty.phoenix-mutiSelectList--search .phoenix-mutiSelectList__contentWraper {
  height: 150px;
}

.phoenix-mutiSelectList--searchTip {
  height: auto;
}

.phoenix-mutiSelectList--border {
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.08);
  border-radius: 3px;
}

.phoenix-mutiSelectList--small {
  width: 170px;
}

.phoenix-mutiSelectList--middle {
  width: 340px;
}

.phoenix-mutiSelectList--fontLarge .phoenix-mutiSelectList__footer {
  padding: 8px 12px;
}

.phoenix-mutiSelectList--fontLarge .phoenix-mutiSelectList__searchWrapper {
  padding: 10px 12px 4px;
}

.phoenix-mutiSelectList--search .phoenix-mutiSelectList__contentWraper {
  min-height: 150px;
}

.phoenix-mutiSelectList__searchWrapper {
  background-color: white;
  z-index: 1201;
  padding: 10px 10px 4px;
}

.phoenix-mutiSelectList__contentWraper {
  max-height: calc(290px - 8px);
  overflow-y: auto;
  overflow-x: hidden;
  flex-shrink: 0;
}

.phoenix-mutiSelectList__contentWraper::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

.phoenix-mutiSelectList__contentWraper::-webkit-scrollbar-track {
  border-radius: 100px;
  background-color: transparent;
}

.phoenix-mutiSelectList__contentWraper::-webkit-scrollbar-thumb {
  border: 2px solid transparent;
  border-radius: 100px;
  background-color: rgba(14, 17, 20, 0.1);
  background-clip: content-box;
}

.phoenix-mutiSelectList__contentWraper::-webkit-scrollbar-thumb:hover {
  background-color: rgba(14, 17, 20, 0.3);
}

.phoenix-mutiSelectList__list {
  font-family: "PingFang SC", "Hiragino Sans GB", STHeitiSC, Helvetica, "Helvetica Neue", "Microsoft YaHei", Tahoma;
  margin: 0;
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 12px;
  line-height: 20px;
}

.phoenix-mutiSelectList__list--fontLarge .phoenix-checkbox__text {
  font-size: 14px;
  line-height: 22px;
}

.phoenix-mutiSelectList__listItem {
  color: #0e1114;
  cursor: pointer;
  padding: 4px 10px;
}

.phoenix-mutiSelectList__listItem:hover {
  background-color: rgba(133, 194, 255, 0.1);
}

.phoenix-mutiSelectList__listItem .searchTxt {
  background-color: rgba(250, 193, 5, 0.3);
}

.phoenix-mutiSelectList__listItem label {
  width: 100%;
}

.phoenix-mutiSelectList__listItem--fontLarge {
  padding: 4px 12px;
}

.phoenix-mutiSelectList__listItem--disabled {
  cursor: not-allowed;
}

.phoenix-mutiSelectList__listItem--disabled:hover {
  background-color: unset;
}

.phoenix-mutiSelectList__highLight {
  color: inherit;
  border-radius: 2px;
  background-color: rgba(250, 193, 5, 0.2);
}

.phoenix-mutiSelectList__searchTip {
  padding-left: 8px;
  font-family: "PingFang SC", "Hiragino Sans GB", STHeitiSC, Helvetica, "Helvetica Neue", "Microsoft YaHei", Tahoma;
  font-size: 12px;
  line-height: 20px;
  color: #FFA42E;
}
.phoenix-mutiSelectList__footer {
  flex-shrink: 0;
  width: 100%;
  box-sizing: border-box;
  border-top: 1px solid #f0f2f5;
  margin-top: 4px;
  padding: 8px 10px;
}

.phoenix-mutiSelectList__footerButton {
  float: right;
}
.phoenix-mutiSelectList__group {
  font-size: 12px;
  line-height: 20px;
  padding-top: 4px;
  box-sizing: border-box;
  color: #bfc3c7;
  border-top: 1px solid #f0f2f5;
}

.phoenix-mutiSelectList__group:first-child {
  border-top: none;
}

.phoenix-mutiSelectList__group--showFirstItemBorder:first-child {
  border-top: 1px solid #f0f2f5;
}

.phoenix-mutiSelectList__group--fontLarge {
  font-size: 14px;
  line-height: 22px;
}

.phoenix-mutiSelectList__group--fontLarge .phoenix-mutiSelectList__groupLabel {
  padding: 4px 12px;
}

.phoenix-mutiSelectList__group .phoenix-mutiSelectList__listItem {
  padding-left: 24px;
}

.phoenix-mutiSelectList__groupLabel {
  padding: 4px 10px;
}
.phoenix-form-control-preview {
  display: block;
  width: 100%;
  padding: 0 8px;
  line-height: 28px;
  border: 1px solid transparent;
  border-bottom-color: #f0f2f5;
}

.phoenix-form-control-preview-content {
  display: inline-block;
  font-size: 12px;
  line-height: 20px;
  color: #0e1114;
}
.phoenix-fieldDropdown__multiSelect {
  max-height: 247px;
}

.phoenix-fieldDropdown__multiSelect .phoenix-mutiSelectList__contentWraper {
  max-height: calc(247px - 8px);
}

.phoenix-fieldDropdown__multiSelect.phoenix-mutiSelectList--search .phoenix-mutiSelectList__contentWraper {
  max-height: calc(290px - 44px - 43px - 8px);
}

.select_dropdown_wrapper {
  outline: none;
}
.phoenix-radio {
  cursor: pointer;
  display: inline-block;
  font-size: 12px;
  color: #565e66;
  border-width: 1px;
  cursor: pointer;
  box-sizing: border-box;
}

.phoenix-radio--withLabel {
  min-width: 42px;
}

.phoenix-radio .flex {
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  height: 100%;
}

.phoenix-radio .flex-vertical {
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  flex-direction: column;
}

.phoenix-radio .flex-align-center {
  align-items: center;
}

.phoenix-radio * {
  font-family: "PingFang SC", "Hiragino Sans GB", STHeitiSC, Helvetica, "Helvetica Neue", "Microsoft YaHei", Tahoma;
  box-sizing: border-box;
}

@keyframes RadioEffect {
  0% {
    transform: scale(0);
    opacity: 0;
  }

  50% {
    transform: scale(1);
    opacity: 1;
  }

  60% {
    transform: scale(1);
    opacity: 1;
  }

  100% {
    transform: scale(0.875);
    opacity: 1;
  }
}

.phoenix-radio--disabled {
  cursor: not-allowed;
}

.phoenix-radio--vertical {
  display: block;
  margin-right: 0;
}

.phoenix-radio__wrapper {
  display: flex;
  display: -ms-flexbox;
  display: -webkit-flex;
  height: 100%;
  align-items: center;
}

.phoenix-radio__wrapper--vertical {
  justify-content: left;
}

.phoenix-radio__circle-wrapper {
  width: 16px;
  height: 16px;
  position: relative;
  display: block;
  flex-shrink: 0;
}

.phoenix-radio__circle-wrapper:hover .phoenix-radio__circle {
  border-color: #1d86f0;
}

.phoenix-radio__circle-wrapper:hover .phoenix-radio__circle--checked {
  border-color: #1d86f0;
}

.phoenix-radio__circle-wrapper:hover .phoenix-radio__circle--disabled {
  border-color: rgba(191, 195, 199, 0.5);
}

.phoenix-radio__circle-wrapper:hover .phoenix-radio__circle--disabledWithChecked {
  border-color: rgba(29, 134, 240, 0.5);
}

.phoenix-radio__circle {
  width: 14px;
  height: 14px;
  border-radius: 14px;
  background: white;
  border: 1px solid #bfc3c7;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}

.phoenix-radio__circle--disabled {
  border: 1px solid rgba(191, 195, 199, 0.5);
  background: rgba(230, 232, 235, 0.3);
}

.phoenix-radio__circle--checked {
  border: 1px solid #1d86f0;
}

.phoenix-radio__circle--disabledWithChecked {
  border: 1px solid rgba(29, 134, 240, 0.5);
  background: white;
}

.phoenix-radio__dot {
  width: 6px;
  height: 6px;
  border-radius: 6px;
  position: absolute;
  left: 5px;
  top: 5px;
  transform-origin: 50% 50%;
  opacity: 0;
  background: #1d86f0;
}

.phoenix-radio__dot--checked {
  opacity: 1;
}

.phoenix-radio__dot--disabled {
  background: rgba(29, 134, 240, 0.5);
}

.phoenix-radio__dot--checkedWithRadioClicked {
  animation: RadioEffect 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}

.phoenix-radio__radio-text {
  line-height: 20px;
  margin-left: 4px;
  color: #565e66;
  display: none;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.phoenix-radio__radio-text--disabled {
  color: #bfc3c7;
}

.phoenix-radio__radio-text--appear {
  display: block;
}

.phoenix-radio__radio-text--fontMiddle {
  font-size: 14px;
}

.phoenix-radio__radio-text.color-M1 {
  color: #0e1114;
}

.phoenix-radio__radio-text.color-M2 {
  color: #33383d;
}

.phoenix-radio__radio-text.color-M3 {
  color: #565e66;
}

.phoenix-radio__radio-text.color-M4 {
  color: #83898f;
}

.phoenix-radio__radio-text.color-M5 {
  color: #bfc3c7;
}
@keyframes scan {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@-ms-keyframes scan {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@-moz-keyframes scan {
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes scan {
  100% {
    opacity: 0;
  }
}

@-o-keyframes scan {
  100% {
    opacity: 0;
  }
}

rect.one {
  -webkit-animation: scan 0.9s linear 0s infinite;
  -moz-animation: scan 0.9s linear 0s infinite;
  -ms-animation: scan 0.9s linear 0s infinite;
  -o-animation: scan 0.9s linear 0s infinite;
  animation: scan 0.9s linear 0s infinite;
}

rect.two {
  -webkit-animation: scan 0.9s linear 0.1125s infinite;
  -moz-animation: scan 0.9s linear 0.1125s infinite;
  -ms-animation: scan 0.9s linear 0.1125s infinite;
  -o-animation: scan 0.9s linear 0.1125s infinite;
  animation: scan 0.9s linear 0.1125s infinite;
}

rect.three {
  -webkit-animation: scan 0.9s linear 0.225s infinite;
  -moz-animation: scan 0.9s linear 0.225s infinite;
  -ms-animation: scan 0.9s linear 0.225s infinite;
  -o-animation: scan 0.9s linear 0.225s infinite;
  animation: scan 0.9s linear 0.225s infinite;
}

rect.four {
  -webkit-animation: scan 0.9s linear 0.3375s infinite;
  -moz-animation: scan 0.9s linear 0.3375s infinite;
  -ms-animation: scan 0.9s linear 0.3375s infinite;
  -o-animation: scan 0.9s linear 0.3375s infinite;
  animation: scan 0.9s linear 0.3375s infinite;
}

rect.five {
  -webkit-animation: scan 0.9s linear 0.45s infinite;
  -moz-animation: scan 0.9s linear 0.45s infinite;
  -ms-animation: scan 0.9s linear 0.45s infinite;
  -o-animation: scan 0.9s linear 0.45s infinite;
  animation: scan 0.9s linear 0.45s infinite;
}

rect.six {
  -webkit-animation: scan 0.9s linear 0.5625s infinite;
  -moz-animation: scan 0.9s linear 0.5625s infinite;
  -ms-animation: scan 0.9s linear 0.5625s infinite;
  -o-animation: scan 0.9s linear 0.5625s infinite;
  animation: scan 0.9s linear 0.5625s infinite;
}

rect.seven {
  -webkit-animation: scan 0.9s linear 0.675s infinite;
  -moz-animation: scan 0.9s linear 0.675s infinite;
  -ms-animation: scan 0.9s linear 0.675s infinite;
  -o-animation: scan 0.9s linear 0.675s infinite;
  animation: scan 0.9s linear 0.675s infinite;
}

rect.eight {
  -webkit-animation: scan 0.9s linear 0.7875s infinite;
  -moz-animation: scan 0.9s linear 0.7875s infinite;
  -ms-animation: scan 0.9s linear 0.7875s infinite;
  -o-animation: scan 0.9s linear 0.7875s infinite;
  animation: scan 0.9s linear 0.7875s infinite;
}
/**
 * file: style.scss
 * author: huangxiaolong@beisen.com
 * date: 2019/6/27
 */
@-webkit-keyframes rcToolTipZoomIn {
  0% {
    opacity: 0;
    transform: scale(0.2);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@-moz-keyframes rcToolTipZoomIn {
  0% {
    opacity: 0;
    transform: scale(0.2);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@-o-keyframes rcToolTipZoomIn {
  0% {
    opacity: 0;
    transform: scale(0.2);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes rcToolTipZoomIn {
  0% {
    opacity: 0;
    transform: scale(0.2);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@-webkit-keyframes rcToolTipZoomOut {
  0% {
    opacity: 0;
    transform: scale(0.2);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@-moz-keyframes rcToolTipZoomOut {
  0% {
    opacity: 0;
    transform: scale(0.2);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@-o-keyframes rcToolTipZoomOut {
  0% {
    opacity: 0;
    transform: scale(0.2);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes rcToolTipZoomOut {
  0% {
    opacity: 0;
    transform: scale(0.2);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

.phoenix-tooltip {
  position: absolute;
  z-index: 1500;
  display: block;
  visibility: visible;
  font-size: 12px;
  line-height: 20px;
  font-family: "PingFang SC", "Hiragino Sans GB", STHeitiSC, Helvetica, "Helvetica Neue", "Microsoft YaHei", Tahoma;
}

.phoenix-tooltip.phoenix-tooltip-hidden {
  display: none;
}

.phoenix-tooltip.phoenix-tooltip-placement-top, .phoenix-tooltip.phoenix-tooltip-placement-topLeft, .phoenix-tooltip.phoenix-tooltip-placement-topRight {
  padding: 5px 0 5px 0;
}

.phoenix-tooltip.phoenix-tooltip-placement-right, .phoenix-tooltip.phoenix-tooltip-placement-rightTop, .phoenix-tooltip.phoenix-tooltip-placement-rightBottom {
  padding: 0 5px 0 5px;
}

.phoenix-tooltip.phoenix-tooltip-placement-bottom, .phoenix-tooltip.phoenix-tooltip-placement-bottomLeft, .phoenix-tooltip.phoenix-tooltip-placement-bottomRight {
  padding: 5px 0 5px 0;
}

.phoenix-tooltip.phoenix-tooltip-placement-left, .phoenix-tooltip.phoenix-tooltip-placement-leftTop, .phoenix-tooltip.phoenix-tooltip-placement-leftBottom {
  padding: 0 5px 0 5px;
}

.phoenix-tooltip .phoenix-tooltip-inner {
  padding: 4px 10px;
  color: #fff;
  text-align: left;
  text-decoration: none;
  background-color: #33383D;
  border-radius: 3px;
}

.phoenix-tooltip .phoenix-tooltip-inner .content-box {
  max-width: 396px;
  max-height: 280px;
  word-wrap: break-word;
  word-break: break-all;
  overflow: hidden;
  font-size: 12px;
  line-height: 20px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.phoenix-tooltip .phoenix-tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.phoenix-tooltip.phoenix-tooltip-placement-top .phoenix-tooltip-arrow,
  .phoenix-tooltip.phoenix-tooltip-placement-topLeft .phoenix-tooltip-arrow,
  .phoenix-tooltip.phoenix-tooltip-placement-topRight .phoenix-tooltip-arrow {
  bottom: 0;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #33383D;
}

.phoenix-tooltip.phoenix-tooltip-placement-top .phoenix-tooltip-arrow {
  left: 50%;
}

.phoenix-tooltip.phoenix-tooltip-placement-topLeft .phoenix-tooltip-arrow {
  left: calc(15%);
}

.phoenix-tooltip.phoenix-tooltip-placement-topRight .phoenix-tooltip-arrow {
  right: 15%;
}

.phoenix-tooltip.phoenix-tooltip-placement-right .phoenix-tooltip-arrow,
  .phoenix-tooltip.phoenix-tooltip-placement-rightTop .phoenix-tooltip-arrow,
  .phoenix-tooltip.phoenix-tooltip-placement-rightBottom .phoenix-tooltip-arrow {
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #33383D;
}

.phoenix-tooltip.phoenix-tooltip-placement-right .phoenix-tooltip-arrow {
  top: 50%;
}

.phoenix-tooltip.phoenix-tooltip-placement-rightTop .phoenix-tooltip-arrow {
  top: 15%;
  margin-top: 0;
}

.phoenix-tooltip.phoenix-tooltip-placement-rightBottom .phoenix-tooltip-arrow {
  bottom: 15%;
}

.phoenix-tooltip.phoenix-tooltip-placement-left .phoenix-tooltip-arrow,
  .phoenix-tooltip.phoenix-tooltip-placement-leftTop .phoenix-tooltip-arrow,
  .phoenix-tooltip.phoenix-tooltip-placement-leftBottom .phoenix-tooltip-arrow {
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #33383D;
}

.phoenix-tooltip.phoenix-tooltip-placement-left .phoenix-tooltip-arrow {
  top: 50%;
}

.phoenix-tooltip.phoenix-tooltip-placement-leftTop .phoenix-tooltip-arrow {
  top: 15%;
  margin-top: 0;
}

.phoenix-tooltip.phoenix-tooltip-placement-leftBottom .phoenix-tooltip-arrow {
  bottom: 15%;
}

.phoenix-tooltip.phoenix-tooltip-placement-bottom .phoenix-tooltip-arrow,
  .phoenix-tooltip.phoenix-tooltip-placement-bottomLeft .phoenix-tooltip-arrow,
  .phoenix-tooltip.phoenix-tooltip-placement-bottomRight .phoenix-tooltip-arrow {
  top: 0;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #33383D;
}

.phoenix-tooltip.phoenix-tooltip-placement-bottom .phoenix-tooltip-arrow {
  left: 50%;
}

.phoenix-tooltip.phoenix-tooltip-placement-bottomLeft .phoenix-tooltip-arrow {
  left: 15%;
}

.phoenix-tooltip.phoenix-tooltip-placement-bottomRight .phoenix-tooltip-arrow {
  right: calc(15% - 5px);
}

.phoenix-tooltip.phoenix-tooltip-zoom-enter, .phoenix-tooltip.phoenix-tooltip-zoom-leave {
  display: block;
}

.phoenix-tooltip.phoenix-tooltip-zoom-enter, .phoenix-tooltip.phoenix-tooltip-zoom-appear {
  opacity: 0;
  animation-duration: 0.1s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  animation-play-state: paused;
}

.phoenix-tooltip.phoenix-tooltip-zoom-leave {
  animation-duration: 0.1s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
  animation-play-state: paused;
}

.phoenix-tooltip.phoenix-tooltip-zoom-enter.phoenix-tooltip-zoom-enter-active, .phoenix-tooltip.phoenix-tooltip-zoom-appear.phoenix-tooltip-zoom-appear-active {
  animation-name: rcToolTipZoomIn;
  animation-play-state: running;
}

.phoenix-tooltip.phoenix-tooltip-zoom-leave.phoenix-tooltip-zoom-leave-active {
  animation-name: rcToolTipZoomOut;
  animation-play-state: running;
}
.phoenix-button {
  display: inline-block;
}

.phoenix-button__wraper {
  font-family: "PingFang SC", "Hiragino Sans GB", STHeitiSC, Helvetica, "Helvetica Neue", "Microsoft YaHei", Tahoma;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  max-width: inherit;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
  border-radius: 3px;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  outline: none;
}

.phoenix-button__wraper--primary {
  color: RGB(var(--skin-css-var-M9));
  border: 1px solid transparent;
  background-color: RGB(var(--skin-css-var-S3));
}

.phoenix-button__wraper--primary:hover {
  background-color: RGB(var(--skin-css-var-S4));
}

.phoenix-button__wraper--primary:active {
  background-color: RGB(var(--skin-css-var-S2));
}

.phoenix-button__wraper--secondary {
  color: RGB(var(--skin-css-var-S2));
  border: 1px solid RGB(var(--skin-css-var-S5));
  background-color: RGB(var(--skin-css-var-M9));
}

.phoenix-button__wraper--secondary .phoenix-button__suffixIcon {
  color: RGB(var(--skin-css-var-S3));
}

.phoenix-button__wraper--secondary .phoenix-button__preIcon {
  color: RGB(var(--skin-css-var-S3));
}

.phoenix-button__wraper--secondary:hover {
  color: RGB(var(--skin-css-var-S3));
  background-color: RGBA(var(--skin-css-var-S5), 0.1);
}

.phoenix-button__wraper--secondary:hover .phoenix-button__suffixIcon {
  color: RGB(var(--skin-css-var-S2));
}

.phoenix-button__wraper--secondary:hover .phoenix-button__preIcon {
  color: RGB(var(--skin-css-var-S2));
}

.phoenix-button__wraper--secondary:active {
  color: RGB(var(--skin-css-var-S2));
  background-color: RGBA(var(--skin-css-var-S5), 0.2);
  border: 1px solid RGB(var(--skin-css-var-S5));
}

.phoenix-button__wraper--secondary:active .phoenix-button__suffixIcon {
  color: RGB(var(--skin-css-var-S3));
}

.phoenix-button__wraper--secondary:active .phoenix-button__preIcon {
  color: RGB(var(--skin-css-var-S3));
}

.phoenix-button__wraper--normal {
  color: RGB(var(--skin-css-var-M2));
  border: 1px solid RGB(var(--skin-css-var-M6));
  background-color: RGB(var(--skin-css-var-M9));
}

.phoenix-button__wraper--normal .phoenix-button__suffixIcon {
  color: RGB(var(--skin-css-var-M4));
}

.phoenix-button__wraper--normal .phoenix-button__preIcon {
  color: RGB(var(--skin-css-var-M4));
}

.phoenix-button__wraper--normal:hover {
  color: RGB(var(--skin-css-var-S2));
  border: 1px solid RGB(var(--skin-css-var-S5));
  background-color: RGBA(var(--skin-css-var-S5), 0.1);
}

.phoenix-button__wraper--normal:hover .phoenix-button__suffixIcon {
  color: RGB(var(--skin-css-var-S2));
}

.phoenix-button__wraper--normal:hover .phoenix-button__preIcon {
  color: RGB(var(--skin-css-var-S2));
}

.phoenix-button__wraper--normal:active {
  color: RGB(var(--skin-css-var-S2));
  border: 1px solid RGB(var(--skin-css-var-S5));
  background-color: RGBA(var(--skin-css-var-S5), 0.2);
}

.phoenix-button__wraper--normal:active .phoenix-button__suffixIcon {
  color: RGB(var(--skin-css-var-S3));
}

.phoenix-button__wraper--normal:active .phoenix-button__preIcon {
  color: RGB(var(--skin-css-var-S3));
}

.phoenix-button__wraper--super {
  min-width: 96px;
  height: 40px;
  padding: 0 30px 0 30px;
  font-size: 18px;
  line-height: 26px;
}

.phoenix-button__wraper--big {
  min-width: 60px;
  height: 32px;
  padding: 0 16px 0 16px;
  font-size: 14px;
}

.phoenix-button__wraper--middle {
  min-width: 48px;
  height: 30px;
  padding: 0 12px 0 12px;
  font-size: 12px;
  line-height: 20px;
}

.phoenix-button__wraper--small {
  min-width: 44px;
  height: 26px;
  padding: 0 10px 0 10px;
  font-size: 12px;
  line-height: 20px;
}

.phoenix-button__wraper--primaryDisable {
  cursor: not-allowed;
  background-color: RGBA(var(--skin-css-var-S3), 0.5);
}

.phoenix-button__wraper--primaryDisable:hover {
  background-color: RGBA(var(--skin-css-var-S3), 0.5);
}

.phoenix-button__wraper--primaryDisable:active {
  background-color: RGBA(var(--skin-css-var-S3), 0.5);
}

.phoenix-button__wraper--primaryLoading {
  background-color: RGBA(var(--skin-css-var-S3), 0.5);
}

.phoenix-button__wraper--primaryLoading:hover {
  background-color: RGBA(var(--skin-css-var-S3), 0.5);
}

.phoenix-button__wraper--primaryLoading:active {
  background-color: RGBA(var(--skin-css-var-S3), 0.5);
}

.phoenix-button__wraper--secondaryLoading {
  color: RGBA(var(--skin-css-var-S2), 0.5);
  background-color: RGB(var(--skin-css-var-M9));
  border: 1px solid RGBA(var(--skin-css-var-S5), 0.5);
}

.phoenix-button__wraper--secondaryLoading svg {
  color: RGBA(var(--skin-css-var-S3), 0.9);
}

.phoenix-button__wraper--secondaryLoading:hover {
  color: RGBA(var(--skin-css-var-S2), 0.5);
  background-color: RGB(var(--skin-css-var-M9));
  border: 1px solid RGBA(var(--skin-css-var-S4), 0.5);
}

.phoenix-button__wraper--secondaryLoading:active {
  color: RGBA(var(--skin-css-var-S2), 0.5);
  background-color: RGB(var(--skin-css-var-M9));
  border: 1px solid RGBA(var(--skin-css-var-S4), 0.5);
}

.phoenix-button__wraper--secondaryDisable {
  color: RGBA(var(--skin-css-var-S2), 0.5);
  background-color: RGB(var(--skin-css-var-M9));
  border: 1px solid RGBA(var(--skin-css-var-S5), 0.5);
  cursor: not-allowed;
}

.phoenix-button__wraper--secondaryDisable .phoenix-button__suffixIcon {
  color: RGBA(var(--skin-css-var-S3), 0.5);
}

.phoenix-button__wraper--secondaryDisable .phoenix-button__preIcon {
  color: RGBA(var(--skin-css-var-S3), 0.5);
}

.phoenix-button__wraper--secondaryDisable:hover {
  color: RGBA(var(--skin-css-var-S2), 0.5);
  background-color: RGB(var(--skin-css-var-M9));
  border: 1px solid RGBA(var(--skin-css-var-S4), 0.5);
}

.phoenix-button__wraper--secondaryDisable:hover .phoenix-button__suffixIcon {
  color: RGBA(var(--skin-css-var-S3), 0.5);
}

.phoenix-button__wraper--secondaryDisable:hover .phoenix-button__preIcon {
  color: RGBA(var(--skin-css-var-S3), 0.5);
}

.phoenix-button__wraper--secondaryDisable:active {
  color: RGBA(var(--skin-css-var-S2), 0.5);
  background-color: RGB(var(--skin-css-var-M9));
  border: 1px solid RGBA(var(--skin-css-var-S4), 0.5);
}

.phoenix-button__wraper--secondaryDisable:active .phoenix-button__suffixIcon {
  color: RGBA(var(--skin-css-var-S3), 0.5);
}

.phoenix-button__wraper--secondaryDisable:active .phoenix-button__preIcon {
  color: RGBA(var(--skin-css-var-S3), 0.5);
}

.phoenix-button__wraper--normalLoading {
  color: RGB(var(--skin-css-var-M5));
  background-color: RGBA(var(--skin-css-var-M6), 0.3);
  border: 1px solid RGB(var(--skin-css-var-M6));
}

.phoenix-button__wraper--normalLoading svg {
  color: RGBA(var(--skin-css-var-M4), 0.9);
}

.phoenix-button__wraper--normalLoading:hover {
  color: RGB(var(--skin-css-var-M5));
  background-color: RGBA(var(--skin-css-var-M6), 0.3);
  border: 1px solid RGB(var(--skin-css-var-M6));
}

.phoenix-button__wraper--normalLoading:active {
  color: RGB(var(--skin-css-var-M5));
  background-color: RGBA(var(--skin-css-var-M6), 0.3);
  border: 1px solid RGB(var(--skin-css-var-M6));
}

.phoenix-button__wraper--normalDisable {
  color: RGB(var(--skin-css-var-M5));
  background-color: RGBA(var(--skin-css-var-M6), 0.3);
  border: 1px solid RGB(var(--skin-css-var-M6));
  cursor: not-allowed;
}

.phoenix-button__wraper--normalDisable:hover, .phoenix-button__wraper--normalDisable:active {
  color: RGB(var(--skin-css-var-M5));
  background-color: RGBA(var(--skin-css-var-M6), 0.3);
  border: 1px solid RGB(var(--skin-css-var-M6));
}

.phoenix-button__wraper--normalDisable:hover .phoenix-button__suffixIcon, .phoenix-button__wraper--normalDisable:active .phoenix-button__suffixIcon {
  color: RGB(var(--skin-css-var-M4));
}

.phoenix-button__wraper--normalDisable:hover .phoenix-button__preIcon, .phoenix-button__wraper--normalDisable:active .phoenix-button__preIcon {
  color: RGB(var(--skin-css-var-M4));
}

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

.phoenix-button__loading {
  margin-right: 4px;
}

.phoenix-button__preIcon {
  align-items: center;
  margin-right: 4px;
  width: auto;
  line-height: 0;
  font-size: 0;
}

.phoenix-button__preIcon svg {
  vertical-align: middle;
  width: 14px;
  height: 14px;
}

.phoenix-button__suffixIcon {
  align-items: center;
  margin-left: 4px;
  width: auto;
  line-height: 0;
}

.phoenix-button__suffixIcon svg {
  vertical-align: middle;
  width: 12px;
  height: 12px;
}
.phoenix-button-group {
  font-family: "PingFang SC", "Hiragino Sans GB", STHeitiSC, Helvetica, "Helvetica Neue", "Microsoft YaHei", Tahoma;
  position: relative;
  display: inline-block;
}

.phoenix-button-group__item {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
  float: left;
  min-width: 56px;
  margin-left: -1px;
  font-size: 12px;
  line-height: 20px;
  z-index: 0;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.phoenix-button-group__item.active {
  z-index: 1;
}

.phoenix-button-group__item.big {
  padding-left: 12px;
  padding-right: 12px;
  height: 30px;
}

.phoenix-button-group__item.small {
  padding-left: 10px;
  padding-right: 10px;
  height: 26px;
}

.phoenix-button-group__item.primary {
  color: #106ecc;
  border: 1px solid #5cadff;
  background-color: white;
}

.phoenix-button-group__item.primary:hover {
  color: #106ecc;
  border: 1px solid #5cadff;
  background-color: rgba(133, 194, 255, 0.1);
}

.phoenix-button-group__item.primary.disable {
  color: rgba(16, 110, 204, 0.5);
  border: 1px solid #5cadff;
  background-color: rgba(255, 255, 255, 0.5);
  cursor: not-allowed;
}

.phoenix-button-group__item.primary.disable:hover {
  color: rgba(16, 110, 204, 0.5);
  border: 1px solid #5cadff;
  background-color: rgba(255, 255, 255, 0.5);
}

.phoenix-button-group__item.primary.active {
  color: white;
  border: 1px solid #1d86f0;
  background-color: #1d86f0;
}

.phoenix-button-group__item.primary.active:hover {
  color: white;
  border: 1px solid #5cadff;
  background-color: #5cadff;
  z-index: 2;
}

.phoenix-button-group__item.primary.active.disable {
  color: white;
  border: 1px solid #5cadff;
  background-color: rgba(29, 134, 240, 0.5);
  cursor: not-allowed;
}

.phoenix-button-group__item.primary.active.disable:hover {
  color: white;
  border: 1px solid #5cadff;
  background-color: rgba(29, 134, 240, 0.5);
}

.phoenix-button-group__item.secondary {
  color: #33383d;
  border: 1px solid #bfc3c7;
  background-color: white;
}

.phoenix-button-group__item.secondary:hover {
  color: #106ecc;
  border: 1px solid #bfc3c7;
  background-color: white;
}

.phoenix-button-group__item.secondary.disable {
  color: #bfc3c7;
  border: 1px solid #bfc3c7;
  background-color: rgba(230, 232, 235, 0.3);
  cursor: not-allowed;
}

.phoenix-button-group__item.secondary.disable:hover {
  color: #bfc3c7;
  border: 1px solid #bfc3c7;
  background-color: rgba(230, 232, 235, 0.3);
}

.phoenix-button-group__item.secondary.active {
  color: #106ecc;
  border: 1px solid #5cadff;
  background-color: white;
}

.phoenix-button-group__item.secondary.active:hover {
  color: #106ecc;
  border: 1px solid #5cadff;
  background-color: rgba(133, 194, 255, 0.1);
  z-index: 2;
}

.phoenix-button-group__item.secondary.active.disable {
  color: rgba(16, 110, 204, 0.5);
  border: 1px solid #5cadff;
  background-color: white;
  cursor: not-allowed;
}

.phoenix-button-group__item.secondary.active.disable:hover {
  color: rgba(16, 110, 204, 0.5);
  border: 1px solid #5cadff;
  background-color: white;
}

.phoenix-button-group__item:first-child {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  margin-left: 0px;
}

.phoenix-button-group__item:last-child {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.phoenix-button-group__item:active:first-child {
  margin-left: 0px;
}
.phoenix-icon-button {
  font-family: "PingFang SC", "Hiragino Sans GB", STHeitiSC, Helvetica, "Helvetica Neue", "Microsoft YaHei", Tahoma;
  box-sizing: border-box;
  display: inline-flex;
  border-radius: 3px;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  width: 24px;
  height: 24px;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.phoenix-icon-button svg {
  pointer-events: none;
}

.phoenix-icon-button.primary {
  color: #1d86f0;
  border: none;
}

.phoenix-icon-button.primary:hover {
  color: #5cadff;
}

.phoenix-icon-button.primary:active {
  color: #106ecc;
}

.phoenix-icon-button.primary.disable {
  cursor: not-allowed;
  color: rgba(29, 134, 240, 0.5);
}

.phoenix-icon-button.primary.loading {
  color: rgba(29, 134, 240, 0.9);
}

.phoenix-icon-button.primary.loading:active, .phoenix-icon-button.primary.loading:hover {
  color: rgba(29, 134, 240, 0.9);
}

.phoenix-icon-button.primary.border {
  border: none;
  color: white;
  background-color: #1d86f0;
  width: 30px;
  height: 30px;
}

.phoenix-icon-button.primary.border:hover {
  background-color: #5cadff;
}

.phoenix-icon-button.primary.border:active {
  background-color: #106ecc;
}

.phoenix-icon-button.primary.border.disable {
  background-color: rgba(29, 134, 240, 0.5);
  cursor: not-allowed;
}

.phoenix-icon-button.primary.border.disable:hover {
  background-color: rgba(29, 134, 240, 0.5);
}

.phoenix-icon-button.primary.border.disable:active {
  background-color: rgba(29, 134, 240, 0.5);
}

.phoenix-icon-button.primary.border.loading {
  background-color: rgba(29, 134, 240, 0.5);
}

.phoenix-icon-button.primary.border.loading:hover {
  background-color: rgba(29, 134, 240, 0.5);
}

.phoenix-icon-button.primary.border.loading:active {
  background-color: rgba(29, 134, 240, 0.5);
}

.phoenix-icon-button.secondary {
  color: #83898f;
  border: none;
  background-color: white;
}

.phoenix-icon-button.secondary:hover {
  color: #5cadff;
}

.phoenix-icon-button.secondary:active {
  color: #106ecc;
}

.phoenix-icon-button.secondary.disable {
  color: #bfc3c7;
  cursor: not-allowed;
}

.phoenix-icon-button.secondary.loading {
  color: #83898f;
}

.phoenix-icon-button.secondary.border {
  width: 30px;
  height: 30px;
  background-color: white;
  border: 1px solid #85c2ff;
  color: #1d86f0;
}

.phoenix-icon-button.secondary.border:hover {
  background-color: rgba(133, 194, 255, 0.1);
}

.phoenix-icon-button.secondary.border:active {
  background-color: rgba(133, 194, 255, 0.2);
}

.phoenix-icon-button.secondary.border.disable {
  cursor: not-allowed;
  background-color: white;
  border: 1px solid rgba(133, 194, 255, 0.5);
  color: rgba(29, 134, 240, 0.5);
}

.phoenix-icon-button.secondary.border.disable:hover {
  background-color: white;
  border: 1px solid rgba(133, 194, 255, 0.5);
  color: rgba(29, 134, 240, 0.5);
}

.phoenix-icon-button.secondary.border.disable:active {
  background-color: white;
  border: 1px solid rgba(133, 194, 255, 0.5);
  color: rgba(29, 134, 240, 0.5);
}

.phoenix-icon-button.secondary.border.loading {
  background-color: white;
  border: 1px solid #85c2ff;
  color: #1d86f0;
}

.phoenix-icon-button.secondary.border.loading:hover {
  background-color: white;
  border: 1px solid #85c2ff;
  color: #1d86f0;
}

.phoenix-icon-button.secondary.border.loading:active {
  background-color: white;
  border: 1px solid #85c2ff;
  color: #1d86f0;
}

.phoenix-icon-button.normal {
  border: none;
  background-color: white;
  color: #83898f;
}

.phoenix-icon-button.normal:hover {
  color: #5cadff;
}

.phoenix-icon-button.normal:active {
  color: #106ecc;
}

.phoenix-icon-button.normal.disable {
  cursor: not-allowed;
  color: #bfc3c7;
}

.phoenix-icon-button.normal.loading:hover {
  color: #83898f;
  background-color: rgba(230, 232, 235, 0.3);
}

.phoenix-icon-button.normal.loading:active {
  color: #83898f;
  background-color: rgba(230, 232, 235, 0.3);
}

.phoenix-icon-button.normal.border {
  width: 30px;
  height: 30px;
  background-color: white;
  border: 1px solid #e6e8eb;
}

.phoenix-icon-button.normal.border:hover, .phoenix-icon-button.normal.border:active {
  border-color: #85c2ff;
  color: #1d86f0;
  background-color: rgba(133, 194, 255, 0.1);
}

.phoenix-icon-button.normal.border:active {
  background-color: rgba(133, 194, 255, 0.2);
}

.phoenix-icon-button.normal.border.disable {
  color: rgba(191, 195, 199, 0.7);
  cursor: not-allowed;
  background-color: rgba(230, 232, 235, 0.3);
  border-color: #e6e8eb;
}

.phoenix-icon-button.normal.border.loading {
  color: rgba(131, 137, 143, 0.9);
  border: 1px solid #e6e8eb;
  background-color: rgba(230, 232, 235, 0.3);
}

.phoenix-icon-button.normal.border.loading:hover, .phoenix-icon-button.normal.border.loading:active {
  border: 1px solid #e6e8eb;
}
.phoenix-icon-button-group {
  font-family: "PingFang SC", "Hiragino Sans GB", STHeitiSC, Helvetica, "Helvetica Neue", "Microsoft YaHei", Tahoma;
  position: relative;
  display: inline-block;
}

.phoenix-icon-button-group__item {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #bfc3c7;
  width: 30px;
  height: 30px;
  background: white;
  border: 1px solid #e6e8eb;
  border-right: 0px;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.phoenix-icon-button-group__item:hover {
  background: rgba(133, 194, 255, 0.1);
  color: #1d86f0;
}

.phoenix-icon-button-group__item:active {
  background: rgba(133, 194, 255, 0.2);
  color: #1d86f0;
}

.phoenix-icon-button-group__item:first-child {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

.phoenix-icon-button-group__item:last-child {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border: 1px solid #e6e8eb;
}

.phoenix-icon-button-group__item.active {
  background: rgba(133, 194, 255, 0.2);
  color: #1d86f0;
}

.phoenix-icon-button-group__item--disable {
  cursor: not-allowed;
  color: rgba(191, 195, 199, 0.7);
  background-color: rgba(230, 232, 235, 0.3);
}

.phoenix-icon-button-group__item--disable.active {
  color: rgba(29, 134, 240, 0.5);
}

.phoenix-icon-button-group__item--disable.active:hover {
  color: rgba(29, 134, 240, 0.5);
  background: rgba(133, 194, 255, 0.2);
}

.phoenix-icon-button-group__item--disable:hover {
  color: rgba(191, 195, 199, 0.7);
  background-color: rgba(230, 232, 235, 0.3);
}
.phoenix-text-button {
  font-family: "PingFang SC", "Hiragino Sans GB", STHeitiSC, Helvetica, "Helvetica Neue", "Microsoft YaHei", Tahoma;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.phoenix-text-button--big .phoenix-text-button__textWraper {
  font-size: 14px;
  line-height: 22px;
}

.phoenix-text-button--small .phoenix-text-button__textWraper {
  font-size: 12px;
  line-height: 20px;
}

.phoenix-text-button--primary {
  color: #106ecc;
}

.phoenix-text-button--primary .phoenix-text-button__suffixIcon {
  color: #1d86f0;
}

.phoenix-text-button--primary .phoenix-text-button__preIcon {
  color: #1d86f0;
}

.phoenix-text-button--primary:hover {
  color: #1d86f0;
}

.phoenix-text-button--primary:hover .phoenix-text-button__suffixIcon {
  color: #106ecc;
}

.phoenix-text-button--primary:hover .phoenix-text-button__preIcon {
  color: #106ecc;
}

.phoenix-text-button--primary:active, .phoenix-text-button--primary.active {
  color: #106ecc;
}

.phoenix-text-button--primary:active .phoenix-text-button__suffixIcon, .phoenix-text-button--primary.active .phoenix-text-button__suffixIcon {
  color: #1d86f0;
}

.phoenix-text-button--primary:active .phoenix-text-button__preIcon, .phoenix-text-button--primary.active .phoenix-text-button__preIcon {
  color: #1d86f0;
}

.phoenix-text-button--secondary {
  color: #33383d;
}

.phoenix-text-button--secondary .phoenix-text-button__suffixIcon, .phoenix-text-button--secondary .phoenix-text-button__preIcon {
  color: #83898f;
}

.phoenix-text-button--secondary:hover {
  color: #1d86f0;
}

.phoenix-text-button--secondary:hover .phoenix-text-button__suffixIcon, .phoenix-text-button--secondary:hover .phoenix-text-button__preIcon {
  color: #106ecc;
}

.phoenix-text-button--secondary:active, .phoenix-text-button--secondary.active {
  color: #106ecc;
}

.phoenix-text-button--secondary:active .phoenix-text-button__suffixIcon, .phoenix-text-button--secondary:active .phoenix-text-button__preIcon, .phoenix-text-button--secondary.active .phoenix-text-button__suffixIcon, .phoenix-text-button--secondary.active .phoenix-text-button__preIcon {
  color: #1d86f0;
}

.phoenix-text-button--primaryDisable {
  cursor: not-allowed;
  color: rgba(16, 110, 204, 0.5);
}

.phoenix-text-button--primaryDisable .phoenix-text-button__suffixIcon {
  color: rgba(29, 134, 240, 0.5);
}

.phoenix-text-button--primaryDisable .phoenix-text-button__preIcon {
  color: rgba(29, 134, 240, 0.5);
}

.phoenix-text-button--primaryDisable:hover, .phoenix-text-button--primaryDisable:active, .phoenix-text-button--primaryDisable.active {
  color: rgba(16, 110, 204, 0.5);
}

.phoenix-text-button--primaryDisable:hover .phoenix-text-button__suffixIcon, .phoenix-text-button--primaryDisable:active .phoenix-text-button__suffixIcon, .phoenix-text-button--primaryDisable.active .phoenix-text-button__suffixIcon {
  color: rgba(29, 134, 240, 0.5);
}

.phoenix-text-button--primaryDisable:hover .phoenix-text-button__preIcon, .phoenix-text-button--primaryDisable:active .phoenix-text-button__preIcon, .phoenix-text-button--primaryDisable.active .phoenix-text-button__preIcon {
  color: rgba(29, 134, 240, 0.5);
}

.phoenix-text-button--primaryLoading {
  color: rgba(16, 110, 204, 0.5);
}

.phoenix-text-button--primaryLoading:hover, .phoenix-text-button--primaryLoading:active, .phoenix-text-button--primaryLoading.active {
  color: rgba(16, 110, 204, 0.5);
}

.phoenix-text-button--primaryLoading .phoenix-text-button__preIcon--hasLoading, .phoenix-text-button--primaryLoading:hover .phoenix-text-button__preIcon--hasLoading {
  color: rgba(29, 134, 240, 0.9);
}

.phoenix-text-button--secondaryDisable {
  color: #bfc3c7;
  cursor: not-allowed;
}

.phoenix-text-button--secondaryDisable .phoenix-text-button__suffixIcon, .phoenix-text-button--secondaryDisable .phoenix-text-button__preIcon {
  color: #bfc3c7;
}

.phoenix-text-button--secondaryDisable:hover, .phoenix-text-button--secondaryDisable:active, .phoenix-text-button--secondaryDisable.active {
  color: #bfc3c7;
}

.phoenix-text-button--secondaryDisable:hover .phoenix-text-button__suffixIcon, .phoenix-text-button--secondaryDisable:hover .phoenix-text-button__preIcon, .phoenix-text-button--secondaryDisable:active .phoenix-text-button__suffixIcon, .phoenix-text-button--secondaryDisable:active .phoenix-text-button__preIcon, .phoenix-text-button--secondaryDisable.active .phoenix-text-button__suffixIcon, .phoenix-text-button--secondaryDisable.active .phoenix-text-button__preIcon {
  color: #bfc3c7;
}

.phoenix-text-button--secondaryLoading {
  color: #bfc3c7;
}

.phoenix-text-button--secondaryLoading:hover, .phoenix-text-button--secondaryLoading:active, .phoenix-text-button--secondaryLoading.active {
  color: #bfc3c7;
}

.phoenix-text-button--secondaryLoading .phoenix-text-button__preIcon--hasLoading, .phoenix-text-button--secondaryLoading:hover .phoenix-text-button__preIcon--hasLoading {
  color: rgba(131, 137, 143, 0.9);
}

.phoenix-text-button__preIcon {
  align-items: center;
  margin-right: 4px;
  line-height: 0;
}

.phoenix-text-button__preIcon--hasIcon, .phoenix-text-button__preIcon--loading {
  margin-right: 4px;
}

.phoenix-text-button__preIcon--hasIcon {
  width: auto;
  height: 18px;
}

.phoenix-text-button__preIcon--hasIcon svg {
  width: 18px;
  height: 18px;
}

.phoenix-text-button__preIcon--hasLoading {
  width: auto;
}

.phoenix-text-button__preIcon--hasLoading svg {
  width: 14px;
  height: 14px;
}

.phoenix-text-button__suffixIcon {
  align-items: center;
  margin-left: 4px;
  width: auto;
  line-height: 0;
}

.phoenix-text-button__suffixIcon svg {
  width: 12px;
  height: 12px;
}

.phoenix-text-button__textWraper {
  display: inline-block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 80px;
}
:root {
    --skin-css-var-S1: 0, 79, 158;
    --skin-css-var-S2: 16, 110, 204;
    --skin-css-var-S3: 29, 134, 240;
    --skin-css-var-S4: 92, 173, 255;
    --skin-css-var-S5: 133, 194, 255;
    --skin-css-var-S6: 194, 224, 255;
    --skin-css-var-M1: 14, 17, 20;
    --skin-css-var-M2: 51, 56, 61;
    --skin-css-var-M3: 86, 94, 102;
    --skin-css-var-M4: 131, 137, 143;
    --skin-css-var-M5: 191, 195, 199;
    --skin-css-var-M6: 230, 232, 235;
    --skin-css-var-M7: 240, 242, 245;
    --skin-css-var-M8: 250, 251, 252;
    --skin-css-var-M9: 255, 255, 255;
    --skin-css-var-M10: 0, 0, 0;
}.phoenix-popconfirm {
  background-color: #fff;
  display: flex;
  flex-direction: column;
  position: relative;
  box-sizing: border-box;
  min-width: 260px;
  max-width: 340px;
  max-height: 220px;
  padding: 12px 0px 10px 16px;
  box-sizing: border-box;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.08);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

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

.phoenix-popconfirm__contentScrollWrapper {
  display: block;
  max-height: 162px;
  text-align: justify;
  padding-right: 16px;
  overflow-x: hidden;
  overflow-y: auto;
}

.phoenix-popconfirm__contentScrollWrapper::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

.phoenix-popconfirm__contentScrollWrapper::-webkit-scrollbar-track {
  border-radius: 100px;
  background-color: transparent;
}

.phoenix-popconfirm__contentScrollWrapper::-webkit-scrollbar-thumb {
  border: 2px solid transparent;
  border-radius: 100px;
  background-color: rgba(14, 17, 20, 0.1);
  background-clip: content-box;
}

.phoenix-popconfirm__contentScrollWrapper::-webkit-scrollbar-thumb:hover {
  background-color: rgba(14, 17, 20, 0.3);
}

.phoenix-popconfirm__content {
  position: relative;
  padding-left: calc(18px + 4px);
  font-family: "PingFang SC", "Hiragino Sans GB", STHeitiSC, Helvetica, "Helvetica Neue", "Microsoft YaHei", Tahoma;
  overflow: hidden;
}

.phoenix-popconfirm__messageIcon {
  display: inline-block;
  width: 18px;
  height: 18px;
  position: absolute;
  top: 1px;
  left: 0;
}

.phoenix-popconfirm__message {
  display: block;
  font-weight: 600;
  font-size: 14px;
  line-height: 22px;
  color: #0e1114;
  word-break: break-all;
}

.phoenix-popconfirm__description {
  display: block;
  margin-top: 4px;
  font-size: 12px;
  line-height: 20px;
  color: #33383d;
}

.phoenix-popconfirm__description a {
  text-decoration: none;
}

.phoenix-popconfirm__footer {
  flex-shrink: 0;
  margin-top: 10px;
  margin-right: 16px;
  text-align: right;
}

.phoenix-popconfirm__footerButton {
  display: inline-block;
  margin-right: 8px;
}

.phoenix-popconfirm__footerButton:nth-last-child(1) {
  margin-right: 0;
}
/**
 * file: styled.scss
 * author: huangxiaolong@beisen.com
 * date: 2019/6/27
 */
@-webkit-keyframes rcToolTipZoomIn {
  0% {
    opacity: 0;
    transform: scale(0.2);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@-moz-keyframes rcToolTipZoomIn {
  0% {
    opacity: 0;
    transform: scale(0.2);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@-o-keyframes rcToolTipZoomIn {
  0% {
    opacity: 0;
    transform: scale(0.2);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes rcToolTipZoomIn {
  0% {
    opacity: 0;
    transform: scale(0.2);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@-webkit-keyframes rcToolTipZoomOut {
  0% {
    transform: scale(1);
  }

  100% {
    opacity: 0;
    transform: scale(0.2);
  }
}

@-moz-keyframes rcToolTipZoomOut {
  0% {
    transform: scale(1);
  }

  100% {
    opacity: 0;
    transform: scale(0.2);
  }
}

@-o-keyframes rcToolTipZoomOut {
  0% {
    transform: scale(1);
  }

  100% {
    opacity: 0;
    transform: scale(0.2);
  }
}

@keyframes rcToolTipZoomOut {
  0% {
    transform: scale(1);
  }

  100% {
    opacity: 0;
    transform: scale(0.2);
  }
}

.phoenix-popover {
  position: absolute;
  z-index: 1300;
  display: block;
  visibility: visible;
  font-size: 12px;
  line-height: 20px;
  font-family: "PingFang SC", "Hiragino Sans GB", STHeitiSC, Helvetica, "Helvetica Neue", "Microsoft YaHei", Tahoma;
}

.phoenix-popover.phoenix-popover-hidden {
  display: none;
}

.phoenix-popover.phoenix-popover-placement-top, .phoenix-popover.phoenix-popover-placement-topLeft, .phoenix-popover.phoenix-popover-placement-topRight {
  padding: 5px 0 7px 0;
}

.phoenix-popover.phoenix-popover-placement-right, .phoenix-popover.phoenix-popover-placement-rightTop, .phoenix-popover.phoenix-popover-placement-rightBottom {
  padding: 0 5px 0 7px;
}

.phoenix-popover.phoenix-popover-placement-bottom, .phoenix-popover.phoenix-popover-placement-bottomLeft, .phoenix-popover.phoenix-popover-placement-bottomRight {
  padding: 7px 0 5px 0;
}

.phoenix-popover.phoenix-popover-placement-left, .phoenix-popover.phoenix-popover-placement-leftTop, .phoenix-popover.phoenix-popover-placement-leftBottom {
  padding: 0 7px 0 5px;
}

.phoenix-popover .phoenix-popover-inner {
  padding: 12px 16px;
  text-align: left;
  color: inherit;
  text-decoration: none;
  background-color: #fff;
  border-radius: 3px;
  box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.1);
}

.phoenix-popover .phoenix-popover-inner .content-box {
  min-width: 260px;
  max-width: 520px;
  max-height: 400px;
  overflow: auto;
  font-size: 12px;
  line-height: 20px;
}

.phoenix-popover .phoenix-popover-arrow {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  background: #fff;
  border-width: 5px;
  border-style: solid;
  transform: rotate(45deg);
}

.phoenix-popover.phoenix-popover-placement-top .phoenix-popover-arrow,
  .phoenix-popover.phoenix-popover-placement-topLeft .phoenix-popover-arrow,
  .phoenix-popover.phoenix-popover-placement-topRight .phoenix-popover-arrow {
  bottom: 2px;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
}

.phoenix-popover.phoenix-popover-placement-top .phoenix-popover-arrow {
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
}

.phoenix-popover.phoenix-popover-placement-topLeft .phoenix-popover-arrow {
  left: calc(15% - 5px);
}

.phoenix-popover.phoenix-popover-placement-topRight .phoenix-popover-arrow {
  right: calc(15% - 5px);
}

.phoenix-popover.phoenix-popover-placement-right .phoenix-popover-arrow,
  .phoenix-popover.phoenix-popover-placement-rightTop .phoenix-popover-arrow,
  .phoenix-popover.phoenix-popover-placement-rightBottom .phoenix-popover-arrow {
  left: 2px;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
  box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);
}

.phoenix-popover.phoenix-popover-placement-right .phoenix-popover-arrow {
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
}

.phoenix-popover.phoenix-popover-placement-rightTop .phoenix-popover-arrow {
  top: calc(25% - 5px);
  margin-top: 0;
}

.phoenix-popover.phoenix-popover-placement-rightBottom .phoenix-popover-arrow {
  bottom: 15%;
}

.phoenix-popover.phoenix-popover-placement-left .phoenix-popover-arrow,
  .phoenix-popover.phoenix-popover-placement-leftTop .phoenix-popover-arrow,
  .phoenix-popover.phoenix-popover-placement-leftBottom .phoenix-popover-arrow {
  right: 2px;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
  box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);
}

.phoenix-popover.phoenix-popover-placement-left .phoenix-popover-arrow {
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
}

.phoenix-popover.phoenix-popover-placement-leftTop .phoenix-popover-arrow {
  top: calc(25% - 5px);
  margin-top: 0;
}

.phoenix-popover.phoenix-popover-placement-leftBottom .phoenix-popover-arrow {
  bottom: 15%;
}

.phoenix-popover.phoenix-popover-placement-bottom .phoenix-popover-arrow,
  .phoenix-popover.phoenix-popover-placement-bottomLeft .phoenix-popover-arrow,
  .phoenix-popover.phoenix-popover-placement-bottomRight .phoenix-popover-arrow {
  top: 2px;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
  box-shadow: -3px -3px 7px rgba(0, 0, 0, 0.07);
}

.phoenix-popover.phoenix-popover-placement-bottom .phoenix-popover-arrow {
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
}

.phoenix-popover.phoenix-popover-placement-bottomLeft .phoenix-popover-arrow {
  left: calc(15% - 5px);
}

.phoenix-popover.phoenix-popover-placement-bottomRight .phoenix-popover-arrow {
  right: calc(15% - 5px);
}

.phoenix-popover.phoenix-popover-zoom-enter, .phoenix-popover.phoenix-popover-zoom-leave {
  display: block;
}

.phoenix-popover.phoenix-popover-zoom-enter, .phoenix-popover.phoenix-popover-zoom-appear {
  opacity: 0;
  animation-duration: 0.1s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  animation-play-state: paused;
}

.phoenix-popover.phoenix-popover-zoom-leave {
  animation-duration: 0.1s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
  animation-play-state: paused;
}

.phoenix-popover.phoenix-popover-zoom-enter.phoenix-popover-zoom-enter-active, .phoenix-popover.phoenix-popover-zoom-appear.phoenix-popover-zoom-appear-active {
  animation-name: rcToolTipZoomIn;
  animation-play-state: running;
}

.phoenix-popover.phoenix-popover-zoom-leave.phoenix-popover-zoom-leave-active {
  animation-name: rcToolTipZoomOut;
  animation-play-state: running;
}

.phoenix-popover.phoenix-popover-clearPadding .phoenix-popover-inner {
  padding: 0;
}
.phoenix-popconfirm__arrow {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  background: #fff;
  z-index: 30000;
  border-width: 5px;
  border-style: solid;
  transform: rotate(45deg);
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
}

.phoenix-popconfirm__arrow--top {
  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
}

.phoenix-popconfirm__arrow--bottom {
  box-shadow: -3px -3px 7px rgba(0, 0, 0, 0.07);
}

.phoenix-popconfirm__arrow--left {
  box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);
}

.phoenix-popconfirm__arrow--right {
  box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);
}
.column-setting-container {
  padding: 24px 6%;
}

.phoenix-table {
  border-radius: var(--table-border-radius-top, 0) var(--table-border-radius-top, 0) 0 0;
  position: relative;
  display: flex;
  overflow: hidden;
  max-width: 100%;
  flex-direction: column;
  font-family: "PingFang SC", "Hiragino Sans GB", STHeitiSC, Helvetica, "Helvetica Neue", "Microsoft YaHei", Tahoma;
}

.phoenix-table th.white-th,
.phoenix-table th.setting-th {
  display: none;
}

.phoenix-table .white-th:hover {
  background: #FAFAFB !important;
}

.phoenix-table .white-th:hover .phoenix-table-resize-spanner {
  background: #FAFAFB !important;
}

.phoenix-table .setting-th {
  box-shadow: none !important;
  padding: 8px 0;
}

.phoenix-table .setting-th .phoenix-table-th-cell {
  padding: 0;
  cursor: pointer;
  max-width: 26px;
  min-width: 26px;
}

.phoenix-table .setting-th .phoenix-unmodeled-layer {
  position: relative;
  display: inline-block;
  width: 26px;
}

.phoenix-table .setting-th .phoenix-unmodeled-layer svg {
  width: 18px !important;
  height: 18px !important;
}

.phoenix-table .setting-region .phoenix-unmodeled-layer__content svg {
  position: relative;
  left: 5px;
  top: 8px;
}

.phoenix-table .action-btn .phoenix-unmodeled-layer__content svg {
  position: relative;
  left: 0px;
  top: 2px;
}

.phoenix-table-no-data {
  text-align: center;
  position: relative;
  /* top: 69px; */
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  align-content: center;
}

.phoenix-table-no-data-text {
  color: #565e66;
  font-size: 14px;
  padding-top: 10px;
  line-height: 22px;
}

.phoenix-table-edit-cell:hover .phoenix-table-cell-wrapper-in-edit {
  background-color: transparent !important;
}

.phoenix-table-link-cell {
  padding: 0 8px !important;
}

.phoenix-table .phoenix-select,
.phoenix-table .phoenix-input,
.phoenix-table .phoenix-input-number {
  min-width: auto;
}

.phoenix-table .setting-region {
  position: absolute;
  z-index: 999;
  right: 0px;
  width: 26px;
  height: 40px;
  top: 0px;
  background: #FAFAFB;
  color: #565e66;
}

.phoenix-table .setting-region:hover {
  color: #1d86f0;
}

.phoenix-table .setting-region .phoenix-unmodeled-layer__content {
  position: relative;
  top: 2px;
}

.phoenix-table-edit-cell {
  min-height: 26px;
  line-height: 26px;
}

.phoenix-table-edit-cell .validateError {
  color: #FF475A;
  font-size: 12px;
  line-height: 20px;
  padding: 0 8px;
  display: inline-block;
}

.phoenix-table-edit-cell .phoenix-input__input--sizeSmall {
  line-height: 26px;
}

.phoenix-table-ellipsis .phoenix-table-cell-tooltip {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100%;
  color: #33383d;
  position: relative;
}

.phoenix-table-ellipsis-text {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100%;
}

.phoenix-table-cell-tooltip {
  display: inline-block;
  line-height: 20px;
  max-width: 100%;
  position: relative;
  color: #33383d;
}

.phoenix-table-cell-wrapper {
  display: block;
  width: 100%;
  line-height: 20px;
  border: 1px solid transparent;
  color: #33383d;
  border-radius: 3px;
}

.phoenix-table-cell-wrapper:hover {
  border: 1px solid #85c2ff;
  border-radius: 3px;
  background: #ffffff;
  cursor: pointer;
}

.phoenix-table-cell-wrapper .phoenix-input-number--small .phoenix-input-number__input {
  height: 26px;
  line-height: 26px;
}

.phoenix-table-cell-wrapper .phoenix-select__inputWrapper--emptyMultiValue {
  height: inherit !important;
  line-height: 20px;
}

.phoenix-table-cell-wrapper .phoenix-select__input {
  height: inherit !important;
  line-height: 20px;
}

.phoenix-table-cell-wrapper-in-edit:hover {
  border: 1px solid transparent !important;
  border-radius: 3px;
  cursor: pointer;
}

.phoenix-table-cell-content {
  padding: 0 0 0 8px;
  position: relative;
}

.phoenix-table-edit-cell {
  padding: 0 !important;
}

.phoenix-table .action-container {
  text-align: left;
  white-space: nowrap;
  padding: 0 8px;
}

.phoenix-table .action-container-small {
  text-align: center;
}

.phoenix-table .action-container .action-btn {
  color: #5CADFF;
  max-width: 108px;
}

.phoenix-table .action-container .action-btn:not(:first-child) {
  margin-left: 12px;
}

.phoenix-table .action-container .action-btn:hover {
  color: #1d86f0;
  cursor: pointer;
}

.phoenix-table .action-container .action-btn svg {
  position: relative;
  top: 4px;
}

.phoenix-table .action-container .phoenix-text-button__textWraper {
  max-width: 108px !important;
  color: #106ecc;
}

.phoenix-table .action-container .phoenix-text-button__textWraper:hover {
  color: #1d86f0;
}

.phoenix-table-th-cell {
  min-width: 40px;
  padding: 0 8px;
  width: 100%;
  height: 20px;
  position: relative;
}

.phoenix-table-th-cell-title {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  white-space: nowrap;
  user-select: none;
  position: relative;
}

.phoenix-table-th-cell,
.phoenix-table-cell {
  padding: 0 8px;
  line-height: 20px;
  min-height: 20px;
}

.phoenix-table-avatar-cell {
  padding: 0 8px !important;
  display: flex;
  align-items: center;
}

.phoenix-table-cell {
  position: relative;
}

.phoenix-table-cell-error .phoenix-table-cell-tooltip {
  color: #FF475A !important;
}

.phoenix-table-cell-error .phoenix-table-cell-wrapper {
  color: #FF475A !important;
}

.phoenix-table a {
  color: #106ecc;
  text-decoration: none;
  cursor: pointer;
}

.phoenix-table a:hover {
  color: #1d86f0;
}

.phoenix-table-editable .phoenix-table-cell-tooltip {
  padding: 3px 6px;
}

.phoenix-table-pagination-container-no-data::before {
  height: 0 !important;
}

.phoenix-table-pagination-container {
  height: 47px;
  padding-top: 10px;
  color: #83898f;
  font-size: 12px;
  position: relative;
  justify-content: space-between;
  padding: 10px 12px;
  width: 100%;
  margin: 0px !important;
  box-sizing: border-box;
  overflow: hidden;
}

.phoenix-table-pagination-container .phoenix-pagination {
  margin: 0;
  float: right;
  overflow: hidden;
}

.phoenix-table-pagination-container .phoenix-pagination__numberButtonGroup {
  height: inherit !important;
  box-sizing: border-box !important;
}

.phoenix-table-pagination-container::before {
  position: absolute;
  width: 100%;
  height: 1px;
  top: 0;
  z-index: 999;
  content: ' ';
  left: 0;
  background-color: #f0f2f5;
}

.phoenix-table-pagination .phoenix-checkbox__realInput {
  top: 1px;
}

.phoenix-table-pagination .phoenix-checkbox__text {
  position: relative;
  top: 1px;
}

.phoenix-table-pagination-select-wrap {
  line-height: 26px;
  float: left;
}

.phoenix-table-pagination-select-wrap .page-selected-tip {
  margin-right: 12px;
}

.phoenix-table-pagination-allselect {
  line-height: 20px;
  display: inline-flex;
  height: 20px;
  position: relative;
  top: 1px;
}

.phoenix-table-pagination-allselect .phoenix-checkbox {
  top: -2px;
}

.phoenix-table-pagination-allselect .phoenix-checkbox__text {
  width: auto;
}

.phoenix-table .phoenix-radio {
  position: absolute;
  margin-top: -8px;
  top: 50%;
}

.phoenix-table [class^='phoenix-tag__'] {
  display: inline-flex;
  line-height: 18px;
}

.phoenix-table .phoenix-avator {
  display: block;
}

.phoenix-table .avatar-username {
  flex: 1;
  margin-left: 8px;
}

.phoenix-table .phoenix-checkbox {
  min-width: auto;
}

.phoenix-table table {
  min-width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  color: #0e1114;
  font-size: 12px;
  line-height: 20px;
  table-layout: fixed;
}

.phoenix-table table > thead > tr > th,
.phoenix-table table > tbody > tr > th,
.phoenix-table table > tfoot > tr > th,
.phoenix-table table > thead > tr > td,
.phoenix-table table > tbody > tr > td,
.phoenix-table table > tfoot > tr > td {
  position: relative;
  padding: 8px 12px;
  border-bottom: 1px solid #f0f2f5;
  line-height: 20px;
  word-break: break-all;
}

.phoenix-table table > thead > tr > th {
  font-weight: normal;
  padding: 10px 12px;
  border-bottom-width: 0;
  background-color: #FAFAFB;
  min-width: 12px;
  color: #0e1114;
  position: relative;
  vertical-align: middle;
}

.phoenix-table table > thead > tr > th.no-hover {
  background: #FAFAFB !important;
}

.phoenix-table table > thead > tr > th:hover {
  background: #f0f2f5;
}

.phoenix-table table > thead > tr > th .highlight-cell-mask {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(133, 194, 255, 0.15);
  display: none;
  pointer-events: none;
  z-index: 0;
}

.phoenix-table table > thead > tr > th.highlight .highlight-cell-mask {
  display: block;
}

.phoenix-table table > thead th:hover .phoenix-table-resize-spanner {
  background: #e6e8eb;
}

.phoenix-table table > thead + tbody > tr:first-child > td {
  border-top: 1px solid var(--table-border-color, #ddd);
}

.phoenix-table table > tbody + tbody {
  border-top: 1px solid var(--table-border-color, #ddd);
}

.phoenix-table table table {
  background-color: #fff;
}

.phoenix-table table > tbody > tr {
  position: relative;
}

.phoenix-table table > tbody tr td.phoenix-table-checkbox .phoenix-table-cell {
  padding: 0;
}

.phoenix-table table > tbody tr td .highlight-cell-mask {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(133, 194, 255, 0.15);
  display: none;
  pointer-events: none;
  z-index: 0;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .phoenix-table table > tbody tr td .highlight-cell-mask {
    padding-top: 100%;
    padding-bottom: 100%;
  }
}

.phoenix-table table > tbody tr td.highlight .highlight-cell-mask {
  display: block;
}

table tr .phoenix-table-checkbox {
  padding-right: 0;
  padding-left: 0;
  text-align: center;
}

table tr .phoenix-table-checkbox label {
  margin-right: 0;
}

table tr .phoenix-table-checkbox i {
  vertical-align: top;
}

.phoenix-table caption {
  padding-top: 10px;
  padding-bottom: 10px;
  color: var(--gray-500, #adb5bd);
  text-align: left;
}

.phoenix-table th {
  text-align: left;
}

.phoenix-table-vertical-top td {
  vertical-align: top;
}

.phoenix-table-vertical-middle td {
  vertical-align: middle;
}

.phoenix-table-sorter-container {
  position: absolute;
  top: 0px;
  cursor: pointer;
  width: 20px;
}

.phoenix-table-sorter-asc,
.phoenix-table-sorter-desc {
  position: relative;
  left: 4px;
  width: 10px;
  color: #bfc3c7;
}

.phoenix-table-sorter-asc {
  top: -5px;
  bottom: 0;
}

.phoenix-table-sorter-desc {
  transform: rotate(180deg);
  top: 1px;
  left: -6px;
}

.phoenix-table-sorter-active.phoenix-table-sorter-asc {
  color: #1d86f0;
}

.phoenix-table-sorter-active.phoenix-table-sorter-desc {
  color: #1d86f0;
}

th.phoenix-table-center {
  text-align: center;
}

table > thead > tr > th.phoenix-table-condensed {
  padding: 5px 10px;
}

.phoenix-table-hover table > tbody > tr:hover > td {
  background-color: #F4FAFF;
}

.phoenix-table-normal td {
  background-color: #ffffff;
}

.phoenix-table-small table > tbody > tr > th,
.phoenix-table-small table > tbody > tr > td {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}

.phoenix-table-middle table > tbody > tr > th,
.phoenix-table-middle table > tbody > tr > td {
  padding-top: 8px;
  padding-bottom: 8px;
}

.phoenix-table-large table > tbody > tr > th,
.phoenix-table-large table > tbody > tr > td {
  padding-top: 16px;
  padding-bottom: 16px;
}

.phoenix-table-bordered {
  position: relative;
  border-left: 1px solid #f0f2f5;
  border-right: 1px solid #f0f2f5;
  border-bottom: 1px solid #f0f2f5;
  border-top: 1px solid #f0f2f5;
}

.phoenix-table-bordered .phoenix-table-ignore-right-border,
.phoenix-table-bordered phoenix-table-ignore-bottom-border {
  border-right: none;
}

.phoenix-table-bordered .phoenix-table-ignore-right-border:after,
.phoenix-table-bordered phoenix-table-ignore-bottom-border:after {
  display: none;
}

.phoenix-table-bordered .phoenix-table-head::after {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  left: 0;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0));
  content: ' ';
}

.phoenix-table-bordered .phoenix-table-head table {
  border-bottom-width: 0px;
}

.phoenix-table-bordered table > thead > tr > th,
.phoenix-table-bordered table > tbody > tr > th,
.phoenix-table-bordered table > tfoot > tr > th,
.phoenix-table-bordered table > thead > tr > td,
.phoenix-table-bordered table > tbody > tr > td,
.phoenix-table-bordered table > tfoot > tr > td {
  border-right: 1px solid #f0f2f5;
  border-bottom-width: 1px;
}

.phoenix-table-bordered table > tbody tr:last-child td {
  border-bottom: none;
}

.phoenix-table-bordered table > tbody > tr > td.phoenix-table-ignore-bottom-border {
  border-bottom: none;
}

.phoenix-table-bordered table > thead + tbody > tr:first-child > td {
  border-top-width: 0px;
}

.phoenix-table-bordered .phoenix-table-body table {
  border-top-width: 0;
  border-bottom: 1px solid #f0f2f5;
}

.phoenix-table-bordered .phoenix-table-float-right .phoenix-table-float-left:before {
  bottom: -1px;
}

.phoenix-table-bordered .phoenix-table-float-right .phoenix-table-float-left:after {
  bottom: -1px;
}

.phoenix-table-bordered .th:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.phoenix-table-bordered .th:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.phoenix-table-bordered .phoenix-table-fixed-right,
.phoenix-table-bordered .phoenix-table-fixed-left {
  border-right: 0;
  z-index: 1;
}

.phoenix-table-bordered .phoenix-table-fixed-right:after,
.phoenix-table-bordered .phoenix-table-fixed-left:after {
  bottom: -1px;
  position: absolute;
  content: ' ';
  background: #f0f2f5;
  height: 100%;
  width: 1px;
  top: 0;
  right: 0;
}

.phoenix-table table > tbody > tr > td {
  width: 100%;
}

table > tbody > tr.phoenix-table-even > td {
  background-color: #FBFCFD;
}

table > tbody > tr.phoenix-table-selected > td {
  background-color: #F4FAFF !important;
}

.phoenix-table-head {
  position: relative;
  flex: 0 0 auto;
  background: #FAFAFB;
  opacity: 0.999999;
}

.phoenix-table-head-fixed {
  z-index: 100;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08);
}

.phoenix-table-head > table {
  border-bottom: 0 solid #f0f2f5;
}

.phoenix-table .phoenix-table-label {
  display: inline-block;
  vertical-align: middle;
}

.phoenix-table .phoenix-table-icon-tree-expand {
  margin-right: 4px;
  display: inline-block;
  width: 14px;
  height: 14px;
  color: rgba(191, 195, 199, 0.7);
  line-height: 14px;
  text-align: center;
  background: transparent;
  cursor: pointer;
  user-select: none;
}

.phoenix-table .phoenix-table-icon-tree-expand-loading {
  position: relative;
  top: 4px;
}

.phoenix-table .phoenix-table-icon-tree-expand svg {
  position: relative;
  top: 3px;
}

.phoenix-table-icon-expand-plus,
.phoenix-table-icon-expand-sub {
  position: relative;
  display: block;
  width: 15px;
  height: 15px;
  margin: 2px 0;
  border: solid 1px var(--gray-600, #6c757d);
  background: #fff;
  border-radius: 2px;
  cursor: pointer;
}

.phoenix-table-icon-expand-plus:before,
.phoenix-table-icon-expand-sub:before,
.phoenix-table-icon-expand-plus:after,
.phoenix-table-icon-expand-sub:after {
  position: absolute;
  top: 6px;
  left: 2px;
  width: 9px;
  height: 0px;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: inherit;
  content: ' ';
}

.phoenix-table-icon-expand-plus:hover,
.phoenix-table-icon-expand-sub:hover {
  border-color: var(--primary-color, #3399ff);
}

.phoenix-table-icon-expand-plus:hover:before,
.phoenix-table-icon-expand-sub:hover:before,
.phoenix-table-icon-expand-plus:hover:after,
.phoenix-table-icon-expand-sub:hover:after {
  background: var(--primary-color, #3399ff);
}

.phoenix-table-icon-expand-plus:after {
  top: 2px;
  left: 6px;
  width: 0;
  height: 9px;
  border-width: 0 1px 0 0;
}

.phoenix-table-scroll-y.phoenix-table-head {
  padding-right: 10px;
}

.phoenix-table-body {
  min-width: 100%;
  flex: 1 1 auto;
}

.phoenix-table-scroll-inner {
  min-width: 100%;
}

.phoenix-table-float-left .phoenix-table-fixed-left,
.phoenix-table-float-right .phoenix-table-fixed-right {
  position: relative;
  z-index: 100;
}

.phoenix-table-float-left .phoenix-table-fixed-last:after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 100%;
  width: 6px;
  background: linear-gradient(to right, rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0));
  content: ' ';
}

.phoenix-table-float-right .phoenix-table-fixed-first:before {
  position: absolute;
  top: 0;
  right: 100%;
  z-index: 9999;
  bottom: 0;
  width: 6px;
  margin-right: 0px;
  background: linear-gradient(to left, rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0));
  content: ' ';
}

.phoenix-table-fixed-right + .phoenix-table-fixed-right:before {
  width: 0;
}

.phoenix-table-loading {
  position: absolute;
  z-index: 11;
  top: 44px;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  overflow: hidden;
  background-color: rgba(255, 255, 255, 0.4);
}

.phoenix-table-empty {
  position: sticky;
  left: 0;
  display: flex;
  flex: 1;
  padding: 20px;
  color: #aaa;
  font-size: 16px;
  text-align: center;
}

.phoenix-table-empty span {
  display: block;
  margin: auto;
}

.phoenix-table-bordered .phoenix-table-empty {
  border-right: 1px solid #f0f2f5;
  border-bottom: 1px solid #f0f2f5;
}

.phoenix-table-fixed .phoenix-table-empty {
  border-right-width: 0;
}

.phoenix-table-expand-indicator {
  color: #83898f;
  cursor: pointer;
}

.phoenix-table-expand-indicator svg {
  position: relative;
  top: 2px;
}

th.phoenix-table-align-center,
td.phoenix-table-align-center {
  text-align: center;
}

th.phoenix-table-align-right,
td.phoenix-table-align-right {
  text-align: right;
}

th.phoenix-table-align-left,
td.phoenix-table-align-left {
  text-align: left;
}

.phoenix-table-resize-spanner {
  z-index: 12;
  position: absolute;
  right: 0px;
  top: 0;
  bottom: 0;
  width: 3px;
  background: transparent;
  opacity: 0;
  transition: opacity 0.3s;
  cursor: e-resize;
}

.phoenix-table-resize-spanner:hover {
  background: #5cadff !important;
}

.phoenix-table-resize-spanner:after,
.phoenix-table-resize-spanner:before {
  border-width: 3px;
  content: " ";
  position: absolute;
  width: 0;
  height: 0;
  margin: auto;
  bottom: 0;
  top: 0;
}

.phoenix-table-resize table.phoenix-table-resizing span.phoenix-table-resize-spanner {
  opacity: 0;
}

.phoenix-table-resize table th.phoenix-table-resizing-item .phoenix-table-resize-spanner {
  opacity: 1;
}

.phoenix-table-resize th:hover .phoenix-table-resize-spanner {
  opacity: 1;
}

.phoenix-table-setting-panel {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.phoenix-table-setting-panel .setting-panel-item {
  padding: 10px 16px;
  overflow: hidden;
  border-bottom: 1px solid #f0f2f5;
}

.phoenix-table-setting-panel .setting-panel-item-tip {
  color: #bfc3c7;
  font-size: 12px;
}

.phoenix-table-setting-panel .setting-panel-item-padding {
  padding: 10px 0 0px 0;
  overflow: hidden;
}

.phoenix-table-setting-panel .setting-panel-item-padding a {
  color: #33383d;
}

.phoenix-table-setting-panel .setting-panel-item-padding a:hover {
  color: #1d86f0;
}

.phoenix-table-setting-panel .setting-panel-item-padding a.selected-padding {
  color: #106ecc;
}

.phoenix-table-setting-panel .setting-panel-item-padding-mode {
  float: left;
  width: 33.3333333%;
  text-align: center;
}

.phoenix-table-setting-panel .setting-panel-item-padding-mode span {
  cursor: pointer;
  padding-left: 4px;
  line-height: 20px;
  display: inline-block;
}

.phoenix-table-setting-panel .setting-panel-item-padding-mode svg {
  position: relative;
  top: 3px;
}

.phoenix-table-setting-panel .setting-panel-field-label {
  float: left;
}

.phoenix-table-setting-panel .setting-panel-field-setting {
  float: right;
  cursor: pointer;
}

.react-resizable {
  position: relative;
}

.react-resizable-handle {
  position: absolute;
  width: 10px;
  height: 100%;
  bottom: 0;
  right: 0px;
  cursor: col-resize;
}

.z-resize-proxy {
  height: calc(100% - 2px);
  top: 40px;
  border-left: 1px solid #5cadff;
}

.z-resize-block,
.z-resize-proxy {
  position: absolute;
  width: 3px;
  z-index: 99990;
}

.z-resize-block {
  top: 0px;
  height: 40px;
  background: #5cadff;
}

.react-resizable-handle {
  z-index: 1;
}

.no-selected {
  -ms-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  cursor: e-resize;
}
.phoenix-scroll {
  position: relative;
  overflow: hidden;
}

.phoenix-scroll-inner {
  position: relative;
  z-index: 10;
  top: 0;
  left: 0;
  overflow: hidden;
}

.phoenix-scroll-iframe {
  position: absolute;
  z-index: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
  background: transparent;
}

.phoenix-scroll-dragging {
  user-select: none;
}

.phoenix-scroll-bar {
  position: absolute;
  z-index: 90;
  border: 1px solid transparent;
  background: #fafafa;
}

.phoenix-scroll-bar:hover .phoenix-scroll-handle,
.phoenix-scroll-bar.phoenix-scroll-dragging .phoenix-scroll-handle {
  background: rgba(127, 127, 127, 0.9);
}

.phoenix-scroll-bar .phoenix-scroll-handle {
  position: absolute;
  z-index: 999999999999999;
  display: none;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 6px;
  cursor: default;
}

.phoenix-scroll-bar .phoenix-scroll-handle:focus {
  background: rgba(127, 127, 127, 0.9);
}

.phoenix-scroll-bar.phoenix-scroll-y {
  top: 0;
  right: 0;
  bottom: 0;
  width: 10px;
  border-width: 0 1px;
  background-color: transparent;
}

.phoenix-scroll-bar.phoenix-scroll-y .phoenix-scroll-handle {
  left: 2px;
  width: 6px;
}

.phoenix-scroll-bar.phoenix-scroll-y.phoenix-scroll-padding-y:after {
  position: absolute;
  z-index: 99999;
  top: 100%;
  left: -1px;
  width: 6px;
  height: 6px;
  background: #fafafa;
  content: ' ';
}

.phoenix-scroll-bar.phoenix-scroll-x {
  right: 0;
  bottom: 1px;
  left: 0;
  height: 10px;
  border-width: 1px 0;
  background: transparent;
}

.phoenix-scroll-bar.phoenix-scroll-x .phoenix-scroll-handle {
  top: 3px;
  height: 6px;
}

.phoenix-scroll-bar.phoenix-scroll-show .phoenix-scroll-handle {
  display: block;
}

.phoenix-scroll-show-x {
  padding-bottom: 8px;
}

.phoenix-scroll-show-x .phoenix-scroll-y {
  bottom: 0px;
}

.phoenix-scroll-show-y {
  padding-right: 10;
}

.phoenix-scroll-show-y .phoenix-scroll-x {
  right: 0px;
}

.phoenix-scroll-show-x .phoenix-scroll-inner {
  right: 8px;
}

.phoenix-scroll-show-y .phoenix-scroll-inner {
  bottom: 8px;
}
@keyframes scan {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@-ms-keyframes scan {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@-moz-keyframes scan {
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes scan {
  100% {
    opacity: 0;
  }
}

@-o-keyframes scan {
  100% {
    opacity: 0;
  }
}

rect.one {
  -webkit-animation: scan 0.9s linear 0s infinite;
  -moz-animation: scan 0.9s linear 0s infinite;
  -ms-animation: scan 0.9s linear 0s infinite;
  -o-animation: scan 0.9s linear 0s infinite;
  animation: scan 0.9s linear 0s infinite;
}

rect.two {
  -webkit-animation: scan 0.9s linear 0.1125s infinite;
  -moz-animation: scan 0.9s linear 0.1125s infinite;
  -ms-animation: scan 0.9s linear 0.1125s infinite;
  -o-animation: scan 0.9s linear 0.1125s infinite;
  animation: scan 0.9s linear 0.1125s infinite;
}

rect.three {
  -webkit-animation: scan 0.9s linear 0.225s infinite;
  -moz-animation: scan 0.9s linear 0.225s infinite;
  -ms-animation: scan 0.9s linear 0.225s infinite;
  -o-animation: scan 0.9s linear 0.225s infinite;
  animation: scan 0.9s linear 0.225s infinite;
}

rect.four {
  -webkit-animation: scan 0.9s linear 0.3375s infinite;
  -moz-animation: scan 0.9s linear 0.3375s infinite;
  -ms-animation: scan 0.9s linear 0.3375s infinite;
  -o-animation: scan 0.9s linear 0.3375s infinite;
  animation: scan 0.9s linear 0.3375s infinite;
}

rect.five {
  -webkit-animation: scan 0.9s linear 0.45s infinite;
  -moz-animation: scan 0.9s linear 0.45s infinite;
  -ms-animation: scan 0.9s linear 0.45s infinite;
  -o-animation: scan 0.9s linear 0.45s infinite;
  animation: scan 0.9s linear 0.45s infinite;
}

rect.six {
  -webkit-animation: scan 0.9s linear 0.5625s infinite;
  -moz-animation: scan 0.9s linear 0.5625s infinite;
  -ms-animation: scan 0.9s linear 0.5625s infinite;
  -o-animation: scan 0.9s linear 0.5625s infinite;
  animation: scan 0.9s linear 0.5625s infinite;
}

rect.seven {
  -webkit-animation: scan 0.9s linear 0.675s infinite;
  -moz-animation: scan 0.9s linear 0.675s infinite;
  -ms-animation: scan 0.9s linear 0.675s infinite;
  -o-animation: scan 0.9s linear 0.675s infinite;
  animation: scan 0.9s linear 0.675s infinite;
}

rect.eight {
  -webkit-animation: scan 0.9s linear 0.7875s infinite;
  -moz-animation: scan 0.9s linear 0.7875s infinite;
  -ms-animation: scan 0.9s linear 0.7875s infinite;
  -o-animation: scan 0.9s linear 0.7875s infinite;
  animation: scan 0.9s linear 0.7875s infinite;
}
/**
 * file: style.scss
 * author: huangxiaolong@beisen.com
 * date: 2019/6/27
 */
@-webkit-keyframes rcToolTipZoomIn {
  0% {
    opacity: 0;
    transform: scale(0.2);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@-moz-keyframes rcToolTipZoomIn {
  0% {
    opacity: 0;
    transform: scale(0.2);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@-o-keyframes rcToolTipZoomIn {
  0% {
    opacity: 0;
    transform: scale(0.2);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes rcToolTipZoomIn {
  0% {
    opacity: 0;
    transform: scale(0.2);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@-webkit-keyframes rcToolTipZoomOut {
  0% {
    opacity: 0;
    transform: scale(0.2);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@-moz-keyframes rcToolTipZoomOut {
  0% {
    opacity: 0;
    transform: scale(0.2);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@-o-keyframes rcToolTipZoomOut {
  0% {
    opacity: 0;
    transform: scale(0.2);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes rcToolTipZoomOut {
  0% {
    opacity: 0;
    transform: scale(0.2);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

.phoenix-tooltip {
  position: absolute;
  z-index: 1500;
  display: block;
  visibility: visible;
  font-size: 12px;
  line-height: 20px;
  font-family: "PingFang SC", "Hiragino Sans GB", STHeitiSC, Helvetica, "Helvetica Neue", "Microsoft YaHei", Tahoma;
}

.phoenix-tooltip.phoenix-tooltip-hidden {
  display: none;
}

.phoenix-tooltip.phoenix-tooltip-placement-top, .phoenix-tooltip.phoenix-tooltip-placement-topLeft, .phoenix-tooltip.phoenix-tooltip-placement-topRight {
  padding: 5px 0 5px 0;
}

.phoenix-tooltip.phoenix-tooltip-placement-right, .phoenix-tooltip.phoenix-tooltip-placement-rightTop, .phoenix-tooltip.phoenix-tooltip-placement-rightBottom {
  padding: 0 5px 0 5px;
}

.phoenix-tooltip.phoenix-tooltip-placement-bottom, .phoenix-tooltip.phoenix-tooltip-placement-bottomLeft, .phoenix-tooltip.phoenix-tooltip-placement-bottomRight {
  padding: 5px 0 5px 0;
}

.phoenix-tooltip.phoenix-tooltip-placement-left, .phoenix-tooltip.phoenix-tooltip-placement-leftTop, .phoenix-tooltip.phoenix-tooltip-placement-leftBottom {
  padding: 0 5px 0 5px;
}

.phoenix-tooltip .phoenix-tooltip-inner {
  padding: 4px 10px;
  color: #fff;
  text-align: left;
  text-decoration: none;
  background-color: #33383D;
  border-radius: 3px;
}

.phoenix-tooltip .phoenix-tooltip-inner .content-box {
  max-width: 396px;
  max-height: 280px;
  word-wrap: break-word;
  word-break: break-all;
  overflow: hidden;
  font-size: 12px;
  line-height: 20px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.phoenix-tooltip .phoenix-tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.phoenix-tooltip.phoenix-tooltip-placement-top .phoenix-tooltip-arrow,
  .phoenix-tooltip.phoenix-tooltip-placement-topLeft .phoenix-tooltip-arrow,
  .phoenix-tooltip.phoenix-tooltip-placement-topRight .phoenix-tooltip-arrow {
  bottom: 0;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #33383D;
}

.phoenix-tooltip.phoenix-tooltip-placement-top .phoenix-tooltip-arrow {
  left: 50%;
}

.phoenix-tooltip.phoenix-tooltip-placement-topLeft .phoenix-tooltip-arrow {
  left: calc(15%);
}

.phoenix-tooltip.phoenix-tooltip-placement-topRight .phoenix-tooltip-arrow {
  right: 15%;
}

.phoenix-tooltip.phoenix-tooltip-placement-right .phoenix-tooltip-arrow,
  .phoenix-tooltip.phoenix-tooltip-placement-rightTop .phoenix-tooltip-arrow,
  .phoenix-tooltip.phoenix-tooltip-placement-rightBottom .phoenix-tooltip-arrow {
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #33383D;
}

.phoenix-tooltip.phoenix-tooltip-placement-right .phoenix-tooltip-arrow {
  top: 50%;
}

.phoenix-tooltip.phoenix-tooltip-placement-rightTop .phoenix-tooltip-arrow {
  top: 15%;
  margin-top: 0;
}

.phoenix-tooltip.phoenix-tooltip-placement-rightBottom .phoenix-tooltip-arrow {
  bottom: 15%;
}

.phoenix-tooltip.phoenix-tooltip-placement-left .phoenix-tooltip-arrow,
  .phoenix-tooltip.phoenix-tooltip-placement-leftTop .phoenix-tooltip-arrow,
  .phoenix-tooltip.phoenix-tooltip-placement-leftBottom .phoenix-tooltip-arrow {
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #33383D;
}

.phoenix-tooltip.phoenix-tooltip-placement-left .phoenix-tooltip-arrow {
  top: 50%;
}

.phoenix-tooltip.phoenix-tooltip-placement-leftTop .phoenix-tooltip-arrow {
  top: 15%;
  margin-top: 0;
}

.phoenix-tooltip.phoenix-tooltip-placement-leftBottom .phoenix-tooltip-arrow {
  bottom: 15%;
}

.phoenix-tooltip.phoenix-tooltip-placement-bottom .phoenix-tooltip-arrow,
  .phoenix-tooltip.phoenix-tooltip-placement-bottomLeft .phoenix-tooltip-arrow,
  .phoenix-tooltip.phoenix-tooltip-placement-bottomRight .phoenix-tooltip-arrow {
  top: 0;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #33383D;
}

.phoenix-tooltip.phoenix-tooltip-placement-bottom .phoenix-tooltip-arrow {
  left: 50%;
}

.phoenix-tooltip.phoenix-tooltip-placement-bottomLeft .phoenix-tooltip-arrow {
  left: 15%;
}

.phoenix-tooltip.phoenix-tooltip-placement-bottomRight .phoenix-tooltip-arrow {
  right: calc(15% - 5px);
}

.phoenix-tooltip.phoenix-tooltip-zoom-enter, .phoenix-tooltip.phoenix-tooltip-zoom-leave {
  display: block;
}

.phoenix-tooltip.phoenix-tooltip-zoom-enter, .phoenix-tooltip.phoenix-tooltip-zoom-appear {
  opacity: 0;
  animation-duration: 0.1s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  animation-play-state: paused;
}

.phoenix-tooltip.phoenix-tooltip-zoom-leave {
  animation-duration: 0.1s;
  animation-fill-mode: both;
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
  animation-play-state: paused;
}

.phoenix-tooltip.phoenix-tooltip-zoom-enter.phoenix-tooltip-zoom-enter-active, .phoenix-tooltip.phoenix-tooltip-zoom-appear.phoenix-tooltip-zoom-appear-active {
  animation-name: rcToolTipZoomIn;
  animation-play-state: running;
}

.phoenix-tooltip.phoenix-tooltip-zoom-leave.phoenix-tooltip-zoom-leave-active {
  animation-name: rcToolTipZoomOut;
  animation-play-state: running;
}
.phoenix-button {
  display: inline-block;
}

.phoenix-button__wraper {
  font-family: "PingFang SC", "Hiragino Sans GB", STHeitiSC, Helvetica, "Helvetica Neue", "Microsoft YaHei", Tahoma;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  max-width: inherit;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
  border-radius: 3px;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  outline: none;
}

.phoenix-button__wraper--primary {
  color: RGB(var(--skin-css-var-M9));
  border: 1px solid transparent;
  background-color: RGB(var(--skin-css-var-S3));
}

.phoenix-button__wraper--primary:hover {
  background-color: RGB(var(--skin-css-var-S4));
}

.phoenix-button__wraper--primary:active {
  background-color: RGB(var(--skin-css-var-S2));
}

.phoenix-button__wraper--secondary {
  color: RGB(var(--skin-css-var-S2));
  border: 1px solid RGB(var(--skin-css-var-S5));
  background-color: RGB(var(--skin-css-var-M9));
}

.phoenix-button__wraper--secondary .phoenix-button__suffixIcon {
  color: RGB(var(--skin-css-var-S3));
}

.phoenix-button__wraper--secondary .phoenix-button__preIcon {
  color: RGB(var(--skin-css-var-S3));
}

.phoenix-button__wraper--secondary:hover {
  color: RGB(var(--skin-css-var-S3));
  background-color: RGBA(var(--skin-css-var-S5), 0.1);
}

.phoenix-button__wraper--secondary:hover .phoenix-button__suffixIcon {
  color: RGB(var(--skin-css-var-S2));
}

.phoenix-button__wraper--secondary:hover .phoenix-button__preIcon {
  color: RGB(var(--skin-css-var-S2));
}

.phoenix-button__wraper--secondary:active {
  color: RGB(var(--skin-css-var-S2));
  background-color: RGBA(var(--skin-css-var-S5), 0.2);
  border: 1px solid RGB(var(--skin-css-var-S5));
}

.phoenix-button__wraper--secondary:active .phoenix-button__suffixIcon {
  color: RGB(var(--skin-css-var-S3));
}

.phoenix-button__wraper--secondary:active .phoenix-button__preIcon {
  color: RGB(var(--skin-css-var-S3));
}

.phoenix-button__wraper--normal {
  color: RGB(var(--skin-css-var-M2));
  border: 1px solid RGB(var(--skin-css-var-M6));
  background-color: RGB(var(--skin-css-var-M9));
}

.phoenix-button__wraper--normal .phoenix-button__suffixIcon {
  color: RGB(var(--skin-css-var-M4));
}

.phoenix-button__wraper--normal .phoenix-button__preIcon {
  color: RGB(var(--skin-css-var-M4));
}

.phoenix-button__wraper--normal:hover {
  color: RGB(var(--skin-css-var-S2));
  border: 1px solid RGB(var(--skin-css-var-S5));
  background-color: RGBA(var(--skin-css-var-S5), 0.1);
}

.phoenix-button__wraper--normal:hover .phoenix-button__suffixIcon {
  color: RGB(var(--skin-css-var-S2));
}

.phoenix-button__wraper--normal:hover .phoenix-button__preIcon {
  color: RGB(var(--skin-css-var-S2));
}

.phoenix-button__wraper--normal:active {
  color: RGB(var(--skin-css-var-S2));
  border: 1px solid RGB(var(--skin-css-var-S5));
  background-color: RGBA(var(--skin-css-var-S5), 0.2);
}

.phoenix-button__wraper--normal:active .phoenix-button__suffixIcon {
  color: RGB(var(--skin-css-var-S3));
}

.phoenix-button__wraper--normal:active .phoenix-button__preIcon {
  color: RGB(var(--skin-css-var-S3));
}

.phoenix-button__wraper--super {
  min-width: 96px;
  height: 40px;
  padding: 0 30px 0 30px;
  font-size: 18px;
  line-height: 26px;
}

.phoenix-button__wraper--big {
  min-width: 60px;
  height: 32px;
  padding: 0 16px 0 16px;
  font-size: 14px;
}

.phoenix-button__wraper--middle {
  min-width: 48px;
  height: 30px;
  padding: 0 12px 0 12px;
  font-size: 12px;
  line-height: 20px;
}

.phoenix-button__wraper--small {
  min-width: 44px;
  height: 26px;
  padding: 0 10px 0 10px;
  font-size: 12px;
  line-height: 20px;
}

.phoenix-button__wraper--primaryDisable {
  cursor: not-allowed;
  background-color: RGBA(var(--skin-css-var-S3), 0.5);
}

.phoenix-button__wraper--primaryDisable:hover {
  background-color: RGBA(var(--skin-css-var-S3), 0.5);
}

.phoenix-button__wraper--primaryDisable:active {
  background-color: RGBA(var(--skin-css-var-S3), 0.5);
}

.phoenix-button__wraper--primaryLoading {
  background-color: RGBA(var(--skin-css-var-S3), 0.5);
}

.phoenix-button__wraper--primaryLoading:hover {
  background-color: RGBA(var(--skin-css-var-S3), 0.5);
}

.phoenix-button__wraper--primaryLoading:active {
  background-color: RGBA(var(--skin-css-var-S3), 0.5);
}

.phoenix-button__wraper--secondaryLoading {
  color: RGBA(var(--skin-css-var-S2), 0.5);
  background-color: RGB(var(--skin-css-var-M9));
  border: 1px solid RGBA(var(--skin-css-var-S5), 0.5);
}

.phoenix-button__wraper--secondaryLoading svg {
  color: RGBA(var(--skin-css-var-S3), 0.9);
}

.phoenix-button__wraper--secondaryLoading:hover {
  color: RGBA(var(--skin-css-var-S2), 0.5);
  background-color: RGB(var(--skin-css-var-M9));
  border: 1px solid RGBA(var(--skin-css-var-S4), 0.5);
}

.phoenix-button__wraper--secondaryLoading:active {
  color: RGBA(var(--skin-css-var-S2), 0.5);
  background-color: RGB(var(--skin-css-var-M9));
  border: 1px solid RGBA(var(--skin-css-var-S4), 0.5);
}

.phoenix-button__wraper--secondaryDisable {
  color: RGBA(var(--skin-css-var-S2), 0.5);
  background-color: RGB(var(--skin-css-var-M9));
  border: 1px solid RGBA(var(--skin-css-var-S5), 0.5);
  cursor: not-allowed;
}

.phoenix-button__wraper--secondaryDisable .phoenix-button__suffixIcon {
  color: RGBA(var(--skin-css-var-S3), 0.5);
}

.phoenix-button__wraper--secondaryDisable .phoenix-button__preIcon {
  color: RGBA(var(--skin-css-var-S3), 0.5);
}

.phoenix-button__wraper--secondaryDisable:hover {
  color: RGBA(var(--skin-css-var-S2), 0.5);
  background-color: RGB(var(--skin-css-var-M9));
  border: 1px solid RGBA(var(--skin-css-var-S4), 0.5);
}

.phoenix-button__wraper--secondaryDisable:hover .phoenix-button__suffixIcon {
  color: RGBA(var(--skin-css-var-S3), 0.5);
}

.phoenix-button__wraper--secondaryDisable:hover .phoenix-button__preIcon {
  color: RGBA(var(--skin-css-var-S3), 0.5);
}

.phoenix-button__wraper--secondaryDisable:active {
  color: RGBA(var(--skin-css-var-S2), 0.5);
  background-color: RGB(var(--skin-css-var-M9));
  border: 1px solid RGBA(var(--skin-css-var-S4), 0.5);
}

.phoenix-button__wraper--secondaryDisable:active .phoenix-button__suffixIcon {
  color: RGBA(var(--skin-css-var-S3), 0.5);
}

.phoenix-button__wraper--secondaryDisable:active .phoenix-button__preIcon {
  color: RGBA(var(--skin-css-var-S3), 0.5);
}

.phoenix-button__wraper--normalLoading {
  color: RGB(var(--skin-css-var-M5));
  background-color: RGBA(var(--skin-css-var-M6), 0.3);
  border: 1px solid RGB(var(--skin-css-var-M6));
}

.phoenix-button__wraper--normalLoading svg {
  color: RGBA(var(--skin-css-var-M4), 0.9);
}

.phoenix-button__wraper--normalLoading:hover {
  color: RGB(var(--skin-css-var-M5));
  background-color: RGBA(var(--skin-css-var-M6), 0.3);
  border: 1px solid RGB(var(--skin-css-var-M6));
}

.phoenix-button__wraper--normalLoading:active {
  color: RGB(var(--skin-css-var-M5));
  background-color: RGBA(var(--skin-css-var-M6), 0.3);
  border: 1px solid RGB(var(--skin-css-var-M6));
}

.phoenix-button__wraper--normalDisable {
  color: RGB(var(--skin-css-var-M5));
  background-color: RGBA(var(--skin-css-var-M6), 0.3);
  border: 1px solid RGB(var(--skin-css-var-M6));
  cursor: not-allowed;
}

.phoenix-button__wraper--normalDisable:hover, .phoenix-button__wraper--normalDisable:active {
  color: RGB(var(--skin-css-var-M5));
  background-color: RGBA(var(--skin-css-var-M6), 0.3);
  border: 1px solid RGB(var(--skin-css-var-M6));
}

.phoenix-button__wraper--normalDisable:hover .phoenix-button__suffixIcon, .phoenix-button__wraper--normalDisable:active .phoenix-button__suffixIcon {
  color: RGB(var(--skin-css-var-M4));
}

.phoenix-button__wraper--normalDisable:hover .phoenix-button__preIcon, .phoenix-button__wraper--normalDisable:active .phoenix-button__preIcon {
  color: RGB(var(--skin-css-var-M4));
}

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

.phoenix-button__loading {
  margin-right: 4px;
}

.phoenix-button__preIcon {
  align-items: center;
  margin-right: 4px;
  width: auto;
  line-height: 0;
  font-size: 0;
}

.phoenix-button__preIcon svg {
  vertical-align: middle;
  width: 14px;
  height: 14px;
}

.phoenix-button__suffixIcon {
  align-items: center;
  margin-left: 4px;
  width: auto;
  line-height: 0;
}

.phoenix-button__suffixIcon svg {
  vertical-align: middle;
  width: 12px;
  height: 12px;
}
.phoenix-button-group {
  font-family: "PingFang SC", "Hiragino Sans GB", STHeitiSC, Helvetica, "Helvetica Neue", "Microsoft YaHei", Tahoma;
  position: relative;
  display: inline-block;
}

.phoenix-button-group__item {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
  float: left;
  min-width: 56px;
  margin-left: -1px;
  font-size: 12px;
  line-height: 20px;
  z-index: 0;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.phoenix-button-group__item.active {
  z-index: 1;
}

.phoenix-button-group__item.big {
  padding-left: 12px;
  padding-right: 12px;
  height: 30px;
}

.phoenix-button-group__item.small {
  padding-left: 10px;
  padding-right: 10px;
  height: 26px;
}

.phoenix-button-group__item.primary {
  color: #106ecc;
  border: 1px solid #5cadff;
  background-color: white;
}

.phoenix-button-group__item.primary:hover {
  color: #106ecc;
  border: 1px solid #5cadff;
  background-color: rgba(133, 194, 255, 0.1);
}

.phoenix-button-group__item.primary.disable {
  color: rgba(16, 110, 204, 0.5);
  border: 1px solid #5cadff;
  background-color: rgba(255, 255, 255, 0.5);
  cursor: not-allowed;
}

.phoenix-button-group__item.primary.disable:hover {
  color: rgba(16, 110, 204, 0.5);
  border: 1px solid #5cadff;
  background-color: rgba(255, 255, 255, 0.5);
}

.phoenix-button-group__item.primary.active {
  color: white;
  border: 1px solid #1d86f0;
  background-color: #1d86f0;
}

.phoenix-button-group__item.primary.active:hover {
  color: white;
  border: 1px solid #5cadff;
  background-color: #5cadff;
  z-index: 2;
}

.phoenix-button-group__item.primary.active.disable {
  color: white;
  border: 1px solid #5cadff;
  background-color: rgba(29, 134, 240, 0.5);
  cursor: not-allowed;
}

.phoenix-button-group__item.primary.active.disable:hover {
  color: white;
  border: 1px solid #5cadff;
  background-color: rgba(29, 134, 240, 0.5);
}

.phoenix-button-group__item.secondary {
  color: #33383d;
  border: 1px solid #bfc3c7;
  background-color: white;
}

.phoenix-button-group__item.secondary:hover {
  color: #106ecc;
  border: 1px solid #bfc3c7;
  background-color: white;
}

.phoenix-button-group__item.secondary.disable {
  color: #bfc3c7;
  border: 1px solid #bfc3c7;
  background-color: rgba(230, 232, 235, 0.3);
  cursor: not-allowed;
}

.phoenix-button-group__item.secondary.disable:hover {
  color: #bfc3c7;
  border: 1px solid #bfc3c7;
  background-color: rgba(230, 232, 235, 0.3);
}

.phoenix-button-group__item.secondary.active {
  color: #106ecc;
  border: 1px solid #5cadff;
  background-color: white;
}

.phoenix-button-group__item.secondary.active:hover {
  color: #106ecc;
  border: 1px solid #5cadff;
  background-color: rgba(133, 194, 255, 0.1);
  z-index: 2;
}

.phoenix-button-group__item.secondary.active.disable {
  color: rgba(16, 110, 204, 0.5);
  border: 1px solid #5cadff;
  background-color: white;
  cursor: not-allowed;
}

.phoenix-button-group__item.secondary.active.disable:hover {
  color: rgba(16, 110, 204, 0.5);
  border: 1px solid #5cadff;
  background-color: white;
}

.phoenix-button-group__item:first-child {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  margin-left: 0px;
}

.phoenix-button-group__item:last-child {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.phoenix-button-group__item:active:first-child {
  margin-left: 0px;
}
.phoenix-icon-button {
  font-family: "PingFang SC", "Hiragino Sans GB", STHeitiSC, Helvetica, "Helvetica Neue", "Microsoft YaHei", Tahoma;
  box-sizing: border-box;
  display: inline-flex;
  border-radius: 3px;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  width: 24px;
  height: 24px;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.phoenix-icon-button svg {
  pointer-events: none;
}

.phoenix-icon-button.primary {
  color: #1d86f0;
  border: none;
}

.phoenix-icon-button.primary:hover {
  color: #5cadff;
}

.phoenix-icon-button.primary:active {
  color: #106ecc;
}

.phoenix-icon-button.primary.disable {
  cursor: not-allowed;
  color: rgba(29, 134, 240, 0.5);
}

.phoenix-icon-button.primary.loading {
  color: rgba(29, 134, 240, 0.9);
}

.phoenix-icon-button.primary.loading:active, .phoenix-icon-button.primary.loading:hover {
  color: rgba(29, 134, 240, 0.9);
}

.phoenix-icon-button.primary.border {
  border: none;
  color: white;
  background-color: #1d86f0;
  width: 30px;
  height: 30px;
}

.phoenix-icon-button.primary.border:hover {
  background-color: #5cadff;
}

.phoenix-icon-button.primary.border:active {
  background-color: #106ecc;
}

.phoenix-icon-button.primary.border.disable {
  background-color: rgba(29, 134, 240, 0.5);
  cursor: not-allowed;
}

.phoenix-icon-button.primary.border.disable:hover {
  background-color: rgba(29, 134, 240, 0.5);
}

.phoenix-icon-button.primary.border.disable:active {
  background-color: rgba(29, 134, 240, 0.5);
}

.phoenix-icon-button.primary.border.loading {
  background-color: rgba(29, 134, 240, 0.5);
}

.phoenix-icon-button.primary.border.loading:hover {
  background-color: rgba(29, 134, 240, 0.5);
}

.phoenix-icon-button.primary.border.loading:active {
  background-color: rgba(29, 134, 240, 0.5);
}

.phoenix-icon-button.secondary {
  color: #83898f;
  border: none;
  background-color: white;
}

.phoenix-icon-button.secondary:hover {
  color: #5cadff;
}

.phoenix-icon-button.secondary:active {
  color: #106ecc;
}

.phoenix-icon-button.secondary.disable {
  color: #bfc3c7;
  cursor: not-allowed;
}

.phoenix-icon-button.secondary.loading {
  color: #83898f;
}

.phoenix-icon-button.secondary.border {
  width: 30px;
  height: 30px;
  background-color: white;
  border: 1px solid #85c2ff;
  color: #1d86f0;
}

.phoenix-icon-button.secondary.border:hover {
  background-color: rgba(133, 194, 255, 0.1);
}

.phoenix-icon-button.secondary.border:active {
  background-color: rgba(133, 194, 255, 0.2);
}

.phoenix-icon-button.secondary.border.disable {
  cursor: not-allowed;
  background-color: white;
  border: 1px solid rgba(133, 194, 255, 0.5);
  color: rgba(29, 134, 240, 0.5);
}

.phoenix-icon-button.secondary.border.disable:hover {
  background-color: white;
  border: 1px solid rgba(133, 194, 255, 0.5);
  color: rgba(29, 134, 240, 0.5);
}

.phoenix-icon-button.secondary.border.disable:active {
  background-color: white;
  border: 1px solid rgba(133, 194, 255, 0.5);
  color: rgba(29, 134, 240, 0.5);
}

.phoenix-icon-button.secondary.border.loading {
  background-color: white;
  border: 1px solid #85c2ff;
  color: #1d86f0;
}

.phoenix-icon-button.secondary.border.loading:hover {
  background-color: white;
  border: 1px solid #85c2ff;
  color: #1d86f0;
}

.phoenix-icon-button.secondary.border.loading:active {
  background-color: white;
  border: 1px solid #85c2ff;
  color: #1d86f0;
}

.phoenix-icon-button.normal {
  border: none;
  background-color: white;
  color: #83898f;
}

.phoenix-icon-button.normal:hover {
  color: #5cadff;
}

.phoenix-icon-button.normal:active {
  color: #106ecc;
}

.phoenix-icon-button.normal.disable {
  cursor: not-allowed;
  color: #bfc3c7;
}

.phoenix-icon-button.normal.loading:hover {
  color: #83898f;
  background-color: rgba(230, 232, 235, 0.3);
}

.phoenix-icon-button.normal.loading:active {
  color: #83898f;
  background-color: rgba(230, 232, 235, 0.3);
}

.phoenix-icon-button.normal.border {
  width: 30px;
  height: 30px;
  background-color: white;
  border: 1px solid #e6e8eb;
}

.phoenix-icon-button.normal.border:hover, .phoenix-icon-button.normal.border:active {
  border-color: #85c2ff;
  color: #1d86f0;
  background-color: rgba(133, 194, 255, 0.1);
}

.phoenix-icon-button.normal.border:active {
  background-color: rgba(133, 194, 255, 0.2);
}

.phoenix-icon-button.normal.border.disable {
  color: rgba(191, 195, 199, 0.7);
  cursor: not-allowed;
  background-color: rgba(230, 232, 235, 0.3);
  border-color: #e6e8eb;
}

.phoenix-icon-button.normal.border.loading {
  color: rgba(131, 137, 143, 0.9);
  border: 1px solid #e6e8eb;
  background-color: rgba(230, 232, 235, 0.3);
}

.phoenix-icon-button.normal.border.loading:hover, .phoenix-icon-button.normal.border.loading:active {
  border: 1px solid #e6e8eb;
}
.phoenix-icon-button-group {
  font-family: "PingFang SC", "Hiragino Sans GB", STHeitiSC, Helvetica, "Helvetica Neue", "Microsoft YaHei", Tahoma;
  position: relative;
  display: inline-block;
}

.phoenix-icon-button-group__item {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  color: #bfc3c7;
  width: 30px;
  height: 30px;
  background: white;
  border: 1px solid #e6e8eb;
  border-right: 0px;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.phoenix-icon-button-group__item:hover {
  background: rgba(133, 194, 255, 0.1);
  color: #1d86f0;
}

.phoenix-icon-button-group__item:active {
  background: rgba(133, 194, 255, 0.2);
  color: #1d86f0;
}

.phoenix-icon-button-group__item:first-child {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

.phoenix-icon-button-group__item:last-child {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border: 1px solid #e6e8eb;
}

.phoenix-icon-button-group__item.active {
  background: rgba(133, 194, 255, 0.2);
  color: #1d86f0;
}

.phoenix-icon-button-group__item--disable {
  cursor: not-allowed;
  color: rgba(191, 195, 199, 0.7);
  background-color: rgba(230, 232, 235, 0.3);
}

.phoenix-icon-button-group__item--disable.active {
  color: rgba(29, 134, 240, 0.5);
}

.phoenix-icon-button-group__item--disable.active:hover {
  color: rgba(29, 134, 240, 0.5);
  background: rgba(133, 194, 255, 0.2);
}

.phoenix-icon-button-group__item--disable:hover {
  color: rgba(191, 195, 199, 0.7);
  background-color: rgba(230, 232, 235, 0.3);
}
.phoenix-text-button {
  font-family: "PingFang SC", "Hiragino Sans GB", STHeitiSC, Helvetica, "Helvetica Neue", "Microsoft YaHei", Tahoma;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.phoenix-text-button--big .phoenix-text-button__textWraper {
  font-size: 14px;
  line-height: 22px;
}

.phoenix-text-button--small .phoenix-text-button__textWraper {
  font-size: 12px;
  line-height: 20px;
}

.phoenix-text-button--primary {
  color: #106ecc;
}

.phoenix-text-button--primary .phoenix-text-button__suffixIcon {
  color: #1d86f0;
}

.phoenix-text-button--primary .phoenix-text-button__preIcon {
  color: #1d86f0;
}

.phoenix-text-button--primary:hover {
  color: #1d86f0;
}

.phoenix-text-button--primary:hover .phoenix-text-button__suffixIcon {
  color: #106ecc;
}

.phoenix-text-button--primary:hover .phoenix-text-button__preIcon {
  color: #106ecc;
}

.phoenix-text-button--primary:active, .phoenix-text-button--primary.active {
  color: #106ecc;
}

.phoenix-text-button--primary:active .phoenix-text-button__suffixIcon, .phoenix-text-button--primary.active .phoenix-text-button__suffixIcon {
  color: #1d86f0;
}

.phoenix-text-button--primary:active .phoenix-text-button__preIcon, .phoenix-text-button--primary.active .phoenix-text-button__preIcon {
  color: #1d86f0;
}

.phoenix-text-button--secondary {
  color: #33383d;
}

.phoenix-text-button--secondary .phoenix-text-button__suffixIcon, .phoenix-text-button--secondary .phoenix-text-button__preIcon {
  color: #83898f;
}

.phoenix-text-button--secondary:hover {
  color: #1d86f0;
}

.phoenix-text-button--secondary:hover .phoenix-text-button__suffixIcon, .phoenix-text-button--secondary:hover .phoenix-text-button__preIcon {
  color: #106ecc;
}

.phoenix-text-button--secondary:active, .phoenix-text-button--secondary.active {
  color: #106ecc;
}

.phoenix-text-button--secondary:active .phoenix-text-button__suffixIcon, .phoenix-text-button--secondary:active .phoenix-text-button__preIcon, .phoenix-text-button--secondary.active .phoenix-text-button__suffixIcon, .phoenix-text-button--secondary.active .phoenix-text-button__preIcon {
  color: #1d86f0;
}

.phoenix-text-button--primaryDisable {
  cursor: not-allowed;
  color: rgba(16, 110, 204, 0.5);
}

.phoenix-text-button--primaryDisable .phoenix-text-button__suffixIcon {
  color: rgba(29, 134, 240, 0.5);
}

.phoenix-text-button--primaryDisable .phoenix-text-button__preIcon {
  color: rgba(29, 134, 240, 0.5);
}

.phoenix-text-button--primaryDisable:hover, .phoenix-text-button--primaryDisable:active, .phoenix-text-button--primaryDisable.active {
  color: rgba(16, 110, 204, 0.5);
}

.phoenix-text-button--primaryDisable:hover .phoenix-text-button__suffixIcon, .phoenix-text-button--primaryDisable:active .phoenix-text-button__suffixIcon, .phoenix-text-button--primaryDisable.active .phoenix-text-button__suffixIcon {
  color: rgba(29, 134, 240, 0.5);
}

.phoenix-text-button--primaryDisable:hover .phoenix-text-button__preIcon, .phoenix-text-button--primaryDisable:active .phoenix-text-button__preIcon, .phoenix-text-button--primaryDisable.active .phoenix-text-button__preIcon {
  color: rgba(29, 134, 240, 0.5);
}

.phoenix-text-button--primaryLoading {
  color: rgba(16, 110, 204, 0.5);
}

.phoenix-text-button--primaryLoading:hover, .phoenix-text-button--primaryLoading:active, .phoenix-text-button--primaryLoading.active {
  color: rgba(16, 110, 204, 0.5);
}

.phoenix-text-button--primaryLoading .phoenix-text-button__preIcon--hasLoading, .phoenix-text-button--primaryLoading:hover .phoenix-text-button__preIcon--hasLoading {
  color: rgba(29, 134, 240, 0.9);
}

.phoenix-text-button--secondaryDisable {
  color: #bfc3c7;
  cursor: not-allowed;
}

.phoenix-text-button--secondaryDisable .phoenix-text-button__suffixIcon, .phoenix-text-button--secondaryDisable .phoenix-text-button__preIcon {
  color: #bfc3c7;
}

.phoenix-text-button--secondaryDisable:hover, .phoenix-text-button--secondaryDisable:active, .phoenix-text-button--secondaryDisable.active {
  color: #bfc3c7;
}

.phoenix-text-button--secondaryDisable:hover .phoenix-text-button__suffixIcon, .phoenix-text-button--secondaryDisable:hover .phoenix-text-button__preIcon, .phoenix-text-button--secondaryDisable:active .phoenix-text-button__suffixIcon, .phoenix-text-button--secondaryDisable:active .phoenix-text-button__preIcon, .phoenix-text-button--secondaryDisable.active .phoenix-text-button__suffixIcon, .phoenix-text-button--secondaryDisable.active .phoenix-text-button__preIcon {
  color: #bfc3c7;
}

.phoenix-text-button--secondaryLoading {
  color: #bfc3c7;
}

.phoenix-text-button--secondaryLoading:hover, .phoenix-text-button--secondaryLoading:active, .phoenix-text-button--secondaryLoading.active {
  color: #bfc3c7;
}

.phoenix-text-button--secondaryLoading .phoenix-text-button__preIcon--hasLoading, .phoenix-text-button--secondaryLoading:hover .phoenix-text-button__preIcon--hasLoading {
  color: rgba(131, 137, 143, 0.9);
}

.phoenix-text-button__preIcon {
  align-items: center;
  margin-right: 4px;
  line-height: 0;
}

.phoenix-text-button__preIcon--hasIcon, .phoenix-text-button__preIcon--loading {
  margin-right: 4px;
}

.phoenix-text-button__preIcon--hasIcon {
  width: auto;
  height: 18px;
}

.phoenix-text-button__preIcon--hasIcon svg {
  width: 18px;
  height: 18px;
}

.phoenix-text-button__preIcon--hasLoading {
  width: auto;
}

.phoenix-text-button__preIcon--hasLoading svg {
  width: 14px;
  height: 14px;
}

.phoenix-text-button__suffixIcon {
  align-items: center;
  margin-left: 4px;
  width: auto;
  line-height: 0;
}

.phoenix-text-button__suffixIcon svg {
  width: 12px;
  height: 12px;
}

.phoenix-text-button__textWraper {
  display: inline-block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 80px;
}
:root {
    --skin-css-var-S1: 0, 79, 158;
    --skin-css-var-S2: 16, 110, 204;
    --skin-css-var-S3: 29, 134, 240;
    --skin-css-var-S4: 92, 173, 255;
    --skin-css-var-S5: 133, 194, 255;
    --skin-css-var-S6: 194, 224, 255;
    --skin-css-var-M1: 14, 17, 20;
    --skin-css-var-M2: 51, 56, 61;
    --skin-css-var-M3: 86, 94, 102;
    --skin-css-var-M4: 131, 137, 143;
    --skin-css-var-M5: 191, 195, 199;
    --skin-css-var-M6: 230, 232, 235;
    --skin-css-var-M7: 240, 242, 245;
    --skin-css-var-M8: 250, 251, 252;
    --skin-css-var-M9: 255, 255, 255;
    --skin-css-var-M10: 0, 0, 0;
}.phoenix-unmodeled-layer {
  position: relative;
  display: inline-block;
}

.phoenix-unmodeled-layer.block {
  display: block;
}

.phoenix-unmodeled-layer .phoenix-unmodeled-layer__content {
  display: inline-block;
}

.phoenix-unmodeled-layer .phoenix-unmodeled-layer__content.phoenix-unmodeled-layer__content--block {
  display: block;
}

.common-unmodeled-layer {
  position: absolute;
  left: -9999px;
  top: -9999px;
  display: block;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
  line-height: 1.5;
}

.common-unmodeled-layer.common-unmodeled-layer-hidden {
  display: none;
}

.common-unmodeled-layer.common-unmodeled-layer-slide-up-enter, .common-unmodeled-layer.common-unmodeled-layer-slide-up-appear {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  transform-origin: 0 0;
  display: block !important;
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  animation-play-state: paused;
}

.common-unmodeled-layer.common-unmodeled-layer-slide-up-leave {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  transform-origin: 0 0;
  display: block !important;
  opacity: 1;
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
  animation-play-state: paused;
}

.common-unmodeled-layer.common-unmodeled-layer-slide-up-enter.common-unmodeled-layer-slide-up-enter-active.common-unmodeled-layer-placement-bottomLeft, .common-unmodeled-layer.common-unmodeled-layer-slide-up-appear.common-unmodeled-layer-slide-up-appear-active.common-unmodeled-layer-placement-bottomLeft, .common-unmodeled-layer.common-unmodeled-layer-slide-up-enter.common-unmodeled-layer-slide-up-enter-active.common-unmodeled-layer-placement-bottomCenter, .common-unmodeled-layer.common-unmodeled-layer-slide-up-appear.common-unmodeled-layer-slide-up-appear-active.common-unmodeled-layer-placement-bottomCenter, .common-unmodeled-layer.common-unmodeled-layer-slide-up-enter.common-unmodeled-layer-slide-up-enter-active.common-unmodeled-layer-placement-bottomRight, .common-unmodeled-layer.common-unmodeled-layer-slide-up-appear.common-unmodeled-layer-slide-up-appear-active.common-unmodeled-layer-placement-bottomRight {
  animation-name: rcUnmodeledLayerSlideUpIn;
  animation-play-state: running;
}

.common-unmodeled-layer.common-unmodeled-layer-slide-up-enter.common-unmodeled-layer-slide-up-enter-active.common-unmodeled-layer-placement-topLeft, .common-unmodeled-layer.common-unmodeled-layer-slide-up-appear.common-unmodeled-layer-slide-up-appear-active.common-unmodeled-layer-placement-topLeft, .common-unmodeled-layer.common-unmodeled-layer-slide-up-enter.common-unmodeled-layer-slide-up-enter-active.common-unmodeled-layer-placement-topCenter, .common-unmodeled-layer.common-unmodeled-layer-slide-up-appear.common-unmodeled-layer-slide-up-appear-active.common-unmodeled-layer-placement-topCenter, .common-unmodeled-layer.common-unmodeled-layer-slide-up-enter.common-unmodeled-layer-slide-up-enter-active.common-unmodeled-layer-placement-topRight, .common-unmodeled-layer.common-unmodeled-layer-slide-up-appear.common-unmodeled-layer-slide-up-appear-active.common-unmodeled-layer-placement-topRight {
  animation-name: rcUnmodeledLayerSlideDownIn;
  animation-play-state: running;
}

.common-unmodeled-layer.common-unmodeled-layer-slide-up-leave.common-unmodeled-layer-slide-up-leave-active.common-unmodeled-layer-placement-bottomLeft, .common-unmodeled-layer.common-unmodeled-layer-slide-up-leave.common-unmodeled-layer-slide-up-leave-active.common-unmodeled-layer-placement-bottomCenter, .common-unmodeled-layer.common-unmodeled-layer-slide-up-leave.common-unmodeled-layer-slide-up-leave-active.common-unmodeled-layer-placement-bottomRight {
  animation-name: rcUnmodeledLayerSlideUpOut;
  animation-play-state: running;
}

.common-unmodeled-layer.common-unmodeled-layer-slide-up-leave.common-unmodeled-layer-slide-up-leave-active.common-unmodeled-layer-placement-topLeft, .common-unmodeled-layer.common-unmodeled-layer-slide-up-leave.common-unmodeled-layer-slide-up-leave-active.common-unmodeled-layer-placement-topCenter, .common-unmodeled-layer.common-unmodeled-layer-slide-up-leave.common-unmodeled-layer-slide-up-leave-active.common-unmodeled-layer-placement-topRight {
  animation-name: rcUnmodeledLayerSlideDownOut;
  animation-play-state: running;
}

.common-unmodeled-layer .common-unmodeled-layer__layerContent {
  position: relative;
  background-color: white;
  border-radius: 3px;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.08);
  z-index: 1200;
  overflow: auto;
  margin: 4px 0;
}

.common-unmodeled-layer .common-unmodeled-layer__layerFooter {
  position: relative;
  border-top: 1px solid #f0f2f5;
  padding: 8px 10px 8px 8px;
  overflow: hidden;
}

.common-unmodeled-layer .common-unmodeled-layer__layerFooterItem {
  float: right;
  margin-left: 8px;
}

@-webkit-keyframes rcUnmodeledLayerSlideUpIn {
  0% {
    opacity: 0;
    transform-origin: 0% 0%;
    transform: scaleY(0);
  }

  100% {
    opacity: 1;
    transform-origin: 0% 0%;
    transform: scaleY(1);
  }
}

@-moz-keyframes rcUnmodeledLayerSlideUpIn {
  0% {
    opacity: 0;
    transform-origin: 0% 0%;
    transform: scaleY(0);
  }

  100% {
    opacity: 1;
    transform-origin: 0% 0%;
    transform: scaleY(1);
  }
}

@-o-keyframes rcUnmodeledLayerSlideUpIn {
  0% {
    opacity: 0;
    transform-origin: 0% 0%;
    transform: scaleY(0);
  }

  100% {
    opacity: 1;
    transform-origin: 0% 0%;
    transform: scaleY(1);
  }
}

@keyframes rcUnmodeledLayerSlideUpIn {
  0% {
    opacity: 0;
    transform-origin: 0% 0%;
    transform: scaleY(0);
  }

  100% {
    opacity: 1;
    transform-origin: 0% 0%;
    transform: scaleY(1);
  }
}

@-webkit-keyframes rcUnmodeledLayerSlideDownIn {
  0% {
    opacity: 0;
    transform-origin: 0% 100%;
    transform: scaleY(0);
  }

  100% {
    opacity: 1;
    transform-origin: 0% 100%;
    transform: scaleY(1);
  }
}

@-moz-keyframes rcUnmodeledLayerSlideDownIn {
  0% {
    opacity: 0;
    transform-origin: 0% 100%;
    transform: scaleY(0);
  }

  100% {
    opacity: 1;
    transform-origin: 0% 100%;
    transform: scaleY(1);
  }
}

@-o-keyframes rcUnmodeledLayerSlideDownIn {
  0% {
    opacity: 0;
    transform-origin: 0% 100%;
    transform: scaleY(0);
  }

  100% {
    opacity: 1;
    transform-origin: 0% 100%;
    transform: scaleY(1);
  }
}

@keyframes rcUnmodeledLayerSlideDownIn {
  0% {
    opacity: 0;
    transform-origin: 0% 100%;
    transform: scaleY(0);
  }

  100% {
    opacity: 1;
    transform-origin: 0% 100%;
    transform: scaleY(1);
  }
}

@-webkit-keyframes rcUnmodeledLayerSlideUpOut {
  0% {
    opacity: 1;
    transform-origin: 0% 0%;
    transform: scaleY(1);
  }

  100% {
    opacity: 0;
    transform-origin: 0% 0%;
    transform: scaleY(0);
  }
}

@-moz-keyframes rcUnmodeledLayerSlideUpOut {
  0% {
    opacity: 1;
    transform-origin: 0% 0%;
    transform: scaleY(1);
  }

  100% {
    opacity: 0;
    transform-origin: 0% 0%;
    transform: scaleY(0);
  }
}

@-o-keyframes rcUnmodeledLayerSlideUpOut {
  0% {
    opacity: 1;
    transform-origin: 0% 0%;
    transform: scaleY(1);
  }

  100% {
    opacity: 0;
    transform-origin: 0% 0%;
    transform: scaleY(0);
  }
}

@keyframes rcUnmodeledLayerSlideUpOut {
  0% {
    opacity: 1;
    transform-origin: 0% 0%;
    transform: scaleY(1);
  }

  100% {
    opacity: 0;
    transform-origin: 0% 0%;
    transform: scaleY(0);
  }
}

@-webkit-keyframes rcUnmodeledLayerSlideDownOut {
  0% {
    opacity: 1;
    transform-origin: 0% 100%;
    transform: scaleY(1);
  }

  100% {
    opacity: 0;
    transform-origin: 0% 100%;
    transform: scaleY(0);
  }
}

@-moz-keyframes rcUnmodeledLayerSlideDownOut {
  0% {
    opacity: 1;
    transform-origin: 0% 100%;
    transform: scaleY(1);
  }

  100% {
    opacity: 0;
    transform-origin: 0% 100%;
    transform: scaleY(0);
  }
}

@-o-keyframes rcUnmodeledLayerSlideDownOut {
  0% {
    opacity: 1;
    transform-origin: 0% 100%;
    transform: scaleY(1);
  }

  100% {
    opacity: 0;
    transform-origin: 0% 100%;
    transform: scaleY(0);
  }
}

@keyframes rcUnmodeledLayerSlideDownOut {
  0% {
    opacity: 1;
    transform-origin: 0% 100%;
    transform: scaleY(1);
  }

  100% {
    opacity: 0;
    transform-origin: 0% 100%;
    transform: scaleY(0);
  }
}
@charset "UTF-8";

.phoenix-input {
  position: relative;
  z-index: 2;
  box-sizing: border-box;
  flex: 1 1 auto;
  width: 100%;
  min-width: 100px;
  font-family: "PingFang SC", "Hiragino Sans GB", STHeitiSC, Helvetica, "Helvetica Neue", "Microsoft YaHei", Tahoma;
  color: #0e1114;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.phoenix-input:hover input {
  border-color: #85c2ff;
}

.phoenix-input:hover input:focus {
  border-color: #5cadff;
}

.phoenix-input:hover input[disabled] {
  border-color: #e6e8eb;
}

.phoenix-input:hover .phoenix-input__tooltip-overflow {
  border-color: #85c2ff;
}

.phoenix-input:hover .phoenix-input__tooltip-overflow--statusDisable {
  border-color: #e6e8eb;
}

.phoenix-input:hover .phoenix-input__tooltip-overflow--statusError {
  border-color: #FF475A;
}

.phoenix-input--statusIsHInt:hover input {
  border-color: #5cadff;
}

.phoenix-input--statusError:hover input {
  border-color: #FF475A;
}

.phoenix-input--statusError:hover input:focus {
  border-color: #FF475A;
}

.phoenix-input__input {
  font-family: "PingFang SC", "Hiragino Sans GB", STHeitiSC, Helvetica, "Helvetica Neue", "Microsoft YaHei", Tahoma;
  box-sizing: border-box;
  width: 100%;
  height: 30px;
  font-size: 12px;
    /* 解决chrome中input文本内容在12px时无法垂直居中的问题 */
  line-height: 30px;
  padding: 0 8px;
  border: 1px solid #e6e8eb;
  border-radius: 3px;
  background-color: white;
  outline: none;
  overflow: hidden;
  cursor: text;
    /* 隐藏IE自带的clear图标 */
}

.phoenix-input__input::-ms-clear {
  width: 0;
  height: 0;
}

.phoenix-input__input::placeholder {
  color: #bfc3c7;
}

.phoenix-input__input:hover {
  border-color: #85c2ff;
}

.phoenix-input__input:focus {
  border-color: #5cadff;
}

.phoenix-input__input[disabled] {
  color: transparent;
  background-color: transparent;
  text-overflow: ellipsis;
  cursor: not-allowed;
}

.phoenix-input__input[disabled]:hover {
  border-color: #e6e8eb;
}

.phoenix-input__input--noEllipsis[disabled] {
  background-color: rgba(230, 232, 235, 0.3);
  color: #33383d;
  cursor: not-allowed;
}

.phoenix-input__input[readonly] {
  pointer-events: none;
}

.phoenix-input__input--sizeLarge {
  height: 32px;
  line-height: 30px;
  font-size: 14px;
}

.phoenix-input__input--sizeSmall {
  height: 26px;
  line-height: 24px;
  font-size: 12px;
}

.phoenix-input__input--hasPrefix {
  padding-left: calc(8px + 4px + 12px);
}

.phoenix-input__input--hasSuffix, .phoenix-input__input--setPadding {
  padding-right: calc(8px + 4px + 12px);
}

.phoenix-input__input--statusDisable .phoenix-input__input--hasEllipsis {
  color: rgba(0, 0, 0, 0) !important;
}

.phoenix-input__input--statusIsHInt {
  border-color: #5cadff;
}

.phoenix-input__input--statusIsHInt:hover {
  border-color: #5cadff;
}

.phoenix-input__input--statusIsHInt:focus {
  border-color: #5cadff;
}

.phoenix-input__input--statusError {
  border-color: #FF475A;
}

.phoenix-input__input--statusError:hover {
  border-color: #FF475A;
}

.phoenix-input__input--statusError:focus {
  border-color: #FF475A;
}

.phoenix-input__input--safari {
  line-height: 20px;
}

.phoenix-input__prefix, .phoenix-input__clear, .phoenix-input__suffix {
  position: absolute;
  top: 50%;
  z-index: 1;
  transform: translateY(-50%);
  display: inline-block;
  font-size: 12px;
  line-height: 0;
}

.phoenix-input__prefix {
  left: 8px;
}

.phoenix-input__clear {
  right: 8px;
  cursor: pointer;
  background-color: transparent;
}

.phoenix-input__clear path:nth-child(2) {
  fill: #bfc3c7;
}

.phoenix-input__clear:hover path:nth-child(2) {
  fill: #83898f;
}

.phoenix-input__clear--active path:nth-child(2) {
  fill: #bfc3c7;
}

.phoenix-input__clear--hide {
  display: none;
}

.phoenix-input__suffix {
  right: 8px;
}

.phoenix-input__suffix--hide {
  display: none;
}

.phoenix-input__tooltip-overflow {
  font-family: "PingFang SC", "Hiragino Sans GB", STHeitiSC, Helvetica, "Helvetica Neue", "Microsoft YaHei", Tahoma;
  display: inline-block;
  position: absolute;
  top: 0px;
  left: 0px;
  opacity: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  height: 30px;
  font-size: 12px;
  line-height: 28px;
  padding: 0 8px;
  border: 1px solid #e6e8eb;
  background-color: white;
  box-sizing: border-box;
  border-radius: 3px;
  margin: 0;
}

.phoenix-input__tooltip-overflow--password {
  color: transparent;
  background-color: transparent;
  z-index: -1;
}

.phoenix-input__tooltip-overflow--sizeLarge {
  height: 32px;
  line-height: 30px;
  font-size: 14px;
}

.phoenix-input__tooltip-overflow--sizeSmall {
  height: 26px;
  line-height: 26px;
  font-size: 12px;
}

.phoenix-input__tooltip-overflow--hasPrefix {
  padding-left: calc(8px + 4px + 12px);
}

.phoenix-input__tooltip-overflow--hasSuffix {
  padding-right: calc(8px + 4px + 12px);
}

.phoenix-input__tooltip-overflow--statusDisable {
  background-color: rgba(230, 232, 235, 0.3);
  color: #33383d;
  cursor: not-allowed;
  pointer-events: none;
}

.phoenix-input__tooltip-overflow--statusError {
  border-color: #FF475A;
}
.phoenix-search__extend {
  color: #FFA42E;
  padding: 2px 8px 0;
  word-break: break-all;
  font-size: 12px;
  line-height: 20px;
}
/**
 * file: ListItem.scss
 * author: huangxiaolong@beisen.com
 * date: 2019/6/27
 */
.phoenix-single-select-list__item {
  color: #0e1114;
  cursor: pointer;
  padding: 4px 10px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  list-style: none;
  cursor: pointer;
}

.phoenix-single-select-list__item.phoenix-single-select-list__item--disabled {
  color: #bfc3c7;
  cursor: not-allowed;
}

.phoenix-single-select-list__item.phoenix-single-select-list__item--disabled:hover {
  background-color: inherit;
}

.phoenix-single-select-list__item:hover {
  background-color: rgba(133, 194, 255, 0.1);
}

.phoenix-single-select-list__item.phoenix-single-select-list__item--isSelected {
  background-color: rgba(230, 232, 235, 0.3);
}

.phoenix-single-select-list__item .searchTxt {
  background-color: #FAC105;
}

.phoenix-single-select-list__item label {
  width: 100%;
}

.phoenix-single-select-list__item.phoenix-single-select-list__item--fzLarge {
  padding: 4px 12px;
}

.phoenix-single-select-list__item .phoenix-single-select-list__tipSpan {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.phoenix-single-select-list__item .phoenix-single-select-list__highLight {
  color: inherit;
  border-radius: 2px;
  background-color: rgba(250, 193, 5, 0.2);
}
/**
 * file: Loading.scss
 * author: huangxiaolong@beisen.com
 * date: 2019/6/27
 */
.phoenix-single-select-list__loading {
  text-align: center;
  position: relative;
  height: 182px;
}

.phoenix-single-select-list__loading .phoenix-single-select-list__loadingWrap {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
/**
 * file: PlaceHolder.scss
 * author: huangxiaolong@beisen.com
 * date: 2019/6/27
 */
.phoenix-single-select-list__placeholderWrapper {
  text-align: center;
  box-sizing: border-box;
  position: relative;
  height: 100%;
  overflow: hidden;
}

.phoenix-single-select-list__placeholderWrapper .phoenix-single-select-list__placeholder {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.phoenix-single-select-list__placeholderWrapper .phoenix-single-select-list__placeholderTxt {
  text-align: center;
  color: #bbbfee;
  margin-top: 8px;
}
/**
 * file: SelectList.scss
 * author: huangxiaolong@beisen.com
 * date: 2019/6/27
 */
.phoenix-single-select-list {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  position: relative;
  font-family: "PingFang SC", "Hiragino Sans GB", STHeitiSC, Helvetica, "Helvetica Neue", "Microsoft YaHei", Tahoma;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  max-height: 290px;
  border-radius: 3px;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.1);
  font-size: 12px;
  line-height: 20px;
  padding: 4px 0px;
}

.phoenix-single-select-list.phoenix-single-select-list--isEmpty {
  height: 190px;
}

.phoenix-single-select-list.phoenix-single-select-list--noBorder {
  border-radius: none;
  box-shadow: none;
}

.phoenix-single-select-list.phoenix-single-select-list--fzLarge {
  font-size: 14px;
  line-height: 22px;
}

.phoenix-single-select-list.phoenix-single-select-list--fzLarge .phoenix-single-select-list__search {
  padding: 4px 12px;
}

.phoenix-single-select-list.phoenix-single-select-list--fzSmall {
  font-size: 12px;
  line-height: 20px;
}

.phoenix-single-select-list .phoenix-single-select-list__search {
  box-sizing: border-box;
  padding: 4px 10px;
  width: 100%;
  background-color: white;
  z-index: 1201;
  flex-shrink: 0;
}

.phoenix-single-select-list--isSearch .phoenix-single-select-list__contentWraper {
  min-height: 150px;
  max-height: 244px;
}

.phoenix-single-select-list__contentWraper {
  overflow-y: auto;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
  max-height: 282px;
}

.phoenix-single-select-list__contentWraper::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

.phoenix-single-select-list__contentWraper::-webkit-scrollbar-track {
  border-radius: 100px;
  background-color: transparent;
}

.phoenix-single-select-list__contentWraper::-webkit-scrollbar-thumb {
  border: 2px solid transparent;
  border-radius: 100px;
  background-color: rgba(14, 17, 20, 0.1);
  background-clip: content-box;
}

.phoenix-single-select-list__contentWraper::-webkit-scrollbar-thumb:hover {
  background-color: rgba(14, 17, 20, 0.3);
}

.phoenix-single-select-list__contentWraper .phoenix-single-select-list__ul {
  flex-shrink: 0;
  padding: 0;
  margin: 0;
}
span {
  padding: 0;
  margin: 0;
}

.phoenix-breadcrumb {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-family: "PingFang SC", "Hiragino Sans GB", STHeitiSC, Helvetica, "Helvetica Neue", "Microsoft YaHei", Tahoma;
  font-size: 12px;
  line-height: 20px;
  font-variant: tabular-nums;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
  font-feature-settings: 'tnum';
}

.phoenix-breadcrumb .ant {
  font-size: 12px;
}

.phoenix-breadcrumb a {
  text-decoration: none;
}

.phoenix-breadcrumb-more {
  color: #bfc3c7 !important;
}

.phoenix-breadcrumb-more svg {
  position: relative;
  top: 2px;
}

.phoenix-breadcrumb .phoenix-unmodeled-layer {
  height: 20px;
}

.phoenix-breadcrumb-item {
  margin-top: 4px;
  display: inline-flex;
  align-items: center;
}

.phoenix-breadcrumb-item-current span {
  cursor: default !important;
  color: #0e1114 !important;
}

.phoenix-breadcrumb-item-current span:hover {
  color: #0e1114 !important;
  cursor: default !important;
}

.phoenix-breadcrumb a {
  color: #565e66;
  display: inline-block;
  transition: color 0.3s;
}

.phoenix-breadcrumb > span:last-child .phoenix-breadcrumb-separator {
  display: none;
}

.phoenix-breadcrumb-separator {
  margin: 0 8px;
  color: #bfc3c7;
  display: inline-flex;
  line-height: 20px;
  height: 20px;
  align-items: center;
  cursor: default;
}

.phoenix-breadcrumb-icon .phoenix-breadcrumb-text {
  padding-left: 4px;
}

.phoenix-breadcrumb-svg {
  position: relative;
  display: inline-block;
  line-height: 20px;
}

.phoenix-breadcrumb-link {
  line-height: 20px;
  max-width: 120px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-break: break-all;
  display: inline-block;
  position: relative;
  cursor: pointer;
  color: #565e66;
}

.phoenix-breadcrumb-link > .ant + span {
  margin-left: 8px;
}

.phoenix-breadcrumb-link:hover {
  color: #1d86f0 !important;
}
.phoenix-closeButton {
  display: block;
  width: 37px;
  height: 28px;
  position: absolute;
  top: 10px;
  right: 16px;
  z-index: 1;
}

.phoenix-closeButton--hide {
  display: none;
}

.phoenix-closeButton__splitLine {
  display: inline-block;
  width: 1px;
  height: 28px;
  background-color: #e6e8eb;
  margin: 0px 12px 0 0;
}

.phoenix-closeButton__closeIcon {
  width: 18px;
  height: 18px;
  line-height: 18px;
  display: inline-block;
  position: absolute;
  top: 50%;
  transform: translate(-3px, -50%);
  color: #83898f;
  text-align: center;
  cursor: pointer;
}

.phoenix-closeButton__closeIcon:hover {
  border-radius: 50%;
  color: white;
}

.phoenix-closeButton__closeIcon--success:hover {
  background: #46CF84;
}

.phoenix-closeButton__closeIcon--error:hover {
  background: #FF475A;
}

.phoenix-closeButton__closeIcon--warning:hover {
  background: #FFA42E;
}

.phoenix-closeButton__closeIcon--info:hover {
  background: #29B8ff;
}
@keyframes mouseMove {
  0% {
    height: 0px;
  }

  25% {
    height: 7px;
  }

  50% {
    height: 7px;
  }

  75% {
    height: 7px;
  }

  100% {
    height: 0px;
  }
}

@keyframes eyeMove {
  0% {
    top: 0px;
  }

  25% {
    top: -1px;
  }

  50% {
    top: 0px;
  }

  75% {
    top: -1px;
  }

  100% {
    top: 0px;
  }
}

.message-success-icon {
  width: 14px;
  height: 14px;
  display: inline-block;
  position: relative;
  font-family: "PingFang SC", "Hiragino Sans GB", STHeitiSC, Helvetica, "Helvetica Neue", "Microsoft YaHei", Tahoma;
  font-size: 14px;
  line-height: 22px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.message-success-icon .left-eye {
  position: absolute;
  left: 1px;
  top: 0px;
  background: url(../images/left-eye-1249a2b93d2043198858ae3765913bec.svg);
  height: 4px;
  width: 6px;
}

.message-success-icon .left-eye.eyes-animation {
  animation: eyeMove .5s;
}

.message-success-icon .right-eye {
  position: absolute;
  left: 9px;
  top: 0px;
  background: url(../images/right-eye-da338747794fbc81f6c6c8b392704789.svg);
  height: 4px;
  width: 6px;
}

.message-success-icon .right-eye.eyes-animation {
  animation: eyeMove .5s;
}

.message-success-icon .mouse {
  background: url(../images/mouse-da3037e52158f3aaf9c4d294d97aedff.svg);
  height: 7px;
  margin: 0 auto;
  margin-top: 7px;
  width: 16px;
  background-position: center center;
}

.message-success-icon .mouse .mouse-fadeout {
  height: 0px;
  width: 16px;
  position: absolute;
  background: url(../images/fade-out-9c1e841928f7a9f99df7d90ce9ed93de.png);
  background-repeat: no-repeat;
  background-position: bottom;
}

.message-success-icon .mouse .fadeOut-top {
  left: 0px;
}

.message-success-icon .mouse .fadeout-move {
  animation: mouseMove .2s linear;
}
@keyframes eyesGetSmall {
  0% {
    transform: scale(1);
  }

  25% {
    transform: scale(0.8);
  }

  50% {
    transform: scale(0.8);
  }

  75% {
    transform: scale(0.8);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes fadeMove {
  0% {
    height: 0px;
  }

  25% {
    height: 3px;
  }

  50% {
    height: 3px;
  }

  75% {
    height: 3px;
  }

  100% {
    height: 0px;
  }
}

@keyframes iconShakeMove {
  0% {
    left: 0px;
  }

  20% {
    left: -1px;
  }

  40% {
    left: 1px;
  }

  60% {
    left: -1px;
  }

  80% {
    left: 1px;
  }

  100% {
    left: 0px;
  }
}

.message-error-icon {
  width: 14px;
  height: 14px;
  display: inline-block;
  position: relative;
  font-family: "PingFang SC", "Hiragino Sans GB", STHeitiSC, Helvetica, "Helvetica Neue", "Microsoft YaHei", Tahoma;
  font-size: 14px;
  line-height: 22px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.message-error-icon.iconshake {
  animation: iconShakeMove .4s;
}

.message-error-icon .left-eye {
  position: absolute;
  left: 1px;
  top: 1px;
  background: url(../images/left-eye-6f2ce23025ca362269151bbde93e5820.svg);
  height: 4px;
  width: 4px;
}

.message-error-icon .left-eye.eye-animation {
  animation: eyesGetSmall 0.5s;
}

.message-error-icon .right-eye {
  position: absolute;
  left: 9px;
  top: 1px;
  background: url(../images/right-eye-4952fca792ffaae3b9208c2df61dfa51.svg);
  height: 4px;
  width: 4px;
}

.message-error-icon .right-eye.eye-animation {
  animation: eyesGetSmall 0.5s;
}

.message-error-icon .mouse {
  position: absolute;
  left: 1px;
  bottom: 1px;
  background: url(../images/mouse-0a1ea40cc19e1a87b93bafa337670a62.svg);
  height: 7px;
  width: 12px;
}

.message-error-icon .mouse .mouse-fadeout {
  height: 0px;
  width: 12px;
  position: absolute;
  left: 0px;
  background: url(../images/fade-out-392080bdf0ae97b1b3cf44bfef42e38f.png);
  background-size: 100% 100%;
  background-position: top;
}

.message-error-icon .mouse .fadeout-bottom {
  left: 0px;
  bottom: 0px;
}

.message-error-icon .mouse .fadeout-move {
  animation: fadeMove 0.5s;
}
@keyframes iconShakeMove {
  0% {
    left: 0px;
  }

  20% {
    left: -1px;
  }

  40% {
    left: 1px;
  }

  60% {
    left: -1px;
  }

  80% {
    left: 1px;
  }

  100% {
    left: 0px;
  }
}

.message-warning-icon {
  width: 14px;
  height: 14px;
  display: inline-block;
  position: relative;
  font-family: "PingFang SC", "Hiragino Sans GB", STHeitiSC, Helvetica, "Helvetica Neue", "Microsoft YaHei", Tahoma;
  font-size: 14px;
  line-height: 22px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.message-warning-icon.iconshake {
  animation: iconShakeMove .4s;
}

.message-warning-icon .left-eye {
  position: absolute;
  left: 0px;
  top: 0px;
  background: url(../images/left-eye-8d4ce891d1e1c43e871765cfcd3e4af6.svg);
  height: 7px;
  width: 5px;
}

.message-warning-icon .right-eye {
  position: absolute;
  left: 9px;
  top: 0px;
  background: url(../images/right-eye-c3113063c66b6299b139eccdf429d0eb.svg);
  height: 7px;
  width: 5px;
}

.message-warning-icon .mouse {
  position: absolute;
  left: 0px;
  bottom: 1px;
  background: url(../images/mouse-7f470091ec9a6ad5386f3c1973e80379.svg);
  height: 5px;
  width: 14px;
}
@keyframes eyeFadeIn {
  0% {
    transform: scale(1);
  }

  25% {
    transform: scale(0.8);
  }

  50% {
    transform: scale(1);
  }

  75% {
    transform: scale(0.8);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes fadeMove {
  0% {
    height: 0px;
  }

  50% {
    height: 4px;
  }

  100% {
    height: 0px;
  }
}

.message-info-icon {
  width: 14px;
  height: 14px;
  display: inline-block;
  position: relative;
  font-family: "PingFang SC", "Hiragino Sans GB", STHeitiSC, Helvetica, "Helvetica Neue", "Microsoft YaHei", Tahoma;
  font-size: 14px;
  line-height: 22px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.message-info-icon .left-eye {
  position: absolute;
  left: 0px;
  top: 0px;
  background: url(../images/left-eyes-353f94b7f3830596eaa6a318cec9d4d7.svg);
  height: 5px;
  width: 4px;
}

.message-info-icon .left-eye.eye-animation {
  animation: eyeFadeIn .4s;
}

.message-info-icon .right-eye {
  position: absolute;
  left: 10px;
  top: 0px;
  background: url(../images/right-eyes-4e777c1bbe869ffee2e2100257ea2e04.svg);
  height: 5px;
  width: 4px;
}

.message-info-icon .right-eye.eye-animation {
  animation: eyeFadeIn .4s;
}

.message-info-icon .mouse {
  position: absolute;
  left: 1px;
  bottom: 1px;
  background: url(../images/mouse-604db2289168ab6acdfd60009ba2192c.svg);
  height: 5px;
  width: 12px;
}

.message-info-icon .mouse .mouse-fadeout {
  height: 0px;
  width: 12px;
  position: absolute;
  left: 0px;
  background: url(../images/fade-out-9c1e841928f7a9f99df7d90ce9ed93de.png);
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: 100% 100%;
}

.message-info-icon .mouse .fadeout-move {
  animation: fadeMove .4s;
}

.message-info-icon .mouse .eyes-move {
  animation: eyeFadeIn .4s;
}

.message-info-icon .mouse .fadeOut-top {
  left: 0px;
}
.phoenix-expression {
  display: inline-flex;
  width: 18px;
  height: 18px;
  position: absolute;
  top: 4px;
  left: 0px;
  font-size: 0;
  text-align: center;
}

.phoenix-expression svg {
  vertical-align: sub;
}

.phoenix-expression--small {
  top: 2px;
}
.phoenix-description__showMoreBtn {
  margin-right: 4px;
}

.phoenix-description__moreWraper {
  display: none;
  height: 20px;
  margin-top: 8px;
  font-size: 12px;
  line-height: 20px;
  cursor: pointer;
  color: #83898f;
}

.phoenix-description__moreWraper--isInline {
  display: inline-block;
}

.phoenix-description__moreWraper:hover {
  color: #1d86f0;
}

.phoenix-description__descWraper {
  display: block;
  max-height: 100px;
  margin-top: 4px;
  font-size: 12px;
  line-height: 20px;
  color: #33383d;
  overflow: hidden;
}

.phoenix-description__descWraper--isHide {
  display: none;
}

.phoenix-description__descWraper--isExpand {
  overflow: initial;
  max-height: none;
}

.phoenix-description__descWraper .phoenix-description__desc {
  font-family: "PingFang SC", "Hiragino Sans GB", STHeitiSC, Helvetica, "Helvetica Neue", "Microsoft YaHei", Tahoma;
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word;
  color: #33383d;
  margin: 0;
}

.phoenix-description__descWraper .phoenix-description__desc strong {
  font-size: 12px;
  line-height: 20px;
  font-family: "PingFang SC", "Hiragino Sans GB", STHeitiSC, Helvetica, "Helvetica Neue", "Microsoft YaHei", Tahoma;
  color: #33383d;
}

.phoenix-description__descWraper .phoenix-description__desc a {
  text-decoration: none;
  font-family: "PingFang SC", "Hiragino Sans GB", STHeitiSC, Helvetica, "Helvetica Neue", "Microsoft YaHei", Tahoma;
  font-size: 12px;
  line-height: 20px;
  color: #106ecc;
}

.phoenix-description__descWraper .phoenix-description__desc a:hover {
  color: #1d86f0;
}

.phoenix-description__descWraper .phoenix-description__desc a:active {
  color: #106ecc;
}

.phoenix-description__descWraper .phoenix-description__desc em {
  font-size: 12px;
  line-height: 20px;
  font-family: "PingFang SC", "Hiragino Sans GB", STHeitiSC, Helvetica, "Helvetica Neue", "Microsoft YaHei", Tahoma;
  color: #FFA42E;
  font-style: inherit;
}
@keyframes myfirst1 {
  0% {
    transform: translateY(-100px);
  }

  30% {
    transform: translateY(10px);
  }

  65% {
    transform: translateY(-2px);
  }

  100% {
    transform: translateY(0px);
  }
}

@keyframes messageMove {
  0% {
    left: 0px;
  }

  6% {
    left: 20px;
  }

  12% {
    left: -20px;
  }

  18% {
    left: 15px;
  }

  24% {
    left: -15px;
  }

  30% {
    left: 10px;
  }

  36% {
    left: -10px;
  }

  42% {
    left: 8px;
  }

  48% {
    left: -8px;
  }

  54% {
    left: 6px;
  }

  60% {
    left: -6px;
  }

  66% {
    left: 0px;
  }

  72% {
    left: 0px;
  }

  78% {
    left: 0px;
  }

  84% {
    left: 0px;
  }

  90% {
    left: 0px;
  }

  96% {
    left: 0px;
  }

  100% {
    left: 0px;
  }
}

.phoenix-message {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1400;
  width: 100%;
  pointer-events: none;
}

.phoenix-message.mask {
  height: 100%;
  background-color: rgba(255, 255, 255, 0);
  pointer-events: auto;
}

.phoenix-message.static {
  position: static;
}

.phoenix-message__wraper {
  display: block;
  margin-bottom: 12px;
  text-align: center;
  animation: myfirst1 0.6s cubic-bezier(0, 0, 0.58, 1);
}

.phoenix-message__wraper:first-child {
  margin-top: 20px;
}

.phoenix-message__message {
  pointer-events: auto;
  box-sizing: border-box;
  display: inline-block;
  padding: 12px 0px 12px 16px;
  background-color: white;
  font-family: "PingFang SC", "Hiragino Sans GB", STHeitiSC, Helvetica, "Helvetica Neue", "Microsoft YaHei", Tahoma;
  border-radius: 3px;
  box-shadow: -4px 0px 20px 0px rgba(0, 0, 0, 0.1);
  position: relative;
  z-index: 1400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.phoenix-message__message--baseMessage {
  max-width: 500px;
  max-height: 360px;
}

.phoenix-message__message--contentMessage {
  width: 340px;
  max-height: 360px;
}

.phoenix-message__message--hasKnowButton {
  padding-bottom: 0px;
}

.phoenix-message__message--messageMove {
  animation: messageMove 1.5s;
}

.phoenix-message__message--small {
  font-size: 12px;
  line-height: 20px;
  padding: 8px 0px 8px 12px;
  max-width: 400px;
  max-height: 116px;
}

.phoenix-message__message--small .phoenix-message__msgContent {
  font-size: 12px;
  line-height: 20px;
  min-height: 20px;
}

.phoenix-message__content {
  position: relative;
  padding-left: 22px;
  overflow-x: hidden;
  overflow-y: auto;
  text-align: justify;
  word-break: break-all;
}

.phoenix-message__content::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

.phoenix-message__content::-webkit-scrollbar-track {
  border-radius: 100px;
  background-color: transparent;
}

.phoenix-message__content::-webkit-scrollbar-thumb {
  border: 2px solid transparent;
  border-radius: 100px;
  background-color: rgba(14, 17, 20, 0.1);
  background-clip: content-box;
}

.phoenix-message__content::-webkit-scrollbar-thumb:hover {
  background-color: rgba(14, 17, 20, 0.3);
}

.phoenix-message__bottom {
  height: 46px;
  text-align: right;
  box-sizing: border-box;
  padding: 12px 16px 12px 0px;
  display: none;
}

.phoenix-message__bottom--show {
  display: block;
}

.phoenix-message__knownButton {
  font-size: 14px;
  line-height: 22px;
  color: #106ecc;
  cursor: pointer;
  text-decoration: none;
}

.phoenix-message__knownButton:hover {
  color: #1d86f0;
}

.phoenix-message__msgContent {
  width: 100%;
  display: block;
  font-size: 14px;
  line-height: 22px;
  font-weight: 600;
  min-height: 22px;
}
@charset "UTF-8";

#table-drill .table-drill-drawer {
  width: 0.01%;
}

.table-drill-cell {
  color: #1d86f0;
  text-decoration: underline;
  cursor: pointer;
}

.table-drill-cell:hover {
  color: #106ecc;
}

.table-drill-drawer .phoenix-drawer-wrapper-body {
  height: 100%;
}

.table-drill-drawer .phoenix-drawer-body {
  padding: 16px 24px;
  height: calc(100% - 100px);
}

.table-drill-download-button {
  position: absolute;
  top: 16px;
  right: 40px;
  cursor: pointer;
  color: #83898f;
}

.table-drill-download-text {
  height: 20px;
  line-height: 20px;
  font-family: "PingFang SC", "Hiragino Sans GB", STHeitiSC, Helvetica, "Helvetica Neue", "Microsoft YaHei", Tahoma;
  font-size: 12px;
  color: #83898f;
  float: left;
}

.table-drill-download-text:hover {
  color: #1d86f0;
}

.table-drill-download-button:hover {
  color: #1d86f0;
}

.table-drill-download-button:hover .table-drill-download-text {
  color: #1d86f0;
}

.table-drill-download-svg {
  height: 20px;
  line-height: 24px;
  float: left;
  margin-right: 4px;
}

.table-drill-download-line {
  height: 12px;
  border-left: 1px solid #83898f;
  float: left;
  margin-left: 10px;
  margin-top: 4px;
}

.table-drill-friendly {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /*水平居中*/
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  /*垂直居中*/
  -webkit-box-align: Center;
  -ms-flex-align: Center;
  align-items: Center;
}

.table-drill-friendly-text {
  font-family: PingFangSC-Regular;
  font-size: 14px;
  color: #83898f;
  margin-top: 24px;
}

.table-drill-friendly-image {
  width: 148px;
  height: 105px;
  background-image: url(../images/empty-9dec40dec1d66e943b652e91cd07aa3c.png);
  margin: 0 auto;
}

.download-button-active.table-drill-download-button {
  color: #106ecc;
}

.download-button-active.table-drill-download-button:hover {
  color: #1d86f0;
}

.download-button-active.table-drill-download-button .table-drill-download-text {
  color: #106ecc;
}

.download-button-active.table-drill-download-button .table-drill-download-text:hover {
  color: #1d86f0;
}

.drill-breadcrumb {
  display: inline-block;
  margin-bottom: 16px;
}

.drill-breadcrumb .phoenix-breadcrumb-item {
  margin-top: 0;
}

.nav-text {
  font-family: "PingFang SC", "Hiragino Sans GB", STHeitiSC, Helvetica, "Helvetica Neue", "Microsoft YaHei", Tahoma;
  font-size: 12px;
  line-height: 20px;
  font-variant: tabular-nums;
  list-style: none;
  -webkit-font-feature-settings: 'tnum';
  font-feature-settings: 'tnum';
  margin-left: 16px;
  height: 20px;
  color: #bfc3c7;
}

/*# sourceMappingURL=reactapp-0dafdd5751f44dd87d6d.min.css.map*/