/****添加计算宽度的--运算符直接需要space****/
/****** common color(常用颜色,可用于普遍场景) *****/
/**** custom color(自定义颜色,用于特定场景) ****/
.bi-button {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #178cdf;
  background-color: #3f8ce8;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  font-size: 14px;
}
.bi-button.clear {
  border-width: 0;
  background-color: transparent;
}
.bi-button.clear:hover,
.bi-button.clear:active {
  opacity: 0.75;
  filter: alpha(opacity=75);
}
.bi-button.button-common {
  color: #ffffff;
}
.bi-button.button-common.clear {
  color: #3f8ce8;
}
.bi-button.button-ignore {
  color: #1a1a1a;
  background-color: #ffffff;
  border-color: #d4dadd;
}
.bi-button.button-ignore.clear {
  background-color: transparent;
  border-width: 0;
}
.bi-button.button-success {
  color: #ffffff;
  background-color: #58cc7d;
  border-color: #58cc7d;
}
.bi-button.button-success.clear {
  color: #0c6d23;
  background-color: transparent;
  border-width: 0;
}
.bi-button.button-warning {
  color: #ffffff;
  background-color: #e85050;
  border-color: #e85050;
}
.bi-button.button-warning.clear {
  color: #e85050;
  background-color: transparent;
  border-width: 0;
}
.bi-button.button-common.disabled,
.bi-button.button-success.disabled,
.bi-button.button-warning.disabled {
  color: #ffffff !important;
  background: #cccccc !important;
  border-color: #cccccc !important;
}
.bi-button.button-ignore.disabled {
  color: #cccccc !important;
  background: #ffffff !important;
  border-color: #d4dadd !important;
}
.bi-button.button-common.disabled.clear,
.bi-button.button-success.disabled.clear,
.bi-button.button-warning.disabled.clear,
.bi-button.button-ignore.disabled.clear {
  color: #cccccc !important;
  background: transparent !important;
  border-width: 0 !important;
}
.bi-button.button-common.disabled.clear:hover,
.bi-button.button-success.disabled.clear:hover,
.bi-button.button-warning.disabled.clear:hover,
.bi-button.button-ignore.disabled.clear:hover,
.bi-button.button-common.disabled.clear:active,
.bi-button.button-success.disabled.clear:active,
.bi-button.button-warning.disabled.clear:active,
.bi-button.button-ignore.disabled.clear:active {
  opacity: 1;
  filter: alpha(opacity=100);
}
.bi-basic-button.button-common .bi-button-mask,
.bi-basic-button.button-success .bi-button-mask,
.bi-basic-button.button-warning .bi-button-mask {
  opacity: 0.2;
  filter: alpha(opacity=20);
  background-color: #ffffff;
}
.bi-basic-button .bi-button-mask {
  opacity: 0.2;
  filter: alpha(opacity=20);
  background-color: #1a1a1a;
}