/**
 * @file src/biz.less
 * @author leeight(liyubei@baidu.com); jianling(zhaochengyang@baidu.com)
 **/
/**
 * common - main style entry
 *
 * @file main.less
 * @author jianling(zhaochengyang@baidu.com)
 */
/**
 * inf-style - main entry
 *
 * @file main.less
 * @author mudio(job.mudio@gmail.com)
 */
/**
 * mixin - helper
 *
 * @file helper.less
 * @author mudio(job.mudio@gmail.com)
 */
/* *
 * mixin - flexbox
 *
 * @file flex.less
 * @author mudio(job.mudio@gmail.com)
 */
/* *
 * usage - .flexbox('inline')
 */
/* *
 * usage - .flexbox()
 */
/* *
 * usage - .flex-flow(column, wrap)
 */
/* *
 * usage - .flex-auto()
 */
/* *
 * usage - .flex-shrink()
 */
/* *
 * usage - .flex-grow()
 */
/* *
 * usage - .flex-basis(100)
 */
/* *
 * usage - .align-items()
 */
/* *
 * usage - .align-content()
 */
/* *
 * usage - .align-self()
 */
/* *
 * usage - .justify-content()
 */
/* *
 * usage - .justify-content()
 */
/**
 * inf-style - var entry
 *
 * @file var.less
 * @author mudio(job.mudio@gmail.com)
 */
/**
 * esui variable
 * @file common/css/esui/variable.less
 */
/**
 * mixin - main entry
 *
 * @file mixin.less
 * @author mudio(job.mudio@gmail.com)
 */
/* *
 * mixin - iconfont
 *
 * @file iconfont.less
 * @author mudio(job.mudio@gmail.com)
 */
.icon-spin.iconfont {
  display: inline-block;
  -webkit-animation: icon-spin 2s infinite linear;
  animation: icon-spin 2s infinite linear;
}
.icon-pulse.iconfont {
  display: inline-block;
  -webkit-animation: icon-spin 1s infinite steps(8);
  animation: icon-spin 1s infinite steps(8);
}
.icon-rotate-90 {
  display: inline-block;
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.icon-rotate-180 {
  display: inline-block;
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.icon-rotate-270 {
  display: inline-block;
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.icon-flip-horizontal {
  display: inline-block;
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.icon-flip-vertical {
  display: inline-block;
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}
@-webkit-keyframes icon-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes icon-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
/**
 * esui - layout entry
 *
 * @file layout.less
 * @author mudio(job.mudio@gmail.com)
 */
.layout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
/* *
 * mixin - tooltip
 *
 * @file tooltip.less
 * @author mudio(job.mudio@gmail.com)
 */
[tip] {
  position: relative;
}
[tip]:after {
  width: auto;
  opacity: 0;
  z-index: 1;
  display: block;
  padding: 0 4px;
  line-height: 18px;
  position: absolute;
  visibility: hidden;
  pointer-events: none;
  color: #fff;
  font-size: 12px;
  content: attr(tip);
  background-color: rgba(18, 26, 44, 0.8);
  top: 50%;
  left: 100%;
  white-space: pre;
  -webkit-transition: all .3s;
  transition: all .3s;
  -webkit-transform: translate(-5px, -50%);
  transform: translate(-5px, -50%);
  box-shadow: 0 0 14px rgba(0, 0, 0, 0.1);
}
[tip]:hover {
  overflow: visible;
}
[tip]:hover:after {
  opacity: 0.8;
  display: block;
  visibility: visible;
  -webkit-transform: translate(5px, -50%);
  transform: translate(5px, -50%);
}
[tip].tip-top:after,
[tip][tip-align="top"]:after {
  top: auto;
  left: 50%;
  bottom: 100%;
  -webkit-transform: translate(-50%, 5px);
  transform: translate(-50%, 5px);
}
[tip].tip-top:hover:after,
[tip][tip-align="top"]:hover:after {
  -webkit-transform: translate(-50%, -5px);
  transform: translate(-50%, -5px);
}
[tip].tip-bottom:after,
[tip][tip-align="bottom"]:after {
  top: 100%;
  left: 50%;
  bottom: auto;
  -webkit-transform: translate(-50%, -5px);
  transform: translate(-50%, -5px);
}
[tip].tip-bottom:hover:after,
[tip][tip-align="bottom"]:hover:after {
  -webkit-transform: translate(-50%, 5px);
  transform: translate(-50%, 5px);
}
[tip].tip-left:after,
[tip][tip-align="left"]:after {
  top: 50%;
  right: 100%;
  left: auto;
  bottom: auto;
  -webkit-transform: translate(5px, -50%);
  transform: translate(5px, -50%);
}
[tip].tip-left:hover:after,
[tip][tip-align="left"]:hover:after {
  -webkit-transform: translate(-5px, -50%);
  transform: translate(-5px, -50%);
}
[tip].tip-disable:after {
  visibility: hidden !important;
}
[tip=""]:after {
  visibility: hidden !important;
}
/* *
 * mixin - animate
 *
 * @file animate.less
 * @author mudio(job.mudio@gmail.com)
 */
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}
/**
 * @file RadioSelect控件css
 * @author Yijun Deng(dengyijun@baidu.com)
 */
.ui-radioselect {
  overflow: hidden;
  *zoom: 1;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
  border: 1px solid #6481CD;
  -moz-border-radius: ;
  -webkit-border-radius: ;
  border-radius: ;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.ui-radioselect:before,
.ui-radioselect:after {
  display: table;
  content: "";
}
.ui-radioselect:after {
  clear: both;
}
.ui-radioselect:before,
.ui-radioselect:after {
  display: table;
  content: "";
}
.ui-radioselect:after {
  clear: both;
}
.ui-radioselect:before,
.ui-radioselect:after {
  display: table;
  content: "";
}
.ui-radioselect:after {
  clear: both;
}
.ui-radioselect:before,
.ui-radioselect:after {
  display: table;
  content: "";
}
.ui-radioselect:after {
  clear: both;
}
.ui-radio-block {
  float: left;
  min-width: 58px;
  padding: 0 10px;
  height: 28px;
  line-height: 28px;
  font-size: 12px;
  text-align: center;
  color: #6481CD;
  background-color: #F1F5FD;
  cursor: pointer;
  border-right: 1px solid #6481CD;
}
.ui-radio-block:last-child {
  border-right: none;
}
.ui-radio-block:hover .ui-radio-item-hover {
  display: block;
}
.ui-radio-block:hover .arrow-down {
  display: block;
}
.ui-radio-disabled {
  background-color: #F1F5FD;
  color: #D0DAF3;
  cursor: not-allowed;
}
.ui-radio-selected {
  color: #FFF;
  background-color: #6481CD;
  cursor: default;
}
.ui-radio-item-hover {
  min-width: 150px;
  height: 25px;
  line-height: 25px;
  color: #333;
  border: 1px solid #CCC;
  position: absolute;
  left: -65px;
  top: -44px;
  padding-left: 10px;
  padding-right: 10px;
  box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  display: none;
  background: #FFF;
}
.arrow-down {
  position: absolute;
  top: -17px;
  left: 14px;
  width: 0;
  height: 0;
  border-color: #CCC transparent transparent transparent;
  border-style: solid dashed dashed dashed;
  border-width: 10px;
  display: none;
}
.arrow-down i {
  width: 0;
  height: 0;
  display: block;
  position: absolute;
  left: -10px;
  top: -11px;
  border-color: #fff transparent transparent transparent;
  border-style: solid dashed dashed dashed;
  border-width: 10px;
}
.ui-radioselect-disabled .ui-radio-block {
  background-color: #F1F5FD;
  color: #D0DAF3;
  cursor: not-allowed;
}
.ui-radioselect-disabled .ui-radio-selected {
  background-color: #6481CD;
  color: #FFF;
}
/**
 * @file Dragger控件css
 * @author Yijun Deng(dengyijun@baidu.com)
 */
.ui-dragger {
  position: relative;
}
.ui-dragger .ui-dragger-bar {
  background: #ccc;
  position: relative;
  cursor: pointer;
}
.ui-dragger .ui-dragger-bar-middle {
  position: absolute;
  text-align: center;
  height: 20px;
  line-height: 20px;
  font-size: 12px;
  color: #999999;
}
.ui-dragger .ui-dragger-bar-vertical {
  width: 20px;
  bottom: 16px;
  left: 0;
}
.ui-dragger .ui-dragger-bar-selected {
  background: #477adf;
  position: absolute;
}
.ui-dragger .ui-dragger-bar-selected-horizontal {
  height: 10px;
  width: 0;
  top: 50%;
  margin-top: -5px;
  font-size: 8px;
}
.ui-dragger .ui-dragger-bar-selected-vertical {
  width: 10px;
  height: 0;
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  font-size: 0px;
}
.ui-dragger .ui-dragger-bar-left {
  width: 30px;
  height: 6px;
  position: absolute;
  left: -30px;
  top: 0;
  padding-left: 0;
  font-size: 12px;
  color: #999999;
}
.ui-dragger .ui-dragger-bar-right {
  width: 30px;
  height: 20px;
  position: absolute;
  right: -29px;
  top: 0;
  padding-right: 0;
  font-size: 12px;
  color: #999999;
}
.ui-dragger .ui-dragger-bar-bottom {
  width: 20px;
  height: 15px;
  position: absolute;
  bottom: -15px;
  left: 0;
  font-size: 12px;
}
.ui-dragger .ui-dragger-bar-top {
  width: 20px;
  height: 15px;
  position: absolute;
  top: -15px;
  left: 0;
  font-size: 12px;
}
.ui-dragger .ui-dragger-control-bar {
  position: absolute;
  border-radius: 10px;
  cursor: pointer;
  z-index: 1;
  font-weight: bold;
  color: #777;
  text-align: center;
}
.ui-dragger .ui-dragger-control-bar-horizontal {
  top: -6px;
}
.ui-dragger .ui-dragger-control-bar-vertical {
  left: -21px;
}
.ui-dragger .ui-dragger-control-panel {
  position: absolute;
  left: 0;
}
.ui-dragger .ui-dragger-control-panel-horizontal {
  top: 50px;
}
.ui-dragger .ui-dragger-ruling {
  position: absolute;
}
.ui-dragger .ui-dragger-ruling li {
  cursor: pointer;
  background: #d8d8d8;
  position: absolute;
  box-shadow: 0 0 1px #ccc;
}
.ui-dragger .ui-dragger-ruling-num {
  position: absolute;
}
.ui-dragger .ui-dragger-ruling-num li {
  position: absolute;
  text-shadow: 0 0 3px #ccc;
  text-align: center;
  font-size: 20px;
  color: #999;
}
.ui-dragger .ui-dragger-ruling-num-horizontal {
  top: -37px;
}
.ui-dragger .ui-dragger-ruling-num-vertical {
  right: -38px;
}
.ui-dragger .ui-dragger-ruling-horizontal {
  top: -15px;
  left: 0;
}
.ui-dragger .ui-dragger-ruling-horizontal li {
  width: 1px;
  height: 10px;
}
.ui-dragger .ui-dragger-ruling-vertical {
  right: -8px;
  bottom: 0;
}
.ui-dragger .ui-dragger-ruling-vertical li {
  width: 25px;
  height: 1px;
}
.ui-dragger-icon {
  position: absolute;
  top: -4px;
  left: 660px;
  width: 27px;
  height: 27px;
  cursor: pointer;
}
.ui-dragger-icon-plus {
  background: url(./assets/plus_icon.png) no-repeat;
}
.ui-dragger-icon-delete {
  background: url(./assets/delete_icon.png) no-repeat;
}
.ui-dragger {
  height: 30px;
}
.ui-dragger .ui-dragger-bar.ui-dragger-bar-horizontal {
  border: none;
  height: 6px;
  background: #e3e8f7;
  left: 8px;
  top: 6px;
}
.ui-dragger .ui-dragger-bar .ui-dragger-bar-left {
  width: 17px;
  left: -8px;
  height: 6px;
  line-height: 38px;
  background: #6583cc;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.ui-dragger .ui-dragger-bar .ui-dragger-bar-middle {
  line-height: 38px;
}
.ui-dragger .ui-dragger-bar .ui-dragger-bar-right {
  top: 0px;
  border: none;
  width: 17px;
  right: -8px;
  height: 6px;
  line-height: 38px;
  background: #e3e8f7;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.ui-dragger .ui-dragger-bar .ui-dragger-bar-right .ui-dragger-bar-right-text {
  position: absolute;
  right: 0;
}
.ui-dragger .ui-dragger-bar .ui-dragger-bar-selected.ui-dragger-bar-selected-horizontal {
  height: 100%;
  top: 0px;
  margin-top: 0px;
  background: #6583cc;
  border: none;
}
.ui-dragger .ui-dragger-bar-tip {
  padding: 0 5px;
  -moz-border-radius: ;
  -webkit-border-radius: ;
  border-radius: ;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #b0c0e7;
  position: relative;
  font-size: 12px;
  text-align: center;
  display: inline-block;
  top: -35px;
  line-height: 18px;
  height: 18px;
  display: none;
  min-width: 40px;
}
.ui-dragger .ui-dragger-bar-tip:after {
  content: '';
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 5px solid #b0c0e7;
  position: relative;
  display: block;
  left: 15px;
}
.ui-dragger .ui-dragger-control-bar.ui-dragger-control-bar-horizontal {
  height: 20px;
  width: 17px;
  background: url(./assets/draggerBtn.png) no-repeat;
  border-radius: 0px;
  top: 0px;
}
.ui-dragger .ui-dragger-control-bar.ui-dragger-control-bar-horizontal:hover {
  background: url(./assets/draggerBtnHover.png) no-repeat;
}
.ui-dragger .ui-dragger-control-bar.ui-dragger-control-bar-horizontal:active {
  background: url(./assets/draggerBtnActive.png) no-repeat;
}
.ui-dragger .ui-textbox {
  left: 385px;
}
.ui-dragger input {
  position: relative;
  top: -10px;
  left: 0;
  border: 1px solid #b0c0e7;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  width: 78px;
  height: 26px;
  color: #333333;
  padding: 0px;
  padding-left: 10px;
  text-align: left;
  background: none;
}
.ui-dragger input:hover {
  border: 1px solid #b0c0e7;
}
.ui-dragger .ui-dragger-icon {
  left: 492px;
  top: 0px;
}
.ui-dragger .ui-dragger-icon.ui-dragger-icon-delete {
  left: 470px;
  top: -3px;
}
/**
 * @file src/ui/SMSCodeBox.less ~ 2014/12/10 10:26:13
 * @author leeight(liyubei@baidu.com)
 * 短信验证码的输入控件
 **/
.ui-smscodebox .ui-button {
  position: relative;
  display: inline-block;
  margin-left: 10px;
}
.ui-smscodebox .ui-button-disabled,
.ui-smscodebox .ui-button-disabled:hover,
.ui-smscodebox .ui-button-disabled:active {
  background: transparent;
}
.ui-smscodebox-validity-label {
  font-size: 12px;
}
.ui-smscodebox-validity-label-invalid {
  color: #EB5252;
}
/* vim: set ts=4 sw=4 sts=4 tw=120: */
/**
 * @file NumberTextline控件css
 * @author Yijun Deng(dengyijun@baidu.com)
 */
.ui-numbertextline .ui-button {
  width: 28px;
  height: 28px;
  line-height: 28px;
  padding: 0;
  color: #6583CC;
  background: #FFF;
  outline: none;
  font-weight: bold;
  font-size: 14px;
}
.ui-numbertextline .ui-button:hover {
  position: relative;
  z-index: 2;
}
.ui-numbertextline .ui-button:first-child {
  -webkit-border-top-left-radius: 3px;
  -moz-border-radius-topleft: 3px;
  border-top-left-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-bottom-left-radius: 3px;
  -webkit-border-top-right-radius: 0px;
  -moz-border-radius-topright: 0px;
  border-top-right-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;
  -moz-border-radius-bottomright: 0px;
  border-bottom-right-radius: 0px;
}
.ui-numbertextline .ui-button:last-child {
  -webkit-border-top-left-radius: 0px;
  -moz-border-radius-topleft: 0px;
  border-top-left-radius: 0px;
  -webkit-border-bottom-left-radius: 0px;
  -moz-border-radius-bottomleft: 0px;
  border-bottom-left-radius: 0px;
  -webkit-border-top-right-radius: 3px;
  -moz-border-radius-topright: 3px;
  border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  border-bottom-right-radius: 3px;
}
.ui-numbertextline .ui-button-disabled {
  border-color: #E3E8F7;
  color: #D0DAF3;
  background: #F1F5FD;
}
.ui-numbertextline .ui-button-disabled:hover {
  z-index: 0;
}
.ui-numbertextline .ui-textbox {
  margin: 0 -1px;
  vertical-align: top;
}
.ui-numbertextline .ui-textbox input {
  width: 100px;
  text-align: center;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
.ui-numbertextline .ui-textbox input:focus {
  border-color: #b0c0e7;
}
/**
 * @file 多栏boxGroup控件css
 * @author Yijun Deng(dengyijun@baidu.com)
 */
.ui-multicolumnbox table {
  margin: 0 auto;
  font-size: 12px;
  line-height: 34px;
}
.ui-multicolumnbox table th {
  text-align: center;
  overflow: hidden;
  color: #999;
  border-bottom: 1px solid #ccc;
}
.ui-multicolumnbox table td {
  text-align: left;
  overflow: hidden;
  color: #333;
  border-bottom: 1px dotted #ccc;
}
.ui-multicolumnbox table .empty {
  width: 20px;
  border-bottom: none;
}
.ui-multicolumnbox table .last {
  border-bottom: none;
}
/**
 * ESUI (Enterprise Simple UI)
 * Copyright 2013 Baidu Inc. All rights reserved.
 *
 * @file 下拉选择样式
 * @author dbear
 * @modifed zhoufangxing
 */
.ui-multiselect {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  cursor: pointer;
  border: 1px solid #D8D8D8;
  font-size: 12px;
  height: 17px;
  line-height: 17px;
  padding: 3px 3px 3px 5px;
  padding-right: 20px;
  outline: none;
}
.ui-multiselect-layer {
  padding: 0;
  margin: 0;
  list-style: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  background: none repeat scroll 0 0 #FFF;
  font-size: 12px;
  overflow-x: hidden;
  min-width: 100px;
  max-height: 252px;
  *height: 152px;
  overflow-y: auto;
  padding: 0 1px;
  position: absolute;
  text-align: left;
  z-index: 1002;
  border: 1px solid #CCC;
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
}
.ui-multiselect-layer ol {
  max-height: 180px;
  overflow-y: auto;
  overflow-x: hidden;
}
.ui-multiselect-layer ::-webkit-scrollbar-track {
  background-color: #E3E8F7;
}
.ui-multiselect-layer ::-webkit-scrollbar-thumb {
  background-color: #999;
}
.ui-multiselect-layer ::-webkit-scrollbar-button {
  background-color: #DDD;
}
.ui-multiselect-layer ::-webkit-scrollbar-corner {
  background-color: #000;
}
.ui-multiselect-layer ::-webkit-scrollbar {
  width: 5px;
}
.ui-multiselect-head-filter {
  margin-left: 7px;
  line-height: 30px;
}
.ui-multiselect-head-filter input {
  width: 95%;
  border: 1px solid #B0C0E7;
  line-height: 18px;
  text-indent: 10px;
}
.ui-multiselect-head-filter input:focus {
  outline: none;
}
.ui-multiselect-head,
.ui-multiselect-item,
.ui-multiselect-remember,
.ui-multiselect-remember-filter {
  white-space: nowrap;
  color: #333;
  cursor: pointer;
  line-height: 26px;
  margin: 0;
  padding: 0 4px;
}
.ui-multiselect-head .ui-multiselect-selected-box,
.ui-multiselect-item .ui-multiselect-selected-box,
.ui-multiselect-remember .ui-multiselect-selected-box,
.ui-multiselect-remember-filter .ui-multiselect-selected-box {
  margin-top: 8px;
  float: left;
  clear: both;
  margin-right: 3px;
  padding: 0;
}
.ui-multiselect-head .ui-multiselect-selected-icon,
.ui-multiselect-item .ui-multiselect-selected-icon,
.ui-multiselect-remember .ui-multiselect-selected-icon,
.ui-multiselect-remember-filter .ui-multiselect-selected-icon {
  *zoom: 1;
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: 20px;
  height: 20px;
  line-height: 20px;
  vertical-align: text-top;
}
.ui-multiselect-head .ui-multiselect-selected-box {
  margin-top: 7px;
}
.ui-multiselect-remember,
.ui-multiselect-remember-filter {
  position: absolute;
  right: 10px;
  top: 30px;
}
.ui-multiselect-remember .ui-multiselect-selected-box,
.ui-multiselect-remember-filter .ui-multiselect-selected-box {
  margin-top: 6px;
}
.ui-multiselect-remember {
  top: 0;
}
.ui-multiselect-item-disabled {
  color: #999;
}
.ui-multiselect-item-selected {
  background-color: #E0E0E0;
  border: 1px solid #DDD;
  padding: 0 3px;
}
.ui-multiselect-head:hover,
.ui-multiselect-item:hover {
  background-color: #F1F1F1;
}
.ui-multiselect-item span {
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}
.ui-multiselect-layer-hidden {
  display: none;
}
.ui-multiselect-disabled,
.ui-multiselect-read-only {
  color: #999;
  border-color: #D8D8D8;
}
.ui-multiselect-validity-invalid {
  border: 1px solid red;
}
.ui-multiselect-validity-label {
  display: block;
  margin-top: 5px;
}
.ui-multiselect-validity-label-invalid {
  background-image: url(./assets/esui-icon-alert.png);
  background-repeat: no-repeat;
  background-position: 15px center;
  background-color: #FEDBDC;
  border: 1px solid #F0CCCC;
  color: #DD6767;
  padding-left: 50px;
}
/**
 * 下拉选择样式
 * @file common/css/esui/SelectEx.less
 */
.ui-selectex {
  background: #F1F5FD url(./assets/selectarrow.png) right 10px no-repeat;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  cursor: pointer;
  border: 1px solid #B0C0E7;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -khtml-user-select: none;
  user-select: none;
  font-size: 12px;
  height: 30px;
  line-height: 30px;
  padding: 0 30px 0 10px;
  width: 100px;
  outline: none;
  color: #2C4A93;
}
.ui-selectex-active,
.ui-selectex-active:hover,
.ui-selectex-active:focus {
  background-color: #F1F5FD;
  background-position: right -52px;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}
.ui-selectex-layer {
  position: absolute;
  text-align: left;
  z-index: 1002;
}
.ui-selectex-list {
  padding: 0;
  margin: 0;
  list-style: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #FFF;
  border: 1px solid #CCC;
  font-size: 12px;
  overflow-x: hidden;
  *height: 276px;
  max-height: 276px;
  overflow-y: auto;
  position: absolute;
  text-align: left;
  z-index: 1002;
  -moz-box-shadow: ;
  -webkit-box-shadow: ;
  box-shadow: ;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
  border-top: none;
  padding: 4px 0;
  min-width: 100%;
}
.ui-selectex-list.ui-selectex-child-list {
  border-left: 0;
  border-top: 1px solid #CCC;
}
.ui-selectex-hidden {
  display: none;
}
.ui-selectex-item {
  color: #333;
  cursor: pointer;
  line-height: 30px;
  padding: 0 10px;
}
.ui-selectex-item:hover {
  background-color: #E3E8F7;
}
.ui-selectex-item.ui-selectex-item-end span:after {
  content: '';
}
.ui-selectex-item-disabled {
  color: #999;
  cursor: not-allowed;
}
.ui-selectex-item-disabled:hover {
  background-color: #FFF;
}
.ui-selectex-item-selected {
  color: #0886e9;
}
.ui-selectex-item span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}
.ui-selectex-item span:after {
  font-family: "iconfont" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\E63B";
  font-size: 12px;
  color: #ccc;
  position: absolute;
  right: 10px;
}
.ui-selectex-layer-hidden {
  display: none;
}
.ui-selectex-item:hover span:after,
.ui-selectex-item-selected span:after {
  color: #999;
}
.ui-selectex-disabled,
.ui-selectex-read-only {
  border-color: #EEE;
  color: #999;
  cursor: not-allowed;
}
.ui-selectex-validity-label-valid {
  color: #dd6767;
}
.ui-selectex-validity-label-invalid {
  color: #EB5252;
}
/**
 * @file “配置面板”控件css
 * @author Yijun Deng(dengyijun@baidu.com)
 */
.ui-configpanel .config1 {
  width: 121px;
  height: 67px;
  line-height: 28px;
  color: #767676;
  background-color: #ffffff;
  border-left: 1px solid #ededeb;
  border-right: 1px solid #ededeb;
  border-bottom: 1px solid #ededeb;
  border-radius: 0px;
  padding: 0px;
  font-size: 12px;
  text-align: center;
}
.ui-configpanel .config1:last-child {
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.ui-configpanel .config1-custom {
  line-height: 56px;
}
.ui-configpanel .config-title {
  text-align: center;
  font-size: 14px;
  padding-top: 5px;
}
.ui-configpanel a.config2 {
  padding: 4px;
  text-decoration: none;
  cursor: pointer;
  color: #767676;
  margin: 2px;
}
.ui-configpanel a.config2:hover {
  text-decoration: none;
}
.ui-configpanel a.config2-selected {
  color: #fff;
  background-color: #2f9df6;
  cursor: default;
  text-decoration: none;
  border-radius: 3px;
}
/*
** bucketFolder下拉菜单样式
*/
.bucketfolder-select {
  border: 1px solid #E8E8E6;
  cursor: pointer;
  background: #FFFFFF url(./assets/selectarrow.png) right 11px no-repeat;
}
.bucketfolder-select-active {
  background: #FFFFFF url(./assets/selectarrow.png) right -52px no-repeat;
}
.ui-textbox input.bucketfolder-select {
  border: none;
  background: #FFFFFF;
  height: 29px;
  padding: 0px 0px 0px 4px;
  cursor: text;
}
.bucketfolders-panel {
  position: absolute;
  left: 0px;
  top: 0px;
  min-height: 120px;
  max-height: 260px;
  display: none;
  z-index: 9999;
  padding: 0px;
  margin: 0px;
  border-left: 1px solid #E8E8E6;
  border-right: 1px solid #E8E8E6;
  border-bottom: 1px solid #E8E8E6;
  -moz-box-shadow: ;
  -webkit-box-shadow: ;
  box-shadow: ;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.2);
  background: #FFFFFF;
  overflow: auto;
}
.bucketfolders-panel .bucketfolders-li {
  height: auto;
  line-height: 30px;
  padding: 0px 0px 0px 25px;
}
.bucketfolders-panel .bucketfolders-bucket {
  background: #FFFFFF url(./assets/bucket.png) 4px center no-repeat;
}
.bucketfolders-panel .bucketfolders-folder {
  background: #FFFFFF url(./assets/folder.png) 4px center no-repeat;
}
.bucketfolders-panel .bucketfolders-file {
  background: #FFFFFF url(./assets/file.png) 4px center no-repeat;
}
.bucketfolders-panel a.file-selected {
  color: #ff6600;
  font-weight: bold;
}
.bucketfolders-panel .bucketfolders-back {
  padding: 0px 0px 0px 4px;
}
.bucketfolders-panel .bucketfolders-more {
  text-align: center;
  padding: 0px 0px 10px 0px;
}
.bucketfolders-panel .bucketfolders-more a {
  padding: 5px 10px;
  border: 1px solid #E8E8E6;
}
/*
* Copyright (c) 2014 Baidu.com, Inc. All Rights Reserved
*
* Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with
* the License. You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on
* an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the
* specific language governing permissions and limitations under the License.
*/
.ui-viewstep {
  *zoom: 1;
}
.ui-viewstep:before,
.ui-viewstep:after {
  display: table;
  content: "";
}
.ui-viewstep:after {
  clear: both;
}
.ui-viewstep:before,
.ui-viewstep:after {
  display: table;
  content: "";
}
.ui-viewstep:after {
  clear: both;
}
.ui-viewstep:before,
.ui-viewstep:after {
  display: table;
  content: "";
}
.ui-viewstep:after {
  clear: both;
}
.ui-viewstep:before,
.ui-viewstep:after {
  display: table;
  content: "";
}
.ui-viewstep:after {
  clear: both;
}
.ui-viewstep li {
  color: #999;
  *zoom: 1;
  display: inline-block;
  *display: inline;
  zoom: 1;
  float: left;
}
.ui-viewstep li i {
  *zoom: 1;
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: 22px;
  height: 22px;
  line-height: 22px;
  border: 2px solid #ccc;
  border-radius: 21px;
  text-align: center;
  color: #999;
  font-size: 14px;
}
.ui-viewstep li span {
  padding: 0px 6px;
}
.ui-viewstep li:after {
  border-bottom: 2px solid #999;
  width: 50px;
  content: "";
  *zoom: 1;
  display: inline-block;
  *display: inline;
  zoom: 1;
  margin-right: 6px;
  position: relative;
  top: -4px;
}
.ui-viewstep li.ui-viewstep-last-item:after {
  display: none;
}
.ui-viewstep li.ui-viewstep-item-active {
  color: #1DA653;
}
.ui-viewstep li.ui-viewstep-item-active i {
  color: #1DA653;
  border-color: #2CB663;
}
.ui-viewstep li.ui-viewstep-item-active:after {
  border-color: #2CB663;
}
/* vim: set ts=4 sw=4 sts=4 tw=120: */
/*
* Copyright (c) 2014 Baidu.com, Inc. All Rights Reserved
*
* Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with
* the License. You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on
* an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the
* specific language governing permissions and limitations under the License.
*/
.ui-viewprogress {
  *zoom: 1;
  height: 16px;
  font-size: 12px;
  background-color: #E5E5E5;
  -moz-border-radius: ;
  -webkit-border-radius: ;
  border-radius: ;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  position: relative;
}
.ui-viewprogress:before,
.ui-viewprogress:after {
  display: table;
  content: "";
}
.ui-viewprogress:after {
  clear: both;
}
.ui-viewprogress:before,
.ui-viewprogress:after {
  display: table;
  content: "";
}
.ui-viewprogress:after {
  clear: both;
}
.ui-viewprogress:before,
.ui-viewprogress:after {
  display: table;
  content: "";
}
.ui-viewprogress:after {
  clear: both;
}
.ui-viewprogress:before,
.ui-viewprogress:after {
  display: table;
  content: "";
}
.ui-viewprogress:after {
  clear: both;
}
.ui-viewprogress .inner {
  height: 100%;
  background-color: #2CB663;
  -moz-border-radius: ;
  -webkit-border-radius: ;
  border-radius: ;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.ui-viewprogress .percent {
  font-size: 12px;
  color: #666;
  position: absolute;
  left: 100%;
  top: 2px;
  margin-left: 10px;
}
esui-toggle-button {
  display: block;
}
.ui-togglebutton {
  width: 50px;
  height: 20px;
  border-radius: 12px;
  line-height: 20px;
  font-size: 12px !important;
  color: #fff;
  display: inline-block;
  zoom: 1;
  cursor: pointer;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #ea2e2e;
  border: 1px solid #ea2e2e;
}
.ui-togglebutton span {
  display: inline-block;
  zoom: 1;
  border: none;
  text-align: center;
}
.ui-togglebutton .ui-togglebutton-part-on {
  display: none;
}
.ui-togglebutton .ui-togglebutton-part-off {
  display: block;
  width: 33px;
  margin-left: 17px;
}
.ui-togglebutton:after {
  content: "|||";
  display: block;
  line-height: 17px;
  text-align: center;
  border-radius: 10px;
  position: absolute;
  width: 17px;
  height: 20px;
  top: 0;
  left: 0;
  background-color: #fff;
  z-index: 1;
  transition: left 0.3s ease-out;
}
.ui-togglebutton-checked {
  background-color: #108cee;
  border: 1px solid #108cee;
  color: #fff;
}
.ui-togglebutton-checked:after {
  left: 33px;
}
.ui-togglebutton-checked .ui-togglebutton-part-on {
  display: block;
  width: 33px;
}
.ui-togglebutton-checked .ui-togglebutton-part-off {
  display: none;
}
.ui-togglebutton-disabled {
  background-color: #e2e5ec;
  border: 1px solid #e2e5ec;
  color: #999999;
}
.ui-togglebutton-disabled .ui-togglebutton-part-on,
.ui-togglebutton-disabled .ui-togglebutton-part-off {
  color: #999999;
}
/**
 * Copyright (c) 2014 Baidu.com, Inc. All Rights Reserved
 *
 * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with
 * the License. You may obtain a copy of the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on
 * an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the
 * specific language governing permissions and limitations under the License.
 */
.ui-inlineedit {
  display: inline-block;
  padding-left: 5px;
}
.ui-inlineedit-editor {
  display: inline-block;
  cursor: pointer;
  color: #0786E9;
}
.ui-inlineedit-layer {
  background: #FFF;
  border: 1px solid #E1E1E1;
  padding: 5px;
  width: 310px;
}
.ui-inlineedit-layer .ui-textbox {
  float: left;
}
.ui-inlineedit-layer .ui-button {
  float: left;
  margin-left: 5px;
}
.ui-inlineedit-layer .ui-validity {
  padding-left: 0;
  padding-top: 5px;
}
.ui-inlineedit-layer-hidden {
  display: none;
}
/* vim: set ts=4 sw=4 sts=4 tw=120: */
/**
 * Copyright (c) 2014 Baidu.com, Inc. All Rights Reserved
 *
 * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with
 * the License. You may obtain a copy of the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on
 * an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the
 * specific language governing permissions and limitations under the License.
 */
.ui-filepreview {
  background: #f5f5f5;
  font-size: 12px;
  margin-top: 10px;
  *zoom: 1;
}
.ui-filepreview.ui-ctrl {
  padding-left: 20px;
}
.ui-filepreview:before,
.ui-filepreview:after {
  display: table;
  content: "";
}
.ui-filepreview:after {
  clear: both;
}
.ui-filepreview:before,
.ui-filepreview:after {
  display: table;
  content: "";
}
.ui-filepreview:after {
  clear: both;
}
.ui-filepreview:before,
.ui-filepreview:after {
  display: table;
  content: "";
}
.ui-filepreview:after {
  clear: both;
}
.ui-filepreview:before,
.ui-filepreview:after {
  display: table;
  content: "";
}
.ui-filepreview:after {
  clear: both;
}
.ui-filepreview p {
  padding: 0;
  margin: 0;
  position: relative;
}
.ui-filepreview span {
  position: absolute;
  height: 0;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
  z-index: 300;
}
.ui-filepreview p:hover span {
  height: 30px;
  -ms-transition: height 0.3s linear;
  -o-transition: height 0.3s linear;
  -moz-transition: height 0.3s linear;
  -webkit-transition: height 0.3s linear;
  transition: height 0.3s linear;
}
.ui-filepreview i {
  width: 24px;
  height: 24px;
  display: inline;
  float: right;
  text-indent: -9999px;
  overflow: hidden;
  background: url(https://bce.bdstatic.com/fe-static/baidu/eop-plat/osp-product-frontend/1.0.35.1/assets/icons.png) no-repeat;
  margin: 5px 1px 1px;
  cursor: pointer;
}
.ui-filepreview .ui-filepreview-delete-icon {
  background-position: -48px -24px;
}
.ui-filepreview .ui-filepreview-delete-icon:hover {
  background-position: -48px 0;
}
.ui-filepreview .ui-filepreview-default-file,
.ui-filepreview .ui-filepreview-error-file {
  padding: 24px 26px;
  width: 28px;
  height: 32px;
  background: #fff;
}
.ui-filepreview .ui-filepreview-loading-file {
  padding: 32px 32px;
  width: 16px;
  height: 16px;
}
.ui-filepreview figure {
  margin: 20px 20px 20px 0;
  float: left;
  width: 80px;
  overflow: hidden;
}
.ui-filepreview figure img {
  width: 80px;
  height: 80px;
  display: block;
}
.ui-filepreview figure img.default-file,
.ui-filepreview figure img.error-file {
  padding: 24px 26px;
  width: 28px;
  height: 32px;
  background: #fff;
}
.ui-filepreview figure img.loading-file {
  padding: 32px 32px;
  width: 16px;
  height: 16px;
}
.ui-filepreview figcaption {
  color: #999;
  height: 30px;
  line-height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  white-space: nowrap;
}
.ui-filepreview figcaption a {
  background: #D5F1DF;
  padding: 2px 3px;
}
/* vim: set ts=4 sw=4 sts=4 tw=120: */
/**
 * Copyright (c) 2014 Baidu.com, Inc. All Rights Reserved
 *
 * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with
 * the License. You may obtain a copy of the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on
 * an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the
 * specific language governing permissions and limitations under the License.
 */
.ui-webuploader {
  display: inline-block;
  float: left;
  height: 30px;
  line-height: 30px;
}
.ui-webuploader .webuploader-container {
  display: inline-block;
  vertical-align: top;
}
.ui-webuploader .webuploader-pick {
  color: #fff;
  background: #108cee;
  padding: 0 5px;
  font-size: 12px;
  -moz-border-radius: ;
  -webkit-border-radius: ;
  border-radius: ;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.ui-webuploader .webuploader-pick-hover {
  background: #209bfd;
}
.ui-webuploader .webuploader-pick-disable {
  color: #999;
  background-color: #e2e5ec;
  pointer-events: none;
}
.ui-webuploader-hint {
  display: inline-block;
  vertical-align: top;
  padding-left: 5px;
  font-size: 12px;
  position: relative;
  color: #999;
}
.ui-webuploader-validity-label-invalid {
  display: inline-block;
  float: left;
  color: #dd6767;
  line-height: 30px;
  height: 30px;
}
.ui-webuploader-validity-label-invalid.ui-ctrl {
  margin-left: 10px;
}
/**
 * Copyright (c) 2014 Baidu.com, Inc. All Rights Reserved
 *
 * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with
 * the License. You may obtain a copy of the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on
 * an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the
 * specific language governing permissions and limitations under the License.
 */
.ui-richtexteditor .edui-editor {
  border: 1px solid #ccc;
}
.ui-richtexteditor .edui-editor .edui-editor-toolbarbox,
.ui-richtexteditor .edui-editor .edui-editor-toolbarboxinner,
.ui-richtexteditor .edui-editor .edui-toolbar {
  background: #f5f5f5;
  height: 30px;
  border-radius: 4px 4px 0 0;
  box-shadow: none;
}
.ui-richtexteditor .edui-editor .edui-editor-bottomContainer {
  overflow: hidden;
  line-height: 28px;
  height: 28px;
}
.ui-richtexteditor .edui-editor .edui-editor-toolbarboxouter {
  box-shadow: none;
}
.ui-richtexteditor .edui-editor .edui-editor-toolbarbox {
  height: 30px;
  z-index: 1;
}
.ui-richtexteditor .edui-editor .view {
  padding: 10px;
}
.ui-richtexteditor .edui-editor .edui-button-body {
  height: 20px;
  margin-top: 3px;
}
.ui-richtexteditor .edui-editor .edui-editor-bottombar,
.ui-richtexteditor .edui-editor .edui-editor-bottombar span,
.ui-richtexteditor .edui-editor .edui-editor-wordcount {
  color: #fff;
  border-top: none;
}
.ui-richtexteditor .edui-editor .edui-editor-wordcount {
  color: #999;
  padding-right: 10px;
}
.ui-richtexteditor .edui-editor img.loadingclass {
  max-width: 600px;
}
.ui-richtexteditor .edui-editor .edui-editor img.edui-editor-imagescale {
  max-width: 600px;
}
.ui-richtexteditor .edui-editor .edui-default .edui-message-type-error {
  padding: 0 10px;
}
.ui-richtexteditor .edui-editor .edui-default .edui-toolbar .edui-state-disabled .edui-icon {
  opacity: 1;
  filter: alpha(opacity=100);
}
/* vim: set ts=4 sw=4 sts=4 tw=120: */
/**
 * @file 行内错误提示
 * @author jianling(zhaochengyang@baidu.com)
 */
.ui-toastlabel .ui-toastlabel-content {
  margin: 0;
  padding: 0 50px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  line-height: 50px;
  border: 1px solid;
  pointer-events: auto;
  -moz-border-radius: ;
  -webkit-border-radius: ;
  border-radius: ;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-size: 14px;
  -moz-box-shadow: ;
  -webkit-box-shadow: ;
  box-shadow: ;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.2);
  line-height: 30px;
  font-size: 12px;
  padding: 0px 10px 0 30px;
  background-position: 10px 8px;
}
.ui-toastlabel.ui-toastlabel-normal .ui-toastlabel-content {
  color: #1DA653;
  border-color: #90DBAE;
  background: #D4F0DF url(./assets/toast-normal-icon-small.png) 20px center no-repeat;
  background-position: 10px 8px;
}
.ui-toastlabel.ui-toastlabel-error .ui-toastlabel-content {
  color: #EB5252;
  border-color: #F9B3B3;
  background: #FCE0E0 url(./assets/toast-error-icon-small.png) 20px center no-repeat;
  background-position: 10px 8px;
}
.ui-toastlabel.ui-toastlabel-alert .ui-toastlabel-content {
  color: #E19D0C;
  border-color: #F4CA73;
  background: #F8EBCF url(./assets/toast-alert-icon-small.png) 20px center no-repeat;
  background-position: 10px 8px;
}
/**
 * @file RadioSelect控件css
 * @author Wanglinfang(wanglinfang@baidu.com)
 */
.ui-starrating {
  *zoom: 1;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
}
.ui-starrating ul {
  padding: 5px;
}
.ui-starrating-default {
  *zoom: 1;
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: 16px;
  height: 16px;
  background: url(./assets/star-off.png) no-repeat;
  cursor: pointer;
  vertical-align: middle;
}
.ui-starrating-active {
  background: url(./assets/star-on.png) no-repeat;
}
.ui-starrating-readonly {
  cursor: auto;
}
/**
 * @file 订单配置模块样式
 * @author 张浩(zhanghao25@baidu.com)
 */
.ui-buybucket {
  z-index: 999;
  font-size: 12px;
  position: absolute;
  border: none;
  top: 0;
  right: 20px;
  width: 298px;
  background: #f6f7fb;
  *zoom: 1;
  -moz-border-radius: ;
  -webkit-border-radius: ;
  border-radius: ;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.ui-buybucket:before,
.ui-buybucket:after {
  display: table;
  content: "";
}
.ui-buybucket:after {
  clear: both;
}
.ui-buybucket:before,
.ui-buybucket:after {
  display: table;
  content: "";
}
.ui-buybucket:after {
  clear: both;
}
.ui-buybucket:before,
.ui-buybucket:after {
  display: table;
  content: "";
}
.ui-buybucket:after {
  clear: both;
}
.ui-buybucket:before,
.ui-buybucket:after {
  display: table;
  content: "";
}
.ui-buybucket:after {
  clear: both;
}
.ui-buybucket .ui-buybucket-title {
  border-bottom: solid 1px #e2e5ec;
}
.ui-buybucket .ui-buybucket-title span {
  font-size: 14px;
  color: #333;
  font-weight: bold;
  padding: 14px 18px;
  *zoom: 1;
  display: inline-block;
  *display: inline;
  zoom: 1;
}
.ui-buybucket .ui-buybucket-title .ui-button {
  padding: 0;
  float: right;
  margin: 8px 20px;
}
.ui-buybucket .ui-buybucket-body {
  margin: 20px 18px 0 18px;
}
.ui-buybucket .ui-buybucket-body .ui-buybucket-body-item {
  margin-bottom: 18px;
}
.ui-buybucket .ui-buybucket-body .ui-buybucket-body-title {
  color: #999999;
  font-weight: bold;
  float: left;
  overflow: hidden;
  text-overflow: clip;
  width: 60px;
  white-space: nowrap;
}
.ui-buybucket .ui-buybucket-body .ui-buybucket-body-content {
  margin-left: 60px;
  word-wrap: break-word;
  color: #333;
}
.ui-buybucket .ui-buybucket-bottom {
  margin: 12px 18px 20px 18px;
}
.ui-buybucket .ui-buybucket-bottom.ui-buybucket-previous-true .ui-button {
  width: 123px;
}
.ui-buybucket .ui-buybucket-bottom.ui-buybucket-previous-true .ui-button:last-child {
  float: right;
}
.ui-buybucket .ui-buybucket-bottom .ui-button {
  width: 100%;
  padding: 0;
  font-size: 16px;
  height: 38px;
}
.ui-buybucket .ui-buybucket-product-link {
  margin: 0 18px 20px 18px;
  color: #ccc;
  *zoom: 1;
  display: inline-block;
  *display: inline;
  zoom: 1;
  text-align: justify;
}
.ui-buybucket .ui-buybucket-product-link a {
  float: right;
}
.ui-buybucket .ui-buybucket-product-link .color-999 {
  color: #999;
}
.ui-buybucket .ui-buybucket-tip div {
  color: #f18d36;
  margin: 20px 18px 20px 17px;
}
.ui-buybucket .ui-buybucket-hidden {
  display: none;
}
.ui-table.ui-table-filter .ui-table-hcell-text {
  overflow: visible;
}
.ui-table.ui-table-filter .ui-table-filter-panel {
  *zoom: 1;
  display: inline-block;
  *display: inline;
  zoom: 1;
  color: #666;
  cursor: pointer;
  position: relative;
  padding-left: 5px;
  padding-right: 10px;
  text-align: center;
}
.ui-table.ui-table-filter .ui-table-filter-panel .ui-table-filter-head {
  cursor: pointer;
  font-size: 12px;
}
.ui-table.ui-table-filter .ui-table-filter-panel .ui-table-filter-select {
  position: absolute;
  z-index: 1;
  visibility: hidden;
  right: 0;
  top: 16px;
  color: #666;
  padding-top: 23px;
}
.ui-table.ui-table-filter .ui-table-filter-panel .ui-table-filter-select ul {
  background-color: #FFF;
  border: 1px solid #E8EBEE;
}
.ui-table.ui-table-filter .ui-table-filter-panel .ui-table-filter-select ul li {
  white-space: nowrap;
  padding: 0 10px;
  line-height: 30px;
  font-size: 12px;
  text-align: left;
  cursor: pointer;
}
.ui-table.ui-table-filter .ui-table-filter-panel .ui-table-filter-select ul li:hover {
  background-color: #F5FBFF;
}
.ui-table.ui-table-filter .ui-table-filter-panel .ui-table-filter-select ul li.active {
  background-color: #F5FBFF;
  color: #0886E9;
}
.ui-bcmchart {
  position: relative;
  padding: 0;
}
.ui-bcmchart .ui-bcmchart-box > h1 {
  font-size: 12px;
  margin: 0 0 .5em 0;
  color: #555;
  font-weight: 700;
}
.ui-bcmchart .ui-bcmchart-showbig {
  width: 20px;
  height: 20px;
  display: inline-block;
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
  background: url(./assets/showbig.png) center center no-repeat;
}
.ui-bcmchart .ui-bcmchart-no-data {
  position: absolute;
  width: 100%;
  top: 50%;
  margin-top: -10px;
  text-align: center;
  font-size: 20px;
  color: #ddd;
}
/*
** BucketSelect
*/
.ui-bucketselect {
  border: none;
  padding: 0 20px 0 0;
  vertical-align: middle;
  background: transparent url(./assets/selectarrow.png) right 10px no-repeat;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  white-space: nowrap;
  *zoom: 1;
  display: inline-block;
  *display: inline;
  zoom: 1;
  -moz-border-radius: ;
  -webkit-border-radius: ;
  border-radius: ;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.ui-bucketselect .ui-textbox input {
  cursor: pointer;
  padding: 0 0 0 10px;
  background: transparent;
}
.ui-bucketselect.ui-bucketselect-validity-invalid {
  border-color: #ea2e2e;
}
.ui-bucketselect.ui-bucketselect-validity-invalid:hover,
.ui-bucketselect.ui-bucketselect-validity-invalid:focus {
  border-color: #ea2e2e;
}
.ui-bucketselect.ui-bucketselect-validity-valid.ui-bucketselect-inputing {
  border-color: #4bbb0f;
}
.ui-bucketselect-disabled {
  border: 1px solid #cccccc;
}
.ui-bucketselect-disabled:hover {
  border: 1px solid #cccccc;
}
.ui-bucketselect-disabled input {
  cursor: not-allowed;
}
.ui-bucketselect-active {
  background-position: right -52px;
}
.ui-bucketselect-layer {
  -moz-box-shadow: ;
  -webkit-box-shadow: ;
  box-shadow: ;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.2);
  -moz-border-radius: ;
  -webkit-border-radius: ;
  border-radius: ;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: #FFF;
  border: 1px solid #CCC;
  height: 156px;
  overflow: hidden;
}
.ui-bucketselect-layer .ui-bucket-select-item {
  color: #333;
  cursor: pointer;
  line-height: 30px;
  padding: 0 10px;
}
.ui-bucketselect-layer .ui-bucket-select-item:hover {
  background-color: #E3E8F7;
}
.ui-bucketselect-layer .selected {
  color: #0886E9;
}
.ui-bucketselect-layer .more {
  text-align: center;
}
.ui-bucketselect-layer .create {
  background: #EEE;
  color: #0886E9;
}
.ui-bucketselect-layer .create:hover {
  background: #EEE;
}
.ui-bucketselect-layer ol {
  height: 126px;
  overflow-x: hidden;
  overflow-y: auto;
}
.ui-bucketselect-layer-loading {
  background-image: url(./assets/loading.gif);
  background-repeat: no-repeat;
  background-position: center center;
}
.ui-bucketselect-layer-loading li {
  visibility: hidden;
}
.ui-bucketselect-layer-hidden {
  display: none;
}
.ui-bucketselect-validity-label {
  *zoom: 1;
  display: inline-block;
  *display: inline;
  zoom: 1;
  color: #EB5252;
  padding-left: 10px;
  font-size: 12px;
}
.image-lightbox-mask,
.image-lightbox-frame {
  position: fixed;
  width: 0;
  height: 0;
  left: 50%;
  top: 50%;
  opacity: 0;
}
.image-lightbox-content {
  -ms-transition: all 400ms;
  -o-transition: all 400ms;
  -moz-transition: all 400ms;
  -webkit-transition: all 400ms;
  transition: all 400ms;
  overflow: hidden;
}
.image-lightbox-mask {
  -ms-transition: all 400ms;
  -o-transition: all 400ms;
  -moz-transition: all 400ms;
  -webkit-transition: all 400ms;
  transition: all 400ms;
  background: #000;
  z-index: 2000;
}
.image-lightbox-mask.in {
  opacity: 0.4;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.image-lightbox-mask.out {
  opacity: 0;
  width: 0;
  height: 0;
  left: 50%;
  top: 50%;
}
.image-lightbox-pic {
  width: 100%;
  height: 100%;
  vertical-align: sub;
}
.image-lightbox-pic:hover {
  cursor: pointer;
}
.image-lightbox-frame {
  left: 50%;
  top: 100%;
  z-index: 2001;
  min-width: 440px;
  min-height: 200px;
  width: auto;
  height: auto;
  text-align: center;
  background: #fff;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -ms-transition: all 400ms 50ms;
  -o-transition: all 400ms 50ms;
  -moz-transition: all 400ms 50ms;
  -webkit-transition: all 400ms 50ms;
  transition: all 400ms 50ms;
  padding: 10px;
}
.image-lightbox-frame.in {
  top: 50%;
  opacity: 1;
  margin-left: -225px;
  margin-top: -110px;
}
.image-lightbox-frame.out {
  opacity: 0;
  top: -100%;
}
.image-lightbox-action-wrap {
  z-index: 2001;
  height: 60px;
  width: 100%;
  text-align: left;
}
.image-lightbox-action-wrap h2 {
  height: 40px;
  line-height: 40px;
}
.image-lightbox-action-wrap p {
  height: 20px;
  line-height: 20px;
  color: #999;
}
.image-lightbox-action-wrap a {
  float: right;
  background: #0275d8;
  color: #fff;
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  margin: 20px 0 0 5px;
}
.image-lightbox-action-wrap a:hover {
  background: #025aa5;
  text-decoration: none;
}
.image-lightbox-action-wrap a.disabled {
  cursor: not-allowed;
  opacity: 0.65;
}
.image-lightbox-close {
  position: absolute;
  right: -35px;
  top: 0;
  cursor: pointer;
  background-color: #fff;
  border: 5px solid #fff;
  background-image: url(./assets/dialog-head-close.png);
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  z-index: 2002;
}
.image-lightbox-loading .image-lightbox-content p,
.image-lightbox-error .image-lightbox-content p {
  height: 139px;
  line-height: 139px;
  border-bottom: 1px solid #eee;
}
.image-lightbox-loading .image-lightbox-content .image-lightbox-icon,
.image-lightbox-error .image-lightbox-content .image-lightbox-icon {
  *zoom: 1;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: sub;
  margin-right: 5px;
}
.image-lightbox-loading .image-lightbox-icon {
  width: 16px;
  height: 16px;
  background: url(./assets/loading.gif);
}
.image-lightbox-error .image-lightbox-content p {
  font-size: 18px;
}
.image-lightbox-error .image-lightbox-content p .image-lightbox-icon {
  width: 21px;
  height: 22px;
  background: url(./assets/dialog-notice.png);
}
.ui-tablecustomfieldsinterface {
  display: inline-block;
  position: relative;
}
.ui-tablecustomfieldsinterface .ui-tablecustomfieldsinterface-layer {
  display: none;
  position: absolute;
  right: -20px;
  top: 40px;
  background-color: #FFF;
  border: 1px solid #C8C8C8;
  box-shadow: 1px 1px 3px #C8C8C8;
  padding: 0;
  width: 400px;
  z-index: 999;
  line-height: 1em;
}
.ui-tablecustomfieldsinterface .ui-tablecustomfieldsinterface-layer .arrow {
  position: absolute;
  top: -20px;
  right: 30px;
  width: 0;
  height: 0;
  border-color: transparent transparent #C8C8C8 transparent;
  border-style: dashed dashed solid dashed;
  border-width: 10px;
}
.ui-tablecustomfieldsinterface .ui-tablecustomfieldsinterface-layer .arrow i {
  width: 0;
  height: 0;
  display: block;
  position: absolute;
  left: -10px;
  top: -9px;
  border-color: transparent transparent #FFF transparent;
  border-style: dashed dashed solid dashed;
  border-width: 10px;
}
.ui-tablecustomfieldsinterface .ui-tablecustomfieldsinterface-layer .title {
  position: relative;
  border-bottom: 1px solid #E8E8E8;
}
.ui-tablecustomfieldsinterface .ui-tablecustomfieldsinterface-layer .title h1 {
  font-size: 14px;
  margin: 15px;
  padding: 0;
}
.ui-tablecustomfieldsinterface .ui-tablecustomfieldsinterface-layer .title .quick-operations {
  position: absolute;
  right: 8px;
  top: 0;
}
.ui-tablecustomfieldsinterface .ui-tablecustomfieldsinterface-layer .title .quick-operations li {
  display: inline-block;
  padding: 0 5px;
  border-left: 1px solid #CCC;
}
.ui-tablecustomfieldsinterface .ui-tablecustomfieldsinterface-layer .title .quick-operations li:nth-child(1) {
  border: none;
}
.ui-tablecustomfieldsinterface .ui-tablecustomfieldsinterface-layer .content,
.ui-tablecustomfieldsinterface .ui-tablecustomfieldsinterface-layer .waiting {
  margin: 0;
  padding: 15px;
  border-width: 1px 0;
  background: #FFF;
}
.ui-tablecustomfieldsinterface .ui-tablecustomfieldsinterface-layer .content h2,
.ui-tablecustomfieldsinterface .ui-tablecustomfieldsinterface-layer .waiting h2 {
  font-size: 12px;
  border: none;
  margin: 0;
  padding: 0;
  height: 1em;
  line-height: 1em;
}
.ui-tablecustomfieldsinterface .ui-tablecustomfieldsinterface-layer .content .description,
.ui-tablecustomfieldsinterface .ui-tablecustomfieldsinterface-layer .waiting .description {
  color: #999;
  font-style: italic;
}
.ui-tablecustomfieldsinterface .ui-tablecustomfieldsinterface-layer .content .max-fields-description,
.ui-tablecustomfieldsinterface .ui-tablecustomfieldsinterface-layer .waiting .max-fields-description {
  color: #FF0000;
}
.ui-tablecustomfieldsinterface .ui-tablecustomfieldsinterface-layer .content ol,
.ui-tablecustomfieldsinterface .ui-tablecustomfieldsinterface-layer .waiting ol,
.ui-tablecustomfieldsinterface .ui-tablecustomfieldsinterface-layer .content ul,
.ui-tablecustomfieldsinterface .ui-tablecustomfieldsinterface-layer .waiting ul {
  list-style: decimal;
  position: relative;
  margin-top: 10px;
  display: block;
}
.ui-tablecustomfieldsinterface .ui-tablecustomfieldsinterface-layer .content .item,
.ui-tablecustomfieldsinterface .ui-tablecustomfieldsinterface-layer .waiting .item {
  border: 1px solid #EEE;
  color: #333;
  cursor: move;
  display: list-item;
  float: left;
  list-style: decimal;
  list-style-position: inside;
  margin: 0 5px 5px 0;
  padding: 4px 8px;
  padding-right: 28px;
  position: relative;
}
.ui-tablecustomfieldsinterface .ui-tablecustomfieldsinterface-layer .content .item .close,
.ui-tablecustomfieldsinterface .ui-tablecustomfieldsinterface-layer .waiting .item .close {
  cursor: pointer;
  display: inline-block;
  position: absolute;
  right: 5px;
  top: 4px;
  text-align: center;
  width: 1em;
  height: 1em;
  color: #999;
}
.ui-tablecustomfieldsinterface .ui-tablecustomfieldsinterface-layer .content .item .close:hover,
.ui-tablecustomfieldsinterface .ui-tablecustomfieldsinterface-layer .waiting .item .close:hover,
.ui-tablecustomfieldsinterface .ui-tablecustomfieldsinterface-layer .content .item .close:active,
.ui-tablecustomfieldsinterface .ui-tablecustomfieldsinterface-layer .waiting .item .close:active {
  color: #249CFA;
}
.ui-tablecustomfieldsinterface .ui-tablecustomfieldsinterface-layer .content .over-fields,
.ui-tablecustomfieldsinterface .ui-tablecustomfieldsinterface-layer .waiting .over-fields {
  color: #999;
  cursor: not-allowed;
}
.ui-tablecustomfieldsinterface .ui-tablecustomfieldsinterface-layer .content .item:not(.over-fields):hover,
.ui-tablecustomfieldsinterface .ui-tablecustomfieldsinterface-layer .waiting .item:not(.over-fields):hover {
  border: 1px solid #249CFA;
}
.ui-tablecustomfieldsinterface .ui-tablecustomfieldsinterface-layer .content .locked,
.ui-tablecustomfieldsinterface .ui-tablecustomfieldsinterface-layer .waiting .locked {
  border-color: #EEE;
  border-style: dashed;
  cursor: default;
  color: #999;
  padding-right: 8px;
  position: relative;
}
.ui-tablecustomfieldsinterface .ui-tablecustomfieldsinterface-layer .content .locked .close,
.ui-tablecustomfieldsinterface .ui-tablecustomfieldsinterface-layer .waiting .locked .close {
  display: none;
}
.ui-tablecustomfieldsinterface .ui-tablecustomfieldsinterface-layer .content ul .item,
.ui-tablecustomfieldsinterface .ui-tablecustomfieldsinterface-layer .waiting ul .item {
  list-style: none;
  padding-right: 8px;
}
.ui-tablecustomfieldsinterface .ui-tablecustomfieldsinterface-layer .content .dragging,
.ui-tablecustomfieldsinterface .ui-tablecustomfieldsinterface-layer .waiting .dragging,
.ui-tablecustomfieldsinterface .ui-tablecustomfieldsinterface-layer .content:hover .dragging,
.ui-tablecustomfieldsinterface .ui-tablecustomfieldsinterface-layer .waiting:hover .dragging {
  background-color: #249CFA;
  opacity: .3;
  color: #FFF;
}
.ui-tablecustomfieldsinterface .ui-tablecustomfieldsinterface-layer .content .dragging .close,
.ui-tablecustomfieldsinterface .ui-tablecustomfieldsinterface-layer .waiting .dragging .close,
.ui-tablecustomfieldsinterface .ui-tablecustomfieldsinterface-layer .content:hover .dragging .close,
.ui-tablecustomfieldsinterface .ui-tablecustomfieldsinterface-layer .waiting:hover .dragging .close {
  color: #FFF;
  font-weight: 700;
}
.ui-tablecustomfieldsinterface .ui-tablecustomfieldsinterface-layer .content .occupying,
.ui-tablecustomfieldsinterface .ui-tablecustomfieldsinterface-layer .waiting .occupying {
  border: 1px dashed #249CFA;
  width: 40px;
  opacity: .7;
}
.ui-tablecustomfieldsinterface .ui-tablecustomfieldsinterface-layer .waiting {
  background-color: #F7F7F7;
}
.ui-tablecustomfieldsinterface .ui-tablecustomfieldsinterface-layer .waiting .item {
  background-color: #FFF;
}
.ui-tablecustomfieldsinterface .ui-tablecustomfieldsinterface-layer .ondragging-container .item:hover {
  border: 1px solid #EEE;
}
.ui-tablecustomfieldsinterface .ui-tablecustomfieldsinterface-layer .footer {
  clear: both;
  margin: 10px 15px;
  text-align: center;
}
.ui-tablecustomfieldsinterface .ui-tablecustomfieldsinterface-layer .footer .ui-button {
  margin: 0 5px;
}
/**
 *
 * 用户引导提示组件样式
*/
.ui-guidetip {
  *zoom: 1;
  display: inline-block;
  *display: inline;
  zoom: 1;
  padding: 0;
  border: none;
}
.ui-guidetip-show {
  border: 2px dashed #35A4FD;
  padding: 6px;
}
.ui-guidetip-layer {
  position: absolute;
  background: #35A4FD;
  color: #FFF;
  padding: 10px 20px;
  -moz-border-radius: ;
  -webkit-border-radius: ;
  border-radius: ;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: ;
  -webkit-box-shadow: ;
  box-shadow: ;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.2);
  display: none;
}
.ui-guidetip-layer > span {
  *zoom: 1;
  display: inline-block;
  *display: inline;
  zoom: 1;
  padding-right: 20px;
}
.ui-guidetip-layer-show {
  *zoom: 1;
  display: inline-block;
  *display: inline;
  zoom: 1;
}
.ui-guidetip-close {
  *zoom: 1;
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: 13px;
  height: 13px;
  cursor: pointer;
  background: url(./assets/guidetip.png) 0 0 no-repeat;
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -6px;
}
.ui-guidetip-arrow,
.ui-guidetip-arrow-top {
  *zoom: 1;
  display: inline-block;
  *display: inline;
  zoom: 1;
  position: absolute;
  top: 100%;
  width: 17px;
  height: 16px;
  background: url(./assets/guidetip.png) 0 -46px no-repeat;
}
.ui-guidetip-arrow-right {
  *zoom: 1;
  display: inline-block;
  *display: inline;
  zoom: 1;
  position: absolute;
  left: -14px;
  width: 16px;
  height: 17px;
  background: url(./assets/guidetip.png) 0 -21px no-repeat;
  top: 50%;
  margin-top: -8px;
}
.ui-guidetip-arrow-bottom {
  *zoom: 1;
  display: inline-block;
  *display: inline;
  zoom: 1;
  position: absolute;
  width: 16px;
  height: 17px;
  background: url(./assets/guidetip.png) 0 -46px no-repeat;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  top: 0;
  margin-top: -16px;
}
.ui-textbox-layer {
  padding: 0;
  margin: 0;
  list-style: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  background: none repeat scroll 0 0 #FFF;
  font-size: 12px;
  overflow-x: hidden;
  *height: 152px;
  max-height: 152px;
  overflow-y: auto;
  position: absolute;
  text-align: left;
  z-index: 1002;
}
.ui-textbox-layer-hidden {
  display: none;
}
.ui-textbox-item {
  color: #333;
  cursor: pointer;
  line-height: 30px;
  padding: 0 10px;
  border-right: 1px solid #A8ADB6;
  border-left: 1px solid #A8ADB6;
}
.ui-textbox-item:last-child {
  border-bottom: 1px solid #A8ADB6;
}
.ui-textbox-item:hover {
  background-color: #E3E8F7;
}
.ui-textbox-item span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}
.ui-textbox-item .highlight {
  display: inline;
  color: #0886e9;
}
/**
 * @file ACEEditor css
 * @author hao_ru@baidu.com
 */
.full-screen {
  overflow: hidden;
}
.full-screen .header {
  display: none !important;
}
.full-screen .ui-aceeditor {
  height: auto !important;
  width: auto !important;
  border: 0;
  margin: 0;
  position: fixed !important;
  top: 32px;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999 !important;
}
.full-screen .ui-aceeditor-title {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.ui-aceeditor-title {
  height: 30px;
  line-height: 30px;
  border: 1px solid #e8e8e8;
  border-radius: 3px 3px 0 0;
  background-color: #f8f8f8;
  overflow: hidden;
}
.ui-aceeditor-title .ui-aceeditor-action {
  float: right;
  padding: 0 10px 0 0;
}
.ui-aceeditor-title .ui-aceeditor-btn-group .icon-full-screen {
  color: #666;
  -ms-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
.ui-aceeditor-title .ui-aceeditor-btn-group .icon-full-screen:hover {
  color: #000;
  cursor: pointer;
}
.ui-ellipsislabel {
  overflow: hidden;
  display: inline-block;
  display: -webkit-box;
  vertical-align: middle;
  word-wrap: break-word;
  text-overflow: ellipsis;
  -moz-box-orient: vertical;
  -webkit-box-orient: vertical;
}
.ui-mutilinputgroup .ui-mutilinputgroup-item {
  margin: 0 0 10px 0;
}
.ui-mutilinputgroup .skin-stringfy-create-button,
.ui-mutilinputgroup .skin-stringfy-close-button {
  color: #108cee;
  background: transparent;
  padding-left: 0;
}
.ui-mutilinputgroup .skin-stringfy-create-button::before,
.ui-mutilinputgroup .skin-stringfy-close-button::before {
  font-family: "iconfont" !important;
  content: "\E600";
  margin-right: 6px;
  position: relative;
  vertical-align: middle;
  top: -1px;
}
.ui-mutilinputgroup .skin-stringfy-create-button:hover,
.ui-mutilinputgroup .skin-stringfy-close-button:hover {
  color: #108cee;
  background: transparent;
}
.ui-mutilinputgroup .skin-stringfy-create-button.state-disabled,
.ui-mutilinputgroup .skin-stringfy-close-button.state-disabled,
.ui-mutilinputgroup .skin-stringfy-create-button.state-disabled:hover,
.ui-mutilinputgroup .skin-stringfy-close-button.state-disabled:hover,
.ui-mutilinputgroup .skin-stringfy-create-button.state-disabled:active,
.ui-mutilinputgroup .skin-stringfy-close-button.state-disabled:active {
  background: transparent;
}
.ui-mutilinputgroup .skin-stringfy-close-button::before {
  content: "\E6EB";
}
.ui-mutilinputgroup .ui-mutilinputgroup-opreate-box {
  margin-top: -10px;
}
/**
 * ESUI (Enterprise Simple UI)
 * Copyright 2013 Baidu Inc. All rights reserved.
 *
 * @file 下拉选择样式
 * @author wanglinfang(wanglinfang@baidu.com)
 */
.ui-selectaction {
  height: 30px;
  outline: none;
  font-size: 12px;
  min-width: 100px;
  line-height: 30px;
  position: relative;
  padding: 0 30px 0 10px;
  vertical-align: middle;
  color: #108cee;
  background-color: #eaf6fe;
  border: 1px solid #eaf6fe;
  *zoom: 1;
  display: inline-block;
  *display: inline;
  zoom: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -khtml-user-select: none;
  user-select: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  cursor: pointer;
}
.ui-selectaction:after {
  right: 10px;
  content: '\E605';
  position: absolute;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  font-family: "iconfont" !important;
}
.ui-selectaction:hover {
  background-color: #d2ecfd;
}
.ui-selectaction .ui-selectaction-text {
  margin-left: 10px;
}
.ui-selectaction-disabled,
.ui-selectaction-read-only {
  cursor: not-allowed;
  color: #999;
  background-color: #E2E5EC;
  border: 1px solid #E2E5EC;
}
.ui-selectaction-disabled:hover,
.ui-selectaction-read-only:hover {
  background-color: #E2E5EC;
}
.ui-selectaction-active,
.ui-selectaction-active:hover,
.ui-selectaction-active:focus {
  background-color: #d2ecfd;
}
.ui-selectaction-active:after,
.ui-selectaction-active:hover:after,
.ui-selectaction-active:focus:after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.ui-selectaction-layer {
  text-align: left;
  font-size: 12px;
  overflow-y: auto;
  overflow-x: hidden;
  min-height: 320px;
  max-height: 500px;
  background-color: #FFF;
  padding: 20px;
  margin: 0;
  position: absolute;
  z-index: 1002;
  border-left: 1px solid #eaf6fe;
  border-right: 1px solid #eaf6fe;
  border-bottom: 1px solid #eaf6fe;
  -moz-box-shadow: ;
  -webkit-box-shadow: ;
  box-shadow: ;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.2);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.ui-selectaction-layer::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
}
.ui-selectaction-layer::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: #C1C1C1;
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}
.ui-selectaction-layer-hidden {
  display: none;
}
/**
 * @file sidebar.less 侧边栏样式
 * @author chenqiang(chenqiang03@baidu.com)
 */
.new-sidebar-box {
  position: fixed;
  z-index: 2;
  float: left;
  left: 0;
  top: 0;
  width: 180px;
  height: 100%;
  overflow: hidden;
  background-color: #FFF;
  -ms-transition: width 0.4s;
  -o-transition: width 0.4s;
  -moz-transition: width 0.4s;
  -webkit-transition: width 0.4s;
  transition: width 0.4s;
}
.new-sidebar-box.new-sidebar-box-v2 {
  flex: 0 0 160px;
  position: sticky;
  top: 60px;
  height: calc(100vh - 60px);
  float: none;
}
.new-sidebar-box.new-sidebar-box-v2 .sidebar-wrap {
  position: static;
  width: 100%;
}
.new-sidebar-box .sidebar-wrap {
  position: absolute;
  top: 50px;
  left: 0;
  width: 200%;
  *zoom: 1;
  -webkit-transition: -webkit-transform 0.4s;
  -moz-transition: -moz-transform 0.4s;
  -ms-transition: -ms-transform 0.4s;
  -o-transition: -o-transform 0.4s;
  -moz-transition: transform 0.4s;
  -webkit-transition: transform 0.4s;
  transition: transform 0.4s;
}
.new-sidebar-box .sidebar-wrap:before,
.new-sidebar-box .sidebar-wrap:after {
  display: table;
  content: "";
}
.new-sidebar-box .sidebar-wrap:after {
  clear: both;
}
.new-sidebar-box .sidebar-wrap:before,
.new-sidebar-box .sidebar-wrap:after {
  display: table;
  content: "";
}
.new-sidebar-box .sidebar-wrap:after {
  clear: both;
}
.new-sidebar-box .sidebar-wrap:before,
.new-sidebar-box .sidebar-wrap:after {
  display: table;
  content: "";
}
.new-sidebar-box .sidebar-wrap:after {
  clear: both;
}
.new-sidebar-box .sidebar-wrap:before,
.new-sidebar-box .sidebar-wrap:after {
  display: table;
  content: "";
}
.new-sidebar-box .sidebar-wrap:after {
  clear: both;
}
.new-sidebar-box .sidebar-wrap.submenu-open {
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
.new-sidebar-box .sidebar-wrap .menu-header {
  line-height: 40px;
}
.new-sidebar-box .sidebar-wrap .normal-title {
  display: inline;
}
.new-sidebar-box .sidebar-wrap .short-title {
  display: none;
}
.new-sidebar-box .sidebar-wrap .sidebar {
  position: static;
  float: left;
  width: 50%;
}
.new-sidebar-box .sidebar-wrap .submenu {
  display: none;
}
.new-sidebar-box .sidebar-wrap .submenu.sidebar-current {
  display: block;
}
.new-sidebar-box .sidebar-wrap .submenu .menu-header {
  cursor: pointer;
  line-height: 40px;
}
.new-sidebar-box .sidebar-wrap .submenu .menu-back {
  cursor: pointer;
}
.new-sidebar-box .sidebar-wrap .submenu .menu-back:hover {
  background-color: #b9c7e9;
}
.new-sidebar-box .sidebar-wrap .submenu .leafmenu li > a {
  padding-left: 46px;
}
.new-sidebar-box .sidebar-wrap .submenu .leafmenu li.sidebar-current {
  background-color: #9eb2e3;
}
.new-sidebar-box .sidebar-wrap .submenu .leafmenu li.sidebar-current a {
  padding-left: 43px;
}
.new-sidebar-box .sidebar-wrap.sidebar-wrap-l1 .submenu,
.new-sidebar-box .sidebar-wrap.sidebar-wrap-l2 .submenu {
  display: block;
}
.new-sidebar-box .sidebar-wrap.sidebar-wrap-l3 .submenu .menu-item a {
  padding-left: 26px;
  background-image: none;
}
.new-sidebar-box .sidebar-wrap.sidebar-wrap-l3 .submenu .menu-item .sidebar-current a {
  padding-left: 22px;
}
.new-sidebar-box .sidebar-wrap.sidebar-wrap-l3 .submenu .menu-item.sidebar-current a {
  padding-left: 22px;
}
.new-sidebar-box .sidebar-wrap.sidebar-wrap-l3 .menu-list-opened .leafmenu > li > a {
  padding-left: 46px;
}
.new-sidebar-box .sidebar-wrap.sidebar-wrap-l3 .menu-list-opened .leafmenu > li.sidebar-current {
  background-color: #9eb2e3;
}
.new-sidebar-box .sidebar-wrap.sidebar-wrap-l3 .menu-list-opened .leafmenu > li.sidebar-current a {
  padding-left: 43px;
}
.new-sidebar-box.sidebar-collpased {
  width: 50px;
}
.new-sidebar-box.sidebar-collpased .normal-title {
  display: none;
}
.new-sidebar-box.sidebar-collpased .short-title {
  display: inline;
}
.new-sidebar-box.sidebar-collpased .sidebar .menu-item-common span {
  display: none;
}
.new-sidebar-box.sidebar-collpased .sidebar .menu-item a {
  padding-left: 18px;
}
.new-sidebar-box.sidebar-collpased .sidebar .menu-item.sidebar-current a {
  padding-left: 15px;
}
/**
 * @file [Please Input File Description]
 * @author leeight(leeight@gmail.com)
 */
.inf-ria-page-bos-bucket-create {
  line-height: 1.5;
}
.inf-ria-page-bos-bucket-create .tip {
  color: #666;
  font-size: 12px;
  margin-top: 8px;
}
/**
 * @file css for notfound
 * @author wanglinfang(wanglinfang@baidu.com)
 */
.inf-ria-page-error-notfound {
  min-height: 500px;
  background: #FFF url(./assets/404.png) center 80px no-repeat;
}
.inf-ria-page-error-notfound .wrap {
  padding-top: 435px;
  text-align: center;
  font-size: 14px;
  line-height: 25px;
}
/**
 * @file css for notfound
 * @author jianling(zhaochengyang@baidu.com)
 *         hao_ru@baidu.com
 *         liyubei@baidu.com
 */
.inf-ria-page-region-notfound {
  position: relative;
  background: #FFF;
  min-height: 550px;
}
.inf-ria-page-region-notfound .wrap {
  position: absolute;
  width: 50%;
  height: 50%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  min-width: 800px;
  overflow: visible;
  padding-top: 50px;
}
.inf-ria-page-region-notfound .desc {
  float: left;
  width: 305px;
  color: #999;
  font-size: 14px;
  line-height: 25px;
}
.inf-ria-page-region-notfound .desc h4 {
  white-space: nowrap;
  font-size: 16px;
  color: #333;
}
.inf-ria-page-region-notfound .desc .operate {
  margin: 16px 0 0 0;
}
.inf-ria-page-region-notfound .desc .operate p {
  float: left;
}
.inf-ria-page-region-notfound .desc .operate ul {
  margin-left: 70px;
}
.inf-ria-page-region-notfound .desc .operate li {
  float: left;
  margin: 0 20px 10px 0;
}
.inf-ria-page-region-notfound .desc .operate button {
  border: none;
  background-color: #108CEE;
  color: #FFF;
  border-radius: 3px;
  min-width: 62px;
  white-space: nowrap;
}
.inf-ria-page-region-notfound .desc .legend span {
  font-size: 12px;
  color: #AAA;
}
.inf-ria-page-region-notfound .desc .legend span:after {
  content: " ";
  display: inline-block;
  width: 12px;
  height: 12px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background: #AAA;
  margin: 0 0 -2px 7px;
}
.inf-ria-page-region-notfound .desc .legend .able {
  color: #108CEE;
  margin: 0 30px 0 0;
}
.inf-ria-page-region-notfound .desc .legend .able:after {
  background: #108CEE;
}
.inf-ria-page-region-notfound .map {
  float: right;
  width: 420px;
  margin-top: -20px;
}
.inf-ria-page-region-notfound .map svg {
  overflow: visible;
}
.inf-ria-page-region-notfound .map .province {
  stroke: white;
  stroke-width: 2px;
}
.inf-ria-page-region-notfound .map .location circle,
.inf-ria-page-region-notfound .map .location path {
  fill: #AAA;
}
.inf-ria-page-region-notfound .map .location.able {
  cursor: pointer;
}
.inf-ria-page-region-notfound .map .location.able circle,
.inf-ria-page-region-notfound .map .location.able path {
  fill: #108CEE;
}
.inf-ria-page-region-notfound .map .location .able-group {
  fill: #108CEE;
}
/**
 * @file [Please Input File Description]
 * @author ()
 */
.instance-monitordetail {
  margin: -10px;
}
.instance-monitordetail .monitor-search-wrap {
  text-align: left;
  margin: 0 30px;
}
.instance-monitordetail .monitor-search-wrap .skin-refresh-button {
  float: right;
}
.instance-monitordetail .monitor-trend {
  height: 400px;
  margin-top: 10px;
  position: relative;
}
.instance-monitordetail .monitor-trend .chart-nodata {
  position: absolute;
  top: 50%;
  left: 10px;
  margin-top: -10px;
  width: 100%;
  text-align: center;
  font-size: 20px;
  color: #ddd;
  z-index: 0;
}
/**
 * @file [Please Input File Description]
 * @author leeight(leeight@gmail.com)
 */
.inf-ria-page-custom-nav {
  height: 424px;
  font-size: 12px;
  overflow: auto;
  margin-top: -15px;
}
.inf-ria-page-custom-nav .left {
  position: absolute;
  width: 200px;
  border-right: 1px solid #E5E5E5;
}
.inf-ria-page-custom-nav .left h3 {
  margin-bottom: 10px;
}
.inf-ria-page-custom-nav .count-wrapper {
  margin-top: 5px;
  margin-right: 20px;
}
.inf-ria-page-custom-nav .selected-count {
  color: #EB5252;
}
.inf-ria-page-custom-nav .ui-checkbox input {
  vertical-align: -3px;
}
.inf-ria-page-custom-nav .all-product {
  position: relative;
  height: 424px;
  margin-left: 200px;
  padding: 0 20px;
  overflow: auto;
}
.inf-ria-page-custom-nav .all-product h3 {
  line-height: 2;
  margin-bottom: 5px;
}
.inf-ria-page-custom-nav .product-list {
  *zoom: 1;
  margin-bottom: 5px;
}
.inf-ria-page-custom-nav .product-list:before,
.inf-ria-page-custom-nav .product-list:after {
  display: table;
  content: "";
}
.inf-ria-page-custom-nav .product-list:after {
  clear: both;
}
.inf-ria-page-custom-nav .product-list:before,
.inf-ria-page-custom-nav .product-list:after {
  display: table;
  content: "";
}
.inf-ria-page-custom-nav .product-list:after {
  clear: both;
}
.inf-ria-page-custom-nav .product-list:before,
.inf-ria-page-custom-nav .product-list:after {
  display: table;
  content: "";
}
.inf-ria-page-custom-nav .product-list:after {
  clear: both;
}
.inf-ria-page-custom-nav .product-list:before,
.inf-ria-page-custom-nav .product-list:after {
  display: table;
  content: "";
}
.inf-ria-page-custom-nav .product-list:after {
  clear: both;
}
.inf-ria-page-custom-nav label.product-item {
  *zoom: 1;
  display: inline-block;
  *display: inline;
  zoom: 1;
  float: left;
  width: 25%;
  margin-bottom: 5px;
  color: #666;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.locale-en .inf-ria-page-custom-nav label.product-item {
  width: 33%;
}
.inf-ria-page-custom-nav label.product-item input {
  margin-right: 5px;
}
.inf-ria-page-custom-nav .selected-item {
  padding: 2.5px 20px 2.5px 15px;
  margin: 0 20px 6px 0;
  background-color: #EAF6FE;
  border: 2px solid transparent;
  color: #108CEE;
  cursor: move;
}
.inf-ria-page-custom-nav .selected-item p {
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  white-space: nowrap;
}
.inf-ria-page-custom-nav .selected-item.dragging {
  border: 2px dashed #108cee;
}
.inf-ria-page-custom-nav .selected-item .icon-close {
  position: relative;
  right: -10px;
  float: right;
  font-size: 14px;
  cursor: pointer;
  color: #999;
}
/**
 * esui - main entry
 *
 * @file esui.less
 * @author mudio(job.mudio@gmail.com)
 */
/* *
 * esui Dialog mixin
 * @file common/css/esui/mixin/Dialog.less
 */
/**
 * esui Toast mixin
 * @file common/css/esui/mixin/Toast.less
 */
/* *
 * esui v5 style - common
 *
 * @file common.less
 * @author mudio(job.mudio@gmail.com)
 */
.state-hidden {
  display: none !important;
}
.ui-layer {
  position: absolute;
}
.ui-validity-invalid {
  color: #EB5252;
}
.state-disabled,
.state-disabled:hover,
.link-like.state-disabled {
  color: #999;
  cursor: not-allowed;
}
/* *
 * esui v5 style - reset
 *
 * @file reset.less
 * @author mudio(job.mudio@gmail.com)
 */
.ui-ctrl {
  margin: 0;
  padding: 0;
  text-align: left;
}
.ui-ctrl table {
  border-collapse: collapse;
  table-layout: fixed;
}
.ui-ctrl fieldset,
.ui-ctrl iframe,
.ui-ctrl img {
  border: 0;
}
.ui-ctrl a img {
  display: block;
}
.ui-ctrl ol,
.ui-ctrl ul,
.ui-ctrl li {
  list-style: none;
}
.ui-ctrl address,
.ui-ctrl caption,
.ui-ctrl cite,
.ui-ctrl code,
.ui-ctrl dfn,
.ui-ctrl em,
.ui-ctrl strong,
.ui-ctrl th,
.ui-ctrl var,
.ui-ctrl i {
  font-style: normal;
  font-weight: normal;
}
table.ui-ctrl {
  border-collapse: collapse;
  table-layout: fixed;
}
fieldset.ui-ctrl,
iframe.ui-ctrl,
img.ui-ctrl {
  border: 0;
}
a img.ui-ctrl {
  display: block;
}
li.ui-ctrl {
  list-style: none;
}
address.ui-ctrl,
caption.ui-ctrl,
cite.ui-ctrl,
code.ui-ctrl,
dfn.ui-ctrl,
em.ui-ctrl,
strong.ui-ctrl,
th.ui-ctrl,
var.ui-ctrl,
i.ui-ctrl {
  font-style: normal;
}
esui-calendar,
esui-crumb,
esui-dialog,
esui-label,
esui-month-view,
esui-pager,
esui-panel,
esui-range-calendar,
esui-region,
esui-rich-calendar,
esui-schedule,
esui-search-box,
esui-sidebar,
esui-select,
esui-tab,
esui-table,
esui-text-box,
esui-text-line,
esui-tip,
esui-tip-layer,
esui-tree,
esui-wizard {
  display: block;
}
/* *
 * esui v5 style - legacy
 *
 * @file legacy.less
 * @author mudio(job.mudio@gmail.com)
 */
/* *
 * esui v5 style - kafka
 *
 * @file kafka.less
 * @author mudio(job.mudio@gmail.com)
 */
.ui-select-kafka-wrap {
  position: relative;
  *zoom: 1;
  display: inline-block;
  *display: inline;
  zoom: 1;
}
.ui-select-kafka-wrap .ui-select-kafka-tip > div {
  position: absolute;
  text-indent: 1em;
  top: 1px;
  right: 1px;
  left: 1px;
  border-radius: 3px;
  padding-top: 3px;
  background: #f1f5fd;
}
.ui-select-kafka-wrap .ui-select-kafka-tip .ui-select-kafka-loading:after {
  content: " ";
  *zoom: 1;
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: 16px;
  height: 16px;
  background: url(./assets/loading.gif) no-repeat 0 0;
}
/* *
 * esui v5 style - Button
 *
 * @file Button.less
 * @author mudio(job.mudio@gmail.com)
 */
/* *
 * 普通按钮
 */
.ui-button,
.ui-numbertextline .ui-button {
  height: 30px;
  border: none;
  outline: none;
  font-size: 12px;
  padding: 0 12px;
  overflow: hidden;
  line-height: 30px;
  text-align: center;
  vertical-align: middle;
  color: #108cee;
  background-color: #eaf6fe;
  font-family: "Microsoft Yahei", "\5FAE\8F6F\96C5\9ED1", Tahoma, Arial, Helvetica, STHeiti;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -khtml-user-select: none;
  user-select: none;
  *zoom: 1;
  display: inline-block;
  *display: inline;
  zoom: 1;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  cursor: pointer;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  -ms-box-sizing: content-box;
  box-sizing: content-box;
}
.ui-button::-moz-focus-inner {
  border: none;
  padding: 0;
}
.ui-button:hover {
  background-color: #d2ecfd;
}
.ui-button:active {
  background-color: #eaf6fe;
}
.ui-button.state-disabled,
.ui-button.state-disabled:hover,
.ui-button.state-disabled:active {
  cursor: not-allowed;
  color: #999999;
  background-color: #f6f7fb;
}
.ui-button.btn-lg {
  height: 40px;
  font-size: 14px;
  padding: 0 40px;
  line-height: 40px;
}
/* *
 * 突出按钮：用于比较重要的功能，强烈引导用户操作
 */
.skin-ok-button,
.skin-create-button,
.skin-primary-button,
.ui-numbertextline .ui-button,
.ui-dialog-ok-btn {
  color: #fff;
  background-color: #108cee;
}
.skin-ok-button:hover,
.skin-create-button:hover,
.skin-primary-button:hover,
.ui-numbertextline .ui-button:hover,
.ui-dialog-ok-btn:hover {
  background-color: #209bfd;
}
.skin-ok-button:active,
.skin-create-button:active,
.skin-primary-button:active {
  background-color: #047bd8;
}
.skin-ok-button.state-disabled,
.skin-create-button.state-disabled,
.skin-primary-button.state-disabled,
.skin-ok-button.state-disabled:hover,
.skin-create-button.state-disabled:hover,
.skin-primary-button.state-disabled:hover,
.skin-ok-button.state-disabled:active,
.skin-create-button.state-disabled:active,
.skin-primary-button.state-disabled:active {
  background-color: #eceff8;
}
/* *
 * 危险按钮，标示操作具有不可恢复性
 */
.skin-danger-button {
  color: #fff;
  background-color: #ea2e2e;
}
.skin-danger-button:hover {
  background-color: #f64545;
}
.skin-danger-button:active {
  background-color: #d72b2b;
}
/* *
 * 文字类按钮，没有边框、背景色继承父元素
 */
.skin-stringfy-button {
  color: #108cee;
  background: transparent;
}
.skin-stringfy-button.state-disabled,
.skin-stringfy-button.state-disabled:hover {
  background-color: transparent;
}
.skin-stringfy-button:hover {
  background-color: transparent;
}
.skin-create-button:before {
  font-family: "iconfont" !important;
  content: "\E600";
  margin-right: 6px;
  position: relative;
  vertical-align: middle;
}
/* *
 * 确定按钮和取消按钮的最小宽度
 */
.skin-ok-button,
.skin-cancel-button,
.ui-dialog-ok-btn {
  min-width: 40px;
}
/* *
 * 刷新按钮：只有一个刷新图标的按钮
 */
.skin-refresh-button:before {
  font-family: "iconfont" !important;
  content: "\E61C";
}
/* *
 * 下载按钮：只有一个下载图标的按钮
 */
.skin-download-button:before {
  font-family: "iconfont" !important;
  content: "\E678";
  font-size: 15px;
}
@-moz-document url-prefix() {
  .skin-refresh-button,
  .skin-download-button {
    line-height: -moz-block-height;
  }
}
/* *
 * esui v5 style - ButtonExt
 *
 * @file ButtonExt.less
 * @author mudio(job.mudio@gmail.com)
 */
/**
 *  立即购买、开通服务按钮样式
 */
.confirm-button {
  width: 112px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #FFF;
  -moz-border-radius: ;
  -webkit-border-radius: ;
  border-radius: ;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-size: 14px;
  background: #F46767;
  border: none;
  padding: 0;
}
.confirm-button:hover,
.confirm-button:active {
  background: #EB5252;
  border: none;
}
.confirm-button.ui-button-disabled {
  background: #FCE0E0;
  cursor: not-allowed;
  color: #F9B3B3;
}
.confirm-button.ui-button-disabled:hover,
.confirm-button.ui-button-disabled:active {
  background: #FCE0E0;
  color: #F9B3B3;
}
/* *
 * esui v5 style - ButtonMixin
 *
 * @file ButtonMixin.less
 * @author mudio(job.mudio@gmail.com)
 */
a.ui-button {
  color: #108cee;
}
a.ui-button:hover,
a.ui-button:active,
a.ui-button:visited {
  color: #108cee;
}
a.skin-ok-button,
a.skin-create-button,
a.skin-primary-button {
  color: #fff;
}
a.skin-ok-button:hover,
a.skin-create-button:hover,
a.skin-primary-button:hover,
a.skin-ok-button:active,
a.skin-create-button:active,
a.skin-primary-button:active,
a.skin-ok-button:visited,
a.skin-create-button:visited,
a.skin-primary-button:visited {
  color: #fff;
}
a.skin-danger-button {
  color: #fff;
}
a.skin-danger-button:hover,
a.skin-danger-button:active,
a.skin-danger-button:visited {
  color: #fff;
}
/* *
 * esui v5 style - Radio
 *
 * @file Radio.less
 * @author mudio(job.mudio@gmail.com)
 */
input[type=radio] {
  position: relative;
  margin: 0;
  padding: 0;
  width: 14px;
  height: 14px;
  outline: none;
  cursor: pointer;
  vertical-align: -2px;
  border: 1px solid #108cee;
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
}
input[type=radio]:before {
  top: 2px;
  left: 2px;
  width: 8px;
  height: 8px;
  content: '';
  position: absolute;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
input[type=radio]:checked:before {
  background-color: #108cee;
}
input[type=radio]:disabled {
  cursor: not-allowed;
  border-color: #ccc;
  background-color: #f6f7fb;
}
input[type=radio]:disabled:checked:before {
  background-color: #999999;
}
input[type=radio]:disabled:checked {
  background-color: #eceff8;
}
/* *
 * esui v5 style - CheckBox
 *
 * @file CheckBox.less
 * @author mudio(job.mudio@gmail.com)
 */
input[type=checkbox] {
  position: relative;
  margin: 0;
  padding: 0;
  width: 14px;
  height: 14px;
  outline: none;
  cursor: pointer;
  vertical-align: -3px;
  border: 1px solid #999999;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
input[type=checkbox]:checked {
  background-color: #108cee;
  border: 1px solid #108cee;
}
input[type=checkbox]:checked:before {
  top: 1.5px;
  left: 1px;
  width: 8px;
  height: 4px;
  content: '';
  color: #fff;
  position: absolute;
  border-bottom: solid 2px currentColor;
  border-left: solid 2px currentColor;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
input[type=checkbox]:hover {
  border: 1px solid #108cee;
}
input[type=checkbox]:disabled {
  cursor: not-allowed;
  border-color: #ccc;
  background-color: #f7f7f7;
}
input[type=checkbox]:disabled:checked {
  border-color: #eeeeee;
  background-color: #eeeeee;
}
input[type=checkbox]:disabled:checked:before {
  color: #ccc;
}
/* *
 * esui v5 style - textbox
 *
 * @file textbox.less
 * @author mudio(job.mudio@gmail.com)
 */
.ui-textbox {
  font-size: 0;
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.ui-textbox input,
.ui-textbox textarea {
  width: 200px;
  font-size: 12px;
  background: #FFF;
  vertical-align: middle;
  color: #333;
  border: 1px solid #ccc;
  height: 28px;
  padding: 0 10px;
  line-height: 28px;
  font-family: 'Microsoft Yahei', Arial, Helvetica, sans-serif;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  -ms-box-sizing: content-box;
  box-sizing: content-box;
}
.ui-textbox input:focus,
.ui-textbox textarea:focus {
  outline: 0;
  color: #333;
  background-color: #f8fbfe;
}
.ui-textbox input:hover,
.ui-textbox textarea:hover,
.ui-search-group .ui-textbox input:focus {
  border-color: #108cee;
}
.ui-textbox input:-moz-placeholder,
.ui-textbox textarea:-moz-placeholder {
  color: #999999;
  font-family: 'Microsoft Yahei', Arial, Helvetica, sans-serif;
}
.ui-textbox input::-moz-placeholder,
.ui-textbox textarea::-moz-placeholder {
  color: #999999;
  font-family: 'Microsoft Yahei', Arial, Helvetica, sans-serif;
}
.ui-textbox input::-webkit-input-placeholder,
.ui-textbox textarea::-webkit-input-placeholder {
  color: #999999;
  font-family: 'Microsoft Yahei', Arial, Helvetica, sans-serif;
}
.ui-textbox input:-ms-input-placeholder,
.ui-textbox textarea:-ms-input-placeholder {
  color: #999999;
  font-family: 'Microsoft Yahei', Arial, Helvetica, sans-serif;
}
.ui-textbox textarea {
  height: 200px;
  overflow: auto;
  resize: none;
}
.ui-textbox input:hover + .ui-textbox-hint {
  border-color: #108cee;
}
.ui-textbox input:focus + .ui-textbox-hint {
  background-color: #e6eff8;
}
.ui-textbox-hint {
  font-size: 12px;
  display: inline-block;
  vertical-align: middle;
  padding: 0 4px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  line-height: 28px;
  background: #f7f7f7;
}
.ui-textbox-hint-suffix .ui-textbox-hint {
  border-right: 1px solid #ccc;
  margin-left: -1px;
}
.ui-textbox-hint-prefix .ui-textbox-hint {
  float: left;
  border-left: 1px solid #ccc;
}
.ui-textbox-hint-prefix input {
  border-left: none;
}
.ui-textbox-validity-invalid input,
.ui-textbox-validity-invalid textarea {
  background-color: #fffbfb;
  border-color: #ea2e2e;
}
.ui-textbox-validity-invalid input:hover,
.ui-textbox-validity-invalid textarea:hover,
.ui-textbox-validity-invalid input:focus,
.ui-textbox-validity-invalid textarea:focus {
  border-color: #ea2e2e;
}
.ui-textbox-validity-invalid .ui-textbox-hint {
  border-color: #ea2e2e;
  background: #fbebeb;
}
.ui-textbox-validity-invalid input:hover + .ui-textbox-hint,
.ui-textbox-validity-invalid input:focus + .ui-textbox-hint {
  border-color: #ea2e2e;
  background: #fbebeb;
}
.ui-textbox-validity-valid input:focus,
.ui-textbox-validity-valid textarea:focus {
  background-color: #fbfefa;
  border-color: #4bbb0f;
}
.ui-textbox-validity-valid input:focus + .ui-textbox-hint {
  border-color: #4bbb0f;
  background: #e6f8e0;
}
.ui-textbox-placeholder {
  top: 1px;
  left: 10px;
  font-size: 12px;
  position: absolute;
  height: 28px;
  line-height: 28px;
  color: #999999;
}
.ui-textbox-placeholder-hidden {
  display: none;
}
.ui-textbox-disabled input,
.ui-textbox-read-only input,
.ui-textbox-disabled textarea,
.ui-textbox-read-only textarea {
  cursor: not-allowed;
  color: #333;
  background: #f7f7f7;
  border: 1px solid #ccc;
}
.ui-textbox-disabled input:hover,
.ui-textbox-read-only input:hover,
.ui-textbox-disabled textarea:hover,
.ui-textbox-read-only textarea:hover {
  border: 1px solid #ccc;
}
.ui-textbox-validity-label,
.ui-textarea-validity-label,
.ui-textbox-validity-label-notice,
.ui-textarea-validity-label-notice,
.ui-textbox-validity-label-warn,
.ui-textarea-validity-label-warn,
.ui-textbox-validity-label-invalid,
.ui-textarea-validity-label-invalid {
  zoom: 1;
  padding-left: 10px;
  display: inline-block;
}
/* *
 * esui v5 style - 控件组，以及控件混用的样式
 *
 * @file group.less
 * @author mudio(job.mudio@gmail.com)
 */
.ui-group {
  display: inline-block;
  vertical-align: middle;
}
.ui-group .ui-ctrl,
.ui-row .ui-ctrl {
  display: inline-block;
  vertical-align: middle;
}
/**
 * 按钮组
 */
.ui-button-group {
  font-size: 0;
}
.ui-button-group .ui-button {
  margin-right: 5px;
  vertical-align: middle;
}
.ui-button-group .ui-button:last-child {
  margin-right: 0;
}
/**
 * Select组
 */
.ui-select-group {
  font-size: 0;
}
.ui-select-group .ui-select:first-child,
.ui-select-group .ui-selectex:first-child,
.ui-select-group .ui-multiselect:first-child {
  border-left: none;
}
.ui-select-group .ui-select,
.ui-select-group .ui-selectex,
.ui-select-group .ui-multiselect {
  border-left: 1px solid #fff;
}
/**
 * 实现搜索功能的控件组
 */
.ui-search-group {
  font-size: 0;
  height: 30px;
  vertical-align: middle;
}
.ui-search-group .ui-button:after {
  content: '\E601';
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  font-family: "iconfont" !important;
}
.ui-table .ui-select,
.ui-table .ui-select:focus,
.ui-table .ui-selectex,
.ui-table .ui-selectex:focus,
.ui-table .ui-multiselect,
.ui-table .ui-multiselect:focus {
  color: #108cee;
  background: transparent;
  border: none;
}
.ui-table .ui-select:hover,
.ui-table .ui-select-active,
.ui-table .ui-select-active:focus,
.ui-table .ui-selectex:hover,
.ui-table .ui-selectex-active,
.ui-table .ui-selectex-active:focus,
.ui-table .ui-selectex-active:hover,
.ui-table .ui-selectex-active:hover:focus,
.ui-table .ui-selectex-active:focus,
.ui-table .ui-selectex-active:focus:focus,
.ui-table .ui-multiselect:hover {
  background-color: transparent;
}
/**
 * 对话框中的form-row
 */
.ui-dialog-body-panel .form-row {
  margin-bottom: 20px;
}
.ui-dialog-body-panel .form-row:last-child {
  margin-bottom: 0;
}
.ui-table .cmds button {
  border: none;
  background: transparent;
  color: #0786E9;
  cursor: pointer;
  outline: none;
}
.ui-table .cmds button[disabled] {
  cursor: not-allowed;
}
/* *
 * esui v5 style - select
 *
 * @file select.less
 * @author mudio(job.mudio@gmail.com)
 */
.ui-select,
.ui-selectex,
.ui-multiselect {
  height: 30px;
  outline: none;
  font-size: 12px;
  min-width: 100px;
  line-height: 30px;
  position: relative;
  padding: 0 30px 0 10px;
  vertical-align: middle;
  color: #108cee;
  background-color: #eaf6fe;
  border: 1px solid #eaf6fe;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -khtml-user-select: none;
  user-select: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  cursor: pointer;
}
.ui-select:after,
.ui-selectex:after,
.ui-multiselect:after {
  right: 10px;
  content: '\E605';
  position: absolute;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  font-family: "iconfont" !important;
}
.ui-select:hover,
.ui-selectex:hover,
.ui-multiselect:hover {
  background-color: #d2ecfd;
}
.ui-select-disabled,
.ui-select-read-only,
.ui-selectex-disabled,
.ui-selectex-read-only {
  cursor: not-allowed;
  color: #999;
  background-color: #e2e5ec;
  border: 1px solid #e2e5ec;
}
.ui-select-disabled:hover,
.ui-select-read-only:hover,
.ui-selectex-disabled:hover,
.ui-selectex-read-only:hover {
  background-color: #e2e5ec;
}
.ui-select-active,
.ui-select-active:hover,
.ui-select-active:focus,
.ui-selectex-active,
.ui-selectex-active:hover,
.ui-selectex-active:focus,
.ui-selectex-active:hover,
.ui-selectex-active:hover:hover,
.ui-selectex-active:hover:focus,
.ui-selectex-active:focus,
.ui-selectex-active:focus:hover,
.ui-selectex-active:focus:focus {
  background-color: #eaf6fe;
}
.ui-select-active:after,
.ui-select-active:hover:after,
.ui-select-active:focus:after,
.ui-selectex-active:after,
.ui-selectex-active:hover:after,
.ui-selectex-active:focus:after,
.ui-selectex-active:hover:after,
.ui-selectex-active:hover:hover:after,
.ui-selectex-active:hover:focus:after,
.ui-selectex-active:focus:after,
.ui-selectex-active:focus:hover:after,
.ui-selectex-active:focus:focus:after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.ui-select .ui-textbox,
.ui-selectex .ui-textbox,
.ui-multiselect .ui-textbox {
  top: -2px;
}
.ui-select .ui-textbox input,
.ui-selectex .ui-textbox input,
.ui-multiselect .ui-textbox input {
  border: none;
  height: 30px;
  line-height: 30px;
  padding: 0;
  background: #eaf6fe;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  color: #108cee;
}
.ui-select:hover .ui-textbox input,
.ui-selectex:hover .ui-textbox input,
.ui-multiselect:hover .ui-textbox input {
  background: #d2ecfd;
}
.ui-select-active .ui-textbox input,
.ui-select-active:hover .ui-textbox input,
.ui-select-active:focus .ui-textbox input,
.ui-selectex-active .ui-textbox input,
.ui-selectex-active:hover .ui-textbox input,
.ui-selectex-active:focus .ui-textbox input,
.ui-selectex-active:hover .ui-textbox input,
.ui-selectex-active:hover:hover .ui-textbox input,
.ui-selectex-active:hover:focus .ui-textbox input,
.ui-selectex-active:focus .ui-textbox input,
.ui-selectex-active:focus:hover .ui-textbox input,
.ui-selectex-active:focus:focus .ui-textbox input {
  background: #eaf6fe;
}
.ui-select-layer {
  text-align: left;
  font-size: 12px;
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 156px;
  background-color: #FFF;
  padding: 4px 0;
  position: absolute;
  z-index: 1002;
  border-left: 1px solid #eaf6fe;
  border-right: 1px solid #eaf6fe;
  border-bottom: 1px solid #eaf6fe;
  -moz-box-shadow: ;
  -webkit-box-shadow: ;
  box-shadow: ;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.2);
  padding: 0;
  margin: 0;
  list-style: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.ui-select-layer::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
}
.ui-select-layer::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: #C1C1C1;
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}
.ui-select-layer-hidden,
.ui-selectex-layer-hidden {
  display: none;
}
.ui-select-item,
.ui-selectex-item {
  padding: 0 10px;
  line-height: 30px;
  color: #333;
  cursor: pointer;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.ui-select-item span,
.ui-selectex-item span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}
.ui-select-item:hover,
.ui-selectex-item:hover {
  color: #108cee;
  background-color: #eaf6fe;
}
.ui-select-item.ui-select-item-disabled,
.ui-selectex-item.ui-select-item-disabled {
  cursor: not-allowed;
  color: #999;
}
.ui-select-item.ui-select-item-disabled:hover,
.ui-selectex-item.ui-select-item-disabled:hover {
  color: #999;
  background-color: #e2e5ec;
}
.ui-select-item.ui-select-item-selected,
.ui-selectex-item.ui-select-item-selected {
  color: #108cee;
}
.ui-select-item.ui-select-item-hidden,
.ui-selectex-item.ui-select-item-hidden {
  display: none;
}
.ui-select-search {
  height: 25px;
  padding: 0;
  margin: 5px 10px;
  border: 1px solid #F6F7FB;
}
.ui-select-search:-moz-placeholder {
  color: #999;
}
.ui-select-search::-moz-placeholder {
  color: #999;
}
.ui-select-search::-webkit-input-placeholder {
  color: #999;
}
.ui-select-search:-ms-input-placeholder {
  color: #999;
}
.ui-select-search:-moz-placeholder {
  color: #999;
}
.ui-select-search::-moz-placeholder {
  color: #999;
}
.ui-select-search::-webkit-input-placeholder {
  color: #999;
}
.ui-select-search:-ms-input-placeholder {
  color: #999;
}
.ui-select-search table {
  width: 100%;
  height: 100%;
}
.ui-select-search table td:first-child {
  width: 25px;
  text-align: center;
}
.ui-select-search input {
  padding: 0;
  border: none;
  line-height: 25px;
  width: 100%;
  height: 100%;
}
.ui-select-search input:focus {
  outline: none;
}
.ui-select-search .icon-magnifier {
  color: #999;
  font-size: 12px;
  position: relative;
  top: 2px;
}
.ui-select-validity-invalid {
  border-color: #ea2e2e;
}
.ui-select-search-empty:after {
  content: '\6682\65E0\6570\636E';
  display: block;
  text-align: center;
  padding: 10px 0;
  color: #999;
}
/* *
 * esui v5 style - SelectMixin
 *
 * @file SelectMixin.less
 * @author mudio(job.mudio@gmail.com)
 */
.skin-dark-select {
  color: #fff;
  background-color: #108cee;
}
.skin-dark-select:hover,
.skin-dark-select:active,
.skin-dark-select:focus {
  background-color: #209bfd;
}
/* *
 * esui v5 style - selectex
 *
 * @file selectex.less
 * @author yangxiayan(yangxiayan@baidu.com)
 */
.ui-selectex {
  background-image: none;
  border: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.ui-selectex-list {
  border: 0;
}
.ui-selectex-list.ui-selectex-child-list {
  border: 0;
}
.ui-selectex-item span:after {
  color: #999;
}
.ui-selectex-item:hover,
.ui-selectex-item.ui-selectex-item-selected {
  color: #108cee;
}
.ui-selectex-item:hover span:after,
.ui-selectex-item.ui-selectex-item-selected span:after {
  color: #108cee;
}
/* *
 * esui v5 style - richtexteditor
 *
 * @file richtexteditor.less
 * @author yangxiayan(yangxiayan@baidu.com)
 */
.ui-richtexteditor .edui-default.edui-editor,
.ui-richtexteditor .edui-default.edui-editor .edui-editor-toolbarbox,
.ui-richtexteditor .edui-default.edui-editor .edui-editor-toolbarboxinner,
.ui-richtexteditor .edui-default.edui-editor .edui-toolbar {
  -moz-border-radius: ;
  -webkit-border-radius: ;
  border-radius: ;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
/* *
 * esui v5 style - dragger
 *
 * @file dragger.less
 * @author mudio(job.mudio@gmail.com)
 */
.ui-dragger {
  height: auto;
}
.ui-dragger .ui-dragger-bar.ui-dragger-bar-horizontal {
  height: 10px;
  background: #e2e5ec;
}
.ui-dragger .ui-dragger-bar.ui-dragger-bar-horizontal .ui-dragger-bar-selected.ui-dragger-bar-selected-horizontal {
  background: #acddfd;
}
.ui-dragger .ui-dragger-bar.ui-dragger-bar-horizontal .ui-dragger-bar-left,
.ui-dragger .ui-dragger-bar.ui-dragger-bar-horizontal .ui-dragger-bar-right,
.ui-dragger .ui-dragger-bar.ui-dragger-bar-horizontal .ui-dragger-bar-middle {
  height: 10px;
  line-height: 50px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.ui-dragger .ui-dragger-bar.ui-dragger-bar-horizontal .ui-dragger-bar-left {
  background: #acddfd;
}
.ui-dragger .ui-dragger-bar.ui-dragger-bar-horizontal .ui-dragger-bar-right {
  text-indent: -20px;
  background: #e2e5ec;
}
.ui-dragger .ui-dragger-control-bar.ui-dragger-control-bar-horizontal {
  width: 18px;
  height: 24px;
  line-height: 24px;
  background: none;
  overflow: hidden;
  text-indent: initial !important;
}
.ui-dragger .ui-dragger-control-bar.ui-dragger-control-bar-horizontal:before {
  color: #fff;
  content: '||';
  display: block;
  background: #108cee;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.ui-dragger .ui-dragger-control-bar.ui-dragger-control-bar-horizontal:hover {
  background: none;
}
.ui-dragger .ui-dragger-control-bar.ui-dragger-control-bar-horizontal:hover:before {
  background: #209bfd;
}
.ui-dragger .ui-dragger-bar-tip {
  display: none !important;
}
/* *
 * esui v5 style - DraggerMixin
 *
 * @file DraggerMixin.less
 * @author mudio(job.mudio@gmail.com)
 */
.ui-dragger .ui-dragger-icon.ui-dragger-icon-delete {
  top: 0px;
  width: 30px;
  height: 30px;
  color: #999999;
  background: none;
}
.ui-dragger .ui-dragger-icon.ui-dragger-icon-delete:hover:before {
  color: #108cee;
}
.ui-dragger .ui-dragger-icon.ui-dragger-icon-delete:before {
  font-family: "iconfont" !important;
  content: "\E6EB";
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
}
/* *
 * esui v5 style - toggle
 *
 * @file toggle.less
 * @author mudio(job.mudio@gmail.com)
 */
.ui-togglebutton:after {
  content: '';
  width: 20px;
  height: 20px;
}
.ui-togglebutton.ui-togglebutton-checked:after {
  left: 30px;
}
/* *
 * esui v5 style - RadioSelect
 *
 * @file radioselect.less
 * @author mudio(job.mudio@gmail.com)
 */
.ui-radioselect {
  border: none;
  height: 30px;
  overflow: hidden;
  line-height: 30px;
  border-radius: 0;
  *zoom: 1;
  display: inline-block;
  *display: inline;
  zoom: 1;
}
.ui-radioselect:before,
.ui-radioselect:after {
  display: table;
  content: "";
}
.ui-radioselect:after {
  clear: both;
}
.ui-radioselect:before,
.ui-radioselect:after {
  display: table;
  content: "";
}
.ui-radioselect:after {
  clear: both;
}
.ui-radioselect:before,
.ui-radioselect:after {
  display: table;
  content: "";
}
.ui-radioselect:after {
  clear: both;
}
.ui-radioselect:before,
.ui-radioselect:after {
  display: table;
  content: "";
}
.ui-radioselect:after {
  clear: both;
}
.ui-radio-block {
  float: left;
  min-width: 58px;
  padding: 0 10px;
  height: 30px;
  line-height: 30px;
  font-size: 12px;
  cursor: pointer;
  text-align: center;
  border-right: 1px solid #fff;
  color: #108cee;
  background-color: #eaf6fe;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.ui-radio-block:hover {
  background: #d2ecfd;
}
.ui-radio-block:hover .ui-radio-item-hover {
  display: block;
}
.ui-radio-block:hover .arrow-down {
  display: block;
}
.ui-radio-disabled {
  cursor: not-allowed;
  color: #999999;
  background-color: #f6f7fb;
}
.ui-radio-selected {
  cursor: default;
  color: #fff;
  background-color: #108cee;
}
.ui-radio-selected:hover {
  background-color: #209bfd;
}
.ui-radioselect-disabled .ui-radio-block {
  cursor: not-allowed;
  color: #999999;
  background-color: #f6f7fb;
}
.ui-radioselect-disabled .ui-radio-selected {
  color: #999999;
  background-color: #e2e5ec;
}
/* *
 * esui v5 style - 控件组，以及控件混用的样式
 *
 * @file group.less
 * @author mudio(job.mudio@gmail.com)
 */
.ui-numbertextline .ui-button {
  padding: 0;
  vertical-align: middle;
}
.ui-numbertextline .ui-button:first-child,
.ui-numbertextline .ui-button:last-child {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.ui-numbertextline .ui-button-disabled {
  color: #999999;
  background-color: #eceff8;
}
.ui-numbertextline .ui-button-disabled:hover {
  background-color: #eceff8;
}
.ui-numbertextline .ui-textbox {
  margin: 0;
  vertical-align: middle;
}
.ui-numbertextline .ui-textbox input {
  width: 60px;
  padding: 0 10px;
  color: #999999;
  background-color: #eaf6fe;
  border-color: #eaf6fe;
}
.ui-numbertextline .ui-textbox input:focus {
  border-color: #eaf6fe;
}
/* *
 * esui v5 style - pager
 *
 * @file pager.less
 * @author mudio(job.mudio@gmail.com)
 */
.ui-pager {
  font-size: 12px;
  line-height: 30px;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -khtml-user-select: none;
  user-select: none;
}
.ui-pager .ui-select,
.ui-pager .ui-selectex,
.ui-pager .ui-multiselect {
  vertical-align: top;
  *zoom: 1;
  display: inline-block;
  *display: inline;
  zoom: 1;
}
.ui-pager .ui-pager-count {
  color: #999;
  margin-right: 10px;
}
.ui-pager-label {
  color: #108cee;
  text-align: center;
}
.ui-pager-select-wrapper {
  margin-left: 5px;
  *zoom: 1;
  display: inline-block;
  *display: inline;
  zoom: 1;
}
.ui-pager-select-wrapper .ui-select,
.ui-pager-select-wrapper .ui-selectex,
.ui-pager-select-wrapper .ui-multiselect {
  min-width: 65px;
}
.ui-pager-alignRight .ui-pager-select-wrapper {
  margin-right: 5px;
}
.ui-pager-alignRight .ui-pager-label {
  margin-right: 5px;
}
.ui-pager-select-hidden {
  display: none;
}
.ui-pager-main {
  margin: 0;
  padding: 0;
  *zoom: 1;
  display: inline-block;
  *display: inline;
  zoom: 1;
}
.ui-pager-main li {
  min-width: 19px;
  cursor: pointer;
  text-align: center;
  padding: 0 5px;
  display: inline-block;
  border-right: 1px solid #fff;
  color: #108cee;
  background-color: #eaf6fe;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.ui-pager-main li:last-child {
  border-right: none;
}
.ui-pager-main li:hover {
  background-color: #d2ecfd;
}
.ui-pager-main .ui-pager-item-omit,
.ui-pager-main .ui-pager-item-current {
  cursor: default;
}
.ui-pager-main .ui-pager-item-current {
  color: #fff;
  background-color: #108cee;
}
.ui-pager-main .ui-pager-item-current:hover {
  background-color: #209bfd;
}
.ui-pager-main .ui-pager-item-extend-disabled {
  cursor: not-allowed;
  color: #999999;
  background-color: #e2e5ec;
}
.ui-pager-main .ui-pager-item-extend-disabled:hover {
  background-color: #e2e5ec;
}
/* *
 * esui v5 style - tab
 *
 * @file tab.less
 * @author mudio(job.mudio@gmail.com)
 */
.ui-tab {
  overflow: hidden;
  background-color: #FFF;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.ui-tab .ui-tab-content {
  padding: 20px;
}
.ui-tab-navigator {
  height: 50px;
  font-size: 16px;
  list-style: none;
  font-weight: normal;
  background-color: #fff;
  border-bottom: 1px solid #e8ebee;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
}
.ui-tab-navigator:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.ui-tab-navigator:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.ui-tab-navigator:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.ui-tab-item {
  float: left;
  height: 50px;
  min-width: 90px;
  padding: 0 20px;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  cursor: pointer;
  -webkit-transition: background, color 0.3s;
  -moz-transition: background, color 0.3s;
  -ms-transition: background, color 0.3s;
  -o-transition: background, color 0.3s;
  transition: background, color 0.3s;
  -moz-transition: background color 0.3s;
  -webkit-transition: background color 0.3s;
  transition: background color 0.3s;
}
.ui-tab-item span,
.ui-tab-item a {
  color: #666;
  line-height: 50px;
  text-align: center;
  display: inline-block;
  -webkit-transition: background, color 0.3s;
  -moz-transition: background, color 0.3s;
  -ms-transition: background, color 0.3s;
  -o-transition: background, color 0.3s;
  transition: background, color 0.3s;
  -moz-transition: background color 0.3s;
  -webkit-transition: background color 0.3s;
  transition: background color 0.3s;
}
.ui-tab-item span:visited,
.ui-tab-item a:visited,
.ui-tab-item span:active,
.ui-tab-item a:active {
  color: #666;
}
.ui-tab-item span:hover,
.ui-tab-item a:hover {
  color: #108cee;
}
.ui-tab-item-active {
  cursor: default;
  position: relative;
  border-bottom: 2px solid #108cee;
}
.ui-tab-item-active span,
.ui-tab-item-active a,
.ui-tab-item-active a:hover,
.ui-tab-item-active a:visited,
.ui-tab-item-active a:active {
  color: #108cee;
}
.skin-sandwich-tab .ui-tab-navigator,
.instance-info + .list-content > .ui-tab-navigator,
.instance-info + .create-content > .ui-tab-navigator,
.instance-info + .detail-content > .ui-tab-navigator {
  font-size: 14px;
  border-bottom: none;
  background-color: #f5f5f5;
}
.skin-sandwich-tab .ui-tab-item-active,
.instance-info + .list-content > .ui-tab-navigator .ui-tab-item-active,
.instance-info + .create-content > .ui-tab-navigator .ui-tab-item-active,
.instance-info + .detail-content > .ui-tab-navigator .ui-tab-item-active {
  border-bottom: none;
  background-color: #FFF;
}
/* 简版Tab */
.ui-smart-tab {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.ui-smart-tab .ui-tab-navigator {
  border: none;
  height: 30px;
}
.ui-smart-tab .ui-tab-item {
  font-size: 0;
  z-index: 10;
  height: 30px;
  line-height: 30px;
  border-right: 1px solid #fff;
  background-color: #eaf6fe;
  -webkit-transition: background, color 0.3s;
  -moz-transition: background, color 0.3s;
  -ms-transition: background, color 0.3s;
  -o-transition: background, color 0.3s;
  transition: background, color 0.3s;
  -moz-transition: background color 0.3s;
  -webkit-transition: background color 0.3s;
  transition: background color 0.3s;
}
.ui-smart-tab .ui-tab-item:last-child {
  border-right: none;
}
.ui-smart-tab .ui-tab-item:hover {
  background-color: #d2ecfd;
}
.ui-smart-tab .ui-tab-item span,
.ui-smart-tab .ui-tab-item a {
  font-size: 12px;
  line-height: 30px;
  text-align: center;
  display: inline-block;
  color: #108cee;
}
.ui-smart-tab .ui-tab-item-active {
  z-index: 20;
  border: none;
  background-color: #108cee;
}
.ui-smart-tab .ui-tab-item-active:hover {
  background-color: #108cee;
}
.ui-smart-tab .ui-tab-item-active:hover span,
.ui-smart-tab .ui-tab-item-active:hover a {
  color: #FFF;
}
.ui-smart-tab .ui-tab-item-active span,
.ui-smart-tab .ui-tab-item-active a {
  color: #FFF;
}
/* *
 * esui v5 style - Dialog
 *
 * @file Dialog.less
 * @author mudio(job.mudio@gmail.com)
 */
.ui-dialog {
  opacity: 0;
  background-color: #FFF;
  -moz-border-radius: ;
  -webkit-border-radius: ;
  border-radius: ;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  position: absolute;
  width: 600px;
  z-index: 1203;
  -ms-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.2);
}
.ui-dialog-head {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 40px;
  color: #333333;
  position: relative;
  background-color: #f6f7fb;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -khtml-user-select: none;
  user-select: none;
}
.ui-dialog-maximize-icon {
  top: 10px;
  right: 40px;
  width: 20px;
  height: 20px;
  cursor: pointer;
  position: absolute;
}
.ui-dialog-maximize-icon:after {
  content: "\E80E";
  vertical-align: middle;
  font-family: "iconfont" !important;
}
.ui-dialog-restore-icon {
  top: 10px;
  right: 40px;
  width: 20px;
  height: 20px;
  cursor: pointer;
  position: absolute;
}
.ui-dialog-restore-icon:after {
  content: "\E80F";
  vertical-align: middle;
  font-family: "iconfont" !important;
}
.ui-dialog-close-icon {
  top: 10px;
  right: 10px;
  width: 20px;
  height: 20px;
  cursor: pointer;
  position: absolute;
}
.ui-dialog-close-icon:after {
  content: "\E6EB";
  vertical-align: middle;
  font-family: "iconfont" !important;
}
.ui-dialog-title {
  padding-left: 20px;
  line-height: 40px;
  font-size: 14px;
  padding-right: 30px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ui-dialog-body-panel {
  padding: 30px;
  overflow: hidden;
  zoom: 1;
  font-size: 14px;
}
.ui-dialog-foot-panel {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -khtml-user-select: none;
  user-select: none;
  margin: 0px 8px 3px;
  padding: 10px 0 10px 6px;
  border-top: 1px solid #F0F0F0;
  overflow: hidden;
  zoom: 1;
}
.ui-dialog-foot {
  text-align: right;
  height: 30px;
}
.ui-dialog-foot .ui-button {
  margin-right: 6px;
  min-width: 50px;
}
.ui-dialog-draggable .ui-dialog-head {
  cursor: move;
}
.ui-dialog-dragging {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -khtml-user-select: none;
  user-select: none;
}
.ui-dialog-mask {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  _position: absolute;
  _width: 100%;
  _height: 100%;
  background: #333;
  opacity: .2;
  filter: alpha(opacity=20);
  z-index: 1003;
}
/* *
 * esui v5 style - DialogMixin
 *
 * @file DialogMixin.less
 * @author mudio(job.mudio@gmail.com)
 */
.skin-alert-dialog .ui-dialog-icon,
.skin-confirm-dialog .ui-dialog-icon,
.skin-danger-dialog .ui-dialog-icon {
  width: 30px;
  height: 30px;
  float: left;
}
.skin-alert-dialog .ui-dialog-icon-warning,
.skin-confirm-dialog .ui-dialog-icon-warning,
.skin-danger-dialog .ui-dialog-icon-warning {
  background-image: url(./assets/dialog-notice.png);
  background-repeat: no-repeat;
  background-position: 0 center;
  background-color: transparent;
}
.skin-alert-dialog .ui-dialog-icon-confirm,
.skin-confirm-dialog .ui-dialog-icon-confirm,
.skin-danger-dialog .ui-dialog-icon-confirm {
  background-image: url(./assets/dialog-question.png);
  background-repeat: no-repeat;
  background-position: 0 center;
  background-color: transparent;
}
.skin-alert-dialog .ui-dialog-text,
.skin-confirm-dialog .ui-dialog-text,
.skin-danger-dialog .ui-dialog-text {
  padding-left: 50px;
  line-height: 30px;
  word-break: break-all;
}
/* *
 * esui v5 style - Button
 *
 * @file Button.less
 * @author mudio(job.mudio@gmail.com)
 */
.ui-buybucket .ui-buybucket-title {
  border-bottom: none;
}
.ui-buybucket .ui-buybucket-title span:before {
  content: '';
  *zoom: 1;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
  width: 4px;
  height: 16px;
  background: #0786e9;
  margin-right: 10px;
}
.ui-buybucket .ui-buybucket-body {
  margin: 5px 18px 0 18px;
}
.ui-buybucket .ui-buybucket-body .ui-buybucket-body-title {
  color: #666;
  font-weight: normal;
}
.ui-buybucket .ui-buybucket-body .postpay-range-price {
  color: #999;
  font-size: 12px;
}
/* *
 * esui v5 style - BucketSelect
 *
 * @file BucketSelect.less
 * @author mudio(job.mudio@gmail.com)
 */
/* *
 * esui v5 style - Calendar
 *
 * @file Calendar.less
 * @author mudio(job.mudio@gmail.com)
 */
.ui-calendar {
  display: inline-block;
  font-size: 12px;
  cursor: pointer;
  padding: 0 8px;
  background-color: #eaf6fe;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -khtml-user-select: none;
  user-select: none;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.ui-calendar:hover {
  background-color: #d2ecfd;
}
.ui-calendar .ui-calendar-text {
  display: inline-block;
  line-height: 30px;
  vertical-align: middle;
  color: #108cee;
}
.ui-calendar .ui-calendar-arrow {
  margin-left: 4px;
  color: #108cee;
  display: inline-block;
  vertical-align: middle;
}
.ui-calendar .ui-calendar-arrow:after {
  color: #108cee;
  content: "\E7B1";
  font-family: "iconfont" !important;
}
.ui-calendar-layer {
  padding: 20px;
  background: #fff;
  -moz-box-shadow: ;
  -webkit-box-shadow: ;
  box-shadow: ;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.2);
}
.ui-calendar-layer-hidden {
  display: none;
}
.ui-calendar-disabled,
.ui-calendar-read-only {
  color: #999;
  border-color: #D8D8D8;
}
/* *
 * esui v5 style - MonthView
 *
 * @file MonthView.less
 * @author mudio(job.mudio@gmail.com)
 */
.ui-monthview {
  background: #fff;
  width: 210px;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -khtml-user-select: none;
  user-select: none;
}
.ui-monthview-head {
  height: 30px;
  /* * 先前向后按钮 */
}
.ui-monthview-head table {
  width: 100%;
}
.ui-monthview-head .ui-monthview-month-select,
.ui-monthview-head .ui-monthview-year-select {
  min-width: initial;
  border-left: 1px solid #fff;
}
.ui-monthview-head .ui-monthview-month-select {
  border-right: 1px solid #fff;
}
.ui-monthview-head .ui-monthview-month-forward,
.ui-monthview-head .ui-monthview-month-back {
  width: 30px;
  height: 30px;
  float: right;
  padding: 0px;
  color: #fff;
  background-color: #108cee;
}
.ui-monthview-head .ui-monthview-month-forward:hover,
.ui-monthview-head .ui-monthview-month-back:hover {
  background-color: #209bfd;
}
.ui-monthview-head .ui-monthview-month-forward:active,
.ui-monthview-head .ui-monthview-month-back:active {
  background-color: #047bd8;
}
.ui-monthview-head .ui-monthview-month-forward.state-disabled,
.ui-monthview-head .ui-monthview-month-back.state-disabled,
.ui-monthview-head .ui-monthview-month-forward.state-disabled:hover,
.ui-monthview-head .ui-monthview-month-back.state-disabled:hover,
.ui-monthview-head .ui-monthview-month-forward.state-disabled:active,
.ui-monthview-head .ui-monthview-month-back.state-disabled:active {
  background-color: #eceff8;
}
.ui-monthview-head .ui-monthview-month-forward:after,
.ui-monthview-head .ui-monthview-month-back:after {
  content: '\E63B';
  font-family: "iconfont" !important;
}
.ui-monthview-head .ui-monthview-month-back {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.ui-monthview-month {
  font-size: 12px;
}
.ui-monthview-month table {
  width: 100%;
}
.ui-monthview-month-title {
  width: 28px;
  height: 28px;
  line-height: 28px;
  color: #999999;
  text-align: center;
}
.ui-monthview-month-title-selected {
  background: #CCCED4;
}
.ui-monthview-month-item {
  width: 19px;
  height: 28px;
  line-height: 28px;
  cursor: pointer;
  color: #333;
  text-align: center;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.ui-monthview-month-item:hover {
  background: #d2ecfd;
}
.ui-monthview-month-item-selected {
  background: #108cee;
  color: #FFF;
  font-weight: bold;
  -moz-border-radius: ;
  -webkit-border-radius: ;
  border-radius: ;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.ui-monthview-month-item-selected:hover {
  background: #108cee;
}
.ui-monthview-month-item-virtual,
.ui-monthview-month-item-out {
  color: #888;
  cursor: not-allowed;
  background: #fff;
}
.ui-monthview-month-item-virtual:hover,
.ui-monthview-month-item-out:hover {
  background: #fff;
}
.ui-monthview-month-item-disabled {
  background: #ddd;
  cursor: default;
}
.ui-monthview-month-item-disabled:hover {
  background: #ddd;
}
.ui-monthview-time {
  margin-top: 6px;
}
.ui-monthview-time .ui-monthview-time-input {
  font-size: 12px;
}
.ui-monthview-multi-select {
  width: 220px;
}
.ui-monthview-multi-select .ui-monthview-head table {
  width: 100%;
}
.ui-monthview-multi-select .ui-monthview-month-select-all {
  width: 15px;
  height: 21px;
  line-height: 21px;
  background: #f1f1f1;
  text-align: center;
  cursor: pointer;
}
.ui-monthview-multi-select .ui-monthview-month-select-all:hover {
  background: #f1f1f1;
}
.ui-monthview-multi-select .ui-monthview-month-select-all-selected {
  background: #CCCED4;
}
.ui-monthview-multi-select .ui-monthview-month-row-select {
  background: #f1f1f1;
  height: 21px;
  line-height: 21px;
  text-align: center;
  border-bottom: 1px solid #f1f1f1;
  cursor: pointer;
}
.ui-monthview-multi-select .ui-monthview-month-row-select-selected {
  background: #CCCED4;
}
.ui-monthview-disabled {
  /* * 先前向后按钮 */
}
.ui-monthview-disabled .ui-monthview-month-forward,
.ui-monthview-disabled .ui-monthview-month-back {
  background-position: 0 -240px;
}
.ui-monthview-disabled .ui-monthview-month-forward:active,
.ui-monthview-disabled .ui-monthview-month-back:active {
  height: 20px;
  border-color: #CFCFCF;
}
.ui-monthview-disabled .ui-monthview-month-forward {
  background-position: -20px -240px;
}
.ui-monthview-disabled .ui-monthview-month-forward:active {
  background-position: -20px -240px;
  border-color: #CFCFCF;
}
.ui-monthview-disabled .ui-monthview-month-item {
  background: #ddd;
  cursor: default;
}
.ui-monthview-disabled .ui-monthview-month-item:hover {
  background: #ddd;
}
/* *
 * esui v5 style - Calendar
 *
 * @file Calendar.less
 * @author mudio(job.mudio@gmail.com)
 */
.ui-rangecalendar {
  display: inline-block;
  font-size: 12px;
  cursor: pointer;
  padding: 0 8px;
  color: #108cee;
  background-color: #eaf6fe;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -khtml-user-select: none;
  user-select: none;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.ui-rangecalendar:hover {
  background-color: #d2ecfd;
}
.ui-rangecalendar .ui-rangecalendar-text {
  display: inline-block;
  line-height: 30px;
  vertical-align: middle;
}
.ui-rangecalendar .ui-rangecalendar-arrow {
  display: inline-block;
  vertical-align: middle;
}
.ui-rangecalendar .ui-rangecalendar-arrow:after {
  content: "\E7B1";
  font-family: "iconfont" !important;
}
.ui-rangecalendar-layer {
  padding: 20px;
  background: #fff;
  -moz-box-shadow: ;
  -webkit-box-shadow: ;
  box-shadow: ;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.2);
}
.ui-rangecalendar-layer-hidden {
  display: none;
}
.ui-rangecalendar-layer .ui-rangecalendar-shortcut {
  font-size: 12px;
  height: 20px;
  line-height: 20px;
}
.ui-rangecalendar-layer .ui-rangecalendar-shortcut-item {
  color: #666666;
  margin-left: 8px;
  cursor: pointer;
}
.ui-rangecalendar-layer .ui-rangecalendar-shortcut-item:hover {
  color: #108cee;
}
.ui-rangecalendar-layer .ui-rangecalendar-shortcut-item-selected {
  cursor: default;
  color: #108cee;
  text-decoration: none;
}
.ui-rangecalendar-layer .ui-rangecalendar-begin,
.ui-rangecalendar-layer .ui-rangecalendar-end {
  float: left;
  width: 210px;
}
.ui-rangecalendar-layer .ui-rangecalendar-begin {
  margin-right: 20px;
}
.ui-rangecalendar-layer .ui-rangecalendar-label {
  font-size: 12px;
  height: 10px;
  overflow: hidden;
  zoom: 1;
}
.ui-rangecalendar-layer .ui-rangecalendar-label h3 {
  float: left;
  font-size: 12px;
  line-height: 18px;
  margin: 0;
  display: none;
}
.ui-rangecalendar-layer .ui-rangecalendar-label .ui-checkbox {
  float: right;
  line-height: 18px;
}
.ui-rangecalendar-layer .ui-rangecalendar-label .ui-checkbox input {
  vertical-align: text-bottom;
  *margin-bottom: -3px;
}
.ui-rangecalendar-layer .ui-rangecalendar-foot {
  clear: both;
  padding-top: 8px;
  text-align: right;
}
.ui-rangecalendar-layer .ui-rangecalendar-foot .ui-button {
  margin-right: 5px;
}
.ui-rangecalendar-disabled,
.ui-rangecalendar-read-only {
  color: #999999;
  background: #f6f7fb;
}
.ui-rangecalendar-disabled:hover,
.ui-rangecalendar-read-only:hover {
  background: #f6f7fb;
}
/** 关闭layer按钮 */
.skin-layerClose-button {
  display: none;
}
/* *
 * esui v5 style - MultiSelect
 *
 * @file MultiSelect.less
 * @author mudio(job.mudio@gmail.com)
 */
.ui-multiselect {
  border: none;
}
.ui-multiselect-layer {
  border: none;
  -moz-box-shadow: ;
  -webkit-box-shadow: ;
  box-shadow: ;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.2);
}
.ui-multiselect-layer .ui-multiselect-head,
.ui-multiselect-layer .ui-multiselect-item {
  line-height: 30px;
  color: #333;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.ui-multiselect-layer .ui-multiselect-head:hover,
.ui-multiselect-layer .ui-multiselect-item:hover {
  color: #108cee;
  background: #eaf6fe;
}
.ui-multiselect-layer ::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
}
.ui-multiselect-layer ::-webkit-scrollbar-track {
  background: none;
}
.ui-multiselect-layer ::-webkit-scrollbar-thumb {
  background-color: rgba(18, 26, 44, 0.8);
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}
/* *
 * esui v5 style - Toast
 *
 * @file Toast.less
 * @author mudio(job.mudio@gmail.com)
 */
@-webkit-keyframes ui-toast-show {
  from {
    opacity: 0;
    margin-top: -30px;
  }
  to {
    opacity: 1;
    margin-top: -1px;
  }
}
@keyframes ui-toast-show {
  from {
    opacity: 0;
    margin-top: -30px;
  }
  to {
    opacity: 1;
    margin-top: -1px;
  }
}
.ui-toast {
  position: fixed;
  top: 80px;
  text-align: center;
  width: 100%;
  height: 0;
  z-index: 99999999;
  -webkit-animation: ui-toast-show 0.3s;
  animation: ui-toast-show 0.3s;
}
.ui-toast-collection-area {
  position: fixed;
  z-index: 99999999;
  top: 0;
  width: 100%;
  height: 0;
}
.ui-toast-content {
  margin: 0;
  padding: 0 50px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  line-height: 50px;
  border: 1px solid;
  pointer-events: auto;
  -moz-border-radius: ;
  -webkit-border-radius: ;
  border-radius: ;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-size: 14px;
  -moz-box-shadow: ;
  -webkit-box-shadow: ;
  box-shadow: ;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.2);
}
.ui-toast-normal .ui-toast-content {
  color: #1DA653;
  border-color: #90DBAE;
  background: #D4F0DF url(./assets/toast-normal-icon.png) 20px center no-repeat;
}
.ui-toast-error .ui-toast-content {
  color: #EB5252;
  border-color: #F9B3B3;
  background: #FCE0E0 url(./assets/toast-error-icon.png) 20px center no-repeat;
}
.ui-toast-alert .ui-toast-content {
  color: #E19D0C;
  border-color: #F4CA73;
  background: #F8EBCF url(./assets/toast-alert-icon.png) 20px center no-repeat;
}
/* *
 * esui v5 style - BucketSelect
 *
 * @file BucketSelect.less
 * @author mudio(job.mudio@gmail.com)
 */
.ui-radio,
.ui-checkbox,
.ui-boxgroup-checkbox,
.ui-boxgroup-radio {
  vertical-align: middle;
  line-height: 1.8;
}
.ui-radio input,
.ui-checkbox input,
.ui-boxgroup-checkbox input,
.ui-boxgroup-radio input {
  margin: 0px 10px 0px 0px;
  vertical-align: middle;
}
.ui-radio span,
.ui-checkbox span,
.ui-boxgroup-checkbox span,
.ui-boxgroup-radio span {
  vertical-align: middle;
}
.ui-boxgroup-horizontal label {
  *zoom: 1;
  display: inline-block;
  *display: inline;
  zoom: 1;
  margin-right: 30px;
}
.ui-boxgroup-vertical label {
  display: block;
}
.ui-checkbox-validity-label {
  zoom: 1;
  color: #ea2e2e;
  padding-left: 10px;
}
.ui-checkbox-validity-label-warn,
.ui-checkbox-validity-label-notice,
.ui-checkbox-validity-label-invalid,
.ui-boxgroup-validity-label-invalid {
  color: #ea2e2e;
}
/* *
 * esui v5 style - Tip
 *
 * @file Tip.less
 * @author mudio(job.mudio@gmail.com)
 */
.ui-tip-layer {
  background: #FFF3D9;
  border: 1px solid #D9CBA8;
  padding: 10px;
  margin-left: -5px;
  margin-top: 13px;
  z-index: 1002;
}
.ui-tip-title,
.ui-tip-body {
  padding: 0;
  margin: 0;
  font-size: 12px;
}
.ui-tip-title {
  margin: 0 0 .5em;
}
.ui-tip-body {
  margin-bottom: 5px;
}
.ui-tip-arrow {
  display: none;
  position: absolute;
  font-size: 1px;
}
.ui-tip-arrow-tl .ui-tip-arrow-1 {
  display: block;
  background-image: url(./assets/esui_transparent.gif);
  background-repeat: no-repeat;
  background-position: -24px -12px;
  background-color: transparent;
  width: 12px;
  height: 13px;
  top: -13px;
  left: 12px;
}
.ui-tip-arrow-tr {
  display: block;
  background-image: url(./assets/esui_transparent.gif);
  background-repeat: no-repeat;
  background-position: -36px -12px;
  background-color: transparent;
  width: 12px;
  height: 13px;
  top: -13px;
  right: 12px;
}
.ui-tip-arrow-bl {
  display: block;
  background-image: url(./assets/esui_transparent.gif);
  background-repeat: no-repeat;
  background-position: -12px -12px;
  background-color: transparent;
  width: 12px;
  height: 13px;
  bottom: -13px;
  left: 12px;
}
.ui-tip-arrow-br {
  display: block;
  background-image: url(./assets/esui_transparent.gif);
  background-repeat: no-repeat;
  background-position: 0 -12px;
  background-color: transparent;
  width: 12px;
  height: 13px;
  bottom: -13px;
  right: 12px;
}
.ui-tip-arrow-lt {
  display: block;
  background-image: url(./assets/esui_transparent.gif);
  background-repeat: no-repeat;
  background-position: -26px 0;
  background-color: transparent;
  width: 13px;
  height: 12px;
  top: 7px;
  left: -13px;
}
.ui-tip-arrow-lb {
  display: block;
  background-image: url(./assets/esui_transparent.gif);
  background-repeat: no-repeat;
  background-position: -39px 0;
  background-color: transparent;
  width: 13px;
  height: 12px;
  bottom: 7px;
  left: -13px;
}
.ui-tip-arrow-rt {
  display: block;
  background-image: url(./assets/esui_transparent.gif);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-color: transparent;
  width: 13px;
  height: 12px;
  top: 7px;
  right: -13px;
}
.ui-tip-arrow-rb {
  display: block;
  background-image: url(./assets/esui_transparent.gif);
  background-repeat: no-repeat;
  background-position: -13px 0;
  background-color: transparent;
  width: 13px;
  height: 12px;
  bottom: 7px;
  right: -13px;
}
.ui-tip {
  width: 14px;
  height: 14px;
  line-height: 15px !important;
  border: 1px solid #1f8eeb;
  color: #1f8eeb !important;
  background: #FFF !important;
  overflow: hidden;
  *zoom: 1;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
  cursor: pointer;
  font-family: "iconfont" !important;
  text-align: center;
  font-size: 12px;
}
.ui-tip:before {
  content: "\E7FA";
}
.ui-tip:hover,
.ui-tip:active {
  color: #FFF !important;
  background: #1f8eeb !important;
}
.skin-warning-tip {
  background: #FFF;
  border-color: #f18823;
  color: #f18823 !important;
}
.skin-warning-tip:before {
  content: "\E7F9";
}
.skin-warning-tip:hover,
.skin-warning-tip:active {
  border-color: #f18823 !important;
  background: #f18823 !important;
  color: #FFF !important;
}
.skin-error-tip {
  background: #FFF;
  border-color: #ff848c;
  color: #ff848c !important;
}
.skin-error-tip:before {
  content: "\E7F9";
}
.skin-error-tip:hover,
.skin-error-tip:active {
  border-color: #ff848c !important;
  background: #ff848c !important;
  color: #FFF !important;
}
.ui-tip-layer-hidden {
  display: none;
}
/* *
 * esui v5 style - TipLayer
 *
 * @file TipLayer.less
 * @author mudio(job.mudio@gmail.com)
 */
.ui-tiplayer {
  background: #FFF;
  border: 1px solid #CCC;
  padding: 16px;
  z-index: 1002;
  position: absolute;
  -moz-border-radius: ;
  -webkit-border-radius: ;
  border-radius: ;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: ;
  -webkit-box-shadow: ;
  box-shadow: ;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.2);
}
.ui-tiplayer-rt,
.ui-tiplayer-rb {
  margin-left: -10px;
}
.ui-tiplayer-lt,
.ui-tiplayer-lb {
  margin-left: 10px;
}
.ui-tiplayer-title,
.ui-tiplayer-body {
  padding: 0;
  margin: 0;
}
.ui-tiplayer-title {
  margin: 0 0 6px 0;
  line-height: 24px;
  font-size: 14px;
  color: #333;
}
.ui-tiplayer-body {
  font-size: 12px;
  line-height: 20px;
}
.ui-tiplayer-arrow {
  display: none;
  position: absolute;
  font-size: 1px;
}
.ui-tiplayer-arrow-tl {
  display: block;
  background: #E1E1E1;
  width: 12px;
  height: 13px;
  top: -13px;
  left: 12px;
}
.ui-tiplayer-arrow-tr {
  display: block;
  background: #E2E2E2;
  width: 12px;
  height: 13px;
  top: -13px;
  right: 12px;
}
.ui-tiplayer-arrow-bl {
  display: block;
  background: #E3E3E3;
  width: 12px;
  height: 13px;
  bottom: -13px;
  left: 12px;
}
.ui-tiplayer-arrow-br {
  display: block;
  background: #E4E4E4;
  width: 12px;
  height: 13px;
  bottom: -13px;
  right: 12px;
}
.ui-tiplayer-arrow-lt {
  display: block;
  background-image: url(./assets/tip-arrow-icon.png);
  background-repeat: no-repeat;
  background-position: -43px 0;
  background-color: transparent;
  width: 11px;
  height: 16px;
  top: 50%;
  margin-top: -8px;
  left: -11px;
}
.ui-tiplayer-arrow-lb {
  display: block;
  background-image: url(./assets/tip-arrow-icon.png);
  background-repeat: no-repeat;
  background-position: -43px 0;
  background-color: transparent;
  width: 11px;
  height: 16px;
  bottom: 4px;
  left: -11px;
}
.ui-tiplayer-arrow-rt {
  display: block;
  background-image: url(./assets/tip-arrow-icon.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-color: transparent;
  width: 11px;
  height: 16px;
  top: 50%;
  margin-top: -8px;
  right: -11px;
}
.ui-tiplayer-arrow-rb {
  display: block;
  background-image: url(./assets/tip-arrow-icon.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-color: transparent;
  width: 11px;
  height: 16px;
  bottom: 4px;
  right: -11px;
}
.ui-tiplayer-arrow-bc {
  display: block;
  background-image: url(./assets/tip-arrow-icon.png);
  background-repeat: no-repeat;
  background-position: 0 -92px;
  background-color: transparent;
  width: 16px;
  height: 11px;
  top: -9px;
  left: 50%;
  margin-left: -8px;
}
.ui-tiplayer-arrow-tc {
  display: block;
  background-image: url(./assets/tip-arrow-icon.png);
  background-repeat: no-repeat;
  background-position: 0 -47px;
  background-color: transparent;
  width: 16px;
  height: 11px;
  bottom: -11px;
  left: 50%;
  margin-left: -8px;
}
.ui-tiplayer-hidden,
.ui-tiplayer-init {
  display: none;
}
/* *
 * esui v5 style - TipLayer
 *
 * @file TipLayer.less
 * @author mudio(job.mudio@gmail.com)
 */
.ui-tree ul,
.ui-tree li {
  padding: 0;
  margin: 0;
  list-style: none;
}
.ui-tree-node {
  cursor: pointer;
  overflow: hidden;
  line-height: 22px;
}
.ui-tree-node-empty {
  cursor: default;
}
.ui-tree-content-wrapper {
  padding-left: 15px;
}
.ui-tree-node-indicator {
  text-indent: -500%;
  *text-indent: 0;
  *font-size: 0;
  *line-height: 0;
  vertical-align: middle;
  margin: 4px 3px 0 0;
  float: left;
  width: 14px;
  height: 14px;
  overflow: hidden;
  background-image: url(//bce.bdstatic.com/san-xui/0.0.0/esui/esui-open-icon.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-color: transparent;
}
.ui-tree-node-indicator-expanded {
  background-image: url(//bce.bdstatic.com/san-xui/0.0.0/esui/esui-close-icon.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-color: transparent;
}
.ui-tree-node-indicator-empty,
.ui-tree-node-indicator-previous,
.ui-tree-node-indicator-far-previous {
  background-image: none;
}
.ui-tree-item-content {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}
.ui-tree-content-wrapper-selected {
  background: #F5FBFF;
}
.ui-tree-sub-root-expanded {
  display: block;
}
.ui-tree-sub-root-collapsed {
  display: none;
}
.ui-tree-hide-root .ui-tree-root .ui-tree-content-wrapper {
  display: none;
}
.ui-tree-hide-root .ui-tree-root .ui-tree-content-wrapper .ui-tree-node-indicator-level-0 {
  width: 0;
}
.ui-tree-hide-root .ui-tree-root .ui-tree-sub-root .ui-tree-content-wrapper {
  display: block;
}
/* *
 * esui v5 style - TipLayer
 *
 * @file TipLayer.less
 * @author mudio(job.mudio@gmail.com)
 */
.skin-folder-tree-node-indicator {
  background-image: url(./assets/esui-folder.png);
  background-repeat: no-repeat;
  background-position: 0 -6px;
  background-color: transparent;
}
.skin-folder-tree-node-indicator-expanded {
  background-position: 0 -30px;
}
.skin-folder-tree-node-indicator-empty,
.skin-folder-tree-node-indicator-previous,
.skin-folder-tree-node-indicator-far-previous {
  background-image: none;
}
/**
 * 表格样式
 * @file common/css/esui/Table.less
 */
.ui-table {
  font-size: 12px;
  color: #333;
}
.ui-table table {
  table-layout: fixed;
  border-collapse: collapse;
}
.ui-table-head {
  background: #F6F7FB;
}
.ui-table-foot {
  background: #F6F7FB;
}
.ui-table-head table,
.ui-table-body table,
.ui-table-foot table {
  border-width: 1px 0 1px 1px;
  border-color: #E5E5E5;
  border-style: solid;
}
.ui-table-body table,
.ui-table-foot table {
  border-width: 0 1px;
}
.ui-table-foot table {
  border-width: 0 1px 1px 0;
}
.ui-table-select-all,
.ui-table-multi-select,
.ui-table-single-select {
  margin: 0;
}
.ui-table-multi-select {
  float: left;
}
.ui-table-hcell-text {
  height: 40px;
  line-height: 40px;
  overflow: hidden;
  padding: 0 16px;
  text-align: left;
  font-size: 14px;
  border-right: 1px solid #E5E5E5;
}
.ui-table-fcell {
  border-right: 1px solid #E5E5E5;
}
.ui-table-fcell-text {
  height: 40px;
  line-height: 40px;
  overflow: hidden;
  padding: 0 16px;
  text-align: left;
  font-size: 14px;
}
.ui-table-cell-text,
.ui-table-body-nodata {
  line-height: 20px;
  overflow: hidden;
  padding: 10px 16px;
  text-align: left;
  color: #333;
}
.ui-table-cell-sel,
.ui-table-hcell-sel {
  padding: 0 0 0 16px;
  border-right: none;
}
.ui-table-scroll-x {
  height: 20px;
  overflow-x: scroll;
  overflow-y: hidden;
}
.ui-table-htip {
  margin: 0 4px 0 0;
}
.ui-table-hsort {
  position: relative;
  *zoom: 1;
  display: inline-block;
  *display: inline;
  zoom: 1;
  font-size: 14px;
  color: #666;
  top: 2px;
  line-height: 30px;
  font-family: "iconfont";
}
.ui-table-hsort:before {
  content: "\E711";
}
.ui-table-hcell-asc .ui-table-hsort:before {
  content: "\E713";
}
.ui-table-hcell-desc .ui-table-hsort:before {
  content: "\E712";
}
.ui-table-cell-align-left .ui-table-cell-text,
.ui-table-cell-align-left .ui-table-hcell-text {
  text-align: left;
}
.ui-table-cell-align-right .ui-table-cell-text,
.ui-table-cell-align-right .ui-table-hcell-text,
.ui-table-cell-align-right .ui-table-fcell-text {
  text-align: right;
}
.ui-table-cell-align-center .ui-table-cell-text,
.ui-table-cell-align-center .ui-table-hcell-text {
  text-align: center;
}
.ui-table-cell-break .ui-table-cell-text,
.ui-table-cell-break .ui-table-hcell-text {
  word-wrap: break-word;
  word-break: break-all;
  height: auto;
}
.ui-table-hcell-sort-hover {
  cursor: pointer;
}
.ui-table-hcell-sort-hover .ui-table-hsort {
  display: inline-block;
  *display: inline;
}
.ui-table-body {
  background: #FFF;
  border-bottom: 1px solid #ddd;
  *position: relative;
}
.ui-table-body-nodata {
  border: 1px solid #ddd;
  border-width: 0 1px;
  text-align: center;
}
.ui-table-row {
  background: #FFF;
  border-bottom: 1px solid #ddd;
  zoom: 1;
}
.ui-table-row-last {
  border-bottom: 0;
}
.ui-table-row-hover {
  background: #F6F7FB;
}
.ui-table-editor {
  background: #FFF;
  border: 1px solid #C7C7C7;
  padding: 20px;
  -moz-box-shadow: ;
  -webkit-box-shadow: ;
  box-shadow: ;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.ui-table-editor-note {
  color: #CCC;
}
.ui-table-editor-opt {
  overflow: hidden;
  zoom: 1;
}
.ui-table-editor-opt .ui-button {
  margin: 10px 6px 0 0;
}
.ui-table-editor-error {
  clear: left;
  margin-bottom: 5px;
}
.ui-table-editor-error .ui-textbox-validity-label {
  padding-left: 0;
}
.ui-table-editor-tip {
  color: #666;
  font-size: 12px;
}
.ui-table-editor .ui-textbox {
  float: left;
}
.ui-table-editor .ui-button-group {
  margin: 10px 0;
}
.ui-table-row-selected table {
  background: #F6F7FB;
}
.ui-table-row-unfolded {
  background: #FFF;
}
.ui-table .ui-table-startdrag,
.ui-table .ui-table-startdrag .ui-table-thcntr {
  cursor: col-resize;
}
.ui-table-mark {
  height: 400px;
  width: 1px;
  overflow: hidden;
  background: #000;
  position: absolute;
}
.ui-table-cell-editentry {
  width: 12px;
  height: 20px;
  display: none;
  cursor: pointer;
  background: url(./assets/edit.png) 0 -65px no-repeat;
  margin-left: 10px;
}
.ui-table-cell-editentry:hover {
  background-position: 0 3px;
}
.ui-table-cell-align-right .ui-table-cell-editentry {
  left: 2px;
  right: auto;
}
.ui-table-row-hover .ui-table-cell-editentry {
  *zoom: 1;
  display: inline-block;
  *display: inline;
  zoom: 1;
}
.ui-table-subentry {
  margin-left: 20px;
  color: #108CEE;
  cursor: pointer;
}
.ui-table-subentry .iconfont {
  font-size: 12px;
}
.ui-table-subentry-opened {
  -webkit-transform: rotateZ(-180deg);
  -moz-transform: rotateZ(-180deg);
  -ms-transform: rotateZ(-180deg);
  -o-transform: rotateZ(-180deg);
  transform: rotateZ(-180deg);
}
.ui-table-subentryfield table {
  border: 0;
}
.ui-table-subentryfield table tr td:first-child {
  width: 30px;
}
.ui-table-subrow {
  background: #F6F7FB;
  padding: 20px 50px;
  zoom: 1;
}
.ui-table-subrow-last {
  border-width: 1px 1px 0;
}
.ui-panel {
  position: relative;
}
.main-wrap-new .ui-table-cell-sel,
.main-wrap-new .ui-table-hcell-sel,
.main-wrap-new .ui-table-hcell-text {
  font-size: 12px;
}
.main-wrap-new .ui-table-body-nodata {
  border: 1px solid #ECEFF8;
}
.main-wrap-new .ui-table-hcell-text-first,
.main-wrap-new .ui-table-cell-text-first {
  min-width: 20px;
  padding-left: 20px;
}
.main-wrap-new .ui-table-row-hover,
.main-wrap-new .ui-table-row-selected table {
  background: #F5FBFF;
}
.main-wrap-new .ui-table-hcell-text {
  border-right-color: #FFF;
}
.main-wrap-new .ui-table-hcell-text-last {
  border-right: none;
}
.main-wrap-new .ui-table-body {
  border: none;
}
.main-wrap-new .ui-table-row {
  border-bottom: 1px solid #ECEFF8;
}
.main-wrap-new .ui-table-head table {
  border: none;
}
.main-wrap-new .ui-table-body table {
  border: none;
}
.main-wrap-new .ui-table-head {
  z-index: 10;
}
/* *
 * esui v5 style - TableExt
 *
 * @file TableExt.less
 * @author mudio(job.mudio@gmail.com)
 */
.ui-table .ui-panel {
  -ms-transition: filter 1s;
  -o-transition: filter 1s;
  -moz-transition: filter 1s;
  -webkit-transition: filter 1s;
  transition: filter 1s;
}
.ui-table.ui-table-loading .ui-table-body {
  position: relative;
}
.ui-table.ui-table-loading .ui-table-body .ui-panel {
  -webkit-filter: blur(2px);
  -moz-filter: blur(2px);
  -ms-filter: blur(2px);
  filter: blur(2px);
}
.ui-table.ui-table-loading .ui-table-body:before {
  z-index: 1;
  content: '';
  height: 100%;
  width: inherit;
  position: absolute;
  background-color: rgba(255, 255, 255, 0.1);
  background-color: #fff\0;
  opacity: .8\0;
  background-image: url(./assets/process.gif);
  background-image: url(./assets/process.svg), none;
  background-size: 26px 26px;
  background-repeat: no-repeat;
  background-position: center 30%;
}
/*
* Copyright (c) 2014 Baidu.com, Inc. All Rights Reserved
*
* Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with
* the License. You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on
* an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the
* specific language governing permissions and limitations under the License.
*/
.ui-viewstep li {
  color: #999999;
}
.ui-viewstep li i {
  border: 2px solid #999999;
  background: #999999;
  color: #FFF;
}
.ui-viewstep li:after {
  border-bottom: none;
  width: auto;
  content: "\E63B";
  margin: 0 7px 0 5px;
  top: 0;
  font-family: "iconfont" !important;
}
.ui-viewstep li.ui-viewstep-item-active {
  color: #1f8eeb;
}
.ui-viewstep li.ui-viewstep-item-active i {
  color: #FFF;
  border-color: #1f8eeb;
  background: #1f8eeb;
}
.ui-viewstep li.ui-viewstep-item-active:after {
  border-color: #1f8eeb;
}
/**
 * @file 行内错误提示
 * @author jianling(zhaochengyang@baidu.com)
 */
.ui-toastlabel .ui-toastlabel-content {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  padding: 5px 15px;
  line-height: 20px;
}
.ui-toastlabel.ui-toastlabel-normal .ui-toastlabel-content {
  color: #1DA653;
  background: #F2FEF7;
}
.ui-toastlabel.ui-toastlabel-error .ui-toastlabel-content {
  color: #FB4351;
  background: #FFF5F5;
}
.ui-toastlabel.ui-toastlabel-alert .ui-toastlabel-content {
  color: #F38900;
  background: #FCF7F1;
}
.ui-toastlabel.ui-toastlabel-info .ui-toastlabel-content {
  color: #333;
  background: #F5F5F5;
}
/**
  * ESUI (Enterprise Simple UI)
  * Copyright 2013 Baidu Inc. All rights reserved.
  *
  * @file 日程样式
  * @author hao_ru
  */
.ui-schedule {
  font-size: 12px;
  width: 710px;
  height: 236px;
  padding: 6px 0px 8px 0px;
  background: #F7F7F7;
  border: 1px solid #CDCDCD;
  position: relative;
}
.ui-schedule-body {
  height: 200px;
}
.ui-schedule-head {
  height: 28px;
  width: 710px;
  line-height: 28px;
  padding-top: 10px;
  position: relative;
}
.ui-schedule-help {
  float: right;
  width: 200px;
}
.ui-schedule-help-text {
  line-height: 16px;
  padding: 2px 8px 0 3px;
}
.ui-schedule-help div {
  float: left;
  cursor: default;
}
.ui-schedule-shortcut {
  float: left;
  padding: 2px 0 0 10px;
  line-height: 16px;
}
.ui-schedule-shortcut-item {
  cursor: pointer;
  color: #333;
  display: block;
  float: left;
  padding: 0 10px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  margin-right: 10px;
  border: 1px solid #A8ADB6;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -o-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
}
.ui-schedule-shortcut-item-hover,
.ui-schedule-shortcut-item-press {
  border: 1px solid #888f9b;
}
.ui-schedule-shortcut-text-item {
  color: #333;
  display: block;
  float: left;
  width: 60px;
  height: 20px;
  line-height: 20px;
  margin-right: 0px;
}
.ui-schedule-day-head {
  float: left;
  width: 65px;
  margin: 0px;
}
.ui-schedule-day {
  line-height: 25px;
  padding-right: 5px;
  height: 25px;
  text-align: right;
}
.ui-schedule-seg {
  float: left;
  width: 140px;
}
.ui-schedule-time,
.ui-schedule-help-selected,
.ui-schedule-help-unselected {
  background: #fff;
  border: 1px solid #dcdcdc;
  color: #E6E6E6;
  cursor: pointer;
  float: left;
  font-size: 12px;
  height: 23px;
  line-height: 23px;
  text-align: center;
  width: 23px;
  -moz-user-select: none;
  -webkit-user-select: none;
  position: relative;
}
.ui-schedule-time-head {
  border: 0px;
  width: 50px;
  text-align: center;
  position: relative;
  color: #000;
  float: left;
  font-size: 12px;
  height: 23px;
  line-height: 23px;
  -moz-user-select: none;
  -webkit-user-select: none;
}
.ui-schedule-line {
  height: 25px;
  padding: 0px;
  position: relative;
  overflow: hidden;
}
.ui-schedule-time-line {
  height: 23px;
  padding: 0px 0px 0px 40px;
}
.ui-schedule-time-body {
  float: left;
  margin: 0px;
  padding: 0px;
  width: 600px;
  border-top: 1px solid #dcdcdc;
  position: relative;
}
.ui-schedule-time-selected,
.ui-schedule-help-selected {
  background: #dcfacf;
  border: 1px solid #c2e8a6;
  color: #fff;
}
.ui-schedule-time-hover {
  border: 1px solid #f7de41;
  cursor: pointer;
  background: #fff6bd;
}
.ui-schedule-shortcut-item-tip,
.ui-schedule-timeitem-tip {
  border: 1px solid #a6a6a6;
  line-height: 20px;
  padding: 0px 5px;
}
.ui-schedule-timeitem-tip .ui-schedule-timeitem-tip-body {
  color: #a6a6a6;
}
.ui-schedule-overitem {
  width: 23px;
  height: 23px;
  border: 1px solid #f7de41;
  cursor: pointer;
  position: absolute;
  top: -1px;
  left: -1px;
  background: #fff6bd;
  display: none;
}
.ui-schedule-dragitem {
  width: 23px;
  height: 23px;
  border: 0px;
  background: #FEFEFE;
  opacity: 0.1;
  filter: alpha(opacity=10);
  position: absolute;
  top: 0px;
  left: 0px;
}
.ui-schedule-follow-item {
  position: absolute;
  width: 0px;
  height: 0px;
  border: 1px dotted #cc0000;
  background: transparent;
  top: 0px;
  left: 0px;
  display: none;
  z-index: 49;
}
.ui-schedule-continue-covertimes {
  background: #dcfacf;
  font-size: 12px;
  height: 25px;
  line-height: 25px;
  position: absolute;
  color: #2b7a08;
  border: 0px;
  opacity: 0.5;
  filter: alpha(opacity=50);
  margin: 0;
}
.ui-schedule-coverclose {
  position: absolute;
  top: 0px;
  right: 0px;
  height: 10px;
  width: 10px;
  z-index: 999;
  cursor: pointer;
  display: none;
}
.ui-schedule-covertimes-tip {
  width: 100%;
  text-align: center;
  height: 25px;
  line-height: 25px;
  border: 0px;
}
.ui-schedule-disabled .ui-schedule-time-hover,
.ui-schedule-readonly .ui-schedule-time-hover {
  cursor: default;
  background: #fff;
  border: 1px solid #dcdcdc;
}
/**
 * ESUI (Enterprise Simple UI)
 * Copyright 2013 Baidu Inc. All rights reserved.
 *
 * @file 地域选择样式
 * @author hao_ru
 */
.ui-region {
  text-align: left;
  margin: 0;
  padding: 0;
  width: 610px;
  font-size: 12px;
  color: #000;
  line-height: 13px;
  border: 1px solid #DDDDDD;
  border-bottom: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -khtml-user-select: none;
  user-select: none;
}
.ui-region input {
  float: left;
  margin: 0px;
  padding: 0px;
  width: 13px;
  height: 13px;
}
.ui-region label {
  cursor: default;
  padding-left: 4px;
  display: inline;
}
.ui-region .ui-region-country-box {
  overflow: hidden;
  zoom: 1;
  border-bottom: 1px solid #DDD;
}
.ui-region .ui-region-country-check {
  width: 600px;
  height: 14px;
  padding: 8px 0 8px 10px;
  background-color: #F6F6F6;
  border-top: none;
}
.ui-region .ui-region-region-box0 {
  width: 610px;
  border-top: solid 1px #E6EEF6;
  background: #F9FCFE;
  clear: both;
  display: block;
}
.ui-region .ui-region-region-box0:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.ui-region .ui-region-region-box0:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.ui-region .ui-region-region-box0:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.ui-region .ui-region-region-box1 {
  width: 610px;
  clear: both;
  background: none repeat scroll 0 0 #FFFFFF;
  border-top: 1px solid #F1F1F1;
  display: block;
}
.ui-region .ui-region-region-box1:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.ui-region .ui-region-region-box1:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.ui-region .ui-region-region-box1:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.ui-region .ui-region-region-check {
  width: 90px;
  padding: 6px 0 6px 10px;
  float: left;
}
.ui-region .ui-region-province-box {
  width: 510px;
  float: left;
}
.ui-region .ui-region-province-item {
  width: 100px;
  float: left;
}
.ui-region .ui-region-province-item .ui-region-locator {
  float: right;
  width: 35px;
  height: 14px;
}
.ui-region .ui-region-province-item .ui-region-city-box {
  border: solid 1px #97A5B2;
  position: absolute;
  padding: 5px 0 0 0;
  margin: -1px;
  background-color: #FFF;
  z-index: 998;
  _height: 26px;
}
.ui-region .ui-region-province-item .ui-region-city-box .ui-region-city {
  height: 18px;
  float: left;
  padding: 3px 8px;
}
.ui-region .ui-region-province-item .ui-region-city-box-over {
  border: solid 1px #97A5B2;
  border-right: none;
  background-color: #FFF;
  margin: -1px 0;
  z-index: 999;
}
.ui-region .ui-region-province-item b {
  width: 33px;
  color: #FFF;
  display: block;
  text-align: center;
  font-weight: normal;
  font-family: Arial, Helvetica, sans-serif;
  background: #3F8FE1;
  margin-top: 8px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.ui-region .ui-region-province-item .ui-region-text {
  position: relative;
  zoom: 1;
  width: 58px;
  height: 14px;
  padding: 8px 0 8px 4px;
  float: right;
}
.ui-region .ui-region-province-item .ui-region-text-over {
  border: solid 1px #97A5B2;
  border-right: none;
  background-color: #FFF;
  margin: -1px 0;
  z-index: 998;
  height: 13px;
}
.ui-region-single {
  margin: 0;
  padding: 0;
  width: auto;
  font-size: 12px;
  border: none;
}
.ui-region-disabled,
.ui-region-read-only {
  color: #999;
  border-color: #D8D8D8;
}
/** 验证 */
.ui-region-validity-invalid {
  border: 1px solid red;
}
.ui-region-validity-label {
  display: block;
  margin-top: 5px;
}
.ui-region-validity-label-invalid {
  background-image: url(./assets/esui-icon-alert.png);
  background-repeat: no-repeat;
  background-position: 15px center;
  background-color: #FEDBDC;
  border: 1px solid #F0CCCC;
  color: #dd6767;
  padding-left: 50px;
}
/* *
 * esui v5 style - Panel
 *
 * @file Panel.less
 * @author wanglinfang(wanglinfang@baidu.com)
 */
.ui-panel {
  -ms-transition: filter 1s;
  -o-transition: filter 1s;
  -moz-transition: filter 1s;
  -webkit-transition: filter 1s;
  transition: filter 1s;
}
.ui-panel-loading {
  position: relative;
  -webkit-filter: blur(2px);
  -moz-filter: blur(2px);
  -ms-filter: blur(2px);
  filter: blur(2px);
}
.ui-panel-loading:before {
  z-index: 1;
  content: '';
  height: 100%;
  width: 100%;
  position: absolute;
  background-color: rgba(255, 255, 255, 0.1);
  background-color: #fff\0;
  opacity: .8\0;
  background-image: url(./assets/process.gif);
  background-image: url(./assets/process.svg), none;
  background-repeat: no-repeat;
  background-position: center 30%;
}
/**
 * page - 页面级样式
 *
 * @file page.less
 * @author mudio(job.mudio@gmail.com)
 */
/**
 * page - main entry，从common迁移过来的
 *
 * @file page.less
 * @author mudio(job.mudio@gmail.com)
 */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  padding: 0;
  margin: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
table {
  border-collapse: separate;
  border-spacing: 0;
  vertical-align: middle;
}
caption,
th,
td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}
a img {
  border: none;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
main {
  display: block;
  padding: 0;
  margin: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
audio,
canvas,
video {
  *zoom: 1;
  display: inline-block;
  *display: inline;
  zoom: 1;
}
audio:not([controls]),
[hidden] {
  display: none;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
main {
  display: block;
  padding: 0;
  margin: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
audio,
canvas,
video {
  *zoom: 1;
  display: inline-block;
  *display: inline;
  zoom: 1;
}
audio:not([controls]),
[hidden] {
  display: none;
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  padding: 0;
  margin: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
table {
  border-collapse: separate;
  border-spacing: 0;
  vertical-align: middle;
}
caption,
th,
td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}
a img {
  border: none;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
main {
  display: block;
  padding: 0;
  margin: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
audio,
canvas,
video {
  *zoom: 1;
  display: inline-block;
  *display: inline;
  zoom: 1;
}
audio:not([controls]),
[hidden] {
  display: none;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
main {
  display: block;
  padding: 0;
  margin: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
audio,
canvas,
video {
  *zoom: 1;
  display: inline-block;
  *display: inline;
  zoom: 1;
}
audio:not([controls]),
[hidden] {
  display: none;
}
body {
  font-size: 12px;
  line-height: 1.5em;
  color: #333;
  background-color: #E8ECF0;
  min-width: 1280px;
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro SC", "SF Pro Text", "Helvetica Neue", Helvetica, "PingFang SC", "Segoe UI", Roboto, "Hiragino Sans GB", "Arial", "microsoft yahei ui", "Microsoft YaHei", SimSun, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.main-area {
  margin: 0;
  padding: 0;
  clear: both;
}
#main {
  z-index: 0;
  margin: 0;
  padding: 0;
  position: relative;
  margin-top: 50px;
  background-color: #D0DAF3;
}
h1 {
  font-size: 18px;
}
h2 {
  font-size: 16px;
}
a,
a:hover,
a:active {
  text-decoration: none;
  color: #108cee;
}
/**
 * 内容区域
 */
.content-wrap {
  margin: 0;
  padding: 20px;
  background-color: #E3E8F7;
  position: relative;
  z-index: 2;
}
.content-wrap.with-sidebar {
  margin-left: 180px;
}
.breadcrumb {
  background: #FFF;
  margin: -20px -20px 0 -20px;
  padding-left: 22px;
  line-height: 51px;
}
.main-wrap-new .content-wrap {
  padding-top: 0;
}
.main-wrap-new .content-wrap .breadcrumb {
  background: none;
  margin: 0;
  padding: 0;
  line-height: 40px;
}
/**
 * 表格容器
 */
.table-wrap {
  margin: 20px 0;
}
.table-wrap .ui-row {
  margin: 20px 0;
}
.table-wrap .ui-row .skin-refresh-button {
  float: right;
}
.table-wrap .select-item-checkbox {
  margin-left: 17px;
}
/**
 * 列表页面
 */
.list-content {
  background: #FFF;
  padding: 0 20px;
  border: 1px solid #DCE4EA;
  margin: 20px 0 0;
  *zoom: 1;
  -moz-border-radius: ;
  -webkit-border-radius: ;
  border-radius: ;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  /**
     * 筛选区
     */
  /**
     * 操作区
     */
}
.list-content:before,
.list-content:after {
  display: table;
  content: "";
}
.list-content:after {
  clear: both;
}
.list-content:before,
.list-content:after {
  display: table;
  content: "";
}
.list-content:after {
  clear: both;
}
.list-content:before,
.list-content:after {
  display: table;
  content: "";
}
.list-content:after {
  clear: both;
}
.list-content:before,
.list-content:after {
  display: table;
  content: "";
}
.list-content:after {
  clear: both;
}
.list-content h2 {
  font-weight: normal;
  line-height: 60px;
  border-bottom: 1px solid #E5E5E5;
  margin: 0 -20px 0 -20px;
  padding-left: 20px;
}
.list-content .filter-wrap {
  margin-bottom: 10px;
}
.list-content .filter-wrap .ui-search-group .ui-select,
.list-content .filter-wrap .ui-search-group .ui-selectex,
.list-content .filter-wrap .ui-search-group .ui-multiselect {
  width: 120px;
}
.list-content .filter-wrap .ui-button {
  vertical-align: bottom;
}
.list-content .filter-wrap .quick-search-wrap {
  margin-left: 20px;
}
.list-content .operation-wrap {
  background: #F5F5F5;
  border: 1px solid #E5E5E5;
  border-bottom-width: 0;
  padding: 10px;
  position: relative;
  z-index: 100;
}
.list-content .operation-wrap .buttons-quick-wrap {
  position: absolute;
  right: 10px;
  top: 10px;
  height: 30px;
}
.main-wrap-new .operation-wrap {
  padding: 10px 20px;
  background-color: #FFF;
  position: relative;
  z-index: 100;
}
.main-wrap-new .operation-wrap .ui-button,
.main-wrap-new .operation-wrap label {
  vertical-align: middle;
}
.main-wrap-new .operation-wrap .buttons-quick-wrap {
  position: absolute;
  height: 30px;
  top: 10px;
  right: 20px;
}
.main-wrap-new .operation-wrap .buttons-quick-wrap .ui-search-group {
  margin-right: 5px;
  vertical-align: top;
}
.main-wrap-new .operation-wrap .buttons-quick-wrap .ui-search-group .ui-textbox,
.main-wrap-new .operation-wrap .buttons-quick-wrap .ui-search-group button {
  vertical-align: top;
}
.main-wrap-new .table-full-wrap {
  margin: 0 0 20px;
}
.main-wrap-new .table-full-wrap .ui-row {
  color: #111;
  margin: 20px;
  *zoom: 1;
}
.main-wrap-new .table-full-wrap .ui-row:before,
.main-wrap-new .table-full-wrap .ui-row:after {
  display: table;
  content: "";
}
.main-wrap-new .table-full-wrap .ui-row:after {
  clear: both;
}
.main-wrap-new .table-full-wrap .ui-row:before,
.main-wrap-new .table-full-wrap .ui-row:after {
  display: table;
  content: "";
}
.main-wrap-new .table-full-wrap .ui-row:after {
  clear: both;
}
.main-wrap-new .table-full-wrap .ui-row:before,
.main-wrap-new .table-full-wrap .ui-row:after {
  display: table;
  content: "";
}
.main-wrap-new .table-full-wrap .ui-row:after {
  clear: both;
}
.main-wrap-new .table-full-wrap .ui-row:before,
.main-wrap-new .table-full-wrap .ui-row:after {
  display: table;
  content: "";
}
.main-wrap-new .table-full-wrap .ui-row:after {
  clear: both;
}
.main-wrap-new .table-full-wrap .ui-row .skin-refresh-button {
  float: right;
}
.main-wrap-new .table-full-wrap .ui-row:first-child {
  margin: 10px 20px;
}
.main-wrap-new .table-full-wrap .list-more-btn {
  display: block;
  margin: 0 auto;
  margin-top: 10px;
}
.main-wrap-new .list-content {
  margin: 0;
  border: none;
  padding-bottom: 20px;
}
.main-wrap-new .list-content h2 {
  line-height: 55px;
  border-bottom: 1px solid #E8EBEE;
}
.main-wrap-new .list-content .operation-wrap {
  border: none;
}
/**
 * 详情页面
 */
.detail-content {
  background-color: #FFF;
  margin-top: 20px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  overflow: hidden;
}
.detail-content .ui-tab-content {
  padding: 20px;
}
.detail-content .detail-parts {
  padding: 0 20px;
}
.detail-content .detail-part {
  border-bottom: 1px solid #E5E5E5;
  padding: 10px 0;
}
.detail-content .detail-part > dt {
  float: left;
  font-size: 16px;
  color: #999;
  width: 140px;
  line-height: 30px;
}
.detail-content .detail-part:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
.detail-content .detail-row {
  margin-left: 160px;
  line-height: 30px;
}
.detail-content .detail-row > label {
  color: #666;
  *zoom: 1;
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: 100px;
}
.detail-content .detail-row > span {
  word-break: break-all;
}
.main-wrap-new .instance-info + .detail-content {
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topleft: 0;
  border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  -moz-border-radius-topright: 0;
  border-top-right-radius: 0;
}
.main-wrap-new .detail-content {
  margin-top: 0;
}
.main-wrap-new .detail-content .ui-tab-content {
  padding: 20px;
}
.main-wrap-new .detail-content .ui-tab-content > .ui-row:first-child {
  margin: 0 0 10px;
}
.main-wrap-new .detail-content .ui-tab-content > .detail-parts-table {
  padding: 0 10px;
}
.main-wrap-new .detail-content .ui-tab-content > .table-wrap:first-child {
  margin-top: 0;
}
.main-wrap-new .detail-content .ui-tab-content > .table-wrap:first-child .ui-row:first-child {
  margin-top: 0;
}
.main-wrap-new .detail-content .ui-tab-content > .table-full-wrap:first-child {
  margin-top: -20px;
}
.main-wrap-new .detail-parts-table .detail-part-1-col,
.main-wrap-new .detail-parts-table .detail-part-2-col {
  margin: 0 0 30px 0;
}
.main-wrap-new .detail-parts-table .detail-part-1-col > dl > dt h4,
.main-wrap-new .detail-parts-table .detail-part-2-col > dl > dt h4 {
  height: 34px;
  line-height: 34px;
}
/*
 * 含列表的详情页 适用另外的规范
 */
.detail-parts-table {
  padding: 0 20px;
}
.detail-parts-table .detail-part-1-col,
.detail-parts-table .detail-part-2-col {
  margin: 0 0 40px 0;
}
.detail-parts-table .detail-part-1-col > dt h4,
.detail-parts-table .detail-part-2-col > dl > dt h4 {
  *zoom: 1;
  display: inline-block;
  *display: inline;
  zoom: 1;
  color: #333;
  font-size: 16px;
  margin: 8px 0;
  border-left: solid 4px #108CEE;
  padding-left: 14px;
}
.detail-parts-table .detail-part-1-col > dd,
.detail-parts-table .detail-part-2-col > dl > dd {
  display: table;
  /*
             * 保证表格各列宽度等分，如需自己控制覆盖这个样式即可
             */
  table-layout: fixed;
  width: 100%;
  margin: 10px 0 0 0;
  line-height: 24px;
}
.detail-parts-table .detail-part-1-col .detail-row > label,
.detail-parts-table .detail-part-2-col > dl .detail-row > label,
.detail-parts-table .detail-part-1-col .detail-cell > label,
.detail-parts-table .detail-part-2-col > dl .detail-cell > label {
  width: auto;
  display: inline-block;
  color: #999;
}
.detail-parts-table .detail-part-1-col .detail-row,
.detail-parts-table .detail-part-2-col > dl .detail-row {
  display: table-row;
  height: 24px;
}
.detail-parts-table .detail-part-1-col .detail-cell,
.detail-parts-table .detail-part-2-col > dl .detail-cell {
  display: table-cell;
  height: 24px;
  padding: 0 30px 0 0;
}
.detail-parts-table .detail-part-2-col {
  overflow: hidden;
}
.detail-parts-table .detail-part-2-col > dl {
  float: left;
  width: 50%;
  box-sizing: border-box;
}
.detail-parts-table .detail-part-2-col > dl:first-of-type {
  padding-right: 25px;
}
.detail-parts-table .detail-part-2-col > dl:last-of-type {
  padding-left: 25px;
}
.detail-parts-table .detail-1-line-text {
  overflow: hidden;
  /*
         * 业务必须定义该元素padding:0 rt-width 0 lt-width
         */
  padding: 0 0 0 0;
}
.detail-parts-table .detail-1-line-text .detail-1-line-lt {
  /*
             * 业务必须定义该元素宽度和margin-left(lt-width)
             */
  float: left;
}
.detail-parts-table .detail-1-line-text .detail-1-line-rt {
  /*
             * 业务必须定义该元素宽度和margin-left(rt-width)
             */
  float: right;
  margin-top: -24px;
}
.detail-parts-table .detail-1-line-text .detail-1-line-ct {
  display: block;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/**
 * 表单页面
 */
.form-block,
.form-segment {
  border: 1px solid #E5E5E5;
}
.form-block .form-body,
.form-segment .form-body {
  padding: 10px;
}
.form-block {
  margin-bottom: 10px;
}
.form-segment {
  border-bottom: none;
}
.form-segment:last-child,
.form-segment-last {
  border-bottom: 1px solid #E5E5E5;
}
.main-wrap-new .form-row {
  margin: 0 0 20px;
}
.form-row {
  *zoom: 1;
  margin: 0 0 30px;
}
.form-row:before,
.form-row:after {
  display: table;
  content: "";
}
.form-row:after {
  clear: both;
}
.form-row:before,
.form-row:after {
  display: table;
  content: "";
}
.form-row:after {
  clear: both;
}
.form-row:before,
.form-row:after {
  display: table;
  content: "";
}
.form-row:after {
  clear: both;
}
.form-row:before,
.form-row:after {
  display: table;
  content: "";
}
.form-row:after {
  clear: both;
}
.form-row > label {
  float: left;
  *zoom: 1;
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: 100px;
  height: 30px;
  line-height: 30px;
  color: #666;
}
.form-row > label i {
  color: red;
}
.form-value {
  margin-left: 100px;
  padding: 0;
}
.form-value .form-row {
  padding: 0;
  margin-top: 8px;
}
.form-value .form-row:first-child {
  margin-top: 0;
}
/**
 * 购买页面
 */
.create-content {
  background-color: #FFF;
  margin-top: 20px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  overflow: hidden;
  position: relative;
}
.create-content .ui-viewstep {
  position: absolute;
  right: 20px;
  top: 17px;
}
.create-content span.ui-select,
.create-content span.ui-selectex,
.create-content span.ui-multiselect {
  *zoom: 1;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
}
.create-content .create-parts {
  padding: 0 20px;
}
.create-content .create-part {
  border-bottom: 1px solid #E5E5E5;
  padding: 30px 0 0 0;
}
.create-content .create-part > dt {
  float: left;
  font-size: 16px;
  color: #999;
  width: 140px;
  height: 30px;
  line-height: 30px;
}
.create-content .create-part:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
.create-content .form-row {
  margin-left: 160px;
}
.main-wrap-new .create-content {
  margin-top: 0;
}
.main-wrap-new .create-content .ui-tab-navigator > h1 {
  line-height: 55px;
  padding: 0 20px;
  color: #333;
  font-size: 16px;
  background-color: transparent;
}
.main-wrap-new .create-content .ui-viewstep {
  top: 15px;
}
/**
 * 结构调整后的购买页面
 * 原购买页样式相关先不删除，直到所有模块升级完再删
 */
.create-main {
  position: relative;
}
.create-main .red {
  color: #eb5252 !important;
}
.create-main .detail-parts-table {
  padding: 20px 20px 20px 40px;
  margin: 0 314px 0 0;
  min-height: 300px;
}
.create-main .detail-parts-table .detail-create .ui-radioselect {
  vertical-align: middle;
}
.create-main .detail-parts-table .detail-create > dd {
  margin: 30px 0 0 0;
}
.create-main .detail-parts-table .detail-create > dd:first-of-type {
  margin: 40px 0 0 0;
}
.create-main .detail-parts-table .detail-create > dd > label {
  height: 30px;
  line-height: 30px;
  float: left;
  width: 100px;
  color: #999;
}
.create-main .detail-parts-table .detail-create > dd > div {
  margin: 0 0 0 100px;
}
.create-main .detail-parts-table .nowrap-text {
  vertical-align: middle;
  width: 80%;
}
.main-wrap-new .create-main .detail-parts-table {
  padding: 20px;
  margin-right: 320px;
}
.main-wrap-new .create-main .detail-parts-table .detail-create > dd {
  margin: 20px 0 0 0;
}
.main-wrap-new .create-main .detail-parts-table .detail-create > dd > label {
  color: #666;
}
.main-wrap-new .create-main .detail-parts-table .detail-create > dd:first-of-type {
  margin: 20px 0 0 0;
}
.float-right {
  float: right;
}
.float-left {
  float: left;
}
.bce-row {
  *zoom: 1;
  margin-bottom: 20px;
}
.bce-row:before,
.bce-row:after {
  display: table;
  content: "";
}
.bce-row:after {
  clear: both;
}
.bce-row:before,
.bce-row:after {
  display: table;
  content: "";
}
.bce-row:after {
  clear: both;
}
.bce-row:before,
.bce-row:after {
  display: table;
  content: "";
}
.bce-row:after {
  clear: both;
}
.bce-row:before,
.bce-row:after {
  display: table;
  content: "";
}
.bce-row:after {
  clear: both;
}
.bce-row .col-2,
.bce-row .col-3,
.bce-row .col-4,
.bce-row .col-6 {
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  padding: 0 30px 0 0;
  margin-bottom: 0;
  border: none;
}
.bce-row .col-2 {
  width: 16.66%;
}
.bce-row .col-3 {
  width: 25%;
}
.bce-row .col-4 {
  width: 33%;
}
.bce-row .col-6 {
  width: 50%;
}
/**
 * page - 页面面包屑样式
 *
 * @file breadcrumb.less
 * @author mudio(job.mudio@gmail.com)
 */
.page-breadcrumb-wrapper {
  height: 50px;
  background: #F6F7FB;
  color: #333;
  margin-bottom: 20px;
  position: relative;
}
.page-breadcrumb-wrapper .back-wrapper {
  position: absolute;
  left: 20px;
  top: 15px;
}
.page-breadcrumb-wrapper .back-wrapper a {
  font-size: 14px;
  color: #333;
}
.page-breadcrumb-wrapper .back-wrapper .icon-downarrow {
  font-size: 12px;
  margin-right: 20px;
}
.page-breadcrumb-wrapper .back-wrapper .icon-downarrow:before {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  position: absolute;
}
.page-breadcrumb-wrapper .text-wrapper {
  line-height: 50px;
  text-align: center;
  font-size: 16px;
}
.page-breadcrumb-wrapper .ui-viewstep {
  position: absolute;
  top: 12px;
  right: 20px;
}
.main-wrap-new .operation-wrap .buttons-quick-wrap .ui-search-group {
  vertical-align: middle;
}
.main-wrap-new .operation-wrap .buttons-quick-wrap .ui-search-group button,
.main-wrap-new .operation-wrap .buttons-quick-wrap .ui-search-group .ui-textbox {
  vertical-align: middle;
}
.skin-child-action-dialog-body-panel {
  padding: 10px 20px 0;
}
.ui-dialog .main-wrap-new .san-page {
  padding: 0;
}
.main-wrap-new .san-page .operation-wrap {
  overflow: hidden;
}
.ui-dialog .main-wrap-new .san-page .operation-wrap {
  padding: 10px 0;
}
.main-wrap-new .san-page .operation-wrap .buttons-wrap {
  float: left;
}
.main-wrap-new .san-page .operation-wrap .buttons-quick-wrap {
  position: static;
  float: right;
}
.main-wrap-new .san-page .ui-pager {
  float: right;
  margin: 20px;
}
.ui-dialog .main-wrap-new .san-page .ui-pager {
  margin: 20px 0 0 0;
}
.san-page .create-main .ui-form {
  padding-top: 20px;
  font-size: 12px;
}
.skin-child-action-dialog-body-panel .san-page .create-main .ui-form {
  margin-bottom: 20px;
}
.skin-child-action-dialog-body-panel .san-page .create-main .form-row {
  margin-left: 10px;
}
.san-page .create-main .form-value .tip {
  color: #999;
}
.list-content,
.create-content,
.detail-content {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.create-content-wrapper {
  background-color: transparent;
}
.create-content-wrapper .ui-buybucket {
  width: 280px;
  right: 0;
  background: #FFF;
}
.create-content-wrapper .ui-buybucket .ui-buybucket-bottom {
  margin: 0;
}
.create-content-wrapper .ui-buybucket .ui-buybucket-bottom .ui-button {
  height: 40px;
}
.create-content-wrapper .ui-buybucket .ui-buybucket-bottom.ui-buybucket-previous-true .ui-button {
  width: 140px;
}
.create-content-wrapper .ui-buybucket .ui-buybucket-bottom.ui-buybucket-previous-true .ui-button:last-child {
  float: right;
  width: 139px;
}
.create-content-wrapper .create-main .detail-parts-table {
  margin-right: 300px;
  background: #FFF;
}
.create-content-wrapper .create-main .detail-parts-table .detail-part-1-col,
.create-content-wrapper .create-main .detail-parts-table .detail-part-2-col {
  position: relative;
}
.create-content-wrapper .create-main .detail-parts-table .detail-part-1-col:after,
.create-content-wrapper .create-main .detail-parts-table .detail-part-2-col:after {
  position: absolute;
  bottom: -20px;
  right: -20px;
  left: -20px;
  content: '';
  border-bottom: 1px solid #E3E5EB;
  *zoom: 1;
  display: inline-block;
  *display: inline;
  zoom: 1;
}
.create-content-wrapper .create-main .detail-parts-table .detail-part-1-col:last-child,
.create-content-wrapper .create-main .detail-parts-table .detail-part-2-col:last-child {
  margin: 0;
}
.create-content-wrapper .create-main .detail-parts-table .detail-part-1-col:last-child:after,
.create-content-wrapper .create-main .detail-parts-table .detail-part-2-col:last-child:after {
  display: none;
}
.create-content-wrapper .detail-parts-table .detail-part-1-col,
.create-content-wrapper .detail-parts-table .detail-part-2-col {
  margin: 0 0 40px 0;
}
.create-content-wrapper .order-confirm-panel {
  padding: 0 20px 0 20px;
  background: #FFF;
  *zoom: 1;
}
.create-content-wrapper .order-confirm-panel:before,
.create-content-wrapper .order-confirm-panel:after {
  display: table;
  content: "";
}
.create-content-wrapper .order-confirm-panel:after {
  clear: both;
}
.create-content-wrapper .order-confirm-panel:before,
.create-content-wrapper .order-confirm-panel:after {
  display: table;
  content: "";
}
.create-content-wrapper .order-confirm-panel:after {
  clear: both;
}
.create-content-wrapper .order-confirm-panel:before,
.create-content-wrapper .order-confirm-panel:after {
  display: table;
  content: "";
}
.create-content-wrapper .order-confirm-panel:after {
  clear: both;
}
.create-content-wrapper .order-confirm-panel:before,
.create-content-wrapper .order-confirm-panel:after {
  display: table;
  content: "";
}
.create-content-wrapper .order-confirm-panel:after {
  clear: both;
}
/**
 * @file inf-ui/x/xui.less
 * @author leeight
 */
/**
 * @file san-xui/x/styles/xui/all.less
 * @author leeight
 */
/**
 * inf-style - var entry
 *
 * @file var.less
 * @author mudio(job.mudio@gmail.com)
 */
/**
 * esui variable
 * @file common/css/esui/variable.less
 */
/**
 * mixin - main entry
 *
 * @file mixin.less
 * @author mudio(job.mudio@gmail.com)
 */
/* *
 * mixin - iconfont
 *
 * @file iconfont.less
 * @author mudio(job.mudio@gmail.com)
 */
.icon-spin.iconfont {
  display: inline-block;
  -webkit-animation: icon-spin 2s infinite linear;
  animation: icon-spin 2s infinite linear;
}
.icon-pulse.iconfont {
  display: inline-block;
  -webkit-animation: icon-spin 1s infinite steps(8);
  animation: icon-spin 1s infinite steps(8);
}
.icon-rotate-90 {
  display: inline-block;
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.icon-rotate-180 {
  display: inline-block;
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.icon-rotate-270 {
  display: inline-block;
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.icon-flip-horizontal {
  display: inline-block;
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.icon-flip-vertical {
  display: inline-block;
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}
@-webkit-keyframes icon-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes icon-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
/* *
 * mixin - flexbox
 *
 * @file flex.less
 * @author mudio(job.mudio@gmail.com)
 */
/* *
 * usage - .flexbox('inline')
 */
/* *
 * usage - .flexbox()
 */
/* *
 * usage - .flex-flow(column, wrap)
 */
/* *
 * usage - .flex-auto()
 */
/* *
 * usage - .flex-shrink()
 */
/* *
 * usage - .flex-grow()
 */
/* *
 * usage - .flex-basis(100)
 */
/* *
 * usage - .align-items()
 */
/* *
 * usage - .align-content()
 */
/* *
 * usage - .align-self()
 */
/* *
 * usage - .justify-content()
 */
/* *
 * usage - .justify-content()
 */
/**
 * esui - layout entry
 *
 * @file layout.less
 * @author mudio(job.mudio@gmail.com)
 */
.layout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
/* *
 * mixin - tooltip
 *
 * @file tooltip.less
 * @author mudio(job.mudio@gmail.com)
 */
[tip] {
  position: relative;
}
[tip]:after {
  width: auto;
  opacity: 0;
  z-index: 1;
  display: block;
  padding: 0 4px;
  line-height: 18px;
  position: absolute;
  visibility: hidden;
  pointer-events: none;
  color: #fff;
  font-size: 12px;
  content: attr(tip);
  background-color: rgba(18, 26, 44, 0.8);
  top: 50%;
  left: 100%;
  white-space: pre;
  -webkit-transition: all .3s;
  transition: all .3s;
  -webkit-transform: translate(-5px, -50%);
  transform: translate(-5px, -50%);
  box-shadow: 0 0 14px rgba(0, 0, 0, 0.1);
}
[tip]:hover {
  overflow: visible;
}
[tip]:hover:after {
  opacity: 0.8;
  display: block;
  visibility: visible;
  -webkit-transform: translate(5px, -50%);
  transform: translate(5px, -50%);
}
[tip].tip-top:after,
[tip][tip-align="top"]:after {
  top: auto;
  left: 50%;
  bottom: 100%;
  -webkit-transform: translate(-50%, 5px);
  transform: translate(-50%, 5px);
}
[tip].tip-top:hover:after,
[tip][tip-align="top"]:hover:after {
  -webkit-transform: translate(-50%, -5px);
  transform: translate(-50%, -5px);
}
[tip].tip-bottom:after,
[tip][tip-align="bottom"]:after {
  top: 100%;
  left: 50%;
  bottom: auto;
  -webkit-transform: translate(-50%, -5px);
  transform: translate(-50%, -5px);
}
[tip].tip-bottom:hover:after,
[tip][tip-align="bottom"]:hover:after {
  -webkit-transform: translate(-50%, 5px);
  transform: translate(-50%, 5px);
}
[tip].tip-left:after,
[tip][tip-align="left"]:after {
  top: 50%;
  right: 100%;
  left: auto;
  bottom: auto;
  -webkit-transform: translate(5px, -50%);
  transform: translate(5px, -50%);
}
[tip].tip-left:hover:after,
[tip][tip-align="left"]:hover:after {
  -webkit-transform: translate(-5px, -50%);
  transform: translate(-5px, -50%);
}
[tip].tip-disable:after {
  visibility: hidden !important;
}
[tip=""]:after {
  visibility: hidden !important;
}
/* *
 * mixin - animate
 *
 * @file animate.less
 * @author mudio(job.mudio@gmail.com)
 */
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}
/**
 * mixin - helper
 *
 * @file helper.less
 * @author mudio(job.mudio@gmail.com)
 */
/**
 * @file san-xui/x/styles/xui/all.less
 * @author leeight
 */
/**
 * @file xui/BosUploader.less
 * @author leeight
 */
.ui-bos-uploader-list {
  width: 500px;
  margin-top: 10px;
}
.ui-bos-uploader-list table {
  width: 100%;
  border: 1px solid #ccc;
  border-collapse: collapse;
  table-layout: fixed;
}
.ui-bos-uploader-list th,
.ui-bos-uploader-list td {
  border: 1px solid #ccc;
  padding: 5px;
}
.ui-bos-uploader-list th {
  text-align: center;
  white-space: nowrap;
}
.ui-bos-uploader-list td > div {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ui-bos-uploader-col-name {
  width: 185px;
}
.ui-bos-uploader-col-size,
.ui-bos-uploader-col-status {
  width: 65px;
}
.ui-bos-uploader-col-progress {
  width: 55px;
}
.ui-bos-uploader-col-time {
  width: 30px;
}
.ui-bos-uploader-speed-info {
  display: inline-block;
}
.ui-bos-uploader-status {
  position: relative;
  font-size: 12px;
  line-height: 16px;
  font-style: normal;
}
.ui-bos-uploader-status:before {
  font-family: "iconfont";
  content: "\E632";
  font-size: inherit;
  position: relative;
  margin-right: 2px;
}
.ui-bos-uploader-status-pending {
  color: #999;
}
.ui-bos-uploader-status-uploading {
  color: #F4B329;
}
.ui-bos-uploader-status-upload-success {
  color: #2CB663;
}
.ui-bos-uploader-status-upload-error {
  color: #EB5252;
}
.ui-bos-uploader-error {
  color: #EB5252;
}
/**
 * @file xui/BoxGroup.less
 * @author leeight
 */
.ui-boxgroup-x label input {
  margin-right: 2px;
}
/**
 * @file xui/Breadcrumbs.less
 * @author leeight
 */
.ui-breadcrumbs {
  overflow: hidden;
  height: 40px;
  line-height: 40px;
  color: #666;
  margin-bottom: -20px;
}
.ui-breadcrumbs .ui-breadcrumbs-item {
  float: left;
}
.ui-breadcrumbs .ui-breadcrumbs-divider {
  padding: 0 5px;
}
/**
 * @file xui/BreadNav.less
 * @author qihai
 */
.ui-bread-nav {
  display: flex;
  align-items: center;
  font-size: 14px;
  height: 50px;
}
.ui-bread-nav-divider {
  padding: 0 9px;
  color: #ccc;
  font-size: 14px;
}
.ui-bread-nav-label:not(:last-of-type) {
  color: #108cee;
  cursor: pointer;
}
.ui-bread-nav-label:last-of-type {
  color: #000;
  font-weight: 600;
}
/**
 * @file xui/Button.less
 * @author leeight
 */
.ui-button-x {
  padding: 0 10px;
}
.ui-button-x ui-tip:first-child {
  *zoom: 1;
  display: inline-block;
  *display: inline;
  zoom: 1;
}
.ui-button-x .con-btn {
  *zoom: 1;
  display: inline-block;
  *display: inline;
  zoom: 1;
}
.ui-button-x > div:empty {
  display: none;
}
.ui-button-x .iconfont {
  font-size: 16px;
  margin: 0 2px;
}
.ui-button-with-label:not(.ui-button-large) .iconfont {
  font-size: 12px;
}
.ui-button-x .ui-button-label {
  display: inline-block;
}
.ui-button-x.ui-button-large {
  height: 40px;
  line-height: 40px;
  min-width: 72px;
  font-size: 14px;
}
.ui-button-x .ui-loading-x {
  vertical-align: middle;
  margin-right: 5px;
}
/**
 * @file xui/ButtonMenu.less
 * @author leeight
 */
.ui-button-menu {
  display: inline-block;
}
.ui-button-menu .iconfont {
  font-size: 12px;
  margin-left: 10px;
}
/**
 * @file xui/BuyBucket.less
 * @author leeight
 */
.ui-buybucket-x .ui-button {
  line-height: 38px;
}
.ui-buybucket-x .ui-buybucket-tip {
  color: #f18d36;
  padding: 0 18px;
  margin-top: -8px;
  padding-bottom: 12px;
}
/**
 * @file xui/Calendar.less
 * @author leeight
 */
.ui-calendar-xx {
  display: inline-block;
}
.ui-calendar-xx .ui-calendar-x {
  border-radius: 0;
}
.ui-calendar-x-disabled:hover,
.ui-calendar-x-disabled {
  color: #999999;
  background: #f6f7fb;
}
.ui-calendar-x-disabled .ui-calendar-arrow,
.ui-calendar-x-disabled .ui-calendar-arrow:after,
.ui-calendar-x-disabled .ui-calendar-text {
  color: #999999;
}
/**
 * @file xui/CheckBox.less
 * @author leeight
 */
.ui-radiobox-x,
.ui-checkbox-x {
  display: inline-block;
  vertical-align: middle;
}
.ui-radiobox-x input,
.ui-checkbox-x input {
  margin: 0;
}
.ui-radiobox-x label,
.ui-checkbox-x label {
  display: block;
  line-height: 1;
}
.ui-checkbox-x input[type="checkbox"]:indeterminate {
  background-color: #FFF;
  border: 1px solid #108cee;
}
.ui-checkbox-x input[type="checkbox"]:indeterminate:before {
  top: 2px;
  left: 2px;
  width: 8px;
  height: 8px;
  background-color: #108cee;
  content: '';
  position: absolute;
}
/*
.ui-radiobox-x input {
    width: 16px;
    height: 16px;
    border-radius: 8px;
}
.ui-radiobox-x input:before {
    width: 10px;
    height: 10px;
    border-radius: 5px;
}
*/
/**
 * @file xui/Clipboard.less
 * @author leeight
 */
.ui-clipboard-x {
  display: inline-block;
}
.ui-clipboard-x > .iconfont {
  font-size: 12px;
  color: #108cee;
  cursor: pointer;
}
/**
 * @file xui/Dialog.less
 * @author leeight
 */
.ui-dialog-x {
  left: 50%;
  transform: translateX(-50%);
  -webkit-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.2);
  border-radius: 0;
}
.ui-dialog-x .ui-dialog-title {
  padding: 0 20px;
  color: #333;
}
.ui-dialog-x .ui-dialog-close-icon {
  font-size: 16px;
  color: #999;
}
.ui-dialog-x .ui-dialog-foot-panel {
  border-top-color: #eceff8;
  padding: 15px 0;
  margin: 0 30px;
}
.ui-dialog-x .ui-dialog-foot-panel .ui-button-x {
  margin-right: 0;
  margin-left: 8px;
}
.ui-dialog-x .ui-dialog-body-panel {
  overflow-y: auto;
}
.ui-dialog-x .ui-dialog-body-panel .ui-dialog-text {
  color: #666;
}
.ui-dialog-mask-x {
  opacity: 0.3;
  background: #000;
}
/**
 * @file xui/Dragger.less
 * @author leeight
 */
.ui-dragger input[type="number"]::-webkit-inner-spin-button {
  display: none;
}
.ui-dragger .ui-textbox-addon {
  position: relative;
  top: -10px;
}
.ui-dragger-bar-selected,
.ui-dragger-control-bar {
  transition: all 0.2s ease-out;
}
.ui-dragger-bar-middle {
  left: 50%;
  transform: translateX(-50%);
}
.ui-dragger-disabled .ui-dragger-control-bar-horizontal:before {
  background: #f6f7fb !important;
}
.ui-dragger-x .ui-dragger-bar.ui-dragger-bar-horizontal {
  height: 12px;
}
.ui-dragger-x .ui-dragger-bar.ui-dragger-bar-horizontal .ui-dragger-bar-left,
.ui-dragger-x .ui-dragger-bar.ui-dragger-bar-horizontal .ui-dragger-bar-right,
.ui-dragger-x .ui-dragger-bar.ui-dragger-bar-horizontal .ui-dragger-bar-middle {
  height: 12px;
}
.ui-dragger-x .ui-textbox-addon-end {
  border: none;
  background: none;
}
/**
 * @file xui/FrozenColumnTable.less
 * @author leeight
 */
.ui-frozen-column-table .ui-table-hcell .ui-table-hcell-text {
  white-space: nowrap;
}
.ui-frozen-column-table-body {
  position: relative;
  overflow: auto;
  overflow-x: hidden;
}
.ui-frozen-column-table-cell-left {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
}
.ui-frozen-column-table-cell-left .ui-table-head th:last-child > .ui-table-hcell-text {
  border-right: 1px solid #fff;
}
.ui-frozen-column-table-cell-right {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 100;
}
.ui-frozen-column-table-cell-middle {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.ui-frozen-column-table-cell-middle > .ui-table-x {
  overflow-x: scroll;
  overflow-y: auto;
}
.ui-frozen-column-table-scroll-position-left .ui-frozen-column-table-cell-left {
  box-shadow: none;
}
.ui-frozen-column-table-scroll-position-right .ui-frozen-column-table-cell-right {
  box-shadow: none;
}
.ui-frozen-column-table-scroll-position-right .ui-frozen-column-table-cell-left,
.ui-frozen-column-table-scroll-position-middle .ui-frozen-column-table-cell-left {
  box-shadow: 6px 0 6px -4px rgba(0, 0, 0, 0.2);
}
.ui-frozen-column-table-scroll-position-left .ui-frozen-column-table-cell-right,
.ui-frozen-column-table-scroll-position-middle .ui-frozen-column-table-cell-right {
  box-shadow: -6px 0 6px -4px rgba(0, 0, 0, 0.2);
}
/**
 * @file xui/InfiniteScroll.less
 * @author leeight
 */
.ui-infinite-scroll {
  height: 300px;
  overflow: auto;
}
/**
 * @file xui/InstantEditor.less
 * @author leeight
 */
.ui-instanteditor-x {
  display: inline-block;
}
.ui-instanteditor-text {
  color: #108cee;
  cursor: pointer;
}
.ui-instanteditor-help {
  color: #999;
  padding: 3px 0;
}
.ui-instanteditor-input-field {
  margin-bottom: 10px;
}
.ui-instanteditor-error {
  color: #EB5252;
}
.ui-instanteditor-layer-x {
  background: #fff;
  border: 1px solid #C7C7C7;
  padding: 20px;
  -webkit-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.2);
  border-radius: 3px;
}
/**
 * @file xui/Loading.less
 * @author leeight
 */
@keyframes antSpinMove {
  to {
    opacity: 1;
  }
}
@keyframes antRotate {
  to {
    transform: rotate(405deg);
  }
}
.ui-loading-x,
.ui-drawer-loading:before {
  background: url(https://bce.bdstatic.com/console/dist/009bbae/dep/inf-style/0.0.0/img/process.gif) center center no-repeat;
  background-image: url(https://bce.bdstatic.com/console/dist/009bbae/dep/inf-style/0.0.0/img/process.svg), none;
  background-size: 100%;
  margin: 0 auto;
  display: inline-block;
}
.ui-loading-table-x {
  background-size: 100%;
  margin: 0 auto;
  display: inline-block;
}
.ui-loading-table-x .ui-loading-table-dot-spin {
  position: relative;
  display: inline-block;
  width: 32px;
  height: 32px;
  transform: rotate(45deg);
  animation: antRotate 1.2s infinite linear;
}
.ui-loading-table-x .ui-loading-table-dot-item {
  position: absolute;
  display: block;
  width: 14px;
  height: 14px;
  background-color: #108cee;
  border-radius: 100%;
  transform: scale(0.75);
  transform-origin: 50% 50%;
  opacity: 0.3;
  animation: antSpinMove 1s infinite linear alternate;
}
.ui-loading-table-x .ui-loading-table-dot-item:nth-child(1) {
  left: 0;
  top: 0;
}
.ui-loading-table-x .ui-loading-table-dot-item:nth-child(2) {
  right: 0;
  top: 0;
  animation-delay: 0.4s;
}
.ui-loading-table-x .ui-loading-table-dot-item:nth-child(3) {
  right: 0;
  bottom: 0;
  animation-delay: 0.8s;
}
.ui-loading-table-x .ui-loading-table-dot-item:nth-child(4) {
  left: 0;
  bottom: 0;
  animation-delay: 1.2s;
}
/**
 * @file xui/MonthView.less
 * @author leeight
 */
.ui-monthview-x .ui-select-x {
  min-width: 0;
  width: 100%;
}
.ui-monthview-x .ui-monthview-month-item-selected {
  border-radius: 0;
}
.ui-monthview-x .ui-monthview-shortcut .ui-button {
  display: block;
}
.ui-monthview-x .ui-monthview-time {
  text-align: center;
}
.ui-monthview-x .ui-monthview-time input[type="number"] {
  -moz-appearance: textfield;
}
.ui-monthview-x .ui-monthview-time input[type="number"]::-webkit-inner-spin-button {
  display: none;
}
/**
 * @file xui/Select.less
 * @author leeight
 */
.ui-select-x {
  display: inline-block;
  min-width: 100px;
  position: relative;
  overflow: visible;
}
.ui-select-container {
  background-color: #fff;
  -webkit-box-shadow: 2px 5px 8px rgba(0, 0, 0, 0.2);
  box-shadow: 2px 5px 8px rgba(0, 0, 0, 0.2);
  border-left: 1px solid #eaf6fe;
  border-right: 1px solid #eaf6fe;
  border-bottom: 1px solid #eaf6fe;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.ui-select-container .ui-textbox-input-area {
  margin: 10px;
}
.ui-select-layer {
  border-left: none;
  border-right: none;
  border-bottom: none;
}
.ui-select-layer.ui-select-layer-s {
  box-shadow: none;
}
.ui-select-x .ui-select-text {
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
  vertical-align: middle;
  height: 28px;
  position: relative;
  top: -2px;
}
.ui-select-layer-x {
  width: 200px;
  left: 0;
  position: relative;
}
.ui-select-layer-x .tooltipped:after {
  padding: 4px 10px;
}
.ui-select-layer-x > div::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
}
.ui-select-layer-x > div::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: #C1C1C1;
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}
.ui-select-layer-x .ui-textbox-x {
  padding: 10px;
}
.ui-textbox-x + .ui-select-item-all {
  margin-top: -10px;
}
.ui-select-item-all label input {
  margin-right: 8px;
}
.ui-select-item-multi label {
  display: block;
}
.ui-select-item-multi label input {
  margin-right: 8px;
}
.ui-select-item-multi span {
  display: inline-block;
  vertical-align: middle;
}
.ui-select-x-group > div {
  padding: 0 12px;
  height: 24px;
  line-height: 24px;
  color: #999;
}
.ui-select-x-group .ui-select-group-item {
  padding-left: 20px;
}
.ui-select-container input[type="checkbox"]:indeterminate {
  background-color: #FFF;
  border: 1px solid #108cee;
}
.ui-select-container input[type="checkbox"]:indeterminate:before {
  top: 2px;
  left: 2px;
  width: 8px;
  height: 8px;
  background-color: #108cee;
  content: '';
  position: absolute;
}
.ui-select-clear {
  position: absolute;
  right: 35px;
  font-size: 12px;
}
.ui-select-disabled,
.ui-select-read-only,
.ui-selectex-disabled,
.ui-selectex-read-only {
  border: 1px solid #ccc;
  background: #f6f7fb;
}
.ui-select-disabled:hover,
.ui-select-read-only:hover,
.ui-selectex-disabled:hover,
.ui-selectex-read-only:hover {
  background: #f6f7fb;
}
/**
 * @file xui/MultiPicker.less
 * @author leeight
 */
.ui-select-multipicker-layer {
  white-space: nowrap;
  overflow-y: hidden;
  overflow-x: hidden;
  display: flex;
  position: absolute;
}
.ui-select-multipicker-layer > .ui-select-multipicker-column {
  min-width: 100px;
  vertical-align: top;
  border-left: 1px solid #eee;
  max-height: 156px;
  overflow-y: auto;
  overflow-x: hidden;
}
.ui-select-multipicker-layer > .ui-select-multipicker-column::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 3px;
}
.ui-select-multipicker-layer > .ui-select-multipicker-column::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}
.ui-select-multipicker-layer > .ui-select-multipicker-column:first-child {
  border-left: none;
}
.ui-select-multipicker-layer .ui-select-item,
.ui-select-multipicker-layer .ui-selectex-item {
  position: relative;
}
.ui-select-multipicker-layer .ui-select-item span,
.ui-select-multipicker-layer .ui-selectex-item span {
  padding-right: 15px;
}
.ui-select-multipicker-layer .ui-select-item-disabled {
  background-color: #fff !important;
}
.ui-select-multipicker-layer .ui-select-item-selected {
  color: #108cee;
}
.ui-select-multipicker-layer .ui-select-item-selected .iconfont {
  color: #108cee;
}
.ui-select-multipicker-layer .ui-loading-x {
  font-size: inherit;
  position: absolute;
  display: inline-block;
  top: 7px;
  right: 5px;
  color: #ccc;
}
.ui-select-multipicker-layer .iconfont {
  font-size: inherit;
  position: absolute;
  right: 5px;
  color: #ccc;
}
.ui-select-multipicker-layer .icon-color-error {
  color: #EB5252;
}
/**
 * @file xui/NumberTextline.less
 * @author leeight
 */
.ui-numbertextline-x .ui-textbox-x {
  margin: 0 -3px;
}
.ui-numbertextline-x .ui-textbox-x input[type="number"] {
  -moz-appearance: textfield;
}
.ui-numbertextline-x .ui-textbox-x input[type="number"]::-webkit-inner-spin-button {
  display: none;
}
.ui-numbertextline-x .ui-button-x {
  width: 30px;
  height: 30px;
}
.ui-numbertextline-x .ui-button-x .iconfont {
  font-size: 12px;
}
/**
 * @file xui/Pager.less
 * @author leeight
 */
.ui-pager-x .ui-pager-item {
  background: none;
  border: none;
  color: #666;
}
.ui-pager-x .ui-pager-item-current {
  background: #108cee;
  color: #fff;
}
.ui-pager-x .ui-pager-item-extend,
.ui-pager-x .ui-pager-item-extend-disabled {
  font-size: 18px;
}
/**
 * @file xui/Progress.less
 * @author leeight
 */
.ui-viewprogress-x {
  height: 12px;
  line-height: 1;
}
.ui-viewprogress-x .inner {
  background: #108cee;
}
.ui-viewprogress-x .percent {
  top: 0;
}
/**
 * @file xui/RadioSelect.js
 * @author leeight
 */
.ui-radioselect-x {
  overflow: visible;
  display: inline-block;
  vertical-align: middle;
  height: auto;
  margin-bottom: -1px;
}
.ui-radioselect-x .ui-radio-block {
  position: relative;
  min-width: 28px;
  height: auto;
  display: inline-block;
  float: none;
  vertical-align: top;
  margin-bottom: 1px;
}
.ui-radioselect-x .ui-radio-disabled {
  background-color: #f6f7fb !important;
}
.ui-radioselect-x .ui-radio-item-hover {
  display: none;
  position: absolute;
  top: 30px;
  white-space: nowrap;
}
/**
 * @file xui/RangeCalendar.less
 * @author leeight
 */
.ui-rangecalendar-x {
  border-radius: 0;
}
/**
 * @file xui/Region.less
 * @author leeight
 */
.ui-region-x {
  width: auto;
  display: inline-block;
  vertical-align: middle;
  border: none;
}
/**
 * @file xui/SMSCodeBox.less
 * @author leeight
 */
.ui-smscode input[type="number"]::-webkit-inner-spin-button {
  display: none;
}
/**
 * @file xui/SearchBox.less
 * @author leeight
 */
.ui-searchbox-x {
  display: inline-block;
  border: 1px solid #ccc;
}
.ui-searchbox-x .ui-select-x {
  background: #f6f7fb;
  color: #333;
}
.ui-searchbox-x-active {
  border-color: #108cee;
}
.ui-searchbox-x-active .ui-select-x {
  background: #eaf6fe;
  color: #108cee;
}
.ui-searchbox-x .ui-select-x,
.ui-searchbox-x .ui-textbox-x {
  margin-right: -4px;
  border: none;
}
.ui-searchbox-x .ui-button-x {
  background: #fff;
  color: #999;
  padding: 0 6px;
}
.ui-searchbox-x .ui-button-x-disabled {
  background: #f7f7f7;
}
.ui-searchbox-x-active .ui-button-x {
  background: #f8fbfe;
}
.ui-searchbox-x .ui-button-x,
.ui-searchbox-x .ui-select-x {
  height: 28px;
  line-height: 28px;
}
.ui-searchbox-x .ui-textbox-x input {
  border-color: transparent !important;
  border: none;
}
.ui-searchbox-nobtn .ui-textbox-x {
  position: relative;
  margin-right: 0;
}
.ui-searchbox-nobtn .ui-textbox-x input {
  padding-right: 20px;
}
.ui-searchbox-nobtn .ui-textbox-x:after {
  font-family: iconfont!important;
  font-style: normal;
  font-size: 12px;
  color: #999;
  content: "\E601";
  position: absolute;
  right: 7px;
  top: 7px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/**
 * @file xui/SyntaxHighlighter.less
 * @author leeight
 */
.ui-hljs {
  font-family: monospace;
}
/**
 * @file xui/Tab.less
 * @author leeight
 */
.ui-tab-x .ui-tab-navigator .ui-tab-item {
  line-height: 50px;
  color: #666;
}
.ui-tab-x .ui-tab-navigator .ui-tab-item-active {
  background-color: #fff;
  color: #108cee;
}
.ui-tab-x .ui-tab-navigator .ui-tab-item-hide {
  display: none;
}
.ui-tab.skin-sub-tab .ui-tab-navigator,
.ui-tab.skin-card-tab .ui-tab-navigator {
  background-color: #eceff8;
}
.ui-tab.skin-card-tab .ui-tab-navigator .ui-tab-item-active {
  border-top: solid 1px #e2e5ec;
  line-height: 49px;
  border-bottom: none;
}
.ui-tab.skin-sub-tab .ui-tab-navigator {
  padding-left: 10px;
}
.ui-tab.skin-sub-tab .ui-tab-navigator .ui-tab-item-active {
  border-top: solid 4px #eceff8;
  line-height: 43px;
  border-bottom: none;
}
/**
 * @file xui/Table.less
 * @author leeight
 */
.ui-table-x {
  position: relative;
}
.ui-table-x.ui-table-state-loading .ui-table-body {
  -webkit-filter: blur(2px);
  -moz-filter: blur(2px);
  -ms-filter: blur(2px);
  filter: blur(2px);
}
.ui-table-x .ui-table-hcell-sel,
.ui-table-x .ui-table-cell-sel {
  width: 30px;
}
.ui-table-x .ui-table-hcell:last-child .ui-table-hcell-text {
  border-right: none;
}
.ui-table-x .ui-table-cell-text,
.ui-table-x .ui-table-body-nodata {
  padding: 10px;
}
.ui-table-x .ui-table-cell-text-ellipsis {
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ui-table-x .ui-table-hcell-text {
  border-right-color: #fff;
  font-size: 12px;
  padding: 0 10px;
}
.ui-table-x .ui-table-hcell-text .ui-table-hcell-text-content {
  display: inline-block;
}
.ui-table-x .ui-table-cell:first-child .ui-table-cell-text {
  padding: 10px 16px;
}
.ui-table-x .ui-table-cell:first-child .ui-table-cell-text ui-tip {
  display: block;
  width: 14px;
}
.ui-table-x .ui-table-hcell:first-child .ui-table-hcell-text {
  padding: 0 16px;
}
.ui-table-x .ui-table-hcell-sel .ui-table-hcell-text {
  border-right: none;
}
.ui-table-x .ui-table-hcell-sort:hover {
  cursor: pointer;
}
.ui-table-x .ui-table-row {
  border-bottom: 1px solid #eceff8;
}
.ui-table-x .ui-table-row:hover {
  background: #F5FBFF;
}
.ui-table-x .ui-table-row-hover {
  background: #F5FBFF;
}
.ui-table-x .ui-table-cell-editentry {
  background: none;
}
.ui-table-x .ui-table-cell-editentry .iconfont {
  font-size: 12px;
}
.ui-table-x .ui-table-row:hover .ui-table-cell-editentry,
.ui-table-x .ui-table-row-hover .ui-table-cell-editentry {
  display: inline-block;
}
.ui-table-x .ui-table-empty,
.ui-table-x .ui-table-error,
.ui-table-x .ui-table-loading {
  text-align: center;
  padding: 25px 0;
}
.ui-table-x .ui-table-loading {
  position: absolute;
  width: 100%;
  padding: 0;
  top: 50px;
}
.ui-table-x .ui-table-loading-bg {
  width: 100%;
  height: 19px;
}
.ui-table-x .ui-table-body {
  border-bottom: 1px solid #ECEFF8;
}
.ui-table-x .ui-table-filter-panel {
  display: inline-block;
  zoom: 1;
  color: #666;
  cursor: pointer;
  position: relative;
  padding-left: 5px;
  padding-right: 5px;
  text-align: center;
}
.ui-table-x .ui-table-filter-head {
  cursor: pointer;
  font-size: 12px;
}
.ui-table-subrow-label {
  display: inline-block;
  cursor: pointer;
  color: #108cee;
  font-size: 12px;
  transition: all 0.5s ease-out;
}
.ui-table-subrow-label.open {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}
.ui-table-subrow-label.close {
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
}
/**
 * @file xui/TableColumnToggle.less
 * @author leeight
 */
.ui-table-column-toggle {
  display: inline-block;
  vertical-align: middle;
}
/**
 * @file xui/TextBox.less
 * @author leeight
 */
.ui-textbox-x input {
  line-height: 1;
}
.ui-textbox-x textarea {
  line-height: 1.5;
}
.ui-textbox-addon {
  display: inline-block;
  font-size: 12px;
  vertical-align: middle;
  background-color: #e9ecef;
  border: 1px solid rgba(0, 0, 0, 0.15);
  height: 28px;
  line-height: 28px;
  padding: 0 5px;
  border-right: none;
}
.ui-textbox-addon-end {
  border-left: none;
  border-right: 1px solid rgba(0, 0, 0, 0.15);
}
.ui-textbox-input-area {
  display: inline-block;
  position: relative;
}
.ui-textbox-input-area .ui-textbox-limit {
  position: absolute;
  right: 10px;
  color: #999;
  font-size: 12px;
  line-height: 30px;
  bottom: 0px;
}
.ui-textbox-disabled input,
.ui-textbox-read-only input,
.ui-textbox-disabled textarea,
.ui-textbox-read-only textarea {
  background: #f6f7fb;
  border: 1px solid #ccc;
}
.ui-textbox-disabled input:hover,
.ui-textbox-read-only input:hover,
.ui-textbox-disabled textarea:hover,
.ui-textbox-read-only textarea:hover {
  border: 1px solid #ccc;
}
.ui-table-pager.ui-table-pager-x {
  display: flex;
}
.ui-table-pager.ui-table-pager-x .pager-size-container {
  height: 30px;
}
.ui-table-pager.ui-table-pager-x .pager-size-container div.page-size-label {
  display: inline-block;
  padding: 0 4px;
  line-height: 30px;
  color: #108cee;
}
.ui-table-pager.ui-table-pager-x .pager-size-container .ui-select.ui-select-x,
.ui-table-pager.ui-table-pager-x .pager-size-container .ui-selectex.ui-select-x,
.ui-table-pager.ui-table-pager-x .pager-size-container .ui-multiselect.ui-select-x {
  min-width: 66px;
}
.ui-table-pager.ui-table-pager-x .pager-no-container {
  height: 30px;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.ui-table-pager.ui-table-pager-x .pager-no-container.first-page .page-no-icon:first-of-type,
.ui-table-pager.ui-table-pager-x .pager-no-container.first-page .page-no-text:first-of-type,
.ui-table-pager.ui-table-pager-x .pager-no-container.last-page .page-no-icon:last-of-type,
.ui-table-pager.ui-table-pager-x .pager-no-container.last-page .page-no-text:last-of-type {
  cursor: not-allowed;
  color: #999;
}
.ui-table-pager.ui-table-pager-x .pager-no-container .page-no-icon,
.ui-table-pager.ui-table-pager-x .pager-no-container .page-no-text {
  font-size: 13px;
  color: #108cee;
}
.ui-table-pager.ui-table-pager-x .pager-no-container .page-no-icon {
  font-weight: 600;
}
.ui-table-pager.ui-table-pager-x .pager-no-container .page-no-icon,
.ui-table-pager.ui-table-pager-x .pager-no-container .page-no-label {
  height: 30px;
  width: 30px;
  font-size: 13px;
  text-align: center;
  line-height: 30px;
}
.ui-table-pager.ui-table-pager-x .pager-no-container .page-no-label.active {
  box-sizing: border-box;
  color: #108cee;
  border: 1px solid #108cee;
}
/**
 * @file xui/Tip.less
 * @author leeight
 */
.ui-tip-x {
  border-color: #999;
  color: #999 !important;
}
.ui-tip-x:hover {
  border-color: #108cee;
}
.ui-tiplayer-x {
  min-width: 100px;
  border-radius: 0;
  padding: 10px;
}
.ui-tip-warning:before {
  content: "\E7F9";
}
.ui-tip-warning:hover,
.ui-tip-warning:active {
  border: 1px solid #f18823;
  background: #f18823 !important;
}
/**
 * @file xui/Toast.less
 * @author leeight
 */
.ui-toast-container {
  position: fixed;
  z-index: 99999;
  top: 10px;
  left: 50%;
  transform: translateX(-50%);
}
.ui-toast-container .ui-toast-x {
  position: static;
  margin-bottom: 10px;
  height: auto;
  box-sizing: border-box;
}
.ui-toast-x {
  color: #000;
  font-size: 14px;
  max-width: 400px;
  height: auto;
  top: 0;
  right: 0;
  padding: 8px 10px;
}
.ui-toast-x.ui-toast-success {
  background: #f1fdeb;
  border: 1px solid #5fb333;
  color: #5fb333;
}
.ui-toast-x.ui-toast-info {
  background: #f7f7f7;
  border: 1px solid #999;
  color: #999;
}
.ui-toast-x.ui-toast-warning {
  background: #fcf7f1;
  border: 1px solid #f38900;
  color: #f38900;
}
.ui-toast-x.ui-toast-error {
  background: #fff5f4;
  color: #ea2e2e;
  border: 1px solid #ea2e2e;
}
/**
 * @file xui/ToastLabel.js
 * @author leeight
 */
.ui-toastlabel-x .ui-toastlabel-content {
  position: relative;
  padding: 8px 15px;
  display: inline-block;
}
.ui-toastlabel-x .ui-toastlabel-content .icon-delete {
  cursor: pointer;
  color: #999;
  position: absolute;
  right: 5px;
  top: 8px;
}
/**
 * @file xui/Tooltipped.less
 * @author leeight
 */
.tooltipped {
  position: relative;
  overflow: visible;
}
.tooltipped::after {
  position: absolute;
  z-index: 1000000;
  display: none;
  padding: 16px;
  font: normal normal 11px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  -webkit-font-smoothing: subpixel-antialiased;
  color: #333;
  font-size: 12px;
  text-align: center;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: break-word;
  white-space: pre;
  pointer-events: none;
  content: attr(aria-label);
  background: #fff;
  border: solid 1px #ccc;
  box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.2);
  opacity: 0;
}
.tooltipped::before {
  position: absolute;
  z-index: 1000001;
  display: none;
  width: 0;
  height: 0;
  color: #fff;
  pointer-events: none;
  content: "";
  border: 5.657px solid transparent;
  border-top-color: #fff;
  border-right-color: #fff;
  box-shadow: 1px -1px 0px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 1px -1px 0px rgba(0, 0, 0, 0.2);
  opacity: 0;
}
@-webkit-keyframes tooltip-appear {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes tooltip-appear {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.tooltipped:hover::before,
.tooltipped:hover::after,
.tooltipped:active::before,
.tooltipped:active::after,
.tooltipped:focus::before,
.tooltipped:focus::after {
  display: inline-block;
  text-decoration: none;
  -webkit-animation-name: tooltip-appear;
  animation-name: tooltip-appear;
  -webkit-animation-duration: 0.1s;
  animation-duration: 0.1s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}
.tooltipped-no-delay:hover::before,
.tooltipped-no-delay:hover::after,
.tooltipped-no-delay:active::before,
.tooltipped-no-delay:active::after,
.tooltipped-no-delay:focus::before,
.tooltipped-no-delay:focus::after {
  opacity: 1;
  -webkit-animation: none;
  animation: none;
}
.tooltipped-multiline:hover::after,
.tooltipped-multiline:active::after,
.tooltipped-multiline:focus::after {
  display: table-cell;
}
.tooltipped-s::after,
.tooltipped-se::after,
.tooltipped-sw::after {
  top: 100%;
  right: 50%;
  margin-top: 9px;
}
.tooltipped-s::before,
.tooltipped-se::before,
.tooltipped-sw::before {
  top: auto;
  right: 50%;
  bottom: -16px;
  margin-right: -5.657px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
.tooltipped-se::after {
  right: auto;
  left: 50%;
  margin-left: -15px;
}
.tooltipped-sw::after {
  margin-right: -15px;
}
.tooltipped-n::after,
.tooltipped-ne::after,
.tooltipped-nw::after {
  right: 50%;
  bottom: 100%;
  margin-bottom: 9px;
}
.tooltipped-n::before,
.tooltipped-ne::before,
.tooltipped-nw::before {
  top: -16px;
  right: 50%;
  bottom: auto;
  margin-right: -5.657px;
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}
.tooltipped-ne::after {
  right: auto;
  left: 50%;
  margin-left: -15px;
}
.tooltipped-nw::after {
  margin-right: -15px;
}
.tooltipped-s::after,
.tooltipped-n::after {
  -webkit-transform: translateX(50%);
  transform: translateX(50%);
}
.tooltipped-w::after {
  right: 100%;
  bottom: 50%;
  margin-right: 9px;
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
}
.tooltipped-w::before {
  top: 50%;
  bottom: 50%;
  left: -16px;
  margin-top: -5.657px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
.tooltipped-e::after {
  bottom: 50%;
  left: 100%;
  margin-left: 8px;
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
}
.tooltipped-e::before {
  top: 50%;
  right: -16px;
  bottom: 50%;
  margin-top: -5.657px;
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}
.tooltipped-multiline::after {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: 250px;
  word-wrap: break-word;
  white-space: pre-line;
  border-collapse: separate;
}
.tooltipped-multiline.tooltipped-s::after,
.tooltipped-multiline.tooltipped-n::after {
  right: auto;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.tooltipped-multiline.tooltipped-w::after,
.tooltipped-multiline.tooltipped-e::after {
  right: 100%;
}
.tooltipped-sticky::before,
.tooltipped-sticky::after {
  display: inline-block;
}
.tooltipped-sticky.tooltipped-multiline::after {
  display: table-cell;
}
/**
 * @file xui/Tree.less
 * @author zhangzhe(zhangzhe@baidu.com)
 */
.ui-tree-x li {
  margin-left: 1.5em;
}
.ui-tree-x .ui-tree-node-indicator-empty {
  display: none;
}
.ui-tree-x.ui-tree-skin-arrow .ui-tree-node-indicator,
.ui-tree-x.ui-tree-skin-folder .ui-tree-node-indicator {
  font-family: "iconfont" !important;
  background: none;
  font-style: normal;
  font-size: 12px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-indent: 0;
}
.ui-tree-x.ui-tree-skin-arrow .ui-tree-node-indicator:before,
.ui-tree-x.ui-tree-skin-folder .ui-tree-node-indicator:before {
  line-height: 14px;
  width: 100%;
  display: block;
  color: #999;
}
.ui-tree-x.ui-tree-skin-arrow .ui-tree-node-indicator-expanded:before {
  content: "\E605";
}
.ui-tree-x.ui-tree-skin-arrow .ui-tree-node-indicator-collapsed:before {
  content: "\E63B";
}
.ui-tree-x.ui-tree-skin-folder .ui-tree-node-indicator-empty {
  display: block;
}
.ui-tree-x.ui-tree-skin-folder .ui-tree-node-indicator-empty:before {
  content: "\E765";
}
.ui-tree-x.ui-tree-skin-folder .ui-tree-node-indicator-expanded:before {
  color: #FBDCB9;
  content: "\E81B";
}
.ui-tree-x.ui-tree-skin-folder .ui-tree-node-indicator-collapsed:before {
  color: #FBDCB9;
  content: "\E81B";
}
.ui-tree-x .ui-tree-item-content .ui-checkbox label {
  cursor: pointer;
}
.ui-tree-x .ui-tree-high-light > .ui-tree-content-wrapper {
  background-color: #EAF6FE;
}
.ui-tree-x .ui-tree-content-wrapper:hover {
  background-color: #EAF6FE;
}
.ui-tree-x .ui-tree-content-wrapper:hover .ui-tree-edit-content {
  display: inline-block;
}
.ui-tree-x .ui-tree-root-empty.ui-tree-node-active .ui-tree-content-wrapper {
  border-left: 2px solid #108cee;
  background-color: #f6f7fb;
  padding-left: 13px;
}
.ui-tree-x .ui-tree-root-empty.ui-tree-node-active .ui-tree-content-wrapper:hover {
  background-color: #f6f7fb;
}
.ui-tree-x .ui-tree-item-content {
  display: inline-block;
  vertical-align: middle;
}
.ui-tree-x .ui-tree-edit-content {
  margin-left: 10px;
  display: none;
  vertical-align: middle;
}
.ui-tree-x .ui-tree-edit-content a {
  margin-right: 2px;
}
.ui-tree-x .ui-tree-edit-content .iconfont {
  font-size: 12px;
}
/**
 * @file xui/UserPicker.less
 * @author leeight
 */
.ui-userpicker-x {
  border: 1px solid #cccccc;
  min-height: 28px;
  padding: 0 5px;
  width: 250px;
}
.ui-userpicker-x .ui-textbox-x input {
  border: none;
  width: 75px;
  height: 22px;
  padding: 0;
}
.ui-userpicker-x .ui-textbox-x input:focus {
  background-color: #fff;
}
.ui-userpicker-x .ui-userpicker-preview {
  padding-top: 3px;
}
.ui-userpicker-x .ui-userpicker-preview .ui-textbox-x {
  top: -2px;
}
.ui-userpicker-x .ui-userpicker-preview-item {
  display: inline-block;
  vertical-align: middle;
  color: #108cee;
  background-color: #eaf6fe;
  padding: 2px 5px;
  margin-bottom: 3px;
  margin-right: 5px;
  border-radius: 5px;
}
.ui-userpicker-x .iconfont {
  font-size: 10px;
  cursor: pointer;
  margin-left: 3px;
}
.ui-userpicker-x-active {
  border-color: #108cee;
}
.ui-userpicker-x-preview {
  border: none;
  padding: 0;
  min-height: 0;
}
.ui-userpicker-x-preview .ui-userpicker-preview {
  padding-top: 0;
}
.ui-userpicker-layer-x {
  background-color: #fff;
  box-shadow: 2px 5px 8px rgba(0, 0, 0, 0.2);
}
.ui-userpicker-layer-x .ui-userpicker-layer-main {
  padding: 5px 0;
  border: 1px solid #eaf6fe;
  border-top: none;
}
.ui-userpicker-layer-x .ui-userpicker-layer-main .ui-loading-x {
  margin-left: 5px;
}
.ui-userpicker-layer-x .ui-userpicker-layer-main li {
  padding: 5px;
}
.ui-userpicker-layer-actived-item {
  background-color: #eaf6fe;
}
.ui-userpicker-x-disabled {
  background: #f6f7fb;
}
.ui-userpicker-x-disabled.ui-userpicker-x-preview {
  background: #fff;
}
.ui-userpicker-x-disabled .ui-userpicker-preview-item {
  color: #999;
  background: #f6f7fb;
}
/**
 * @file xui/ViewStep.less
 * @author leeight
 */
.ui-viewstep-x i {
  font-style: normal;
}
.ui-viewstep-x li {
  cursor: not-allowed;
}
.ui-viewstep-x .ui-viewstep-item-active {
  cursor: pointer;
}
.ui-viewstep-x > ul > li:last-child:after {
  display: none;
}
/**
 * @file xui/Voice.less
 * @author leeight
 */
.ui-voice-x {
  display: inline-block;
  vertical-align: middle;
}
.ui-voice-error {
  color: #EB5252;
}
/**
 * @file xui/WebUploader.less
 * @author leeight
 */
.ui-webuploader-x {
  float: none;
  display: inline-block;
  vertical-align: middle;
  height: auto;
  line-height: inherit;
}
.ui-webuploader-x .ui-loading-x {
  display: inline-block;
  vertical-align: middle;
}
.ui-webuploader-error {
  color: #EB5252;
  line-height: 30px;
  height: 30px;
  display: inline-block;
  vertical-align: middle;
}
.ui-webuploader-x .webuploader-container {
  vertical-align: middle;
  display: inline-block;
}
.ui-webuploader-x .webuploader-pick {
  padding: 0 12px;
  font-size: 12px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  vertical-align: middle;
  background-color: #eaf6fe;
  color: #108cee;
  border-radius: 0;
}
.ui-webuploader-x .webuploader-pick-hover {
  background-color: #d2ecfd;
}
.ui-webuploader-x-disabled .webuploader-pick,
.ui-webuploader-x-disabled .webuploader-pick-hover {
  cursor: not-allowed;
  color: #999999;
  background-color: #f6f7fb;
}
/**
 * @file xui/BucketSelect.less
 * @author wanglinfang(wanglinfang@baidu.com)
 */
.ui-bucket-select-x {
  *zoom: 1;
  display: inline-block;
  *display: inline;
  zoom: 1;
  min-width: 100px;
  position: relative;
  overflow: visible;
}
.ui-bucket-select-x .ui-textbox-x {
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  font-size: 12px;
  color: #666;
}
.ui-bucket-select-x .ui-textbox-x input {
  border: none;
  background: #FFF;
  color: #333;
  border: 1px solid #CCC;
  padding: 0 30px 0 10px;
}
.ui-bucket-select-x .ui-textbox-x:after {
  right: 10px;
  content: '\E605';
  position: absolute;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  font-family: "iconfont" !important;
  top: 6px;
}
.ui-bucket-select-x.ui-bucket-select-active .ui-textbox-x:after {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.ui-bucket-select-x-disabled {
  background-color: #F6F7FB;
}
.ui-bucket-select-x-disabled .ui-textbox-x {
  color: #999;
}
.ui-bucket-select-x-disabled .ui-textbox-x input {
  background-color: #F6F7FB;
}
.ui-bucket-select-layer-x {
  -moz-box-shadow: 2px 5px 8px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 2px 5px 8px rgba(0, 0, 0, 0.2);
  box-shadow: 2px 5px 8px rgba(0, 0, 0, 0.2);
  background: #FFF;
}
.ui-bucket-select-layer-x .ui-bucket-select-item,
.ui-bucket-select-layer-x .ui-bucket-select-create-item,
.ui-bucket-select-layer-x .ui-bucket-select-back-item,
.ui-bucket-select-layer-x .ui-bucket-select-more-item,
.ui-bucket-select-layer-x .ui-bucket-select-create-item {
  padding: 0 10px;
  line-height: 30px;
  color: #333;
  cursor: pointer;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.ui-bucket-select-layer-x .ui-bucket-select-item span,
.ui-bucket-select-layer-x .ui-bucket-select-create-item span,
.ui-bucket-select-layer-x .ui-bucket-select-back-item span,
.ui-bucket-select-layer-x .ui-bucket-select-more-item span,
.ui-bucket-select-layer-x .ui-bucket-select-create-item span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  white-space: nowrap;
}
.ui-bucket-select-layer-x .ui-bucket-select-item:hover,
.ui-bucket-select-layer-x .ui-bucket-select-create-item:hover,
.ui-bucket-select-layer-x .ui-bucket-select-back-item:hover,
.ui-bucket-select-layer-x .ui-bucket-select-more-item:hover,
.ui-bucket-select-layer-x .ui-bucket-select-create-item:hover {
  color: #108cee;
}
.ui-bucket-select-layer-x .ui-bucket-select-more-item {
  text-align: center;
}
.ui-bucket-select-layer-x .ui-bucket-select-create-item .iconfont {
  font-size: 12px;
  margin-right: 5px;
}
.ui-bucket-select-layer-x .ui-bucket-select-item-list {
  max-height: 200px;
  min-height: 50px;
  overflow-y: auto;
}
.ui-bucket-select-layer-x .ui-bucket-select-item-selected {
  color: #108cee;
}
.ui-bucket-select-layer-x.ui-bucket-select-layer-loading {
  position: relative;
}
.ui-bucket-select-layer-x.ui-bucket-select-layer-loading .ui-bucket-select-item-list {
  -webkit-filter: blur(2px);
  -moz-filter: blur(2px);
  -ms-filter: blur(2px);
  filter: blur(2px);
}
.ui-bucket-select-layer-x.ui-bucket-select-layer-loading:before {
  z-index: 1;
  content: '';
  height: 100%;
  width: inherit;
  position: absolute;
  background-color: rgba(255, 255, 255, 0.1);
  background-color: #FFF\0;
  opacity: .8\0;
  background-image: url(https://bce.bdstatic.com/san-xui/0.0.0/process.gif);
  background-image: url(https://bce.bdstatic.com/san-xui/0.0.0/process.svg), none;
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: center center;
}
.skin-normal-bucket-select .ui-textbox-x {
  color: #108cee;
}
.skin-normal-bucket-select .ui-textbox-x input {
  background: #eaf6fe;
  color: #108cee;
  border-color: #eaf6fe;
}
/**
 * @file xui/Suggestion.less
 * @author liyuan
 */
.ui-suggestion {
  display: inline-block;
  position: relative;
  overflow: visible;
}
.ui-suggestion-arrow .ui-textbox:after {
  content: '';
  position: absolute;
  top: 11px;
  right: 12px;
  width: 6px;
  height: 6px;
  border-top: 2px solid #999;
  border-right: 2px solid #999;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  -webkit-transform-origin: 60% 40%;
  -moz-transform-origin: 60% 40%;
  -ms-transform-origin: 60% 40%;
  -o-transform-origin: 60% 40%;
  transform-origin: 60% 40%;
}
.ui-suggestion-arrow .ui-textbox input::-ms-clear {
  display: none;
}
.ui-suggestion-arrow .ui-textbox:focus:after,
.ui-suggestion-arrow .ui-textbox:focus-within:after {
  content: '';
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  border-top: 2px solid #108cee;
  border-right: 2px solid #108cee;
}
.ui-suggestion-layer {
  background-color: #fff;
  -webkit-box-shadow: 2px 5px 8px rgba(0, 0, 0, 0.2);
  box-shadow: 2px 5px 8px rgba(0, 0, 0, 0.2);
  border-left: 1px solid #eaf6fe;
  border-right: 1px solid #eaf6fe;
  border-bottom: 1px solid #eaf6fe;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.ui-suggestion-layer .ui-suggestion-item {
  padding-left: 20px;
  padding: 0 10px;
  line-height: 30px;
  color: #333;
  cursor: pointer;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.ui-suggestion-layer .ui-suggestion-item span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}
.ui-suggestion-layer .ui-suggestion-item span.highlight {
  color: #108cee;
}
.ui-suggestion-layer .ui-suggestion-item:hover {
  color: #108cee;
  background-color: #eaf6fe;
}
.ui-suggestion-layer .ui-suggestion-item.ui-suggestion-item-disabled {
  cursor: not-allowed;
  color: #999;
}
.ui-suggestion-layer .ui-suggestion-item.ui-suggestion-item-disabled:hover {
  color: #999;
  background-color: #e2e5ec;
}
.ui-suggestion-layer .ui-suggestion-item.ui-suggestion-item-selected {
  color: #108cee;
}
.ui-suggestion-layer .ui-suggestion-item.ui-suggestion-item-hidden {
  display: none;
}
/**
 * @file xui/form/Form.less
 * @author leeight
 */
.ui-form-x .ui-form-item {
  margin: 10px 0;
}
.ui-form-x .ui-form-item-help {
  color: #999;
  padding: 3px 0;
}
.ui-form-x .ui-form-item-invalid-label {
  color: #EB5252;
}
.ui-form-x .required-label:before {
  display: inline-block;
  content: '*';
  margin-right: 4px;
  color: #EB5252;
  line-height: inherit;
}
.ui-form-x .ui-form-item-inline .ui-form-item-label,
.ui-form-x .ui-form-item-inline .ui-form-item-content {
  display: inline-block;
  vertical-align: middle;
}
.ui-form-x .ui-form-item-inline .ui-form-item-label .as-form-confirm-edit,
.ui-form-x .ui-form-item-inline .ui-form-item-content .as-form-confirm-edit {
  color: #0786e9;
  cursor: pointer;
}
.ui-form-x .ui-form-item-inline .ui-form-item-label .as-form-confirm-edit i,
.ui-form-x .ui-form-item-inline .ui-form-item-content .as-form-confirm-edit i {
  font-size: 12px;
}
.ui-form-x .ui-form-item-inline .ui-form-item-label {
  text-align: right;
  width: 150px;
}
.ui-form-x .ui-form-item-invalid .ui-textbox-x input,
.ui-form-x .ui-form-item-invalid .ui-textbox-x textarea {
  border-color: #EB5252;
}
/**
 * @file xui/form/FormDialog.less
 * @author chenbo09
 */
.ui-dialog-body .ui-form-x .ui-form-item-inline .ui-form-item-label {
  font-size: 12px;
  min-width: 120px;
  width: 120px;
  text-align: left;
  padding-left: 8px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  height: 30px;
  line-height: 30px;
  vertical-align: top;
}
.ui-dialog-body .as-form-preview .ui-form-x .ui-form-item-inline .ui-form-item-label {
  height: auto;
  line-height: inherit;
  vertical-align: middle;
}
.ui-dialog-body .ui-form-x .ui-form-item-invalid-label {
  font-size: 12px;
}
.ui-dialog-body .ui-form-x .required-label:before {
  left: 0;
  right: 0;
}
.ui-dialog-body .ui-userpicker-preview-item {
  font-size: 12px;
}
.ui-dialog-body .ui-combo-item .as-form {
  padding: 0;
}
/**
 * @file xui/form/ComboForm.less
 * @author leeight
 */
.ui-combo-item {
  margin-bottom: 10px;
}
.ui-combo .ui-button-x .iconfont {
  font-size: 12px;
}
.ui-combo-x-inline .as-form {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
}
.ui-combo-x-inline .as-form .as-form-row {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
}
.ui-combo-x-inline .as-form .as-form-row .ui-form-item-inline .ui-form-item-content {
  min-width: 0;
}
.ui-form-item.ui-form-item-invalid .ui-combo-x-inline .ui-textbox input,
.ui-form-item.ui-form-item-invalid .ui-combo-x-inline .ui-textbox textarea,
.ui-form-item.ui-form-item-invalid .ui-combo-x-inline .ui-select-x {
  border-color: #cccccc;
}
/**
 * @file xui/asForm.less
 * @author leeight
 */
.as-form {
  margin-bottom: 10px;
  padding: 0 10px;
}
.as-form-title {
  *zoom: 1;
  height: 30px;
  padding: 5px 10px;
  border-bottom: 1px solid #ccc;
}
.as-form-title:before,
.as-form-title:after {
  display: table;
  content: "";
}
.as-form-title:after {
  clear: both;
}
.as-form-title:before,
.as-form-title:after {
  display: table;
  content: "";
}
.as-form-title:after {
  clear: both;
}
.as-form-title:before,
.as-form-title:after {
  display: table;
  content: "";
}
.as-form-title:after {
  clear: both;
}
.as-form-title:before,
.as-form-title:after {
  display: table;
  content: "";
}
.as-form-title:after {
  clear: both;
}
.as-form-title h4 {
  font-size: 16px;
  border-left: 5px solid #108cee;
  padding-left: 10px;
  margin-top: 6px;
  float: left;
}
.as-form-title-actions {
  float: right;
}
.as-form-title-actions .ui-button-x {
  margin-left: 10px;
}
.as-form-row {
  margin: 10px 0;
}
.as-form-row .ui-form-item {
  margin: 0;
}
.as-form-row .ui-form-item-content .ui-bos-uploader-list {
  display: inline-block;
  margin-top: 0;
  width: auto;
}
.as-form-row .ui-textbox-x textarea {
  height: 100px;
}
.as-form-row .ui-form-item-invalid-label {
  position: static;
  margin-left: 0;
}
.as-form-row,
.as-form-item {
  *zoom: 1;
}
.as-form-row:before,
.as-form-item:before,
.as-form-row:after,
.as-form-item:after {
  display: table;
  content: "";
}
.as-form-row:after,
.as-form-item:after {
  clear: both;
}
.as-form-row:before,
.as-form-item:before,
.as-form-row:after,
.as-form-item:after {
  display: table;
  content: "";
}
.as-form-row:after,
.as-form-item:after {
  clear: both;
}
.as-form-row:before,
.as-form-item:before,
.as-form-row:after,
.as-form-item:after {
  display: table;
  content: "";
}
.as-form-row:after,
.as-form-item:after {
  clear: both;
}
.as-form-row:before,
.as-form-item:before,
.as-form-row:after,
.as-form-item:after {
  display: table;
  content: "";
}
.as-form-row:after,
.as-form-item:after {
  clear: both;
}
.as-form-col {
  float: left;
  margin-right: 10px;
}
.as-form-1 .ui-form-x .ui-form-item-inline .ui-form-item-label {
  min-width: 0 !important;
  width: auto !important;
}
/**
 * @file xui/asPage.less
 * @author leeight
 */
.list-page {
  width: auto;
  margin: 0 20px;
}
.ui-dialog-body-panel .list-page {
  margin: 0;
  min-height: 160px;
}
.list-page-with-sidebar {
  margin-left: 180px;
}
.list-page-body {
  background: #fff;
  margin-top: 20px;
}
.list-page-title {
  *zoom: 1;
  height: 55px;
  line-height: 55px;
  font-weight: normal;
  border-bottom: 1px solid #E8EBEE;
  margin: 0;
  padding-left: 20px;
}
.list-page-title:before,
.list-page-title:after {
  display: table;
  content: "";
}
.list-page-title:after {
  clear: both;
}
.list-page-title:before,
.list-page-title:after {
  display: table;
  content: "";
}
.list-page-title:after {
  clear: both;
}
.list-page-title:before,
.list-page-title:after {
  display: table;
  content: "";
}
.list-page-title:after {
  clear: both;
}
.list-page-title:before,
.list-page-title:after {
  display: table;
  content: "";
}
.list-page-title:after {
  clear: both;
}
.list-page-title .list-page-helps {
  float: right;
  margin-right: 20px;
  font-size: 12px;
}
.list-page-title .ui-tab-x {
  margin-left: -20px;
  float: left;
}
.list-page-title .ui-tab-x .ui-tab-navigator {
  background: #fff;
  border-bottom: none;
}
.list-page-title .ui-tab-x .ui-tab-navigator .ui-tab-item {
  height: 55px;
  line-height: 55px;
}
.list-page-title > h2 {
  display: inline-block;
}
.list-page-title > h2 > span {
  font-size: 12px;
  margin-left: 10px;
  color: #666;
}
.list-page-content {
  *zoom: 1;
}
.list-page-content:before,
.list-page-content:after {
  display: table;
  content: "";
}
.list-page-content:after {
  clear: both;
}
.list-page-content:before,
.list-page-content:after {
  display: table;
  content: "";
}
.list-page-content:after {
  clear: both;
}
.list-page-content:before,
.list-page-content:after {
  display: table;
  content: "";
}
.list-page-content:after {
  clear: both;
}
.list-page-content:before,
.list-page-content:after {
  display: table;
  content: "";
}
.list-page-content:after {
  clear: both;
}
.list-page-content .list-page-pager {
  float: right;
  margin: 20px 20px 40px 0;
}
.list-page-content .list-page-pager .list-page-pager-total-count {
  color: #999;
  margin-right: 6px;
}
.list-page-content .list-page-pager > label {
  color: #108cee;
}
.list-page-content .list-page-pager .ui-select-x {
  min-width: 80px;
}
.list-page-content .list-page-pager .ui-pager {
  display: inline-block;
  vertical-align: middle;
}
.ui-dialog-body-panel .list-page-content .list-page-pager {
  margin-bottom: 0;
  margin-right: 0;
}
.list-page-content > div.list-page-filter {
  *zoom: 1;
  margin: 10px 20px;
}
.list-page-content > div.list-page-filter:before,
.list-page-content > div.list-page-filter:after {
  display: table;
  content: "";
}
.list-page-content > div.list-page-filter:after {
  clear: both;
}
.list-page-content > div.list-page-filter:before,
.list-page-content > div.list-page-filter:after {
  display: table;
  content: "";
}
.list-page-content > div.list-page-filter:after {
  clear: both;
}
.list-page-content > div.list-page-filter:before,
.list-page-content > div.list-page-filter:after {
  display: table;
  content: "";
}
.list-page-content > div.list-page-filter:after {
  clear: both;
}
.list-page-content > div.list-page-filter:before,
.list-page-content > div.list-page-filter:after {
  display: table;
  content: "";
}
.list-page-content > div.list-page-filter:after {
  clear: both;
}
.list-page-tip,
.list-page-toolbar {
  *zoom: 1;
  margin: 10px 20px;
}
.list-page-tip:before,
.list-page-toolbar:before,
.list-page-tip:after,
.list-page-toolbar:after {
  display: table;
  content: "";
}
.list-page-tip:after,
.list-page-toolbar:after {
  clear: both;
}
.list-page-tip:before,
.list-page-toolbar:before,
.list-page-tip:after,
.list-page-toolbar:after {
  display: table;
  content: "";
}
.list-page-tip:after,
.list-page-toolbar:after {
  clear: both;
}
.list-page-tip:before,
.list-page-toolbar:before,
.list-page-tip:after,
.list-page-toolbar:after {
  display: table;
  content: "";
}
.list-page-tip:after,
.list-page-toolbar:after {
  clear: both;
}
.list-page-tip:before,
.list-page-toolbar:before,
.list-page-tip:after,
.list-page-toolbar:after {
  display: table;
  content: "";
}
.list-page-tip:after,
.list-page-toolbar:after {
  clear: both;
}
.ui-dialog-body-panel .list-page-tip,
.ui-dialog-body-panel .list-page-toolbar {
  margin: 10px 0;
}
.list-page-tip span[class^='tip'] {
  display: inline-block;
}
.list-page-tb-left {
  float: left;
}
.list-page-tb-left > .list-page-tb-left-filter,
.list-page-tb-left > .list-page-tb-left-toolbar {
  display: inline-block;
  vertical-align: middle;
}
.list-page-tb-right {
  float: right;
}
.ui-dialog-body-panel .ui-actionloader-x .list-page-body {
  margin-top: 0;
}
.ui-dialog-body-panel .ui-actionloader-x .list-page-toolbar {
  margin-top: 0;
}
.ui-drawer {
  position: fixed;
  overflow: hidden;
  box-shadow: -5px 0 6px rgba(0, 0, 0, 0.1);
  background-color: rgba(255, 255, 255, 0.98);
}
.ui-drawer-loading {
  -webkit-filter: blur(2px);
  -moz-filter: blur(2px);
  -ms-filter: blur(2px);
  filter: blur(2px);
}
.ui-drawer-loading:before {
  content: '';
  height: 100%;
  width: inherit;
  position: absolute;
  background-color: rgba(255, 255, 255, 0.1);
  background-color: #fff\0;
  opacity: .8\0;
  background-position: center 30%;
  background-size: 50px;
}
.ui-drawer .ui-drawer-close {
  top: 17px;
  right: 20px;
  cursor: pointer;
  color: #979797;
  position: absolute;
}
.ui-drawer .ui-drawer-close:hover {
  color: #108cee;
}
.ui-drawer .ui-drawer-header {
  color: #333;
  font-size: 16px;
  line-height: 50px;
  position: absolute;
  top: 0;
  width: 100%;
  padding: 0 20px;
}
.ui-drawer .ui-drawer-body {
  width: calc(100% - 40px);
  overflow-y: auto;
  position: absolute;
  padding: 20px;
}
.ui-drawer .ui-drawer-header ~ .ui-drawer-body {
  top: 50px;
  border-top: 1px solid #ECEFF8;
}
/**
 * @file xui/notification.less
 * @author leeight
 */
@-webkit-keyframes NotificationFadeIn {
  0% {
    opacity: 0;
    left: 384px;
  }
  to {
    opacity: 1;
    left: 0;
  }
}
@keyframes NotificationFadeIn {
  0% {
    opacity: 0;
    left: 384px;
  }
  to {
    opacity: 1;
    left: 0;
  }
}
@-webkit-keyframes NotificationFadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    max-height: 0;
    border: none;
  }
}
@keyframes NotificationFadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    max-height: 0;
    border: none;
  }
}
.ui-notification {
  right: 10px;
  top: 68px;
  z-index: 9999;
  position: fixed;
}
.ui-notification-container {
  padding: 16px;
  text-align: left;
  min-width: 280px;
  max-width: 400px;
  background: #fff;
  position: relative;
  border: 1px solid currentColor;
  margin-bottom: 10px;
  -webkit-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: row;
  -ms-flex: row nowrap;
  flex: row nowrap;
}
.ui-notification-fade-in {
  opacity: 0;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
  animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
.ui-notification-fade-in.ui-notification-fade-in-active {
  -webkit-animation-name: NotificationFadeIn;
  animation-name: NotificationFadeIn;
  -webkit-animation-play-state: running;
  animation-play-state: running;
}
.ui-notification-fade-out {
  opacity: 0;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
  animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
.ui-notification-fade-out.ui-notification-fade-out-active {
  -webkit-animation-name: NotificationFadeOut;
  animation-name: NotificationFadeOut;
  -webkit-animation-play-state: running;
  animation-play-state: running;
}
.ui-notification-content {
  -webkit-box-flex: 1;
  -ms-flex: auto;
  flex: auto;
}
.ui-notification-text {
  color: #333;
}
.ui-notification .iconfont {
  font-size: 12px;
  margin-right: 8px;
}
.ui-notification .iconfont.icon-fatal:before {
  content: "\E638";
}
.ui-notification-ok {
  color: #ccc;
  -webkit-box-shadow: 0 10px 10px 0 rgba(95, 179, 51, 0.1);
  box-shadow: 0 10px 10px 0 rgba(95, 179, 51, 0.1);
}
.ui-notification-ok .icon-ok {
  color: #5FB333;
}
.ui-notification-info {
  color: #ccc;
  -webkit-box-shadow: 0 10px 10px 0 rgba(16, 140, 238, 0.1);
  box-shadow: 0 10px 10px 0 rgba(16, 140, 238, 0.1);
}
.ui-notification-warning {
  color: #faad14;
  -webkit-box-shadow: 0 10px 10px 0 rgba(250, 173, 20, 0.1);
  box-shadow: 0 10px 10px 0 rgba(250, 173, 20, 0.1);
}
.ui-notification-fatal,
.ui-notification-fail {
  color: #fff;
  box-shadow: 0 2px 8px 0 rgba(7, 12, 20, 0.12);
  border-radius: 2px;
}
.ui-notification-operation {
  color: #ccc;
}
.ui-notification-operation .iconfont {
  cursor: pointer;
  font-size: 14px;
  margin: 0 0 0 4px;
  vertical-align: middle;
}
.ui-notification-operation .icon-close {
  color: #84868C;
}
.ui-notification-operation:hover {
  color: #108cee;
}
.san-ui-list-page {
  background-color: #fff;
  overflow: auto;
  width: auto;
  height: 100%;
}
.san-ui-list-page .table-full-wrap {
  padding: 0 20px;
}
.san-ui-list-page .list-page-toolbar {
  *zoom: 1;
  margin: 10px 0;
}
.san-ui-list-page .list-page-toolbar:before,
.san-ui-list-page .list-page-toolbar:after {
  display: table;
  content: "";
}
.san-ui-list-page .list-page-toolbar:after {
  clear: both;
}
.san-ui-list-page .list-page-toolbar:before,
.san-ui-list-page .list-page-toolbar:after {
  display: table;
  content: "";
}
.san-ui-list-page .list-page-toolbar:after {
  clear: both;
}
.san-ui-list-page .list-page-toolbar:before,
.san-ui-list-page .list-page-toolbar:after {
  display: table;
  content: "";
}
.san-ui-list-page .list-page-toolbar:after {
  clear: both;
}
.san-ui-list-page .list-page-toolbar:before,
.san-ui-list-page .list-page-toolbar:after {
  display: table;
  content: "";
}
.san-ui-list-page .list-page-toolbar:after {
  clear: both;
}
.san-ui-list-page .list-page-toolbar .tool-item {
  margin-left: 7px;
}
.san-ui-list-page .list-page-toolbar .tool-item:first-child {
  margin-left: 0;
}
.san-ui-list-page .list-page-tip span[class^='tip'] {
  display: inline-block;
}
.san-ui-list-page .list-page-toolbar-left {
  float: left;
}
.san-ui-list-page .list-page-toolbar-right {
  float: right;
}
.san-ui-list-page-with-sidebar {
  margin-left: 180px;
}
.san-ui-list-page-title-content {
  *zoom: 1;
  height: 50px;
  line-height: 50px;
  font-weight: normal;
  border-bottom: 1px solid #ccc;
  margin: 0;
  padding-left: 20px;
}
.san-ui-list-page-title-content:before,
.san-ui-list-page-title-content:after {
  display: table;
  content: "";
}
.san-ui-list-page-title-content:after {
  clear: both;
}
.san-ui-list-page-title-content:before,
.san-ui-list-page-title-content:after {
  display: table;
  content: "";
}
.san-ui-list-page-title-content:after {
  clear: both;
}
.san-ui-list-page-title-content:before,
.san-ui-list-page-title-content:after {
  display: table;
  content: "";
}
.san-ui-list-page-title-content:after {
  clear: both;
}
.san-ui-list-page-title-content:before,
.san-ui-list-page-title-content:after {
  display: table;
  content: "";
}
.san-ui-list-page-title-content:after {
  clear: both;
}
.san-ui-list-page-title-content .title {
  display: inline-block;
}
.san-ui-list-page-title-content h2 {
  font-size: 16px;
  margin: 0 0;
}
.san-ui-list-page-title-content .list-page-helps {
  float: right;
  margin-right: 20px;
  font-size: 12px;
}
.san-ui-list-page-title-content .list-page-helps .help-item {
  margin-left: 7px;
}
.san-ui-list-page-title-content .list-page-helps .help-item:first-child {
  margin-left: 0;
}
.san-ui-list-page-tip {
  padding: 10px 10px;
}
.san-ui-list-page-filter {
  padding: 10px 10px;
  border-bottom: 1px solid #ccc;
}
.san-ui-list-page-foot-pager {
  *zoom: 1;
  margin: 20px 0 40px 0;
}
.san-ui-list-page-foot-pager:before,
.san-ui-list-page-foot-pager:after {
  display: table;
  content: "";
}
.san-ui-list-page-foot-pager:after {
  clear: both;
}
.san-ui-list-page-foot-pager:before,
.san-ui-list-page-foot-pager:after {
  display: table;
  content: "";
}
.san-ui-list-page-foot-pager:after {
  clear: both;
}
.san-ui-list-page-foot-pager:before,
.san-ui-list-page-foot-pager:after {
  display: table;
  content: "";
}
.san-ui-list-page-foot-pager:after {
  clear: both;
}
.san-ui-list-page-foot-pager:before,
.san-ui-list-page-foot-pager:after {
  display: table;
  content: "";
}
.san-ui-list-page-foot-pager:after {
  clear: both;
}
.san-ui-list-page-foot-pager .list-page-count {
  float: left;
  color: #999;
}
.san-ui-list-page-foot-pager .list-page-pager {
  float: right;
}
/**
 * @file xui/BcmChart.less
 * @author leeight
 */
.ui-bcmchart-x {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  padding: 10px;
  padding-bottom: 0;
  margin-bottom: 10px;
  border: 1px solid #e8e8e6;
  border-radius: 4px;
  min-width: 320px;
}
.ui-bcmchart-x .ui-bcmchart-box > h1 {
  font-size: 12px;
  margin: 0 0 .5em 0;
  color: #555;
  font-weight: 700;
}
.ui-bcmchart-x .diagnostic-log,
.ui-bcmchart-x .ui-bcmchart-error {
  color: #ea2e2e;
}
.ui-bcmchart-x .ui-bcmchart-no-data {
  position: absolute;
  width: 100%;
  top: 50%;
  margin-top: -10px;
  text-align: center;
  font-size: 20px;
  color: #ddd;
}
.ui-bcmchart-x .ui-bcmchart-filter {
  margin-bottom: 10px;
  padding: 0 30px;
}
.ui-bcmchart-x .ui-bcmchart-filter .ui-button-x {
  float: right;
}
.ui-dialog-body-panel .ui-bcmchart-x {
  padding: 0;
  border: none;
  margin-bottom: 0;
}
/**
 * @file xui/ActionLoader.less
 * @author leeight
 */
.ui-actionloader-error {
  color: #EB5252;
}
/**
 * @file xui/OrderPanel.less
 * @author huangyunzhi(huangyunzhi@baidu.com)
 */
.ui-orderpanel {
  *zoom: 1;
  position: relative;
  width: calc(60%);
  padding: 20px;
  text-align: center;
  background: #fff;
}
.ui-orderpanel:before,
.ui-orderpanel:after {
  display: table;
  content: "";
}
.ui-orderpanel:after {
  clear: both;
}
.ui-orderpanel:before,
.ui-orderpanel:after {
  display: table;
  content: "";
}
.ui-orderpanel:after {
  clear: both;
}
.ui-orderpanel:before,
.ui-orderpanel:after {
  display: table;
  content: "";
}
.ui-orderpanel:after {
  clear: both;
}
.ui-orderpanel:before,
.ui-orderpanel:after {
  display: table;
  content: "";
}
.ui-orderpanel:after {
  clear: both;
}
/**
 * @file xui/biz/BulkActions.less
 * @author leeight
 */
.ui-bulk-actions {
  *zoom: 1;
  display: inline-block;
  vertical-align: middle;
}
.ui-bulk-actions:before,
.ui-bulk-actions:after {
  display: table;
  content: "";
}
.ui-bulk-actions:after {
  clear: both;
}
.ui-bulk-actions:before,
.ui-bulk-actions:after {
  display: table;
  content: "";
}
.ui-bulk-actions:after {
  clear: both;
}
.ui-bulk-actions:before,
.ui-bulk-actions:after {
  display: table;
  content: "";
}
.ui-bulk-actions:after {
  clear: both;
}
.ui-bulk-actions:before,
.ui-bulk-actions:after {
  display: table;
  content: "";
}
.ui-bulk-actions:after {
  clear: both;
}
.ui-bulk-actions-item {
  float: left;
  margin-right: 5px;
}
/**
 * @file xui/biz/Filter.less
 * @author leeight
 */
.ui-biz-filter .ui-biz-filter-form-inline,
.ui-biz-filter .ui-biz-filter-form-item {
  display: inline-block;
  vertical-align: middle;
}
.ui-biz-filter .ui-biz-filter-form-item {
  margin-right: 5px;
}
.ui-biz-filter .ui-biz-filter-form-item:first-child .ui-biz-filter-label {
  margin-left: 0;
}
.ui-biz-filter .ui-biz-filter-form-item .ui-biz-filter-label {
  color: #666;
  margin-left: 10px;
}
.ui-biz-filter .ui-biz-filter-form-item:last-child {
  margin-right: 0;
}
.ui-biz-filter .ui-button {
  margin-left: 10px;
}
.ui-biz-filter .ui-calendar-xx .ui-button {
  margin-left: 0;
}
/**
 * @file xui/biz/PageNav.less
 * @author leeight
 */
.ui-page-nav {
  background-color: #F6F7FB;
  height: 50px;
  margin: 0 -20px;
  position: relative;
}
.ui-page-nav .ui-page-nav-title {
  line-height: 50px;
  text-align: center;
  color: #333;
  font-size: 16px;
}
.ui-page-nav .ui-page-nav-back-wrapper {
  position: absolute;
  top: 0;
  left: 20px;
  line-height: 50px;
}
.ui-page-nav .ui-page-nav-back-wrapper a {
  font-size: 14px;
  color: #333;
}
.ui-page-nav .ui-page-nav-back-wrapper a .icon-downarrow {
  font-size: 12px;
  margin-right: 20px;
}
.ui-page-nav .ui-page-nav-back-wrapper a .icon-downarrow:before {
  position: absolute;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.ui-page-nav .ui-page-nav-step {
  position: absolute;
  top: 0;
  right: 20px;
  line-height: 50px;
}
.ui-notification-msg-global .content {
  color: #151B26;
  line-height: 22px;
  font-weight: 500;
  padding-left: 4px;
  word-break: break-all;
}
.ui-notification-msg-global .content a {
  font-size: 12px;
  color: #2468F2;
  line-height: 20px;
  font-weight: 400;
}
.ui-notification-msg-global .request-id {
  font-size: 12px;
  color: #151B26;
  line-height: 20px;
  font-weight: 400;
  margin-top: 6px;
  padding-left: 24px;
  word-break: break-all;
}
.ui-notification-msg-product .title {
  color: #999;
}
.ui-notification-msg-product .content {
  color: #333;
  margin-top: 10px;
  word-break: break-all;
}
/**
 * @file xui/biz/Toolbar.less
 * @author Symbol
 */
.ui-toolbar-item .ui-button {
  margin-right: 5px;
}
/**
 * 业务无关的的公共样式
 * @file common/css/common.less
 */
.link-like {
  background: none;
  border: none;
  outline: none;
  cursor: pointer;
  color: #108cee;
  padding: 0;
  margin: 0 4px 0 0;
  font-size: 12px;
  font-family: inherit;
  display: inline;
}
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}
.clearfix:after {
  clear: both;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}
.clearfix:after {
  clear: both;
}
.inline-block {
  *zoom: 1;
  display: inline-block;
  *display: inline;
  zoom: 1;
}
.nowrap-text {
  max-width: 60%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
span.nowrap-text,
label.nowrap-text,
.ui-label.nowrap-text {
  display: inline-block;
}
.yellow {
  color: #F90;
}
.content-panel {
  margin: 0 21px 0 19px;
  background: #FFF;
  padding: 20px;
  border: 1px solid #E5E5E5;
  -moz-border-radius: ;
  -webkit-border-radius: ;
  border-radius: ;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.skin-loading-dialog {
  -moz-box-shadow: ;
  -webkit-box-shadow: ;
  box-shadow: ;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.2);
  border: 2px solid #D6E7F2;
  border-radius: 0;
  padding: 0 12px 0 36px;
  background: url(./assets/loading.gif) no-repeat 10px center #FCFCFC;
  line-height: 44px;
  color: #37A;
  font-weight: 700;
  font-size: 12px;
}
.skin-loading-dialog .ui-dialog-head {
  display: none;
}
.skin-loading-dialog .ui-dialog-body {
  padding: 0;
}
.skin-loading-dialog .skin-loading-dialog-body-panel {
  padding: 0;
}
.loading {
  background: url(./assets/loading.gif) no-repeat;
  padding-left: 20px;
}
/**
 * 用于单行的字符截断处理的样式
 * why单立，因为行为与属性应当分离
 */
.truncated {
  max-width: 75%;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: bottom;
}
.diagnostic-log {
  font-size: 10px;
  line-height: 10px;
  color: #ccc;
}
/**
 * 侧边栏样式
 * @file common/css/sidebar.less
 */
.sidebar-icon {
  background-image: url(./assets/sidebar.png);
  background-image: -webkit-image-set(url(./assets/sidebar.png) 1x, url(./assets/sidebar.png) 2x);
  background-image: -moz-image-set(url(./assets/sidebar.png) 1x, url(./assets/sidebar.png) 2x);
  background-image: -ms-image-set(url(./assets/sidebar.png) 1x, url(./assets/sidebar.png) 2x);
  background-image: -o-image-set(url(./assets/sidebar.png) 1x, url(./assets/sidebar.png) 2x);
  background-repeat: no-repeat;
}
.sidebar {
  position: fixed;
  top: 50px;
  left: 0;
  height: calc(100% - 50px);
  width: 180px;
  color: #2C4A93;
  font-size: 14px;
  background-color: #D0DAF3;
}
.sidebar li {
  line-height: 50px;
}
.sidebar .area {
  border-bottom: 1px solid #B0C0E7;
  background-image: url(./assets/sidebar.png);
  background-image: -webkit-image-set(url(./assets/sidebar.png) 1x, url(./assets/sidebar.png) 2x);
  background-image: -moz-image-set(url(./assets/sidebar.png) 1x, url(./assets/sidebar.png) 2x);
  background-image: -ms-image-set(url(./assets/sidebar.png) 1x, url(./assets/sidebar.png) 2x);
  background-image: -o-image-set(url(./assets/sidebar.png) 1x, url(./assets/sidebar.png) 2x);
  background-repeat: no-repeat;
  padding-left: 46px;
  background-position: 21px -802px;
  display: none;
}
.sidebar .menu-header {
  position: relative;
  font-size: 14px;
  color: #848b8c;
  padding: 13px 16px;
  line-height: 22px !important;
}
.sidebar .menu-header::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 16px;
  height: 1px;
  background: #e8e9eb;
}
.sidebar .menu-item {
  padding: 0;
}
.sidebar .menu-item a {
  display: block;
  color: #2C4A93;
  background-image: url(./assets/sidebar.png);
  background-image: -webkit-image-set(url(./assets/sidebar.png) 1x, url(./assets/sidebar.png) 2x);
  background-image: -moz-image-set(url(./assets/sidebar.png) 1x, url(./assets/sidebar.png) 2x);
  background-image: -ms-image-set(url(./assets/sidebar.png) 1x, url(./assets/sidebar.png) 2x);
  background-image: -o-image-set(url(./assets/sidebar.png) 1x, url(./assets/sidebar.png) 2x);
  background-repeat: no-repeat;
  padding-left: 46px;
  background-position: 20px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  white-space: nowrap;
}
.sidebar .menu-item:hover {
  background-color: #B9C7E9;
}
.sidebar .sidebar-current {
  border-left: 3px solid #249CFA;
  background-color: #B9C7E9;
}
.sidebar .sidebar-current a {
  padding-left: 43px;
  background-position: 17px 0;
}
.sidebar .menu-list {
  position: relative;
}
.sidebar .menu-list > a:after {
  position: absolute;
  top: 0;
  right: 16px;
  display: inline-block;
  zoom: 1;
  font-family: 'iconfont';
  content: '\E605';
  font-size: 12px;
  color: #151b26;
  transform: scale(0.8);
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.sidebar .menu-list ul {
  display: none;
}
.sidebar .menu-list ul li {
  line-height: 40px;
}
.sidebar .menu-list ul li a {
  background-image: none;
  padding-left: 46px;
}
.sidebar .menu-list ul li:hover {
  background-color: #9eb2e3;
}
.sidebar .menu-list ul .current {
  border-left: 3px solid #249CFA;
  background-color: #9eb2e3;
}
.sidebar .menu-list ul .current a {
  padding-left: 43px;
}
.sidebar .menu-list-opened {
  background-color: #B9C7E9;
}
.sidebar .menu-list-opened > a:after {
  transform: rotate(180deg) scale(0.8);
}
.sidebar .menu-list-opened ul {
  display: block;
}
.sidebar .close {
  background-image: url(./assets/sidebar.png);
  background-image: -webkit-image-set(url(./assets/sidebar.png) 1x, url(./assets/sidebar.png) 2x);
  background-image: -moz-image-set(url(./assets/sidebar.png) 1x, url(./assets/sidebar.png) 2x);
  background-image: -ms-image-set(url(./assets/sidebar.png) 1x, url(./assets/sidebar.png) 2x);
  background-image: -o-image-set(url(./assets/sidebar.png) 1x, url(./assets/sidebar.png) 2x);
  background-repeat: no-repeat;
  background-position: 20px -852px;
  width: 134px;
  cursor: pointer;
  border-top: 1px solid #B0C0E7;
  padding-left: 46px;
  position: fixed;
  left: 0;
  bottom: 0;
  background-color: #D0DAF3;
}
.sidebar .close:hover {
  background-color: #B9C7E9;
}
.main-wrap-new .sidebar .menu-header {
  line-height: 22px;
}
.mini-sidebar .sidebar {
  z-index: 999;
}
.closed-sidebar .sidebar {
  width: 56px;
}
.closed-sidebar .sidebar .area,
.closed-sidebar .sidebar .menu-header,
.closed-sidebar .sidebar .menu-item,
.closed-sidebar .sidebar .close {
  text-indent: -9999em;
}
.closed-sidebar .sidebar .menu-header {
  background-image: url(./assets/sidebar.png);
  background-image: -webkit-image-set(url(./assets/sidebar.png) 1x, url(./assets/sidebar.png) 2x);
  background-image: -moz-image-set(url(./assets/sidebar.png) 1x, url(./assets/sidebar.png) 2x);
  background-image: -ms-image-set(url(./assets/sidebar.png) 1x, url(./assets/sidebar.png) 2x);
  background-image: -o-image-set(url(./assets/sidebar.png) 1x, url(./assets/sidebar.png) 2x);
  background-repeat: no-repeat;
  background-position: 20px -894px;
}
.closed-sidebar .sidebar ul {
  padding-bottom: 0;
}
.closed-sidebar .sidebar .close {
  width: 56px;
  padding-left: 0;
}
.closed-sidebar .sidebar .menu-list li {
  display: none;
}
.sidebar .menu-item-common .iconfont {
  margin-right: 10px;
  position: relative;
  vertical-align: middle;
}
.sidebar .menu-item-common a {
  background: none;
  padding: 0 16px;
  margin: 4px 0 8px 0;
}
.sidebar .menu-item-common.sidebar-current a {
  padding-left: 16px;
}
.sidebar-fixed {
  position: fixed;
  top: 0;
  bottom: 0;
  overflow-y: auto;
  z-index: 9999;
}
#bce-content .main-area .new-sidebar-box {
  background-color: #fff;
  width: 160px;
  box-shadow: rgba(7, 12, 20, 0.12) 0 2px 8px 0;
  overflow-y: auto;
}
#bce-content .main-area.bos-main-area #sidebar {
  width: 160px;
  background-color: #fff;
}
#bce-content .main-area.bos-main-area .sidebar-wrap {
  width: 320px;
}
#bce-content .main-area.bos-main-area .sidebar-wrap.submenu-open {
  -webkit-transform: translate(-160px, 0);
  -moz-transform: translate(-160px, 0);
  -ms-transform: translate(-160px, 0);
  -o-transform: translate(-160px, 0);
  transform: translate(-160px, 0);
}
#bce-content .main-area .sidebar {
  top: 50px;
  bottom: 0;
  width: 160px;
  background: #fff;
  height: auto !important;
}
#bce-content .main-area .sidebar .menu-header {
  border-bottom-color: #e8ecf0;
}
#bce-content .main-area .sidebar + .content-wrap {
  margin-left: 160px !important;
}
#bce-content .main-area .sidebar .menu-item a {
  color: #333;
  background: none;
}
#bce-content .main-area .sidebar .menu-list {
  background-position: 137px 16px;
}
#bce-content .main-area .sidebar li {
  line-height: 40px;
}
#bce-content .main-area .sidebar .menu-item-common .iconfont {
  display: none;
}
#bce-content .main-area .sidebar .menu-list ul li a {
  position: relative;
  padding-left: 32px;
}
#bce-content .main-area .sidebar .menu-list ul li.sidebar-current a:before {
  background-color: #108cee;
}
#bce-content .main-area .sidebar .menu-list ul li:hover {
  background-color: #eaf6fe;
  border-left: none;
}
#bce-content .main-area .sidebar .menu-list ul li:hover a {
  color: #fff;
}
#bce-content .main-area .sidebar .menu-list ul li:hover a:before {
  background-color: #2468f2;
}
#bce-content .main-area .sidebar .sidebar-current {
  border-left: 4px solid #2468f2 !important;
  background-color: #f0f7ff !important;
}
#bce-content .main-area .sidebar .sidebar-current a {
  color: #2468f2 !important;
}
#bce-content .main-area .sidebar .sidebar-current:before {
  background-color: #2468f2;
}
#bce-content .main-area .sidebar .sidebar-current:hover {
  background-color: #f0f7ff !important;
}
#bce-content .main-area .sidebar .menu-item:hover {
  background-color: #eaf6fe;
}
#bce-content .main-area .sidebar .menu-item:hover a {
  color: #2468f2;
}
#bce-content .main-area .sidebar .menu-list-opened {
  border-left: none;
  background-color: #f0f7ff;
}
#bce-content .main-area .sidebar .menu-list-opened:hover {
  background-color: #f0f7ff;
  color: #333;
}
#bce-content .main-area .sidebar .menu-list-opened:hover a {
  color: #333;
}
#bce-content .main-area .sidebar .menu-list-opened:hover a:hover {
  color: #2468f2;
}
#bce-content .main-area .sidebar .menu-list-opened > a:hover {
  background-color: #eaf6fe;
  color: #fff;
}
#bce-content .main-area .sidebar .menu-item-common.sidebar-current a {
  padding-left: 12px;
}
#bce-content .main-area .sidebar .menu-list .sidebar-current a {
  padding-left: 36px;
}
#bce-content .main-area .sidebar .menu-list .sidebar-current a:before {
  left: 21px;
}
#bce-content .main-area .content-wrap {
  background-color: #e8ecf0;
}
#bce-content .main-area .no-sidebar .content-wrap {
  margin-left: 0;
}
#bce-content .main-area .with-sidebar .content-wrap {
  margin-left: 160px !important;
}
/**
 * 提供了一些业务中公用的小部件，比如面包屑、状态、进度条等
 * @file common/css/widget.less
 */
/**
 * 开通服务成功、失败
 **/
.open-service {
  padding: 20px 60px 20px 60px;
  background: #FFF;
  margin: 0;
}
.open-service .success-icon {
  *zoom: 1;
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: 32px;
  height: 32px;
  background: url(./assets/success.png) no-repeat;
  float: left;
  margin: 5px 0 0 0;
}
.open-service .fail-icon {
  *zoom: 1;
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: 32px;
  height: 32px;
  background: url(./assets/warn.png) no-repeat;
  float: left;
  margin: 5px 0 0 0;
}
.open-service .inner-wrap {
  margin-left: 60px;
}
.open-service .inner-wrap .row {
  line-height: 30px;
}
.open-service .inner-wrap .row .link-margin {
  margin-left: 20px;
}
.open-service .inner-wrap .one {
  font-size: 18px;
  color: #3291DA;
}
.open-service .inner-wrap .two {
  color: #CCC;
}
.open-service .inner-wrap .fail {
  color: #F46767;
}
.open-service-tip {
  color: #CCC;
  margin: 10px 0 20px 60px;
}
.open-service-tip li {
  line-height: 30px;
}
/**
 * 面包屑
 **/
.main-wrap-new .breadcrumb span,
.main-wrap-new .breadcrumb .divider,
.main-wrap-new .breadcrumb .active {
  color: #666;
}
.breadcrumb {
  font-size: 12px;
  margin-bottom: 20px;
}
.breadcrumb a,
.breadcrumb a:link,
.breadcrumb a:visited,
.breadcrumb a:active {
  text-decoration: none;
  color: #0786E9;
}
.breadcrumb a:hover {
  color: #0786E9;
}
.breadcrumb .divider {
  margin: 0 3px;
  color: #d9d9d9;
}
.breadcrumb .active {
  color: #777;
}
/**
 * 实例信息
 */
.instance-info {
  line-height: 18px;
  height: 40px;
  padding: 10px 0 10px 22px;
  margin: -20px -20px 0 -20px;
  background-color: #FFF;
  position: relative;
  color: #333;
}
.instance-info .status {
  display: inline-block;
  line-height: 40px;
}
.instance-info h1 {
  display: inline-block;
  padding-right: 10px;
  margin-right: 10px;
  border-right: 1px solid #E5E5E5;
  vertical-align: middle;
  max-width: 60%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.instance-info .ui-group {
  position: absolute;
  bottom: 15px;
  right: 20px;
}
.main-wrap-new .instance-info {
  margin: 0;
  height: 45px;
  padding: 5px 20px;
  border-bottom: 1px solid #E8EBEE;
  -webkit-border-top-left-radius: 3px;
  -moz-border-radius-topleft: 3px;
  border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  -moz-border-radius-topright: 3px;
  border-top-right-radius: 3px;
}
.main-wrap-new .instance-info h1 {
  font-size: 16px;
  border: none;
  line-height: 45px;
}
.main-wrap-new .instance-info .ui-group {
  position: static;
  float: right;
}
.main-wrap-new .instance-info span {
  display: inline-block;
  vertical-align: middle;
  line-height: 40px;
}
/**
 * 状态
 */
.status {
  position: relative;
  font-size: 12px;
  line-height: 16px;
}
.status:before {
  font-family: "iconfont";
  content: "\E632";
  font-size: inherit;
  position: relative;
  margin-right: 2px;
}
.status.error {
  color: #EB5252;
}
.status.normal {
  color: #2CB663;
}
.status.waiting {
  color: #108cee;
}
.status.waiting:before {
  content: "\E6E9";
}
.status.warning {
  color: #F4B329;
}
.status.unavailable {
  color: #999;
}
.status.rolling {
  color: #F4B329;
  position: relative;
  left: 20px;
}
.rolling:before {
  font-family: "iconfont";
  content: "\E632";
  font-size: inherit;
  color: #EB5252;
  position: absolute;
  left: 0;
  top: 1px;
  margin-left: -27px;
  animation: animation-rolling_red 2s;
  animation-iteration-count: infinite;
}
.rolling:after {
  font-family: "iconfont";
  content: "\E632";
  font-size: inherit;
  color: #108cee;
  position: absolute;
  left: 25px;
  top: 1px;
  margin-left: -39px;
  animation: animation-rolling_blue 2s;
  animation-iteration-count: infinite;
}
@keyframes animation-rolling_red {
  0% {
    left: 0;
  }
  50% {
    left: 13px;
  }
  100% {
    left: 0;
  }
}
@keyframes animation-rolling_blue {
  0% {
    left: 25px;
  }
  50% {
    left: 12px;
  }
  100% {
    left: 25px;
  }
}
/**
 * 实名制提醒
 */
.realname-tip {
  max-width: 980px;
  margin: 10px auto;
  text-align: center;
}
.realname-tip .ui-toastlabel-content {
  text-align: left;
}
/**
 * 公告
 */
.announce {
  margin-top: 50px;
  color: #2C4A93;
  height: 33px;
  padding-left: 60px;
  position: relative;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  background-color: #FAFAFA;
}
.announce a {
  color: #2A9EF7;
}
.announce .iconfont {
  position: absolute;
  left: 20px;
  top: 6px;
  color: #EE5757;
}
.announce .content {
  height: 33px;
  line-height: 33px;
  font-size: 12px;
  overflow: hidden;
}
.announce .content a {
  color: #2A9EF7;
  margin: 0 5px;
}
.announce .close {
  position: absolute;
  right: 20px;
  line-height: 33px;
  top: 0;
}
.ui-v5 .announce {
  float: left;
  margin-top: 10px;
  padding-left: 0;
  background: #fff;
  border-bottom: none;
}
.ui-v5 .announce .icon-notice,
.ui-v5 .announce .content,
.ui-v5 .announce .close {
  position: static;
  float: left;
}
.ui-v5 .announce .close .iconfont {
  position: static;
}
.ui-v5 .announce .iconfont {
  color: #ccc;
}
.ui-v5 .announce .icon-notice {
  margin-top: 8px;
  margin-right: 5px;
}
.ui-v5 .announce .icon-close {
  font-size: 10px;
  margin-left: 5px;
}
.ui-v5 .announce .content {
  max-width: 360px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.announce + .main-area {
  position: relative;
}
.announce + .main-area > #main {
  margin-top: 0;
}
.announce + .main-area #new-sidebar,
.announce + .main-area #sidebar {
  top: 0 !important;
  position: absolute;
}
.announce + .main-area #new-sidebar:before,
.announce + .main-area #sidebar:before {
  content: '';
  z-index: -999;
  position: fixed;
  width: 180px;
  height: 100%;
  background: #D0DAF3;
}
.announce + .main-area #sidebar > .sidebar-wrap {
  top: 0 !important;
}
.announce + .main-area #new-sidebar > .sidebar-wrap {
  top: 0 !important;
}
/**
 * 充值对话框
 */
.account-balence-confirm p {
  height: 30px;
  line-height: 20px;
}
.account-balence-confirm li {
  line-height: 25px;
}
/**
 * 监控
 */
.monitor-search-wrap {
  margin: 10px 0 10px;
  text-align: right;
}
.monitor-search-wrap .search-item {
  *zoom: 1;
  display: inline-block;
  *display: inline;
  zoom: 1;
}
.monitor-search-wrap .search-item label {
  vertical-align: middle;
  margin: 0 .5em 0 2em;
  color: #999;
  font-size: 12px;
}
.monitor-search-wrap .search-item.hide {
  display: none;
}
.monitor-trends {
  *zoom: 1;
  margin: 0 -10px;
}
.monitor-trends:before,
.monitor-trends:after {
  display: table;
  content: "";
}
.monitor-trends:after {
  clear: both;
}
.monitor-trends:before,
.monitor-trends:after {
  display: table;
  content: "";
}
.monitor-trends:after {
  clear: both;
}
.monitor-trends:before,
.monitor-trends:after {
  display: table;
  content: "";
}
.monitor-trends:after {
  clear: both;
}
.monitor-trends:before,
.monitor-trends:after {
  display: table;
  content: "";
}
.monitor-trends:after {
  clear: both;
}
.monitor-trends .monitor-trend-box {
  float: left;
  width: 50%;
  min-width: 320px;
}
.monitor-trends .monitor-trend-box-2 {
  float: left;
  width: 50%;
  min-width: 320px;
}
.monitor-trends .monitor-trend-wrap {
  padding: 10px;
  position: relative;
  margin: 10px;
  border: 1px solid #E8E8E6;
  border-radius: 4px;
}
.monitor-trends .monitor-trend-wrap .chart {
  height: 240px;
  border-radius: 2px;
}
.monitor-trends .monitor-trend-wrap .title {
  *zoom: 1;
  display: inline-block;
  *display: inline;
  zoom: 1;
  margin: 0 0 .5em 0;
  color: #555;
  font-weight: bold;
}
.monitor-trends .monitor-trend-wrap .icon-show-big {
  width: 16px;
  height: 16px;
  *zoom: 1;
  display: inline-block;
  *display: inline;
  zoom: 1;
  position: absolute;
  right: 10px;
  top: 10px;
  cursor: pointer;
  background-image: url(./assets/showbig.png);
  background-position: center center;
  background-size: 100%;
  background-repeat: no-repeat;
}
.monitor {
  *zoom: 1;
}
.monitor:before,
.monitor:after {
  display: table;
  content: "";
}
.monitor:after {
  clear: both;
}
.monitor:before,
.monitor:after {
  display: table;
  content: "";
}
.monitor:after {
  clear: both;
}
.monitor:before,
.monitor:after {
  display: table;
  content: "";
}
.monitor:after {
  clear: both;
}
.monitor:before,
.monitor:after {
  display: table;
  content: "";
}
.monitor:after {
  clear: both;
}
.monitor .alarm-info {
  padding: 20px 0;
}
.monitor .alarm-info .alarm-state {
  margin-left: 10px;
}
.monitor .alarm-info .state {
  font-size: 42px;
  vertical-align: top;
  line-height: 45px;
}
.monitor .alarm-info .state-ok {
  color: #4EEE94;
}
.monitor .alarm-info .state-alarm {
  color: #FF0000;
}
.monitor .alarm-info .state-insufficient {
  color: #ffa500;
}
.monitor .alarm-info a.alarm-detail {
  float: right;
  color: #199ED7;
  margin-right: 2em;
}
.monitor .alarm-info .alarm-detail {
  float: right;
}
.monitor .err-tips {
  *zoom: 1;
  display: inline-block;
  *display: inline;
  zoom: 1;
  padding: 10px;
  color: #ff7200;
  word-break: break-all;
  line-height: 20px;
}
.monitor .tips {
  line-height: 30px;
  color: #999;
}
/**
 *  价格
 */
.price {
  font-size: 24px;
  color: #EB5252;
}
.price-unit {
  color: #EB5252;
}
/**
 * 覆盖或增强ui控件样式
 */
.ui-table {
  /**
     * oprations 单词拼错了，用的很多 逐步替换
     */
}
.ui-table .oprations a {
  cursor: pointer;
  margin-right: 8px;
}
.ui-table .oprations-disabled a {
  color: #999;
  cursor: not-allowed;
}
.ui-table .operations a {
  cursor: pointer;
  margin-right: 8px;
}
.ui-table .operations-disabled a {
  color: #999;
  cursor: not-allowed;
}
.ui-table .instance-id,
.ui-table .instance-name {
  max-width: 90%;
  *zoom: 1;
  display: inline-block;
  *display: inline;
  zoom: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  white-space: nowrap;
  height: 20px;
}
.ui-table .cmd-button {
  background: none;
  border: none;
  outline: none;
  cursor: pointer;
  color: #0786E9;
  padding: 0;
  margin: 0 4px 0 0;
  font-size: 12px;
  font-family: inherit;
}
.ui-table .cmd-button.state-disabled {
  cursor: not-allowed;
  color: #999;
}
.ui-table .list-loading {
  padding: 40px;
}
.ui-table-cell-editable {
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  white-space: nowrap;
}
.ui-table-cell-editable > .ui-table-cell-editentry {
  display: none;
}
.ui-checkbox {
  *zoom: 1;
  display: inline-block;
  *display: inline;
  zoom: 1;
}
.ui-row .ui-pager {
  float: right;
}
.ui-table-body-nodata > div {
  height: 220px;
  background: #FFF url(./assets/nodata.png) left center no-repeat;
  width: 350px;
  margin: 0 auto;
  position: relative;
}
.ui-table-body-nodata > div > p {
  position: absolute;
  top: 85px;
  left: 180px;
  color: #666;
  font-size: 16px;
  text-align: left;
  line-height: 25px;
  word-break: break-all;
}
.ui-table-body-nodata table {
  margin: 0 auto;
  height: 310px;
  color: #999;
}
.ui-table-body-nodata .table-blank {
  width: 145px;
  height: 142px;
  margin-right: 40px;
  background: #FFF url(./assets/nodata.png) no-repeat;
}
.ui-form .form-layout {
  width: 100%;
  margin: 10px auto;
  table-layout: fixed;
}
.ui-form .form-layout th {
  width: 150px;
  text-align: right;
  color: #9C9A9C;
}
.ui-form .form-layout th,
.ui-form .form-layout td {
  padding: 5px 0;
  font-size: 12px;
}
.ui-form .form-layout .ui-select,
.ui-form .form-layout .ui-selectex,
.ui-form .form-layout .ui-multiselect {
  border: 1px solid #e8e8e6;
}
.ui-radioselect-pl {
  overflow: visible;
}
.ui-radioselect-pl .ui-radio-block {
  min-width: 26px;
}
.ui-radioselect-pl li:nth-last-of-type(1),
.ui-radioselect-pl li:nth-last-of-type(2),
.ui-radioselect-pl li:nth-last-of-type(3) {
  position: relative;
  overflow: visible;
}
.ui-radioselect-pl li:nth-last-of-type(1):after,
.ui-radioselect-pl li:nth-last-of-type(2):after,
.ui-radioselect-pl li:nth-last-of-type(3):after {
  content: "";
  display: block;
  background: url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAOCAYAAABKKc6PAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo4YTA0Nzc0NC1lZDVmLTQxOGEtOGRlYS1kNzFhZTgzMGU1NzIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDA4QkZERjAwMTc3MTFFNzlDMDlBOTQxOTVGQ0M0RDAiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDA4QkZERUYwMTc3MTFFNzlDMDlBOTQxOTVGQ0M0RDAiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpjODcyNDZhOS03ODUzLTRmMjktYWM2Ny0zYTY3YThhMzYwMzUiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDpjZTkyYjUyNC0xMzgwLTExN2EtYTZiYi1iOTA5OWRjMzNmNGMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4TXZjVAAACNElEQVR42mJ8pafHgAREgLgIiH2AWA2I2RmoC34C8Q0g3gTEk4D4DUyCEckhwUA8F4j5GegDPgFxEhCvBXGYkByxmo6OAAE+qJ3BMIeIAvE8UOigq2SxsmIQ3LKFQfTiRTDmnTKFgVFMDKfJrJ6eDAKrVpHiGEao3WIgh+RCXYfp5JYWhu8bNzK81tdneOPqChbjqaujRcgUgBzih0sFExcXw5+rV8Hs/69eMXxpamL4vmwZmM+RmsogtG8fOKRANLOmJkZowuQJhSQoc4AcooFL9svcuQwCfX3g4OaurWVgVlFh+HPsGFiO09+f4VNNDTi0/j58yMAREoIRmjB5sMNjYvA5RJ0Jn+yP2bMZ3lhYMHydPx9uOE9nJ5j9ISmJgUVbG+JAeXmMtAIKTZ6CArAnWBQUGNiB5uABv1ig+VofW0LljIpi+JyTw/B7+3Yw/jZzJoPI7t0MX3t7GYQ3bWL4eeYMw7+XLxl+X7uGYfLfN2/gHgBH7ceP+BxyjwlauGAAUBSwamkxcBYVweMXFLx/Hj9mYDE2BlsESjM/1qwB+xgZgBzNLCICZ3N4ezOwOzvjc8hWkEOmQAsXzBIHGMdsurrgUAAlOhD7c1sb2PD/376BxfmnTmX48+ABA5O4OIrezxMmMPCWloL1MQM9AgpNPAXbBFjJCivQGBnoC/4DcSiodIUlVlAxGwbyCB0d8RnmCOQiHgTWALESELcD8RVQ9NLA8q9AfB6IW6B2rYVJAAQYAEDdvPCsYdfTAAAAAElFTkSuQmCC) no-repeat 0 0;
  width: 34px;
  height: 14px;
  position: absolute;
  top: -9px;
  left: 7px;
}
.tip-grey,
.tip-normal,
.tip-green,
.tip-orange,
.tip-yellow,
.tip-warning,
.tip-red,
.tip-error {
  display: block;
  padding: 5px 15px;
  line-height: 20px;
  font-size: 12px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.tip-grey,
.tip-info {
  color: #999;
  background-color: #F7F7F7;
}
.tip-green,
.tip-normal {
  color: #1DA653;
  background-color: #F2FEF7;
}
.tip-orange,
.tip-yellow,
.tip-warning {
  color: #F38900;
  background-color: #FCF7F1;
}
.tip-red,
.tip-error {
  color: #FB4351;
  background-color: #FFF5F5;
}
.required-label {
  position: relative;
}
.required-label:before {
  content: '*';
  line-height: 30px;
  position: absolute;
  left: -10px;
  color: #f00;
}
/**
 * common - variable
 * 过渡时期由业务端biz.less引用，业务端逐步替换到inf-style
 *
 * @see inf-style/var.less
 * @file variable.less
 * @author mudio(job.mudio@gmail.com)
 */
.component-mfacheck .ui-dialog-body-pane {
  padding: 15px;
}
.component-mfacheck .component-dialog-content {
  font-size: 12px;
}
.component-mfacheck .component-dialog-content header {
  margin-bottom: 10px;
}
.component-mfacheck .component-dialog-content header p {
  margin: 0 2em 16px 2em;
}
.component-mfacheck .component-dialog-content header .qrcode-img {
  margin: 0 160px 16px 140px;
}
.component-mfacheck .component-dialog-content ul {
  margin: 0 2em;
}
.component-mfacheck .component-dialog-content li {
  display: block;
  padding-left: 100px;
  position: relative;
  line-height: 35px;
}
.component-mfacheck .component-dialog-content li label {
  width: 90px;
  position: absolute;
  left: 0;
}
.component-mfacheck .component-dialog-content li.totp-bind-choose-other {
  padding-left: 197px;
}
.component-mfacheck .component-dialog-content #mfacheck-message {
  color: #1DA653;
}
.component-mfacheck .component-dialog-content .error {
  color: #FB4351 !important;
}
.component-mfacheck .component-dialog-content .hide {
  display: none;
}
/* --------------- 颜色 --------------- */
/* --------------- 边框 --------------- */
/* ----------- 间距/边距/大小 ----------- */
/* ----------- 字体大小 ----------- */
.list-page .ui-table-x.ui-table-multi .ui-table-cell:first-child .ui-table-cell-text {
  padding: 0 16px;
}
.list-page .ui-table-cell-text {
  overflow: visible;
  word-break: break-all;
}
.ellipsis-table .ui-table-cell-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ellipsis-table .ui-table-cell-text:hover {
  overflow: auto;
  text-overflow: clip;
}
.user-main-wrap .content-wrap {
  margin-left: 160px;
}
.user-main-wrap .content-wrap-no-sidebar {
  margin-left: 0;
}
.user-main-wrap .table-full-wrap .ui-row:first-child {
  margin: 20px 20px 10px;
}
.user-main-wrap .content {
  padding: 20px;
}
.user-main-wrap .content .detail-parts-table {
  padding: 0 10px;
}
.user-main-wrap .content .detail-part-table-role-info {
  width: 70%;
}
.user-main-wrap .content .detail-part-table-role-info td {
  width: 50%;
}
.user-main-wrap ul.products {
  margin-top: 10px;
}
.user-main-wrap ul.products li span {
  display: inline-block;
  margin-right: 20px;
}
.user-main-wrap .ui-form-x .ui-form-item-inline .ui-form-item-label {
  text-align: left;
}
.skin-iam-user-accesskey-download .ui-dialog-cancel-btn {
  display: none;
}
.skin-iam-user-accesskey-download .title {
  font-size: 18px;
  margin-top: 20px;
}
.skin-iam-user-accesskey-download .icon-ok-reverse {
  font-size: 40px;
  color: #2CB663;
  margin-right: 10px;
  position: relative;
  top: 7px;
}
.skin-iam-user-accesskey-download .content {
  font-size: 12px;
  color: #666;
  margin-top: 20px;
  margin-left: 50px;
}
.subrow-content-row .ui-table-head {
  display: none;
}
.subrow-content-row table {
  border: none;
}
.subrow-content-row .ui-table-cell-sel {
  visibility: hidden;
}
.orgnization-master-tip {
  background: #FCF7F1;
  border: 1px solid #F38900;
  border-radius: 8px;
  color: #F38900;
  line-height: 20px;
  padding: 1px 7px;
  margin-left: 8px;
}
.iam-ui-tree-wrap .ui-tree-x {
  font-size: 12px;
}
.iam-ui-tree-wrap .ui-tree-x .ui-tree-sub-root-expanded {
  position: relative;
}
.iam-ui-tree-wrap .ui-tree-x .ui-tree-sub-root-expanded .ui-tree-content-wrapper {
  position: relative;
}
.iam-ui-tree-wrap .ui-tree-x .ui-tree-sub-root-expanded .ui-tree-content-wrapper::before {
  width: 10px;
  height: 1px;
  position: absolute;
  border-top: 1px dashed #ccc;
  content: '';
  left: 4px;
  top: 12px;
}
.iam-ui-tree-wrap .ui-tree-x .ui-tree-sub-root-expanded::before {
  width: 1px;
  height: 100%;
  position: absolute;
  border-left: 1px dashed #ccc;
  content: '';
  left: 20px;
  top: -10px;
}
.iam-ui-tree-wrap .ui-tree-x .ui-tree-node-indicator-empty {
  display: block;
  font-size: 24px;
}
.iam-ui-tree-wrap .ui-tree-x .ui-tree-node-indicator-empty:before {
  content: "\B7";
}
.iam-ui-tree-wrap .ui-tree-x .ui-tree-node-active > .ui-tree-content-wrapper .ui-tree-item-content {
  color: #108CEE;
}
.ui-textbox-limit {
  display: none;
}
.main-wrap-new-v2 {
  background-color: #fff;
}
.main-wrap-new-v2 .page-breadcrumb-wrapper {
  box-sizing: border-box;
  height: 70px;
  background-color: #fff;
  border-bottom: 1px solid #ddd;
}
.main-wrap-new-v2 .page-breadcrumb-wrapper .back-wrapper {
  top: 20px;
}
.main-wrap-new-v2 .page-breadcrumb-wrapper .back-wrapper .back-arrow {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-right: 20px;
  position: relative;
  border: 1px solid #ccc;
}
.main-wrap-new-v2 .page-breadcrumb-wrapper .back-wrapper .back-arrow i {
  position: absolute;
  top: 6px;
  left: 9px;
}
.main-wrap-new-v2 .page-breadcrumb-wrapper .back-wrapper .back-arrow-title {
  font-size: 16px;
  color: #000000;
  line-height: 28px;
  float: right;
  margin-right: 20px;
}
.main-wrap-new-v2 .page-breadcrumb-wrapper .back-wrapper .ui-button {
  float: right;
  margin-right: 10px;
}
.main-wrap-new-v2 .detail-page-body {
  padding: 0 120px 20px 120px;
}
.main-wrap-new-v2 .detail-parts-table {
  padding: 20px 20px 0 20px;
  border: 1px solid #ebebeb;
  margin-bottom: 20px;
}
.main-wrap-new-v2 .detail-parts-table .info-table {
  width: 100%;
}
.main-wrap-new-v2 .detail-parts-table .info-table tr:not(:last-of-type) {
  margin-bottom: 20px;
}
.main-wrap-new-v2 .detail-parts-table .info-table label {
  color: #999;
}
.ui-boxgroup-radio span.after-label {
  color: #999999;
  padding-left: 25px;
  vertical-align: bottom;
}
.ui-numbertextline {
  display: inline-block;
}
.icon-x,
.icon-plus {
  font-size: 12px;
}
.ui-tree-x .ui-tree-sub-root-expanded {
  position: relative;
}
.ui-tree-x .ui-tree-sub-root-expanded .ui-tree-content-wrapper {
  position: relative;
}
.ui-tree-x .ui-tree-sub-root-expanded .ui-tree-content-wrapper::before {
  width: 10px;
  height: 1px;
  position: absolute;
  border-top: 1px dashed #ccc;
  content: '';
  left: 4px;
  top: 12px;
}
.ui-tree-x .ui-tree-sub-root-expanded::before {
  width: 1px;
  height: 100%;
  position: absolute;
  border-left: 1px dashed #ccc;
  content: '';
  left: 20px;
  top: -10px;
}
.ui-tree-x .ui-tree-node-indicator-empty {
  display: block;
  font-size: 24px;
  position: absolute;
}
.ui-tree-x .ui-tree-node-indicator-empty + .ui-tree-item-content {
  margin-left: 14px;
}
.ui-tree-x .ui-tree-node-indicator-empty:before {
  content: '\B7';
}
.ui-tree-x .ui-tree-node-active > .ui-tree-content-wrapper .ui-tree-item-content {
  color: #108cee;
}
.ui-dialog-body,
.ui-dialog-body-panel,
.ui-drawer-x {
  font-size: 12px;
}
.ui-dialog-body .ui-form-x .ui-form-item-help,
.ui-dialog-body-panel .ui-form-x .ui-form-item-help,
.ui-drawer-x .ui-form-x .ui-form-item-help {
  display: inline;
}
.ui-dialog-body .ui-form-x .ui-form-item-invalid-label,
.ui-dialog-body-panel .ui-form-x .ui-form-item-invalid-label,
.ui-drawer-x .ui-form-x .ui-form-item-invalid-label {
  display: block;
}
.ui-dialog-body .ui-form-x .ui-form-item-content .typography-text,
.ui-dialog-body-panel .ui-form-x .ui-form-item-content .typography-text,
.ui-drawer-x .ui-form-x .ui-form-item-content .typography-text {
  line-height: 30px;
}
.locale-en .flexible-hint-wrap {
  padding: 9px 110px 9px 20px;
}
.flexible-hint-wrap {
  background: #f7f7f7;
  padding: 9px 20px;
  margin: 20px;
  position: relative;
  line-height: 20px;
  min-height: 20px;
}
.flexible-hint-wrap.flexible-hint-wrap-expand {
  padding: 30px 20px 20px;
}
.flexible-hint-wrap a.toggle-button {
  position: absolute;
  right: 10px;
  top: 10px;
}
.icon-ok-reverse {
  color: #2cb663;
}
.icon-warning-new {
  color: #f4b329;
}
a.disabled-label {
  color: #999;
  cursor: not-allowed;
}
.icon-edit,
.icon-copy {
  color: #108cee;
  cursor: pointer;
}
*,
*::before,
*::after {
  box-sizing: content-box;
}
html,
body {
  height: unset;
}
.antd-container *,
.idaas-ant-modal-root *,
.antd-container *::before,
.idaas-ant-modal-root *::before,
.antd-container *::after,
.idaas-ant-modal-root *::after {
  box-sizing: border-box;
}
.antd-container a,
.idaas-ant-modal-root a {
  color: #2468f2;
}
.antd-container .idaas-ant-tooltip-inner,
.idaas-ant-modal-root .idaas-ant-tooltip-inner {
  color: #151b26;
  background-color: #fff;
  font-size: 12px;
  line-height: 20px;
  padding: 12px 16px;
  min-height: unset;
}
.antd-container .idaas-ant-tooltip-arrow-content,
.idaas-ant-modal-root .idaas-ant-tooltip-arrow-content {
  background-color: #fff;
  --antd-arrow-background-color: #fff;
}
.locale-en #bce-content .main-area .new-sidebar-box {
  width: 180px;
}
.locale-en #bce-content .main-area .new-sidebar-box .sidebar {
  width: 180px;
}
.locale-en .user-main-wrap .content-wrap {
  margin-left: 180px;
}
.locale-en .list-page-with-sidebar {
  margin-left: 200px;
}
/**
 * @file [Please Input File Description]
 * @author zhangzhe
 */
.user-baseinfo {
  position: relative;
}
.user-baseinfo .industry-info .detail-cell span {
  width: 260px;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  white-space: nowrap;
  *zoom: 1;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
}
.user-baseinfo .create-content h2 {
  line-height: 55px;
  padding: 0 20px;
  border-bottom: 1px solid #EEE;
  color: #333;
  font-size: 16px;
  background-color: transparent;
}
.user-baseinfo .hide-bar .form-row {
  margin: 0 0 20px 50px;
}
.user-baseinfo .hide-bar .submit-button {
  min-width: 50px;
}
.user-baseinfo .hide-bar .create-content {
  margin-top: 0;
}
.user-baseinfo .base-info-detail .baseinfo-edit {
  float: right;
}
.user-baseinfo .base-info-detail label {
  width: 100px;
}
.user-baseinfo .base-info-detail p {
  line-height: 30px;
}
.user-baseinfo .phone-bound-error {
  margin-left: 170px;
  margin-bottom: 20px;
}
.user-baseinfo .base-info-editor {
  padding: 20px 50px;
}
.user-baseinfo .base-info-editor .form-row {
  margin: 0 0 20px 150px;
}
.user-baseinfo .base-info-editor .submit-button {
  width: 104px !important;
}
.user-baseinfo h1 {
  font-size: 24px;
  font-weight: normal;
  line-height: 64px;
  border-bottom: 1px solid #E3E3E3;
  margin: 10px 0;
  padding-left: 40px;
  display: none;
}
.user-baseinfo .industry-select {
  *zoom: 1;
  display: inline-block;
  *display: inline;
  zoom: 1;
}
.user-baseinfo .content-wrap .detail-content {
  min-height: 600px;
  margin-top: 20px;
}
.user-baseinfo .content-wrap .user-baseinfo-form .code-div {
  padding-top: 40px;
  padding-bottom: 30px;
  border-bottom: 1px dashed #525252;
}
.user-baseinfo .content-wrap .user-baseinfo-form .code-div .code-validity {
  color: #C00;
  margin-left: 10px;
}
.user-baseinfo .form-row {
  margin: 0 0 20px 140px;
}
.user-baseinfo .form-row > label {
  width: 100px;
  text-align: right;
}
.user-baseinfo .form-row i {
  color: #EB5252;
  vertical-align: middle;
}
.user-baseinfo .form-row .form-value {
  color: #333;
  line-height: 30px;
  margin-left: 120px;
}
.user-baseinfo .form-row .form-value .send-phone-code {
  margin-left: 4px;
}
.user-baseinfo .form-row .form-value .send-code-tip {
  margin-left: 6px;
  color: #2CB663;
  *zoom: 1;
  display: inline-block;
  *display: inline;
  zoom: 1;
}
.user-baseinfo .form-row #industry-type-p {
  width: 420px;
  overflow: hidden;
}
.user-baseinfo .form-row #industry-type-p label {
  margin-right: 10px;
  width: 100px;
  float: left;
}
.user-baseinfo .form-row #industry-type-p input,
.user-baseinfo .form-row #industry-type-p span {
  vertical-align: middle;
}
.user-baseinfo .form-row #industry-type-p .other-label {
  width: 46px;
}
.user-baseinfo .form-row #industry-type-p .other-input {
  display: none;
  width: 54px;
  border: 1px solid #B0C0E7;
  padding: 0 5px;
  color: #333;
  height: 25px;
  float: left;
  -moz-border-radius: ;
  -webkit-border-radius: ;
  border-radius: ;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.user-baseinfo .form-row #industry-type-p .other-input:hover {
  border-color: #6E8AB8;
}
.user-baseinfo .form-row #industry-type-p .other-input:focus {
  outline: none;
}
.user-baseinfo .warn-span {
  *zoom: 1;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
  width: 26px;
  height: 26px;
  margin-top: 0;
  margin-right: 5px;
  background: url(./assets/warn2.png) no-repeat;
}
.user-baseinfo .button-row {
  clear: both;
  margin-left: 292px;
  margin-top: 10px;
}
.user-baseinfo .baseinfo-wrap {
  margin-top: 10px;
}
.user-baseinfo .uneditable {
  *zoom: 1;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
  line-height: 30px;
  width: 222px;
}
.user-baseinfo .ui-checkbox,
.user-baseinfo a {
  vertical-align: middle;
}
.user-baseinfo .ui-select-validity-label {
  padding-left: 10px;
}
.user-baseinfo .passport-tip {
  color: #E19D0C;
  line-height: initial;
}
.new-user-baseinfo {
  padding: 0;
  background: #F6F6F6;
}
.new-user-baseinfo .content-wrap {
  margin: 0 auto;
  width: 910px;
  border: none;
  padding-bottom: 20px;
  border-radius: 4px;
  padding-left: 60px;
  background-color: transparent;
}
/**
 * @file iam/user/bce_passport/reset.less
 * @author zhangtianxing
 */
.ui-hint {
  color: #333;
  padding: 10px 10px 10px 20px;
  background: #F5F5F5;
  border: 1px solid #E4E4E4;
  line-height: 20px;
}
.ui-hint span {
  color: #999;
}
.audit-log .log-detail {
  background: #f7f7f7;
  padding: 20px;
}
.audit-log .log-detail .items {
  display: flex;
  flex-wrap: wrap;
}
.audit-log .log-detail .items div {
  min-width: 50%;
}
.audit-log .log-detail .resource-title {
  margin: 10px 0;
  border-bottom: 1px solid #ccc;
}
.audit-log .log-detail .button-wrapper {
  text-align: right;
}
/**
 * @file iam/user/v2/view/baseinfo.less
 * @author leeight
 */
.iam-user-v2-view-baseinfo .detail-parts-table {
  padding: 20px 40px;
}
.iam-user-v2-view-baseinfo .edit-baseinfo {
  float: right;
}
/**
 * @file iam/user/v2/edit/baseinfo.less
 * @author leeight
 */
.iam-user-v2-edit-baseinfo textarea {
  padding: 10px;
  line-height: 18px;
}
.iam-user-v2-edit-baseinfo .create-parts {
  padding: 20px 50px;
  padding-bottom: 0;
}
.iam-user-v2-edit-baseinfo .create-part:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.iam-user-v2-edit-baseinfo .button-row {
  margin-left: 310px;
  margin-bottom: 15px;
}
.iam-user-v2-edit-baseinfo .button-row .ui-button {
  width: 110px;
}
.iam-user-v2-edit-baseinfo .ui-boxgroup-horizontal {
  width: 400px;
}
.iam-user-v2-edit-baseinfo .ui-boxgroup-horizontal label {
  min-width: 90px;
  margin-right: 10px;
}
.iam-user-v2-edit-baseinfo .ui-boxgroup-checkbox input {
  margin: 0;
  margin-right: 5px;
}
.iam-user-v2-edit-baseinfo .ui-select,
.iam-user-v2-edit-baseinfo .ui-selectex,
.iam-user-v2-edit-baseinfo .ui-multiselect {
  float: left;
}
.iam-user-v2-edit-baseinfo .head-back {
  font-size: 12px;
  color: #000000;
  float: left;
}
.iam-user-v2-edit-baseinfo.usercenter .title {
  border-left: 5px solid #108cee;
  padding: 0 10px;
  line-height: 1;
  margin-left: 20px;
  border-bottom: none;
}
.iam-user-v2-edit-baseinfo.usercenter .textCenter {
  text-align: center;
}
.iam-user-v2-edit-baseinfo.usercenter .content-wrap {
  margin: 20px 0 0;
}
.iam-user-v2-edit-baseinfo.usercenter .form-row {
  margin: 20px;
}
.iam-user-v2-edit-baseinfo.usercenter .form-row label {
  text-align: left;
}
.iam-user-v2-edit-baseinfo.usercenter .create-parts {
  padding: 0;
}
.iam-user-v2-edit-baseinfo.usercenter .button-row {
  margin-left: 140px;
}
.iam-user-v2-edit-baseinfo.usercenter .button-row .ui-button {
  padding: 3px 0;
}
.iam-user-v2-edit-baseinfo.usercenter .button-row .ui-button.cancel {
  margin-left: 10px;
  width: 70px;
}
/**
 * @file iam/user/v2/activate/baseinfo.less
 * @author leeight
 */
.iam-user-v2-activate-baseinfo .user-baseinfo {
  padding: 40px 0;
}
.iam-user-v2-activate-baseinfo .create-content {
  width: 900px;
  margin: 0 auto;
}
.iam-user-v2-activate-baseinfo h2 {
  font-size: 24px !important;
  padding: 10px 20px !important;
}
.iam-user-v2-activate-baseinfo textarea {
  padding: 10px;
  line-height: 18px;
}
.iam-user-v2-activate-baseinfo .create-parts {
  padding: 20px 50px;
  padding-bottom: 0;
}
.iam-user-v2-activate-baseinfo .button-row {
  margin-left: 310px;
  margin-bottom: 15px;
}
.iam-user-v2-activate-baseinfo .button-row .ui-button {
  width: 110px;
}
.iam-user-v2-activate-baseinfo .ui-boxgroup-horizontal {
  width: 300px;
}
.locale-en .iam-user-v2-activate-baseinfo .ui-boxgroup-horizontal {
  width: 500px;
}
.iam-user-v2-activate-baseinfo .ui-boxgroup-horizontal label {
  width: 90px;
  margin-right: 10px;
  white-space: nowrap;
}
.locale-en .iam-user-v2-activate-baseinfo .ui-boxgroup-horizontal label {
  width: 150px;
}
.locale-en .iam-user-v2-activate-baseinfo .ui-boxgroup-horizontal label span {
  margin-left: 5px;
}
.iam-user-v2-activate-baseinfo .ui-select,
.iam-user-v2-activate-baseinfo .ui-selectex,
.iam-user-v2-activate-baseinfo .ui-multiselect {
  float: left;
}
.iam-user-v2-activate-baseinfo .form-row > label {
  white-space: nowrap;
}
.iam-user-v2-activate-baseinfo .form-row .hint {
  max-width: 400px;
}
.iam-user-v2-activate-baseinfo .industry1-select {
  width: 184px;
}
@media only screen and (max-width: 800px) {
  body {
    background-color: #fff !important;
  }
  #main-sidebar {
    display: none !important;
  }
  #header {
    display: none !important;
  }
  #user-suggestion {
    display: none !important;
  }
  .yeying {
    display: none !important;
  }
  #bce-content {
    left: 0 !important;
  }
  #bce-content .main-area {
    min-width: 100vw;
  }
  #bce-content #main {
    top: 0;
    background-color: #fff;
  }
  #bce-content #main .user-baseinfo {
    padding: 0;
  }
  #bce-content #main .iam-user-v2-activate-baseinfo {
    width: 100vw;
  }
  #bce-content #main .iam-user-v2-activate-baseinfo .user-baseinfo {
    width: 100vw;
  }
  #bce-content #main .iam-user-v2-activate-baseinfo .user-baseinfo .create-content {
    width: 100vw;
  }
  #bce-content #main .iam-user-v2-activate-baseinfo .user-baseinfo .create-content h2 {
    box-sizing: border-box;
    text-align: center;
    color: #108CEE;
  }
  #bce-content #main .iam-user-v2-activate-baseinfo .user-baseinfo .form-row {
    margin: 0 !important;
    padding: 10px 20px !important;
    line-height: 18px;
    padding-bottom: 5px;
    border-bottom: 1px solid #e8ebef;
  }
  #bce-content #main .iam-user-v2-activate-baseinfo .user-baseinfo .form-row .form-value {
    margin-left: 100px;
  }
  #bce-content #main .iam-user-v2-activate-baseinfo .user-baseinfo .form-row .hint {
    max-width: 300px !important;
    color: #000;
    margin: 15px 0;
  }
  #bce-content #main .iam-user-v2-activate-baseinfo .user-baseinfo .form-row label {
    text-align: left;
  }
  #bce-content #main .iam-user-v2-activate-baseinfo .user-baseinfo .form-row.industry2 .form-value {
    margin: 40px 0 0 0;
  }
  #bce-content #main .iam-user-v2-activate-baseinfo .user-baseinfo .form-row.industry1 label {
    float: none;
    font-weight: 500;
  }
  #bce-content #main .iam-user-v2-activate-baseinfo .user-baseinfo .form-row.industry1 .form-value {
    margin-left: 0;
  }
  #bce-content #main .iam-user-v2-activate-baseinfo .user-baseinfo .form-row.industry1 .industry1-select {
    width: 324px;
  }
  #bce-content #main .iam-user-v2-activate-baseinfo .user-baseinfo .form-row.other-type .form-value {
    margin-left: 0;
  }
  #bce-content #main .iam-user-v2-activate-baseinfo .user-baseinfo .form-row.agree .form-value {
    margin: 30px 0 0 0;
  }
  #bce-content #main .iam-user-v2-activate-baseinfo .user-baseinfo .form-row.agree a {
    display: block;
    line-height: 24px;
  }
  #bce-content #main .iam-user-v2-activate-baseinfo .user-baseinfo .form-row .ui-textbox input {
    border: none;
  }
  #bce-content #main .iam-user-v2-activate-baseinfo .user-baseinfo .form-row .ui-textbox input:focus {
    background-color: #fff;
  }
  #bce-content #main .iam-user-v2-activate-baseinfo .create-parts {
    padding: 0 !important;
  }
  #bce-content #main .iam-user-v2-activate-baseinfo .button-row {
    margin-left: 0 !important;
    text-align: center;
  }
  #bce-content #main .iam-user-v2-activate-baseinfo .button-row .ui-button {
    width: 340px;
    height: 37.5px;
    border-radius: 37.5px;
  }
  #ctrl-i-industry1-layer {
    width: inherit;
  }
  .fixed-tools {
    display: none;
  }
  .ui-dialog-x {
    width: 375px !important;
  }
}
.iam-user-v3-activate-baseinfo {
  background-image: url(https://bce.bdstatic.com/eop-plat/assets/img/1280-bg%402x.png);
  background-size: cover;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 16px;
}
.iam-user-v3-activate-baseinfo a {
  color: #2468f2;
  font-size: 12px;
  line-height: 20px;
}
.iam-user-v3-activate-baseinfo .main-content {
  margin: 108px auto 0 auto;
  width: 400px;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 14px;
}
.iam-user-v3-activate-baseinfo .title {
  font-size: 28px;
  color: #151b26;
  line-height: 32px;
  font-weight: 500;
}
.iam-user-v3-activate-baseinfo .sub-title {
  font-size: 14px;
  color: #303540;
  line-height: 20px;
  margin: 20px 0 40px 0;
}
.iam-user-v3-activate-baseinfo .acud-checkbox + span,
.iam-user-v3-activate-baseinfo .acud-checkbox.acud-checkbox-checked + span {
  font-size: 12px;
  color: rgba(34, 34, 34, 0.9);
  line-height: 20px;
  padding-right: 4px;
}
.iam-user-v3-activate-baseinfo .acud-btn-primary {
  width: 120px;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
}
.iam-user-v3-activate-baseinfo .acud-btn-primary[disabled],
.iam-user-v3-activate-baseinfo .acud-btn-primary[disabled]:active,
.iam-user-v3-activate-baseinfo .acud-btn-primary[disabled]:hover {
  background: #e2e6f0;
  color: #848b99;
}
@media only screen and (max-width: 820px) {
  .iam-user-v3-activate-baseinfo {
    overflow-y: auto;
  }
}
@media only screen and (max-width: 640px) {
  .iam-user-v3-activate-baseinfo {
    margin: 0;
    overflow-y: auto;
  }
  .iam-user-v3-activate-baseinfo .main-content {
    width: unset;
    padding: 0 16px 16px 16px;
  }
  .iam-user-v3-activate-baseinfo .acud-tooltip-disabled-compatible-wrapper {
    width: 326px;
  }
  .iam-user-v3-activate-baseinfo .acud-btn-primary {
    width: 326px;
  }
}
@media only screen and (max-height: 600px) {
  .iam-user-v3-activate-baseinfo {
    margin: 0;
    min-height: 100vh;
    background-image: url(./assets/bg@2x.png);
  }
  .iam-user-v3-activate-baseinfo .main-content {
    margin: 170px auto 0 auto;
  }
  .iam-user-v3-activate-baseinfo .title {
    font-size: 28px;
    color: #222222;
    line-height: 36px;
  }
  .iam-user-v3-activate-baseinfo .sub-title {
    margin: 12px 0 32px 0;
    font-size: 14px;
    color: #222222;
    line-height: 24px;
  }
  .iam-user-v3-activate-baseinfo .acud-tooltip-disabled-compatible-wrapper {
    width: 280px;
  }
  .iam-user-v3-activate-baseinfo .acud-btn-primary {
    width: 280px;
  }
}
/**
 * @file iam/user/v2/verify/App.less
 * @author leeight
 */
.iam-user-v2-verify .list-content {
  margin-top: 20px;
}
.iam-user-v2-verify .list-content .qrcode-wrap {
  margin-top: 20px;
  padding-left: 20px;
}
.iam-user-v2-verify .list-content .qrcode-wrap .qrcode-img {
  float: left;
}
.iam-user-v2-verify .list-content .qrcode-wrap .device-info {
  padding-top: 100px;
  margin-left: 300px;
}
.iam-user-v2-verify .list-content .qrcode-wrap .device-info .secret-seed {
  margin-top: 20px;
}
.iam-user-v2-verify .list-content .qrcode-wrap:after {
  content: '';
  display: block;
  clear: both;
}
.iam-user-v2-verify .tip-warning {
  margin-top: 20px;
}
.iam-user-v2-verify .detail-parts-table {
  padding: 20px 0 !important;
}
.iam-user-v2-verify .submit-panel {
  padding-top: 15px;
}
.iam-user-v2-verify strong.empty {
  color: #FF9933;
}
.iam-user-v2-verify .help-text {
  color: #999;
}
.iam-user-v2-verify .ui-form .ui-form-item {
  margin: 15px 0;
}
.iam-user-v2-verify .ui-form .ui-form-item-inline .ui-form-item-label {
  width: 100px;
}
.iam-user-v2-verify .totp-unbind-tip {
  margin-left: 10px;
}
.iam-user-v2-email-bind .create-main .detail-parts-table .detail-create > dd > label {
  width: 50px;
}
.iam-user-v2-email-bind .create-main .detail-parts-table .detail-create > dd > div {
  margin: 0 0 0 50px;
}
.iam-user-v2-email-bind .submit-panel {
  padding-top: 20px;
  padding-left: 50px;
}
/**
 * @file iam/user/v3/view/overview.less
 * @author zhangtianxing
 */
.iam-user-v3-view-overview .fr {
  float: right;
}
.iam-user-v3-view-overview .fl {
  float: left;
}
.iam-user-v3-view-overview .mar0 {
  margin: 0 !important;
}
.iam-user-v3-view-overview .content {
  padding: 20px;
}
.iam-user-v3-view-overview .edit-baseinfo {
  float: right;
}
.iam-user-v3-view-overview .success,
.iam-user-v3-view-overview .normal {
  color: #2CB663;
}
.iam-user-v3-view-overview .error,
.iam-user-v3-view-overview .fail {
  color: #EB5252;
}
.iam-user-v3-view-overview .warning {
  color: #f39700;
}
.iam-user-v3-view-overview .light {
  color: #999999;
}
.iam-user-v3-view-overview .tip-custom {
  background-image: none;
  vertical-align: text-bottom;
}
.iam-user-v3-view-overview .btn-detail {
  display: inline-block;
  zoom: 1;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  color: #707070;
  background-color: #f7f7f7;
  font-size: 12px;
  line-height: 100%;
  padding: 5px 11px;
  border: 1px solid #ccc;
  vertical-align: middle;
}
.iam-user-v3-view-overview h2 {
  line-height: 55px;
  color: #333;
  font-size: 16px;
  line-height: inherit;
  padding-bottom: 20px;
  background-color: transparent;
}
.iam-user-v3-view-overview h2 .operate {
  float: right;
  font-size: 12px;
  margin-right: 20px;
  cursor: pointer;
}
.iam-user-v3-view-overview h2.contact-title {
  padding: 20px;
  border-bottom: 1px solid #e8ebee;
}
.iam-user-v3-view-overview table {
  width: 100%;
}
.iam-user-v3-view-overview table td {
  padding: 5px 0;
}
.iam-user-v3-view-overview .detail-cell label {
  float: left;
}
.iam-user-v3-view-overview .detail-cell span {
  display: block;
  height: 24px;
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.iam-user-v3-view-overview .detail-cell .enterprise-senior-link {
  margin-left: 15px;
}
.iam-user-v3-view-overview .pro-wrap {
  background-color: #fcfcfc;
  padding: 0;
  height: auto;
  margin-top: 20px;
  overflow: hidden;
}
.iam-user-v3-view-overview .qualify-btn-line {
  display: flex;
  padding-left: 40px;
  margin-top: 10px;
}
.iam-user-v3-view-overview .qualify-btn-line .detail-cell {
  margin-right: 20px;
}
.iam-user-v3-view-overview .qualify-change-btn {
  margin-right: 10px;
}
.iam-user-v3-view-overview .baseinfo {
  height: 190px;
  overflow: hidden;
}
.iam-user-v3-view-overview .baseinfo .detail-parts-table {
  padding: 20px 40px;
}
.iam-user-v3-view-overview .baseinfo .detail-parts-table th {
  color: #999;
  white-space: nowrap;
}
.iam-user-v3-view-overview .baseinfo .left {
  float: left;
  width: 250px;
  margin-right: 10px;
}
.iam-user-v3-view-overview .baseinfo .left dl {
  float: left;
  margin-left: 20px;
}
.iam-user-v3-view-overview .baseinfo .left dd {
  max-width: 165px;
  margin-top: 8px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.iam-user-v3-view-overview .baseinfo .left-only dd {
  max-width: 400px;
}
.iam-user-v3-view-overview .baseinfo .right {
  display: inline-block;
  width: 74%;
  padding: 0;
}
.iam-user-v3-view-overview .baseinfo .right .detail-part-1-col {
  margin-bottom: 10px;
}
.iam-user-v3-view-overview .baseinfo .right dd:first-child {
  margin-top: 0;
}
.iam-user-v3-view-overview .baseinfo .username {
  float: left;
  width: 60px;
  height: 60px;
  font-size: 28px;
  background: #108cee;
  border-radius: 50%;
  text-align: center;
  line-height: 60px;
  padding: 0;
  color: #ffffff;
}
.iam-user-v3-view-overview .middle {
  display: flex;
}
.iam-user-v3-view-overview .qualify {
  width: 49%;
  margin-right: 2%;
}
.iam-user-v3-view-overview .qualify h2 {
  padding: 0;
}
.iam-user-v3-view-overview .qualify-upgrade-guide {
  background-color: #fdecd5;
  color: #f59a23;
  text-align: center;
  vertical-align: middle;
  line-height: 2;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 10px;
}
.iam-user-v3-view-overview .qualify-upgrade-guide i {
  line-height: 2;
  margin-right: 10px;
}
.iam-user-v3-view-overview .qualify .tip-custom {
  margin-left: 5px;
}
.iam-user-v3-view-overview .qualify .tip-custom.iconfont {
  color: #108cee;
  margin-left: 5px;
  font-size: 16px;
  width: 18px;
  height: 18px;
  vertical-align: bottom;
  cursor: pointer;
  border: none;
}
.iam-user-v3-view-overview .qualify .tip-custom.ui-tip:before {
  content: "\E666";
}
.iam-user-v3-view-overview .qualify .tip-custom.ui-tip:hover {
  background: none;
}
.iam-user-v3-view-overview .qualify .detail-parts-table {
  padding: 0 0 0 40px;
}
.iam-user-v3-view-overview .qualify .detail-parts-table .detail-part-1-col {
  margin-bottom: 0;
}
.iam-user-v3-view-overview .qualify .detail-parts-table .detail-part-1-col dd {
  margin-top: 6px;
}
.iam-user-v3-view-overview .qualify .detail-parts-table + .result {
  margin-top: 10px;
}
.iam-user-v3-view-overview .qualify .qualify-type-icon {
  display: inline-block;
  width: 50px;
  height: 50px;
  float: left;
  background-image: url(https://bce.bdstatic.com/console/img/qualify-icons.png);
  background-size: 250px;
}
.iam-user-v3-view-overview .qualify .qualify-type-icon.qualify-type-company-icon {
  background-position: 0 -50px;
}
.iam-user-v3-view-overview .qualify .qualify-type-icon.qualify-type-person-icon {
  background-position: 0 0;
}
.iam-user-v3-view-overview .qualify .qualify-change-warning {
  padding-left: 40px;
  margin-top: 8px;
  color: #999;
}
.iam-user-v3-view-overview .qualify .portal {
  position: relative;
}
.iam-user-v3-view-overview .qualify .portal span {
  display: inherit;
  line-height: 50px;
  font-size: 15px;
  padding: 0 10px;
}
.iam-user-v3-view-overview .qualify .portal:first-child:before {
  content: "";
  position: absolute;
  right: 20px;
  top: 15px;
  width: 1px;
  height: 20px;
  background-color: #dcdcdc;
}
.iam-user-v3-view-overview .qualify table td {
  padding: 0;
}
.iam-user-v3-view-overview .qualify table .detail-parts-table {
  padding: 0;
}
.iam-user-v3-view-overview .qualify table th {
  width: 65px;
}
.iam-user-v3-view-overview .qualify table th.QIYEInfo {
  vertical-align: top;
  padding-top: 12px;
}
.iam-user-v3-view-overview .qualify table .QIYEInfo .syncInfo {
  display: none;
}
.iam-user-v3-view-overview .qualify .result {
  margin-top: 20px;
  font-size: 15px;
}
.iam-user-v3-view-overview .qualify .result th {
  padding-right: 10px;
  vertical-align: bottom;
}
.iam-user-v3-view-overview .qualify .result .iconfont {
  margin-right: 5px;
  font-size: 30px;
  vertical-align: sub;
}
.iam-user-v3-view-overview .qualify .result.initial {
  margin-top: 5px;
  line-height: 50px;
}
.iam-user-v3-view-overview .qualify .result.initial .iconfont {
  vertical-align: text-bottom;
}
.iam-user-v3-view-overview .qualify .result.initial div {
  display: inline-block;
}
.iam-user-v3-view-overview .qualify .result.initial p {
  line-height: 18px;
  padding: 10px 0 5px;
}
.iam-user-v3-view-overview .qualify .result.initial p.light {
  font-size: 12px;
  padding: inherit;
}
.iam-user-v3-view-overview .qualify .result .view-qualify-wrapper {
  font-size: 12px;
  margin: 10px 0 10px 40px;
}
.iam-user-v3-view-overview .qualify .result .view-qualify-wrapper .enterprise-senior-link {
  margin-left: 15px;
}
.iam-user-v3-view-overview .qualify .personToCompany {
  margin-top: 10px;
}
.iam-user-v3-view-overview .qualify .syncInfo {
  color: #999;
}
.iam-user-v3-view-overview .qualify .detail-cell {
  padding-right: 0;
  vertical-align: middle;
}
.iam-user-v3-view-overview .qualify .viewPerson {
  line-height: 18px;
}
.iam-user-v3-view-overview .qualify .viewPerson .iconfont {
  vertical-align: text-bottom;
  margin-left: 5px;
}
.iam-user-v3-view-overview .qualify .face-qualify-tip {
  padding: 12px 0 0 40px;
}
.iam-user-v3-view-overview .qualify-upgrade-guide + .pro-wrap {
  margin-top: 10px;
}
.iam-user-v3-view-overview .authinfo {
  width: 49%;
}
.iam-user-v3-view-overview .authinfo h2 .ui-toastlabel {
  display: inline-block;
}
.iam-user-v3-view-overview .authinfo .safe-level {
  margin-bottom: 10px;
}
.iam-user-v3-view-overview .authinfo .bar {
  position: relative;
  height: 14px;
  width: 210px;
  background: #e2e5ec;
  vertical-align: text-top;
  display: inline-block;
}
.iam-user-v3-view-overview .authinfo .val {
  width: 70px;
  height: 100%;
  background-color: #108cee;
  position: absolute;
}
.iam-user-v3-view-overview .authinfo .val.low {
  width: 70px;
  background-color: #FF9933;
}
.iam-user-v3-view-overview .authinfo .val.middle {
  width: 140px;
  background-color: #BFED7C;
}
.iam-user-v3-view-overview .authinfo .val.high {
  width: 100%;
  background-color: #5FB333;
}
.iam-user-v3-view-overview .authinfo table tr td.td-label-cell {
  width: 70px;
}
.iam-user-v3-view-overview .subuser {
  width: 100%;
}
.iam-user-v3-view-overview .subuser table {
  width: 50%;
}
.iam-user-v3-view-overview .contact-panel {
  min-height: 205px;
}
.iam-user-v3-view-overview .contact-panel .contact-content {
  max-width: 430px;
  margin: 100px auto;
}
.iam-user-v3-view-overview .contact-panel .contact-content i {
  margin-right: 10px;
  font-size: 50px;
}
.iam-user-v3-view-overview .contact-panel .contact-content > div {
  font-size: 16px;
  display: inline-block;
}
.iam-user-v3-view-overview .contact-panel .contact-content > div div {
  margin-bottom: 10px;
}
.iam-user-v3-view-overview .other {
  width: 49%;
  margin-right: 2%;
}
.iam-user-v3-view-overview .other .content .other-content-infoflow {
  margin: 10px 0;
}
.iam-user-v3-view-overview .other .content .other-content-infoflow .other-item {
  margin-right: 10px;
}
.sub-account-list .sub-account-list-table-scroller {
  height: 260px;
  overflow: auto;
}
.login-mfa-dialog .ui-boxgroup-group {
  margin-bottom: 5px;
}
.login-mfa-dialog .mfa-type-boxgroup .ui-boxgroup-group {
  margin-left: 20px;
}
.login-mfa-dialog .mfa-type-boxgroup .status-label {
  margin-left: 22px;
}
.login-mfa-dialog .mfa-type-boxgroup .has-set {
  color: #2CB663;
}
.locale-en .iam-user-v3-view-overview .authinfo table tr td.td-label-cell {
  width: 140px;
}
/**
 * @file iam/user/v3/view/showOpenInfoflowDialog.less
 * @author jiaojie
 */
.other-infoflow-dialog .ui-dialog .ui-dialog-head {
  background-color: #E7EAF4;
}
.other-infoflow-dialog .ui-dialog .ui-dialog-body .step-text {
  padding: 0;
  font-size: 12px;
}
.other-infoflow-dialog .ui-dialog .ui-dialog-body .step-text .step-text-first {
  font-size: 16px;
  float: left;
}
.other-infoflow-dialog .ui-dialog .ui-dialog-body .step-text .step-text-qrcode {
  width: 190px;
  height: 190px;
  margin: 5px auto;
}
.other-infoflow-dialog .ui-dialog .ui-dialog-body .step-text .step-text-icon {
  height: 50px;
  margin: 10px;
}
.other-infoflow-dialog .ui-dialog .ui-dialog-body .step-text .step-text-icon i {
  width: 50px;
  height: 50px;
  float: left;
  font-size: 40px;
  line-height: 50px;
}
.other-infoflow-dialog .ui-dialog .ui-dialog-body .step-text .step-text-icon p {
  font-size: 20px;
  line-height: 50px;
}
.other-infoflow-dialog .ui-dialog .ui-dialog-body .step-text .step-text-code a {
  font-size: 16px;
  font-weight: bold;
  color: #ED8C22;
}
/**
 * @file 绑定手机/绑定邮箱变更时的弹窗样式
 * @author hantianjiao@baidu.com
 */
.ui-v5 .fix-vertical {
  font-size: 0;
}
.ui-v5 .fix-vertical .code-validity,
.ui-v5 .fix-vertical .send-code-tip,
.ui-v5 .fix-vertical #ctrl-phone-or-email-modify-codeValidity {
  font-size: 12px;
  vertical-align: middle;
}
.ui-v5 .send-code {
  vertical-align: middle;
  margin-left: 10px;
}
.user-phone-email-modify .send-code-tip {
  margin-left: 6px;
  color: #2CB663;
  *zoom: 1;
  display: inline-block;
  *display: inline;
  zoom: 1;
}
.user-phone-email-modify .tip {
  color: #888;
  font-size: 12px;
  margin-top: 2px;
  line-height: 22px;
  margin-left: 110px;
}
.user-phone-email-modify .code-textbox {
  vertical-align: middle;
}
.user-phone-email-modify .unbind-waring {
  position: relative;
  top: 10px;
  font-size: 12px;
  color: #666;
  margin-left: 110px;
}
.user-phone-email-modify .creat-ticket-fix {
  z-index: 9;
  position: absolute;
  bottom: 16px;
  font-size: 12px;
  color: #666;
}
.user-phone-email-modify .form-row .form-value {
  margin-left: 0;
}
.iam-account-group-form .create-content-wrapper .create-main .detail-parts-table {
  margin-right: 0;
}
.iam-account-group-form .create-content-wrapper .create-main .detail-parts-table .tip-grey {
  display: inline-block;
}
.edit-policy-table .ui-table-head input {
  display: none;
}
/**
 * Copyright (c) 2014 Baidu.com, Inc. All Rights Reserved
 *
 * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with
 * the License. You may obtain a copy of the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on
 * an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the
 * specific language governing permissions and limitations under the License.
 */
.iam-account-user-list .table-full-wrap .ui-row:first-child {
  margin: 20px auto 0 20px;
}
.iam-account-user-list .command-link a {
  vertical-align: middle;
}
.iam-account-user-list .user-row-foot {
  height: 30px;
}
.iam-account-user-list .tip-grey {
  *zoom: 1;
  display: inline-block;
  *display: inline;
  zoom: 1;
}
.iam-account-user-list .link-copy .iconfont {
  font-size: 12px;
}
.iam-account-user-list .buttons-quick-wrap .ui-button {
  vertical-align: top;
}
.iam-user-inactive-tip {
  font-size: 12px;
  color: #EB5252;
}
/**
 * @file src/iam/account/user/form.less
 * @author wanglinfang
 */
.iam-account-user-form {
  margin-top: -10px;
  font-size: 12px;
}
.iam-account-user-form .form-row > label {
  width: 70px;
  vertical-align: middle;
}
.iam-account-user-form .form-value {
  line-height: 30px;
  margin-left: 70px;
}
.iam-account-user-form .form-value > p {
  line-height: 30px;
}
.iam-account-user-form .form-value span {
  vertical-align: middle;
  *zoom: 1;
  display: inline-block;
  *display: inline;
  zoom: 1;
}
.iam-account-user-form .tip {
  color: #999;
}
.iam-account-user-form .password-content .tip {
  margin-left: 130px;
}
.iam-account-user-form .roles-checkout {
  margin-top: -6px;
}
.iam-account-user-form .ui-form-item-password,
.iam-account-user-form .ui-form-item-confirmPassword,
.iam-account-user-form .ui-form-item-accountType,
.iam-account-user-form .ui-form-item-account {
  padding-left: 30px;
}
.iam-account-user-form .ui-form-item-password .ui-form-item-content,
.iam-account-user-form .ui-form-item-confirmPassword .ui-form-item-content,
.iam-account-user-form .ui-form-item-accountType .ui-form-item-content,
.iam-account-user-form .ui-form-item-account .ui-form-item-content {
  margin-left: -30px;
}
.iam-account-user-form .ui-form-item-policy .ui-form-item-content {
  padding-top: 3px;
}
.iam-account-user-form .ui-form-item-password .ui-form-item-invalid-label,
.iam-account-user-form .ui-form-item-confirmPassword .ui-form-item-invalid-label {
  display: block;
}
.iam-account-user-form .password-type-content {
  margin: 0 0 10px 128px;
}
.iam-account-user-form .need-reset-password {
  margin-left: 131px;
}
.ui-v5 #systemTable td:first-child > .ui-table-cell-sel {
  padding-left: 15px;
}
.locale-en .ui-dialog-body .ui-form-x.iam-account-user-form .ui-form-item .ui-form-item-label {
  width: 175px;
}
.locale-en .ui-dialog-body .ui-form-x.iam-account-user-form .password-type-content {
  margin: 0 0 10px 175px;
}
.locale-en .ui-dialog-body .ui-form-x.iam-account-user-form .need-reset-password {
  margin-left: 175px;
}
/**
 * @file src/iam/account/user/console.less
 * @author wanglinfang
 */
.iam-account-user-console {
  margin-top: -10px;
  font-size: 12px;
}
.iam-account-user-console .tip-grey {
  margin-bottom: 20px;
}
/**
 * @file src/iam/account/user/IAMLogin.less
 * @author zhangtianxing
 */
.iam-account-user-console {
  margin-top: -10px;
  font-size: 12px;
}
.iam-account-user-console .tip-grey {
  background: #fff;
  margin: 10px 0;
}
.iam-account-user-console .form-row {
  position: relative;
  padding-right: 30px;
}
.iam-account-user-console .form-row .form-value {
  color: #333;
  line-height: 30px;
  margin-left: 120px;
}
.iam-account-user-console .form-row button {
  display: inline-block;
}
.locale-en .iam-account-user-console .form-row > label {
  width: 130px;
}
/**
 * Copyright (c) 2014 Baidu.com, Inc. All Rights Reserved
 *
 * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with
 * the License. You may obtain a copy of the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on
 * an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the
 * specific language governing permissions and limitations under the License.
 */
.iam-account-user-detail .detail-content .detail-parts-table .detail-part-1-col {
  margin-bottom: 20px;
}
.iam-account-user-detail .info-table {
  width: 100%;
}
.iam-account-user-detail .info-table .info {
  *zoom: 1;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
  max-width: 450px;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  white-space: nowrap;
  overflow: visible;
}
.iam-account-user-detail .info-table .infox3 {
  max-width: 1200px;
}
.iam-account-user-detail .info-table td {
  padding: 5px 0;
  width: 34%;
}
.iam-account-user-detail .info-table td:last-child {
  width: 32%;
}
.iam-account-user-detail .button-row {
  margin-bottom: 10px;
}
.iam-account-user-detail .ui-table-cell-editentry,
.iam-account-user-detail .iam-user-detail-edit {
  *zoom: 1;
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle;
}
.iam-account-user-detail .ui-table-cell-editentry {
  height: 30px;
  background-position-y: -59px;
}
.iam-account-user-detail .iam-user-detail-info {
  word-break: break-all;
}
.iam-account-user-detail .hide {
  display: none;
}
.ui-table th.col-name {
  width: 100px;
}
.account-user-list {
  position: relative;
}
.account-user-list .list-page-notice {
  position: absolute;
  top: 57px;
  left: 105px;
}
.account-user-list.account-notifyparty-list .list-page-notice {
  left: 135px;
}
.account-user-list .ui-table-cell-text {
  overflow: visible;
  word-break: break-all;
}
.locale-en .account-user-list .list-page-notice {
  left: 195px;
}
.locale-en .account-user-list.account-notifyparty-list .list-page-notice {
  left: 190px;
}
.iam-user-sk-report .list-page-content {
  padding: 20px;
}
.iam-user-sk-report .list-page-content > p {
  margin-bottom: 1em;
}
.lock-svg {
  top: 3px;
}
.iam-account-user-detail .mfa-block {
  position: relative;
}
.iam-account-user-detail .mfa-block .ui-toastlabel {
  display: inline-block;
}
.iam-account-user-detail .mfa-block .ui-button {
  margin-right: 10px;
}
.iam-account-user-detail .mfa-block .mfa-wrap {
  position: relative;
  margin-bottom: 10px;
}
.iam-account-user-detail .mfa-block .mfa-wrap:after {
  display: block;
  content: '';
  clear: both;
}
.iam-account-user-detail .mfa-block .mfa-wrap .mfa-wrap-label {
  float: left;
}
.iam-account-user-detail .mfa-block .mfa-wrap .mfa-edit-wrap {
  float: left;
}
.iam-account-user-detail .mfa-block .mfa-wrap .mfa-type-boxgroup .ui-boxgroup-group {
  margin-left: 20px;
}
.iam-account-user-detail .policy-list .button-row .ui-toastlabel {
  display: inline-block;
}
.edit-user-notifyparty-form .ui-form-item-content {
  max-width: 300px;
  line-height: 30px;
}
.account-notifyparty-list table .iconfont {
  margin-left: 5px;
}
.account-notifyparty-list table .ui-table-cell-mobile,
.account-notifyparty-list table .ui-table-cell-email,
.account-notifyparty-list table .ui-table-cell-infoflow {
  min-height: 22px;
  position: relative;
}
/**
 * Copyright (c) 2014 Baidu.com, Inc. All Rights Reserved
 *
 * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with
 * the License. You may obtain a copy of the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on
 * an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the
 * specific language governing permissions and limitations under the License.
 */
.iam-account-policy-list .policy-row-foot {
  height: 30px;
}
.iam-account-policy-list .buttons-wrap {
  height: 30px;
}
.iam-account-policy-list .buttons-wrap .ui-button {
  margin-left: 5px;
}
.iam-account-policy-list .ui-radioselect {
  vertical-align: middle;
}
.iam-account-policy-list .buttons-quick-wrap .ui-button {
  vertical-align: top;
}
.account-policy-list-child .buttons-quick-wrap {
  position: absolute;
  right: 10px;
  top: 10px;
  height: 30px;
  line-height: 30px;
}
.account-policy-list-child .ui-radioselect {
  vertical-align: middle;
}
.account-policy-list-child .operation-wrap {
  background: #F5F5F5;
  border: 1px solid #e5e5e5;
  border-bottom-width: 0;
  padding: 10px;
  position: relative;
  z-index: 100;
}
.account-policy-list-child .buttons-wrap {
  height: 30px;
}
.account-policy-list-child .skin-refresh-button,
.account-policy-list-child .policy-row-foot {
  display: none;
}
.account-policy-list-child .ui-table-body .ui-panel {
  max-height: 200px;
  overflow-x: hidden;
  overflow-y: auto;
}
.account-policy-list-child .buttons-quick-wrap .ui-button {
  vertical-align: middle;
}
.policy-dialog-content {
  font-size: 12px;
}
.policy-dialog-content div {
  margin: 10px 0;
}
.policy-dialog-content textarea {
  width: 500px;
  height: 200px;
  border: 1px solid #E8E8E8;
}
.account-policy-v1-list .ui-table-x {
  max-height: 450px;
  overflow-x: hidden;
  overflow-y: auto;
}
.foot-left-text {
  height: 30px;
  font-family: PingFangSC-Regular;
  font-size: 12px;
  color: #666;
  line-height: 30px;
  float: left;
  margin: 10px 0;
}
.foot-right-text {
  height: 30px;
  font-family: PingFangSC-Regular;
  font-size: 12px;
  color: #666;
  line-height: 30px;
  float: right;
  margin: 10px 0;
}
.edit-policy-table .ui-table-head input {
  display: none;
}
.context-user-name {
  font-family: PingFangSC-Regular;
  font-size: 12px;
  color: #666666;
  line-height: 12px;
  height: 30px;
}
.context-user-name span {
  color: #333;
}
.create-policy-dialog-content a {
  display: block;
  position: relative;
  height: 60px;
  padding: 15px 0 0 60px;
  color: #000;
  background: #f1f1f1;
  font-size: 16px;
}
.create-policy-dialog-content a:not(:last-of-type) {
  margin-bottom: 10px;
}
.create-policy-dialog-content a:hover {
  border: 1px solid #666;
}
.create-policy-dialog-content a .iconfont {
  position: absolute;
  left: 10px;
  font-size: 32px;
  width: 36px;
  height: 36px;
  top: 25px;
  color: #108cee;
}
.create-policy-dialog-content a .icon-tag:before {
  position: absolute;
  transform: rotate(315deg);
}
.create-policy-dialog-content a .icon-pdc-task {
  font-weight: bold;
}
.create-policy-dialog-content a div {
  position: absolute;
  top: 40px;
  left: 60px;
  color: #666;
  font-size: 14px;
}
.create-policy-dialog-content a .arrow-right {
  position: absolute;
  right: 30px;
  top: 30px;
  font-size: 24px;
  color: #999;
}
.create-policy-dialog-content a .arrow-right:after {
  position: absolute;
  content: '\E605';
  transform: rotate(270deg) scale(0.8);
  font-family: "iconfont";
}
/**
 * @file src/iam/account/policy/form.less
 * @author wanglinfang(wanglinfang@baidu.com)
 */
.iam-account-policy-form .ui-dialog {
  width: 1100px;
}
.iam-account-policy-form .policy-list-added .ui-table-subrow-wrapper {
  padding-left: 40px;
}
.iam-account-policy-form .policy-list-added .ui-table-subrow-wrapper .ui-table-head {
  display: none;
}
.iam-account-policy-form .ui-dialog-body-panel {
  padding: 10px;
  font-size: 12px;
}
.iam-account-policy-form .create-main .detail-parts-table {
  padding: 20px;
  margin: 0;
}
.iam-account-policy-form .ui-boxgroup-horizontal {
  *zoom: 1;
  display: inline-block;
  *display: inline;
  zoom: 1;
}
.iam-account-policy-form .instance-table .ui-table-body .ui-panel {
  max-height: 220px;
  overflow-x: hidden;
  overflow-y: auto;
}
.iam-account-policy-form .instance-panel {
  padding-top: 15px;
}
.iam-account-policy-form .instance-panel .instance-hint {
  color: #999;
}
.iam-account-policy-form .search-result-table {
  max-width: 660px;
  overflow: scroll;
  float: left;
  margin-right: 10px;
}
.iam-account-policy-form .search-result-table.search-result-selected-table {
  max-width: 260px;
}
.iam-account-policy-form .search-result-table .ui-table-body {
  max-height: 350px;
}
.iam-account-policy-form .instance-search {
  margin-bottom: 15px;
}
.iam-account-policy-form .instance-search .tip {
  color: #999;
}
.iam-account-policy-form .ui-actionpanel dd {
  margin: 40px 0 0 0;
}
.iam-account-policy-form .ui-actionpanel dd > label {
  height: 30px;
  line-height: 30px;
  float: left;
  width: 100px;
  color: #999;
}
.iam-account-policy-form .ui-actionpanel dd > div {
  margin: 0 0 0 100px;
}
.iam-account-policy-form .ui-table-subentry {
  margin-left: 10px;
  padding: 2px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background-position: 2px 2px;
}
.iam-account-policy-form .ui-table-subentry-opened {
  background-position: 2px -95px;
}
.iam-account-policy-form .ui-table-row-unfolded {
  background: #FFF;
  border-bottom: none;
}
.iam-account-policy-form .ui-table-subrow-arrow {
  display: none;
  border-style: dashed;
}
.iam-account-policy-form .ui-table-subrow {
  border-width: 0 0 1px;
  padding: 0;
  width: 100%;
}
.iam-account-policy-form .ui-table-subrow-last {
  border-width: 0;
}
.iam-account-policy-form .ui-table-subentryfield .ui-table-cell-text-first {
  padding-left: 5px;
}
.iam-account-policy-form .ui-table-subentryfield .ui-table-cell-text-first input {
  vertical-align: middle;
}
.iam-account-policy-form .subrow-table {
  width: 100%;
}
.iam-account-policy-form .subrow-table td {
  padding: 10px 16px;
  border-top: 1px dashed #EEE;
  height: 18px;
  line-height: 18px;
}
.iam-account-policy-form .subrow-table td.subrow-table-first-td {
  border-top: none;
  padding: 0 0 0 52px;
  position: relative;
}
.iam-account-policy-form .subrow-table td.subrow-table-first-td:before {
  content: '';
  width: 1px;
  border-left: 1px solid #EEE;
  position: absolute;
  height: 40px;
  left: 40px;
}
.iam-account-policy-form .subrow-table td.subrow-table-first-td:after {
  content: '';
  width: 15px;
  height: 1px;
  border-bottom: 1px solid #EEE;
  position: absolute;
  top: 18px;
  left: 40px;
}
.iam-account-policy-form .subrow-table td.subrow-table-first-td div {
  border-top: 1px dashed #eee;
  padding: 10px 0;
}
.iam-account-policy-form .subrow-table td.subrow-table-first-td input {
  vertical-align: middle;
}
.iam-account-policy-form .subrow-table tr:last-child td.subrow-table-first-td:before {
  height: 20px;
}
.iam-account-policy-form .subrow-table div {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  white-space: nowrap;
}
.iam-account-policy-form .subrow-table .no-data {
  text-align: center;
}
.iam-account-policy-form .submit-panel {
  margin: 20px 0 0 0;
  text-align: center;
}
.iam-account-policy-form a.doc-link img {
  vertical-align: middle;
  *zoom: 1;
  display: inline-block;
  *display: inline;
  zoom: 1;
  margin-right: 5px;
}
.iam-account-policy-form .ui-aceeditor {
  border: 1px solid #E8E8E8;
}
.iam-account-policy-form .search-result td {
  word-break: break-all;
}
.iam-account-policy-form .search-result .ui-pager {
  float: right;
  margin-top: 10px;
}
.iam-account-policy-form .tip .ui-label strong {
  color: red;
}
.iam-account-policy-form .ui-select,
.iam-account-policy-form .ui-selectex,
.iam-account-policy-form .ui-multiselect {
  display: inline-block;
}
.locale-en .iam-account-policy-form .ui-dialog {
  width: 1200px;
}
.locale-en .iam-account-policy-form .create-main .detail-parts-table .detail-create > dd > label {
  width: 160px;
}
.locale-en .iam-account-policy-form .create-main .detail-parts-table .detail-create > dd > div {
  margin-left: 160px;
}
.locale-en .iam-account-policy-form .ui-actionpanel dd {
  margin: 40px 0 0 0;
}
.locale-en .iam-account-policy-form .ui-actionpanel dd > label {
  height: 30px;
  line-height: 30px;
  float: left;
  width: 160px;
  color: #999;
}
.locale-en .iam-account-policy-form .ui-actionpanel dd > div {
  margin: 0 0 0 160px;
}
/**
 * @file src/iam/account/policy/detail.less
 * @author wanglinfang(wanglinfang@baidu.com)
 */
.iam-account-policy-detail .policy-list-added .ui-table-subrow-wrapper {
  padding-left: 40px;
}
.iam-account-policy-detail .policy-list-added .ui-table-subrow-wrapper .ui-table-head {
  display: none;
}
.iam-account-policy-detail .search-result-table {
  width: 500px;
  overflow: scroll;
}
.iam-account-policy-detail .search-result-table .ui-table-body {
  max-height: 300px;
}
.iam-account-policy-detail .instance-search {
  margin-bottom: 25px;
}
.iam-account-policy-detail .instance-search .tip {
  color: #999;
}
.iam-account-policy-detail .instance-info h1 {
  border-right: none;
  padding-right: 0;
  margin-right: 0;
}
.iam-account-policy-detail .detail-content h2 {
  font-weight: normal;
  line-height: 60px;
  border-bottom: 1px solid #E5E5E5;
  margin: 0 0 20px 0;
  padding-left: 20px;
}
.iam-account-policy-detail .detail-content .info-table {
  width: 100%;
}
.iam-account-policy-detail .detail-content .info-table label {
  color: #999;
}
.iam-account-policy-detail .detail-content .detail-parts-table {
  margin-right: 0;
}
.iam-account-policy-detail .detail-content .detail-parts-table .detail-part-1-col {
  margin-bottom: 20px;
}
.iam-account-policy-detail .subrow-table {
  width: 100%;
}
.iam-account-policy-detail .table-baepro .ui-table-cell-text {
  padding: 0;
}
.iam-account-policy-detail .app-item {
  padding: 10px 16px;
  line-height: 20px;
}
.iam-account-policy-detail .env-item {
  padding: 10px 20px;
  border-top: 1px dashed #EEE;
  line-height: 20px;
}
.iam-account-policy-detail .env-item-first {
  padding: 10px 0;
  margin-left: 40px;
  position: relative;
}
.iam-account-policy-detail .env-item-first:before {
  content: '';
  width: 1px;
  border-left: 1px solid #EEE;
  position: absolute;
  height: 41px;
  left: -15px;
  top: -8px;
}
.iam-account-policy-detail .env-item-first:after {
  content: '';
  width: 11px;
  height: 1px;
  border-bottom: 1px solid #EEE;
  position: absolute;
  top: 18px;
  left: -14px;
}
.iam-account-policy-detail .env-item-first-last:before {
  content: '';
  width: 1px;
  border-left: 1px solid #EEE;
  position: absolute;
  height: 28px;
  left: -15px;
  top: -8px;
}
.iam-account-policy-detail .row-table {
  width: 100%;
}
.iam-account-policy-detail .row-table label {
  color: #999;
}
.iam-account-policy-detail pre {
  border: 1px solid #EEE;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 5px;
}
.iam-account-tag-policy-view .ui-form-item-content {
  line-height: 30px;
}
/**
 * @file src/iam/account/role/edit.less
 * @author jiaojie(jiaojie02@baidu.com)
 */
.detail-parts-table .detail-parts-table-role {
  width: 70%;
}
.detail-parts-table .detail-parts-table-role td {
  width: 50%;
  padding: 5px;
}
.detail-parts-table .detail-parts-table-role td label {
  margin-right: 5px;
}
.ui-transfer.ui-table-transfer .box {
  font-size: 12px;
  border: 1px solid #ECEFF7;
  width: 400px;
  display: inline-block;
  vertical-align: top;
}
.ui-transfer.ui-table-transfer .box:first-child {
  margin-right: 20px;
}
.ui-transfer.ui-table-transfer .box .title {
  padding: 10px 15px;
  background: #F6F7FB;
}
.ui-transfer.ui-table-transfer .box .title .clear {
  float: right;
  color: #368DE7;
  margin-right: 10px;
  cursor: pointer;
}
.ui-transfer.ui-table-transfer .box .body {
  padding: 10px;
  height: 300px;
  overflow-y: scroll;
}
.ui-transfer.ui-table-transfer .box .body .filters {
  margin-bottom: 10px;
}
.ui-transfer.ui-table-transfer .box .body .filters .group {
  width: 100px;
  float: left;
}
.ui-transfer.ui-table-transfer .box .body .item,
.ui-transfer.ui-table-transfer .box .body .ui-boxgroup-group {
  margin-bottom: 5px;
}
.ui-transfer.ui-table-transfer .box .body .delete {
  float: none;
  color: #999999;
  cursor: pointer;
  position: relative;
}
.ui-transfer.ui-table-transfer .box .body .icon-delete {
  position: absolute;
  top: 0;
  right: 0;
  color: #999999;
  cursor: pointer;
}
.ui-transfer .box {
  font-size: 12px;
  border: 1px solid #ECEFF7;
  width: 450px;
  display: inline-block;
  vertical-align: top;
}
.ui-transfer .box:first-child {
  margin-right: 20px;
}
.ui-transfer .box.box-selected {
  width: 300px;
}
.ui-transfer .box .title {
  padding: 10px 15px;
  background: #F6F7FB;
}
.ui-transfer .box .title .clear {
  float: right;
  color: #368DE7;
  margin-right: 10px;
  cursor: pointer;
}
.ui-transfer .box .body {
  padding: 10px;
  height: 300px;
  overflow-y: scroll;
}
.ui-transfer .box .body .filters {
  margin-bottom: 10px;
}
.ui-transfer .box .body .filters .group {
  width: 100px;
  float: left;
}
.ui-transfer .box .body .item {
  margin-bottom: 5px;
  position: relative;
}
.ui-transfer .box .body .item .item-text {
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ui-transfer .box .body .ui-boxgroup-group {
  margin-bottom: 5px;
}
.ui-transfer .box .body .delete {
  position: absolute;
  top: 0;
  right: 0;
  color: #999999;
  cursor: pointer;
}
.ui-transfer .box .iconfont {
  font-size: 12px;
}
/**
 * @file Alias.less
 * @author leeight1
 */
.iam-account-settings .tip-grey {
  margin-top: 20px;
}
.iam-account-settings .detail-parts-table {
  padding: 20px 0 !important;
}
.iam-account-settings .detail-parts-table .alias-group .tip-content {
  position: absolute;
  top: 8px;
  left: 130px;
}
.iam-account-settings .detail-parts-table .security-group .ip-white-list .ip-white-list-label {
  display: flex;
  align-items: center;
}
.iam-account-settings .detail-parts-table .security-group .ip-white-list .ip-white-list-label .ui-boxgroup-radio {
  line-height: 30px;
}
.iam-account-settings .detail-parts-table .security-group .ip-white-list .ip-white-list-label .skin-primary-button {
  margin-right: 16px;
}
.iam-account-settings .detail-parts-table .security-group .ip-white-list .ip-white-list-label .ui-tip-x {
  margin: 0 8px;
}
.iam-account-settings .detail-parts-table .security-group .ip-white-list .ip-white-list-label .icon-edit {
  position: relative;
  top: 1px;
}
.iam-account-settings .detail-parts-table .operation-content {
  padding-left: 525px;
  margin-top: 20px;
}
.iam-account-settings .create-content-wrapper .create-main .detail-parts-table {
  margin-right: 100px;
}
.iam-account-settings .create-main .detail-parts-table .detail-create > dd > label {
  width: 150px;
}
.iam-account-settings .create-main .detail-parts-table .detail-create > dd > div {
  margin: 0 0 0 150px;
  line-height: 30px;
  word-break: break-all;
}
.iam-account-settings .submit-panel {
  padding-top: 20px;
  padding-left: 150px;
}
.iam-account-settings strong.empty {
  color: #FF9933;
}
.iam-account-settings .help-text {
  color: #999;
}
.iam-account-settings .login-url-preview {
  display: inline-block;
}
.iam-account-settings .login-url-preview .ui-clipboard {
  margin-left: 10px;
  float: right;
  cursor: pointer;
}
.iam-account-settings .password-rules-label {
  line-height: 20px;
}
.iam-account-settings .password-rules-label span {
  padding-left: 10px;
}
/**
 * @file  证书创建
 * @author liyuan(liyuan14@baidu.com)
 */
.cert-create {
  font-size: 12px;
}
.cert-create .form-row {
  padding-left: 10px;
}
.cert-create .form-row .form-value {
  line-height: 30px;
}
.cert-create textarea {
  height: 80px;
  display: block;
  line-height: 20px;
  font-family: monospace;
  overflow-y: scroll;
}
.cert-create .state-example textarea {
  color: #ccc;
}
.cert-create .cert-exp-tip {
  color: #ccc;
  line-height: 18px;
  width: 290px;
}
.cert-create .required-label {
  position: relative;
}
.cert-create .required-label:before {
  content: '*';
  position: absolute;
  left: -8px;
  color: #f00;
}
.cert-create .ui-textarea-validity-label,
.cert-create .ui-textbox-validity-label {
  padding-left: 0;
}
.cert-create .help {
  float: right;
}
.cert-create .ui-boxgroup {
  display: inline-block;
}
.cert-create .ca-cert-tip {
  position: relative;
  right: 183px;
}
/**
 * @file src/iam/saml/form.less
 * @author wanglinfang(wanglinfang@baidu.com)
 */
.iam-saml-form .form-row > label {
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  white-space: nowrap;
}
.iam-saml-form .form-value {
  line-height: 30px;
}
.iam-saml-form .file-preview {
  float: left;
  margin-right: 5px;
}
.iam-saml-form .webuploader-pick {
  height: 30px;
  line-height: 30px;
  padding: 0 20px;
}
.iam-saml-form .ui-textbox-validity-label-invalid,
.iam-saml-form .ui-webuploader-validity-label-invalid {
  padding: 0;
}
/**
 * @file src/iam/saml/edit.less
 * @author wanglinfang(wanglinfang@baidu.com)
 */
.iam-saml-edit .detail-content {
  padding: 20px;
}
.iam-saml-edit .ui-row {
  margin: 10px 0;
}
.iam-saml-edit .ui-validity-invalid {
  color: #EB5252;
}
/**
 * @file iam/saml/AccountImport.less
 * @author leeight
 */
.iam-saml-account-import-settings th,
.iam-saml-account-import-settings td {
  padding: 5px;
}
.iam-saml-account-import-settings .btns {
  text-align: center;
  padding-top: 20px;
}
/**
 * @file Alias.less
 * @author leeight
 */
.iam-company-alias .tip-grey {
  margin-top: 20px;
}
.iam-company-alias .detail-parts-table {
  padding: 20px 0 !important;
}
.iam-company-alias .create-main .detail-parts-table .detail-create > dd > label {
  width: 150px;
}
.iam-company-alias .create-main .detail-parts-table .detail-create > dd > div {
  margin: 0 0 0 150px;
  line-height: 30px;
  word-break: break-all;
}
.iam-company-alias .submit-panel {
  padding-top: 20px;
  padding-left: 150px;
}
.iam-company-alias strong.empty {
  color: #FF9933;
}
.iam-company-alias .help-text {
  color: #999;
}
.iam-company-alias .login-url-preview {
  display: inline-block;
}
.iam-company-alias .login-url-preview .ui-clipboard {
  margin-left: 10px;
  float: right;
  cursor: pointer;
}
.organization-account-list .list-page-tb-left .idaas-ant-btn {
  height: 30px;
  border-radius: 0;
  padding-left: 10px;
  padding-right: 8px;
}
.organization-account-list .list-page-tb-left .idaas-ant-btn.idaas-ant-btn-primary {
  background: #108CEE;
}
.organization-account-list .list-page-tb-left .idaas-ant-btn .iconfont {
  margin-right: 4px;
}
.organization-account-list .qualify-status {
  display: inline-block;
  padding: 2px 8px;
  line-height: 20px;
  border-radius: 2px;
}
.organization-account-list .qualify-status.enterprise-qualify {
  color: #5FB333;
  background: #F0FBEC;
  border: 1px solid #cbebbe;
}
.organization-account-list .qualify-status.personal-qualify {
  color: #F39000;
  background: #FFF8EF;
  border: 1px solid #fae7cb;
}
.organization-account-list .qualify-status.none-qualify {
  color: #333;
  background: #F5F5F5;
  border: 1px solid #e8e9eb;
}
.update-target-attachment-dialog .finance-center-deny-scp-tip {
  margin-bottom: 10px;
}
.update-target-attachment-dialog .finance-center-deny-scp-tip .ui-toastlabel-content {
  padding-right: 47px;
}
.update-target-attachment-dialog .finance-center-deny-scp-tip .icon-delete {
  right: 15px;
}
.update-target-attachment-dialog .check-failed-hint {
  margin-bottom: 10px;
  font-size: 12px;
  color: #EB5252;
  cursor: pointer;
  display: inline-block;
}
.finance-center-quit-dialog .ui-dialog-body div {
  font-size: 12px;
  color: #333333;
  line-height: 20px;
  font-weight: 400;
}
.finance-center-quit-dialog .ui-dialog-body .red {
  color: #EA2E2E;
}
.finance-center-quit-dialog .ui-dialog-body .sub-title {
  font-size: 12px;
  color: #333333;
  line-height: 20px;
  font-weight: 500;
  margin: 12px 0 4px 0;
}
.finance-center-quit-dialog .ui-dialog-body .ui-checkbox {
  margin-right: 8px;
}
.finance-center-quit-dialog .ui-dialog-body .invoice-info {
  background: #F6F7FB;
  padding: 12px 22px 0 22px;
}
.finance-center-quit-dialog .ui-dialog-body .invoice-info .invoice-info-item-row {
  display: flex;
}
.finance-center-quit-dialog .ui-dialog-body .invoice-info .invoice-info-item-row .invoice-info-item {
  flex: 1;
  display: flex;
  margin-bottom: 12px;
}
.finance-center-quit-check-dialog .ui-dialog-body div {
  font-size: 12px;
  color: #333333;
  line-height: 20px;
  font-weight: 400;
  margin-bottom: 12px;
}
.finance-center-quit-check-dialog .ui-dialog-body div i {
  font-size: 12px;
  margin-right: 8px;
}
.finance-center-quit-check-dialog .ui-dialog-body div i.error {
  color: #EA2E2E;
}
.ui-dialog-body .organization-create-account-form {
  font-size: 12px;
}
.ui-dialog-body .organization-create-account-form .ui-form-item-inline {
  margin: 20px 0;
}
.ui-dialog-body .organization-create-account-form .ui-form-item-inline .ui-form-item-label {
  color: #666666;
  min-width: 80px;
}
.ui-dialog-body .organization-create-account-form .ui-form-item-inline .ui-form-item-content .auth-description {
  line-height: 30px;
}
.ui-dialog-body .organization-create-account-form .hide {
  display: none;
}
.ui-dialog-body .organization-create-account-form .description {
  margin-left: 92px;
}
.organization-common-landing {
  margin-top: 20px;
}
.organization-common-landing .create-content {
  float: left;
}
.organization-common-landing .create-content.left {
  width: 75%;
}
.organization-common-landing .create-content.left .enter-bcc-btn {
  margin-left: 10px;
}
.organization-common-landing .create-content.right {
  padding: 30px 20px;
  margin-left: 20px;
  width: calc(25% - 60px);
}
.organization-common-landing .create-content.right h2 {
  font-size: 14px;
  color: #333;
  margin-bottom: 18px;
}
.organization-common-landing .create-content.right .sub-title {
  margin-top: 18px;
}
.organization-common-landing .create-content.right .invitation-num {
  margin-top: 20px;
}
.organization-common-landing .create-content.right .invitation-num a {
  margin-left: 10px;
}
.organization-common-landing .create-content.right .separation {
  border-top: 1px solid #e8ebec;
  margin: 20px 0;
}
.organization-common-landing .create-content.right .help-link {
  display: inline-block;
  margin-top: 20px;
}
.organization-common-landing .create-content.right .relate-func {
  color: #000;
}
.organization-common-landing .create-content.right .relate-func span {
  color: #666666;
}
.organization-common-landing .create-content.right .recommend {
  margin-top: 20px;
}
.organization-common-landing .create-content.right .recommend .iconfont {
  margin-right: 10px;
  float: left;
  display: -ms-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  color: #108cee;
  border: 1px solid #e8ebec;
  -moz-border-radius: ;
  -webkit-border-radius: ;
  border-radius: ;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.organization-common-landing .create-content.right .recommend .recommend-title {
  font-size: 14px;
}
.organization-common-landing .create-content.right .recommend .recommend-description {
  margin-left: 42px;
  font-size: 12px;
  color: #999;
}
.organization-common-landing .create-content.right .recommend a {
  color: #333;
}
.organization-common-landing .create-content.right .recommend a:hover {
  color: #108cee;
}
.organization-common-landing .create-main .detail-parts-table {
  padding: 30px 20px;
  margin-right: 0;
}
.organization-common-landing .create-main .detail-parts-table .detail-instruction:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.organization-common-landing .create-main .detail-parts-table .detail-instruction dd {
  float: left;
  width: 45%;
  background: #F6F7FB;
  padding: 15px;
  height: 360px;
  margin-left: 10px;
}
.organization-common-landing .create-main .detail-parts-table .detail-instruction dd p {
  margin: 5px 0 5px 14px;
  font-family: PingFangSC-Regular;
  font-size: 12px;
  color: #666666;
  line-height: 20px;
}
.organization-common-landing .create-main .detail-parts-table .detail-instruction dd p strong {
  font-weight: bold;
  color: #000;
}
.organization-common-landing .create-main .detail-parts-table .detail-instruction dd p:first-child {
  margin-top: 8px;
  font-family: PingFang-SC-Medium;
  font-size: 12px;
  color: #333333;
  line-height: 20px;
}
.organization-common-landing .create-main .detail-parts-table .detail-instruction dd ul {
  list-style: initial;
}
.organization-common-landing .create-main .detail-parts-table .detail-instruction dd ul li {
  margin-left: 30px;
}
.organization-common-landing .create-main .detail-parts-table .detail-instruction dd:first-child {
  margin-right: 10%;
}
.organization-common-landing .create-main .detail-parts-table .detail-create > dt {
  border: none;
}
.organization-common-landing .create-main .detail-parts-table .detail-create > dt h4 {
  border: none;
  padding-left: 0;
}
.organization-common-landing .create-main .detail-parts-table dl:first-child {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #e8ebec;
}
.organization-common-landing .sub-title {
  color: #666;
  font-size: 12px;
}
.organization-common-landing .jumbotron {
  float: left;
  width: 170px;
  padding: 10px;
  height: 185px;
  -moz-border-radius: ;
  -webkit-border-radius: ;
  border-radius: ;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  position: relative;
  display: inline-block;
  text-align: center;
  margin: 0 5px 0 5px !important;
}
.organization-common-landing .jumbotron p {
  font-size: 12px;
  line-height: 20px;
  color: #666;
}
.organization-common-landing .jumbotron h1 {
  font-size: 14px;
  text-align: center;
}
.organization-common-landing .arrow {
  float: left;
  display: inline-block;
  width: 15px;
  height: 95px;
  margin: 0 0 !important;
  background: url(./assets/landing.png) no-repeat -664px 23px;
}
.organization-common-landing .relation {
  width: 175px;
}
.organization-common-landing .img-0 {
  height: 110px;
  width: 155px;
  margin-bottom: 15px;
  background: url(./assets/landing-1.png) no-repeat 0 7px;
}
.organization-common-landing .img-1 {
  height: 110px;
  width: 165px;
  margin-bottom: 15px;
  background: url(./assets/landing-2.png) no-repeat 0 17px;
}
.organization-common-landing .img-2 {
  height: 110px;
  margin-bottom: 15px;
  background: url(./assets/landing-3.png) no-repeat 0 15px;
}
.organization-common-landing .img-3 {
  height: 110px;
  margin-bottom: 15px;
  background: url(./assets/landing-4.png) no-repeat 26px;
}
.invitation-form .create-content {
  width: 600px;
  margin: 140px auto 210px auto;
  padding-bottom: 20px;
}
.invitation-form .detail-parts-table1 {
  padding: 0;
  margin: 0;
}
.invitation-form .detail-parts-table1 dl {
  padding-left: 40px;
}
.invitation-form .detail-parts-table1 dd {
  margin: 0 auto 10px auto;
}
.invitation-form .detail-parts-table1 dd:first-child {
  color: #666666;
}
.invitation-form .detail-parts-table1 dd > span {
  display: inline-block;
  width: 84px;
}
.invitation-form .detail-parts-table1 h2 {
  text-align: center;
  margin: 30px auto;
}
.invitation-form .detail-parts-table1 .operation-section {
  text-align: center;
  margin-top: 40px;
}
.invitation-form .detail-parts-table1 .operation-section button {
  width: 96px;
  height: 40px;
}
.invitation-form .detail-parts-table1 .operation-section .accept {
  background-color: #108CEE;
  color: #FFFFFF;
}
.locale-en .invitation-form .create-content {
  width: auto;
  height: auto;
  padding: 20px;
  margin: 20px;
}
.iam-organization-accept-form .ui-dialog-text {
  color: #666666;
}
.iam-organization-accept-form .form-row {
  margin-left: 50px;
  margin-top: 10px;
}
.organization-info {
  padding: 20px;
}
.organization-info .info-content {
  padding: 30px 0 94px 40px;
  background-color: #fff;
}
.organization-info .detail-parts-table1 {
  padding: 0;
  margin: 0;
}
.organization-info .detail-parts-table1 dd {
  margin-bottom: 10px;
  line-height: 20px;
}
.organization-info .detail-parts-table1 dd:first-child {
  font-size: 14px;
  color: #666666;
}
.organization-info .detail-parts-table1 h2 {
  text-align: center;
  margin: 30px auto;
}
.organization-info .detail-parts-table1 button {
  width: 110px;
  margin-top: 10px;
}
.organization-info .sep-line {
  border-top: 1px solid #E2E5EC;
  margin: 20px 0;
}
.organization-setting-info h2 {
  position: relative;
}
.organization-setting-info .create-content {
  padding: 30px 0 94px 40px;
}
.organization-setting-info .detail-parts-table1 {
  padding: 0;
  margin: 0;
}
.organization-setting-info .detail-parts-table1 dd {
  margin-bottom: 10px;
  line-height: 20px;
}
.organization-setting-info .detail-parts-table1 dd span:first-child {
  display: inline-block;
  width: 120px;
}
.organization-setting-info .detail-parts-table1 h2 {
  text-align: center;
  margin: 30px auto;
}
.organization-setting-info .detail-parts-table1 button {
  width: 68px;
  height: 30px;
  background: #EA2E2E;
  color: #FFFFFF;
  margin-top: 10px;
}
.organization-setting-info .content-wrap .create-main .detail-parts-table {
  margin-right: 0;
}
.organization-setting-info .content-wrap .create-main .detail-parts-table .detail-create > dd > div {
  line-height: 30px;
}
.organization-setting-info .delete-organization-button {
  position: absolute;
  right: 10px;
  top: 14px;
}
.locale-en .organization-setting-info .flexible-hint-wrap {
  padding: 9px 110px 9px 20px;
}
.iam-organization-scp-create {
  padding: 0 120px 20px 120px;
}
.scp-list-main .scp-list-toolbar {
  padding: 10px;
}
.scp-list-main .scp-list-toolbar .ui-searchbox {
  float: right;
}
.scp-list-main .ui-table {
  padding-bottom: 40px;
}
.scp-list-main .ui-table .ui-table-cell-text .iconfont {
  font-size: 12px;
  color: #d0daf3;
}
.scp-list-main .ui-pager {
  text-align: right;
  margin-bottom: 20px;
}
.account-attach-table .ui-table-cell-text .iconfont {
  font-size: 12px;
  color: #d0daf3;
}
.create-scp-dialog .ui-viewstep {
  padding-left: 100px;
  margin-bottom: 10px;
}
.create-scp-dialog .create-scp-table-scroller {
  height: 230px;
  overflow: auto;
}
.create-scp-dialog .effect-item .ui-form-item-content {
  position: relative;
}
.create-scp-dialog .effect-item .effect-item-tip {
  position: absolute;
  top: 5px;
  right: 0;
}
.scp-relation-img {
  position: absolute;
  top: 50px;
  left: 450px;
  width: 480px;
}
.locale-en .scp-relation-img {
  top: 100px;
}
.locale-en .scp-list-main .flexible-hint-wrap {
  padding: 9px 110px 9px 20px;
}
.iam-organization-ou-list .content-wrap {
  margin-top: 20px;
}
.iam-organization-ou-list .content-wrap .ou-main .ou-tree-wrapper {
  width: 219px;
  position: absolute;
  overflow-x: auto;
  padding: 14px 0 0 2px;
}
.iam-organization-ou-list .content-wrap .ou-main .right-wrap {
  margin-left: 220px;
  border-left: 1px solid #E8EBEE;
}
.iam-organization-ou-list .content-wrap .ou-main .create-button {
  margin: 0 0 10px 0;
}
.iam-organization-ou-list .content-wrap .ou-main .list-page {
  margin: 0;
}
.iam-organization-ou-list .content-wrap .ou-main .list-page .list-page-body {
  margin: 0;
}
.ou-wrap .detail-parts-table .detail-part-1-col {
  margin: 20px 0 20px 0;
}
.ou-wrap .detail-parts-table .detail-part-1-col dt {
  padding-right: 10px;
}
.ou-wrap .ou-wrap-card-content {
  padding: 0 13px 0 20px;
}
.ou-wrap .ou-wrap-card-content::after {
  display: block;
  content: '';
  clear: both;
}
.ou-wrap .ou-wrap-card {
  box-sizing: border-box;
  width: 180px;
  border: 1px solid #EBEBEB;
  word-break: break-all;
  padding: 10px 10px 10px 12px;
  float: left;
  margin: 0 10px 10px 0;
  font-size: 14px;
  color: #333;
}
.ou-wrap .ou-wrap-card:hover {
  border: 1px solid #108CEE;
  cursor: pointer;
}
.ou-wrap .ou-wrap-card input {
  float: right;
  margin-top: 2px;
}
.ou-account-wrap .account-card {
  height: 40px;
  background: #FBFBFB;
  font-size: 14px;
  color: #333;
}
.ou-account-wrap .ui-tip-x {
  margin: -3px 16px 0 10px;
}
.ou-baseinfo-wrap {
  box-sizing: border-box;
  height: 48px;
  line-height: 48px;
  border-bottom: 1px solid #DDD;
}
.ou-baseinfo-wrap .ou-baseinfo-text {
  width: 90%;
  float: left;
}
.ou-baseinfo-wrap .baseinfo-name {
  font-size: 16px;
  margin: 0 20px;
}
.ou-baseinfo-wrap .baseinfo-comment {
  font-size: 12px;
  color: #666;
}
.ou-baseinfo-wrap .ui-button {
  margin: 9px;
  float: right;
}
.scp-card {
  height: 60px;
  font-size: 14px;
  color: #333;
  background: #FBFBFB;
}
.scp-card .scp-card-icon {
  font-size: 12px;
  color: #F39000;
  text-align: center;
  line-height: 16px;
  border: 1px solid #F39000;
  border-radius: 8px;
  padding: 0 8px;
  margin-right: 8px;
}
.scp-card .scp-card-hint {
  font-size: 12px;
  color: #999;
  line-height: 20px;
}
.scp-card .ellipsis-text {
  max-width: 150px;
}
.scp-relation-wrap {
  background: #F7F7F7;
  padding: 9px 20px;
  margin: 20px;
  position: relative;
  line-height: 20px;
}
.scp-relation-wrap.scp-relation-wrap-expand {
  padding: 35px 20px 45px 20px;
}
.scp-relation-wrap a.toggle-button {
  position: absolute;
  right: 10px;
  top: 10px;
}
.ellipsis-text {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.iam-organization-ou-create .create-content-wrapper .create-main .detail-parts-table {
  margin-right: 0;
}
.iam-organization-ou-create .ui-form dd {
  display: flex;
  align-items: center;
  margin: 0 0 10px 0;
}
.iam-organization-ou-create .ui-form dd > label {
  width: 100px;
}
.iam-organization-ou-create .ui-tree-x .ui-tree-sub-root-expanded {
  position: relative;
}
.iam-organization-ou-create .ui-tree-x .ui-tree-sub-root-expanded .ui-tree-content-wrapper {
  position: relative;
}
.iam-organization-ou-create .ui-tree-x .ui-tree-sub-root-expanded .ui-tree-content-wrapper::before {
  width: 10px;
  height: 1px;
  position: absolute;
  border-top: 1px dashed #ccc;
  content: '';
  left: 4px;
  top: 12px;
}
.iam-organization-ou-create .ui-tree-x .ui-tree-sub-root-expanded::before {
  width: 1px;
  height: 100%;
  position: absolute;
  border-left: 1px dashed #ccc;
  content: '';
  left: 20px;
  top: -10px;
}
.iam-organization-ou-create .ui-tree-x .ui-tree-node-indicator-empty {
  display: block;
  font-size: 24px;
}
.iam-organization-ou-create .ui-tree-x .ui-tree-node-indicator-empty:before {
  content: "\B7";
}
.iam-organization-ou-create .ui-tree-x .ui-tree-node-active {
  color: #108CEE;
}
.unit-form-dialog .ui-form-x .ui-form-item {
  margin: 20px 0;
}
.unit-form-dialog .ui-form-x .ui-form-item-inline .ui-form-item-label {
  width: 80px;
  min-width: 80px;
}
.unit-form-dialog .ui-transfer .box:first-child {
  margin-right: 11px;
}
.unit-form-dialog .ui-transfer .box .title .clear {
  margin-right: 0;
}
.unit-form-dialog .ui-transfer .box .body .item .item-text {
  max-width: 160px;
}
.unit-form-dialog .ui-transfer .box-in-dialog {
  width: 198px;
}
.unit-form-dialog .ui-transfer .box-in-dialog.box-selected {
  width: 188px;
}
.unit-form-dialog .ui-transfer .ui-boxgroup .ui-boxgroup-group .ui-boxgroup-wrapper span {
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 150px;
}
.scp-form-dialog .ui-transfer .box:first-child {
  margin-right: 11px;
}
.scp-form-dialog .ui-transfer .box .title .clear {
  margin-right: 0;
}
.scp-form-dialog .ui-transfer .box-in-dialog {
  width: 230px;
}
.scp-form-dialog .ui-transfer .box-in-dialog.box-selected {
  width: 188px;
}
.ou-scp-wrap .flexible-hint-wrap .ou-scp-relation-img {
  position: absolute;
  top: 30px;
  left: 374px;
}
.ou-scp-wrap .flexible-hint-wrap.flexible-hint-wrap-expand {
  padding: 30px 20px 45px;
}
.locale-en .ou-scp-wrap .flexible-hint-wrap .ou-scp-relation-img {
  top: 60px;
}
.iam-overview .icon-edit {
  font-size: 12px;
}
.iam-overview .icon-thin-arrow-top {
  font-size: 12px;
  font-weight: bolder;
}
.iam-overview .icon-down-arrow {
  font-size: 12px;
  font-weight: lighter;
}
.iam-overview .bui-tip {
  width: 14px;
  height: 14px;
  line-height: 14px;
  margin: 0 10px;
}
.iam-overview .detail-info-card {
  border: 1px solid #EBEBEB;
  padding: 10px 0 20px 20px;
  margin: 0 0 20px 0;
}
.iam-overview .detail-info-card .title {
  font-size: 14px;
  color: #333333;
  line-height: 24px;
  margin-bottom: 20px;
}
.iam-overview .detail-info-card .app-row {
  margin: 0 0 20px 0;
}
.iam-overview .detail-info-card .app-row:last-of-type {
  margin-bottom: 0;
}
.iam-overview .detail-info-card .app-row .app-cell {
  line-height: 20px;
}
.iam-overview .detail-info-card .app-row .app-cell .app-cell-label {
  min-width: 80px;
}
.iam-overview .detail-info-card .app-row .app-cell .app-cell-text {
  max-width: 300px;
  margin-right: 5px;
}
.iam-overview .detail-info-card.quick-entry-wrap .bui-button {
  margin-right: 10px;
}
.iam-overview .detail-quota-wrap {
  background: #F5F5F5;
  margin: 20px 0;
}
.iam-overview .detail-quota-wrap:after {
  display: block;
  content: '';
  clear: both;
}
.iam-overview .detail-quota-wrap .detail-quota-card {
  padding: 32px 0 32px 20px;
  float: left;
  margin-right: 20px;
  width: 20%;
  position: relative;
}
.iam-overview .detail-quota-wrap .detail-quota-card .detail-quota-count {
  font-size: 20px;
  color: #000000;
  line-height: 30px;
  cursor: pointer;
}
.iam-overview .detail-quota-wrap .detail-quota-card .detail-quota-count:hover {
  color: #108CEE;
}
.iam-overview .detail-quota-wrap .detail-quota-card .detail-quota-label {
  margin-top: 10px;
}
.iam-overview .detail-quota-wrap .detail-quota-card:nth-child(-n+3):after {
  content: ' ';
  background: #FFFFFF;
  width: 1px;
  height: 60px;
  display: block;
  position: absolute;
  right: 0;
  top: 30px;
}
.iam-overview .bottom-main-wrap {
  display: flex;
  justify-content: space-between;
}
.iam-overview .bottom-main-wrap .bottom-left-main-wrap {
  width: 65%;
  margin-right: 20px;
}
.iam-overview .bottom-main-wrap .bottom-right-main-wrap {
  min-width: 320px;
}
.iam-overview .flexible-card-wrap.flexible-card-wrap-expand .main-title-content {
  background: #EAF6FE;
}
.iam-overview .flexible-card-wrap .main-title-content {
  position: relative;
  line-height: 40px;
  cursor: pointer;
}
.iam-overview .flexible-card-wrap .main-title-content .status-icon {
  position: absolute;
  right: 20px;
}
.iam-overview .flexible-card-wrap .expand-main-wrap {
  padding: 13px 20px 0 23px;
}
.iam-overview .flexible-card-wrap .expand-main-wrap .expand-content {
  color: #666;
  background: #FBFBFB;
  padding: 10px;
  line-height: 20px;
}
.iam-order-denied {
  margin-left: 180px;
  width: auto;
}
.iam-order-denied .denied-content-wrap {
  background: #FFF;
  margin: 20px;
  height: 87vh;
}
.iam-order-denied .denied-content-wrap .denied-message {
  width: 400px;
  height: 100%;
  margin: auto;
  display: flex;
  align-items: center;
}
.sso-main-form > ul {
  margin-top: 15px;
  padding: 10px 0 0 30px;
  border: 1px #E8EBEE solid;
  margin-bottom: 10px;
}
.sso-main-form > ul li {
  padding: 10px 0;
  list-style-type: disc;
}
.sso-main-form > ul ul {
  padding-left: 20px;
}
.sso-main-form > ul ul li {
  list-style-type: decimal;
}
.sso-main-form .submit-panel .ui-button {
  margin-right: 20px;
}
.iam-user-v2-verify .ui-form .ui-form-item.agreement-form-item {
  margin-left: 10px;
}
.mfa-dialog .mfa-content {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin: 0 24px;
}
.mfa-dialog .mfa-content .mfa-content-header {
  margin-bottom: 16px;
}
.mfa-dialog .mfa-content .mfa-content-item {
  display: flex;
  align-items: center;
}
.mfa-dialog .mfa-content .mfa-content-item label {
  width: 100px;
}
.account-close .viewstep {
  margin: 20px 0;
}
.account-close .viewstep .ui-viewstep-x {
  width: 450px;
  margin: 0 auto;
}
.account-close .container {
  margin: 0 20px;
}
.account-close .container .agreement-step {
  margin-top: 45px;
  padding: 0 10px 10px;
}
.account-close .container .agreement-step h3 {
  font-size: 14px;
  color: #333333;
  font-weight: bolder;
}
.account-close .container .agreement-step .content {
  padding: 16px;
  background: #ffffff;
  box-shadow: 0 0 20px 0 rgba(66, 83, 119, 0.07);
}
.account-close .container .agreement-step .ui-toastlabel-content {
  margin: 20px 0;
  padding: 10px;
}
.account-close .container .agreement-step .text .warning {
  color: #f59918;
}
.account-close .container .agreement-step .text p {
  text-align: left;
  font-family: PingFangSC-Regular;
  font-size: 13px;
  color: #0d0000;
  letter-spacing: 0;
  line-height: 20px;
}
.account-close .container .agreement-step .check {
  margin-top: 10px;
  font-family: PingFangSC-Regular;
  font-size: 13px;
  color: #191c3d;
  letter-spacing: 0;
  line-height: 20px;
  overflow: hidden;
}
.account-close .container .agreement-step .check a {
  text-decoration: none;
}
.account-close .container .check-step {
  width: 600px;
  margin: 0 auto;
}
.account-close .container .check-step .progress {
  margin: 30px 0 40px 0;
}
.account-close .container .check-step .progress .span {
  color: #000;
  margin-right: 10px;
}
.account-close .container .check-step .progress .ui-viewprogress-x {
  display: inline-block;
  margin-left: 20px;
}
.account-close .container .check-step .check-list .info {
  font-size: 14px;
  color: #000;
  padding-left: 40px;
}
.account-close .container .check-step .check-list .item {
  margin: 13px 40px;
}
.account-close .container .check-step .check-list .loading {
  color: #999;
}
.account-close .container .check-step .check-list .tips {
  color: #FF0000;
  padding: 5px 0 0 20px;
}
.account-close .container .check-step .check-list .error {
  color: #FF0000;
}
.account-close .container .finish-step {
  width: 600px;
  margin: 0 auto;
}
.account-close .container .finish-step .info {
  text-align: center;
  font-size: 14px;
}
.account-close .container .finish-step .footer {
  text-align: center;
}
.account-close .container .footer {
  margin: 16px 0;
}
.account-close .container .footer .ui-button {
  margin-right: 10px;
}
.create-risk-behavior-form {
  position: relative;
}
.create-risk-behavior-form .edit-wrap {
  position: absolute;
  right: 0;
  top: 0;
}
.ueba-list {
  position: relative;
}
.ueba-list .list-page-notice {
  position: absolute;
  top: 59px;
  left: 185px;
}
.antd-container {
  height: 100%;
  display: flex;
}
.antd-container .pageArea {
  flex: 1;
  overflow-y: auto;
}
#react-main {
  position: absolute;
  top: 50px;
  bottom: 0;
  left: 0;
  right: 0;
  margin-top: 0 !important;
  background-color: #f7f7f9;
}
#react-main *,
#react-container *,
.idaas-ant-modal-root *,
#react-main *::before,
#react-container *::before,
.idaas-ant-modal-root *::before,
#react-main *::after,
#react-container *::after,
.idaas-ant-modal-root *::after {
  box-sizing: border-box;
}
#react-main .idaas-right-layout-header,
#react-container .idaas-right-layout-header,
.idaas-ant-modal-root .idaas-right-layout-header {
  background-color: #fff;
}
#react-main input[type='checkbox'],
#react-container input[type='checkbox'],
.idaas-ant-modal-root input[type='checkbox'],
#react-main input[type='radio'],
#react-container input[type='radio'],
.idaas-ant-modal-root input[type='radio'] {
  position: absolute;
}
#react-main .idaas-ant-radio-checked::after,
#react-container .idaas-ant-radio-checked::after,
.idaas-ant-modal-root .idaas-ant-radio-checked::after {
  height: 16px;
}
#react-main a.idaas-ant-typography:not(.disabled):not([disabled]):not(.idaas-ant-typography-disabled):visited,
#react-container a.idaas-ant-typography:not(.disabled):not([disabled]):not(.idaas-ant-typography-disabled):visited,
.idaas-ant-modal-root a.idaas-ant-typography:not(.disabled):not([disabled]):not(.idaas-ant-typography-disabled):visited,
#react-main a.idaas-ant-typography:not(.disabled):not([disabled]):not(.idaas-ant-typography-disabled):hover,
#react-container a.idaas-ant-typography:not(.disabled):not([disabled]):not(.idaas-ant-typography-disabled):hover,
.idaas-ant-modal-root a.idaas-ant-typography:not(.disabled):not([disabled]):not(.idaas-ant-typography-disabled):hover,
#react-main a.idaas-ant-typography:not(.disabled):not([disabled]):not(.idaas-ant-typography-disabled):active,
#react-container a.idaas-ant-typography:not(.disabled):not([disabled]):not(.idaas-ant-typography-disabled):active,
.idaas-ant-modal-root a.idaas-ant-typography:not(.disabled):not([disabled]):not(.idaas-ant-typography-disabled):active {
  color: #2468f2;
}
#react-main .idaas-ant-transfer-list-body-customize-wrapper,
#react-container .idaas-ant-transfer-list-body-customize-wrapper,
.idaas-ant-modal-root .idaas-ant-transfer-list-body-customize-wrapper {
  overflow: auto;
}
#react-main .idaas-ant-alert,
#react-container .idaas-ant-alert,
.idaas-ant-modal-root .idaas-ant-alert {
  border-radius: 4px;
}
#react-main .idaas-ant-btn-default,
#react-container .idaas-ant-btn-default,
.idaas-ant-modal-root .idaas-ant-btn-default {
  border-color: #e8e9eb;
}
#react-main .idaas-ant-btn-default:hover,
#react-container .idaas-ant-btn-default:hover,
.idaas-ant-modal-root .idaas-ant-btn-default:hover {
  border-color: #2468f2;
}
#react-main .idaas-ant-btn-dangerous.idaas-ant-btn-primary,
#react-container .idaas-ant-btn-dangerous.idaas-ant-btn-primary,
.idaas-ant-modal-root .idaas-ant-btn-dangerous.idaas-ant-btn-primary {
  border-color: #f33e3e;
  background-color: #f33e3e;
}
#react-main .idaas-ant-radio-button-wrapper-checked:not(.idaas-ant-radio-button-wrapper-disabled)::before,
#react-container .idaas-ant-radio-button-wrapper-checked:not(.idaas-ant-radio-button-wrapper-disabled)::before,
.idaas-ant-modal-root .idaas-ant-radio-button-wrapper-checked:not(.idaas-ant-radio-button-wrapper-disabled)::before {
  height: 32px;
}
.idaas-ant-dropdown *,
.idaas-ant-select-dropdown * {
  box-sizing: border-box;
}
.idaas-ant-dropdown input[type='checkbox'],
.idaas-ant-select-dropdown input[type='checkbox'],
.idaas-ant-dropdown input[type='radio'],
.idaas-ant-select-dropdown input[type='radio'] {
  position: absolute;
}
.idaas-ant-dropdown .idaas-ant-dropdown-menu-title-content,
.idaas-ant-select-dropdown .idaas-ant-dropdown-menu-title-content {
  display: flex;
}
.idaas-ant-tooltip {
  max-width: none;
  white-space: nowrap;
}
.idaas-ant-tooltip-inner {
  box-sizing: border-box;
  color: #151b26;
  background-color: #fff;
  font-size: 12px;
  line-height: 18px;
  padding: 12px 16px;
}
.idaas-ant-tooltip-arrow-content {
  background-color: #fff;
  --antd-arrow-background-color: #fff;
}
.idaas-ant-picker-cell .idaas-ant-picker-cell-inner {
  text-align: center;
}
.idaas-ant-notification,
.idaas-ant-message {
  z-index: 999999;
}
.locale-en .sidebar-container {
  width: 180px;
}
.sidebar-container {
  flex-grow: 0;
  flex-shrink: 0;
  width: 160px;
  z-index: 100;
  background: #fff;
  box-shadow: rgba(7, 12, 20, 0.12) 0 2px 8px 0;
  overflow: auto;
  transition: width 0.2s cubic-bezier(0, 0, 0.2, 1), opacity 0.2s cubic-bezier(0, 0, 0.2, 1);
}
.sidebar-container .sidebar-title {
  position: relative;
  padding: 13px 16px;
  font-size: 14px;
  color: #84868c;
  line-height: 22px;
}
.sidebar-container .sidebar-title::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 16px;
  height: 1px;
  background: #e8e9eb;
}
.sidebar-container .idaas-ant-menu-inline .idaas-ant-menu-item::after {
  left: 0;
  right: auto;
}
.hidden {
  width: 0;
  opacity: 0;
}

.webuploader-container {
  position: relative;
}
.webuploader-element-invisible {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
}
.webuploader-pick {
  position: relative;
  display: inline-block;
  cursor: pointer;
  background: #00b7ee;
  padding: 10px 15px;
  color: #fff;
  text-align: center;
  border-radius: 3px;
  overflow: hidden;
}
.webuploader-pick-hover {
  background: #00a2d4;
}
.webuploader-pick-disable {
  opacity: 0.6;
  pointer-events: none;
}