.ml-10{
  margin-left: 20rpx !important;
}
.mt-10{
  margin-top: 20rpx !important;
}
.mb-10{
  margin-bottom: 20rpx !important;
}
.mr-10{
  margin-right: 20rpx !important;
}
.m-10{
  margin: 20rpx !important;
}
.p-10{
  padding: 20rpx !important;
}
.pl-10{
  padding-left: 20rpx !important;
}
.pr-10{
  padding-right: 20rpx !important;
}
.pt-10{
  padding-top: 20rpx !important;
}
.pb-10{
  padding-bottom: 20rpx !important;
}
.w100{
  width: 100%;
}
.flex1{
  flex: 1;
}
.pr{
  position: relative;
}
.border{
    border: 1px solid #e5e5e5;
}
.content {
  position: relative;
  min-height: 100vh;
  background-color: $uni-bg-color-grey;
}
.card{
  padding: 20rpx;
  background-color: #FFFFFF;
}
.search{
  border-bottom: 1px solid #ccc;
  display: flex;
  flex-direction: row;
  .u-text{
    width: 100rpx !important;
    flex: none !important;
  }
  .u-button {
    height: 68rpx !important;
  }
  .u-input__content__field-wrapper__field{
    height: 42rpx !important;
  }
}
.bth-mini{
  width: auto !important;
  border-radius: 15rpx !important;
  margin-left: unset;
  margin-right: unset;
}
.bth{
  flex: 1;
  border-radius: 15rpx !important;
  margin-left: unset;
  margin-right: unset;
}
.flex-between{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.flex-end{
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.flex-warp{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.main-title{
  color: #333333;
  font-size: 30rpx;
}
.subtitle{
  color: #888888;
  font-size: 26rpx;
}
.view-title{
  border-left: 8rpx solid #1d82fe;
  .u-text{
    padding-left: 10rpx;
    color: #353535 !important;
  }
}
.title{
  font-weight: bold;
  color: #000000;
  font-size: 28rpx;
}
.title-none{
  .u-cell__body__content,.u-cell__title{
    display: none !important;
  }
}
.title-show{
  .u-cell__body__content,.u-cell__title{
    display: flex !important;
  }
}
.flex-none{
  display: block;
  .u-cell__body{
    display: block !important;
  }
}
.required{
  &:before{
    content: '*';
    position: absolute;
    left: 0;
    color: #f56c6c;
    font-size: 40rpx;
    font-weight: normal;
  }
}
.form-item-block{
.u-form-item__body{
  display: block !important;
  .u-form-item__body__left{
    width: 100% !important;
  }
  .u-form-item__body__right{
    .u-form-item__body__right__content__slot{
      justify-content: flex-start;
      position: relative;
      margin-left: 20rpx;
    }
  }
}
}
