yinchuan-community-all/mini-program/garden-wxapp/assets/colorui/app.scss

@import "uni.scss";

/* 新邻园区 */
.base-bg-color {
  background-color: $base-color;
  color: #FFFFFF;
}

.base-color {
  color: $base-color
}

.base-line {
  font-weight: 800;
  color: $base-color;
  border: 1 rpx solid $base-color;
}

.party-bg-color {
  background-color: $party-color;
  color: #FFFFFF;
}

.party-color {
  color: $party-color
}

.party-line {
  font-weight: 800;
  color: $party-color;
  border: 1 rpx solid $party-color;
}

.red-line {
  font-weight: 800;
  color: #da0000;
  border: 1 rpx solid #da0000;
}

.text-wait {
  color: #ea7500;
}

.bg-wait {
  background-color: #ea7500;
  color: #FFFFFF;
}

.text-pass {
  color: #12914f;
}

.bg-pass {
  background-color: #12914f;
  color: #FFFFFF;
}

.text-fail {
  color: #da0000;
}

.bg-fail {
  background-color: #da0000;
  color: #FFFFFF;
}

/* ===========padding=========== */
.padding-10, .padding-sm {
  padding: 10 rpx;
}

.padding-20, .padding-df {
  padding: 20 rpx;
}

.padding-30, .padding-lg {
  padding: 30 rpx;
}

.padding-40 {
  padding: 40 rpx;
}

.padding-50 {
  padding: 50 rpx;
}

.padding-left-10, .padding-left-sm {
  padding-left: 10 rpx;
}

.padding-left-20, .padding-left-df {
  padding-left: 20 rpx;
}

.padding-left-30, .padding-left-lg {
  padding-left: 30 rpx;
}

.padding-left-40 {
  padding-left: 40 rpx;
}

.padding-left-50 {
  padding-left: 50 rpx;
}

.padding-right-10, .padding-right-sm {
  padding-right: 10 rpx;
}

.padding-right-20, .padding-right-df {
  padding-right: 20 rpx;
}

.padding-right-30, .padding-right-lg {
  padding-right: 30 rpx;
}

.padding-right-40 {
  padding-right: 40 rpx;
}

.padding-right-50 {
  padding-right: 50 rpx;
}

.padding-top-10, .padding-top-sm {
  padding-top: 10 rpx;
}

.padding-top-20, .padding-top-df {
  padding-top: 20 rpx;
}

.padding-top-30, .padding-top-lg {
  padding-top: 30 rpx;
}

.padding-top-40 {
  padding-top: 40 rpx;
}

.padding-top-50 {
  padding-top: 50 rpx;
}

.padding-bottom-10, .padding-bottom-sm {
  padding-bottom: 10 rpx;
}

.padding-bottom-20, .padding-bottom-df {
  padding-bottom: 20 rpx;
}

.padding-bottom-30, .padding-bottom-lg {
  padding-bottom: 30 rpx;
}

.padding-bottom-40 {
  padding-bottom: 40 rpx;
}

.padding-bottom-50 {
  padding-bottom: 50 rpx;
}

/* ===========margin=========== */
.margin-10, .margin-sm {
  margin: 10 rpx;
}

.margin-20, .margin-df {
  margin: 20 rpx;
}

.margin-30, .margin-lg {
  margin: 30 rpx;
}

.margin-40 {
  margin: 40 rpx;
}

.margin-50 {
  margin: 50 rpx;
}

.margin-left-10, .margin-left-sm {
  margin-left: 10 rpx;
}

.margin-left-20, .margin-left-df {
  margin-left: 20 rpx;
}

.margin-left-30, .margin-left-lg {
  margin-left: 30 rpx;
}

.margin-left-40 {
  margin-left: 40 rpx;
}

.margin-left-50 {
  margin-left: 50 rpx;
}

.margin-right-10, .margin-right-sm {
  margin-right: 10 rpx;
}

.margin-right-20, .margin-right-df {
  margin-right: 20 rpx;
}

.margin-right-30, .margin-right-lg {
  margin-right: 30 rpx;
}

.margin-right-40 {
  margin-right: 40 rpx;
}

.margin-right-50 {
  margin-right: 50 rpx;
}

.margin-top-10, .margin-top-sm {
  margin-top: 10 rpx;
}

.margin-top-20, .margin-top-df {
  margin-top: 20 rpx;
}

.margin-top-30, .margin-top-lg {
  margin-top: 30 rpx;
}

.margin-top-40 {
  margin-top: 40 rpx;
}

.margin-top-50 {
  margin-top: 50 rpx;
}

.margin-bottom-10, .margin-bottom-sm {
  margin-bottom: 10 rpx;
}

.margin-bottom-20, .margin-bottom-df {
  margin-bottom: 20 rpx;
}

.margin-bottom-30, .margin-bottom-lg {
  margin-bottom: 30 rpx;
}

.margin-bottom-40 {
  margin-bottom: 40 rpx;
}

.margin-bottom-50 {
  margin-bottom: 50 rpx;
}

/* ==========text-cut=========== */


.text-cut-1 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.text-cut-2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.text-cut {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}

.bg-gradual-black {
  background-image: linear-gradient(45deg, #26272f, #414244);
  color: #f7ebd2;
}

.footer-fixed {
  position: fixed;
  z-index: 99;
  width: 100%;
  bottom: 0;
  left: 0;
}

.bottom-bar {
  /* position: fixed;
  top: 88%; */
  width: 100%;
  height: 150 rpx;
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding: 30 rpx;
}