.uni-bg-white {
  background-color: $white !important;
}

.uni-bg-default {
  background-color: $ghostWhite !important;
}

.uni-bg-primary {
  background-color: $blue !important;
  color: $white;
}

.uni-bg-success {
  background-color: $green !important;
  color: $white;
}

.uni-bg-info {
  background-color: tint($blue, 10%) !important;
}

.uni-bg-warning {
  background-color: $orange !important;
}

.uni-bg-danger {
  background-color: $red !important;
  color: $white;
}

.uni-bg-pink {
  background-color: $pink !important;
  color: $white;
}

.uni-bg-purple {
  background-color: $purple !important;
  color: $white;
}

.uni-bg-indigo {
  background-color: #3f51b5 !important;
  color: $white;
}

/*警告、成功颜色*/
.uni-warning,
.uni-warning label,
.uni-warning .uni-input,
.uni-warning .uni-iconfont {
  color: #e51c23 !important;
}

.uni-success,
.uni-success label,
.uni-success .uni-input,
.uni-success .uni-iconfont {
  color: #009688 !important;
}

.uni-bg-grey {
  background: $grey;
  color: $black;
}

.uni-bg-grey.light-1 {
  background: $greyLight;
  color: $black;
}

// 渐变红色
.uni-gradient-red {
  background: $gradualRed;
  color: $white;
}

// 渐变橙色
.uni-gradient-orange {
  background: $gradualOrange;
  color: $white;
}

// 渐变绿色
.uni-gradient-green {
  background: $gradualGreen;
  color: $white;
}

// 渐变紫色
.uni-gradient-purple {
  background: $gradualPurple;
  color: $white;
}

// 渐变粉色
.uni-gradient-pink {
  background: $gradualPink;
  color: $white;
}

// 渐变蓝色
.uni-gradient-blue {
  background: $gradualBlue;
  color: $white;
}