.u-block {
  padding: 14px;

  &__section {
    margin-bottom: 10px;
  }

  &__title {
    margin-top: 10px;
    font-size: 15px;
    color: $u-content-color;
    margin-bottom: 10px;
  }

  &__flex {
    /* #ifndef APP-NVUE */
    display: flex;
    /* #endif */
  }
}

// 使用了cell组件的icon图片样式
.u-cell-icon {
  width: 36rpx;
  height: 36rpx;
  margin-right: 8rpx;
}

.u-page {
  padding: 15px 15px 40px 15px;

  &__item {
    flex: 1;
    // margin-bottom: 23px;
    &__title {
      font-size: 14px;
      color: rgb(143, 156, 162);
      // margin-bottom: 8px;
      @include flex;
    }
  }
}

.u-demo-block {
  flex: 1;
  margin-bottom: 23px;

  &__content {
    @include flex(column);
  }

  &__title {
    font-size: 14px;
    color: rgb(143, 156, 162);
    margin-bottom: 8px;
    @include flex;
  }
}

.stat-ctl {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;

  .u-page__tag-item {
    margin-top: 14rpx;
    margin-right: 14rpx;

    .u-tag {
      background-color: $uni-text-color-grey !important;
      border: transparent;

      &.u-tag--primary--plain--fill {
        background: $uni-color-primary !important;

        .u-tag__text {
          color: $uni-bg-color;
        }
      }
    }

  }
}

.sys-base {
  .u-button--info.u-button {
    background-color: $uni-color-primary;
    color: $uni-text-color-inverse;
    border-radius: 40rpx;
  }

  .u-form-item {
    .u-form-item__body__right__message {
      margin-left: 0 !important;
    }
  }
}

.tag-stat {
  margin-left: auto;
  margin-right: 14rpx;

  .u-tag--mini {
    height: 35rpx !important;
  }

  .u-tag--primary--plain {
    border-color: transparent !important;

    .u-tag__text--primary--plain {
      color: $uni-bg-color !important;
      font-size: 20rpx !important;
    }
  }
}

.common-form {
  .u-form-item__body__left__content .u-form-item__body__left__content__required {
    display: flex;
    position: static;
    align-items: center;
    justify-content: flex-end;
    margin-right: $uni-text-gap;
  }

  .u-form-item__body .u-form-item__body__left {
    align-items: flex-start;
  }

  .u-demo-block__title {
    color: $uni-text-black;
  }

  input {
    text-align: right !important;
  }

  textarea {
    text-align: right !important;
  }

  .u-button--info {
    background-color: $uni-color-primary !important;
    border-radius: 40rpx !important;
    color: $uni-text-color-inverse !important;
  }
}

.u-popup {
  .u-fade-enter-active {
    z-index: 99 !important;
  }

  .u-slide-up-enter-active {
    z-index: 100 !important;
  }
}
