.material-card {
  background-color: #fff;
  // padding: 24rpx;
  // margin: 8rpx 0 0 0;

  .title {
    font-size: 14px;
    font-weight: 600;
  }

  .subTitle {
    font-size: 12px;
    color: #999;
    margin-top: 8rpx;
  }

  .tag {
    margin-top: 8rpx;
    display: flex;
    justify-content: space-between;
    align-items: center;

    p {
      font-size: 14px;
    }

    .uni-tag {
      padding: 2px 4px;
    }
  }

  .remark {
    height: 100%;
  }
  .text {
    height: 100%;
    p {
      font-size: 14px;
      margin-top: 8rpx;
    }
    span {
      color: #616161;
    }
  }
  .status {
    font-size: 12px;
    color: #616161;
  }
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

// 底部按钮
.bottom-btn {
  position: fixed;
  bottom: 0;
  width: 100%;
  border-radius: 0;
  background-color: #409eff !important;
  border-color: #409eff !important;
  height: 60rpx;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.mt-8 {
  margin-top: 8rpx;
}
.mb-16 {
  margin-bottom: 16rpx;
}
.mb-4 {
  margin-bottom: 4rpx;
}
.mb-6 {
  margin-bottom: 6rpx;
}
.mb-2 {
  margin-bottom: 2px;
}
.mt-16 {
  margin-top: 16rpx;
}
.mr-8 {
  margin-right: 8rpx;
}
.mr-16 {
  margin-right: 16rpx;
}
.ml-8 {
  margin-left: 8rpx;
}
.ml-16 {
  margin-left: 16rpx;
}
.ml-24 {
  margin-left: 24rpx;
}
.flex {
  display: flex;
}
.align-center {
  align-items: center;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}

.f-12 {
  font-size: 12px;
}
.grey {
  color: #696969;
}
.tag-error {
  padding: 4px 6px;
  border-radius: 4px;
  display: inline-block;
  height: 20px;
  color: #fff;
  background-color: #e43d33;
  font-size: 10px;
  line-height: 20px;
}

.material-box {
  background-color: #fff;
  // 标题
  .title {
    font-size: 14px;
    font-weight: 600;
  }
  // 副标题
  .subTitle {
    font-size: 12px;
    color: #999;
  }
  .uniqueCode {
    font-size: 12px;
  }
  // 标签
  .tag-row {
    display: flex;
    justify-content: space-between;
    align-items: center;

    p {
      font-size: 14px;
    }
  }
  .quantity-form {
    display: flex;
    align-items: center;

    .uni-forms-item {
      margin-bottom: 0;
      align-items: center;
    }
    .uni-easyinput__content-input{
      height: 25px;
      width: 30px;
    }

    .unit {
      margin-left: 8rpx;
      font-size: 12px;
	  width: 20px;
    }
  }
  .remark-row {
    .uni-forms-item {
      margin-bottom: 0;
      margin-top: 8rpx;
    }

    .uni-forms-item__label {
      height: 25px;
      color: #333;
    }

    .uni-easyinput,
    .uni-easyinput__content,
    .uni-input-input {
      height: 25px;
    }

    .is-disabled {
      background-color: #fff !important;
    }

    .uni-input-input:disabled {
      color: #333;
    }
    .uni-easyinput__content-input {
      .uni-input-wrapper {
        text-align: right;
      }
    }
    .uni-input-placeholder {
      text-align: right;
    }
  }
  .text {
    height: 100%;
    p {
      font-size: 14px;
      margin-top: 8rpx;
    }
    span {
      color: #616161;
    }
  }
  .status {
    font-size: 12px;
    color: #616161;
  }
}