.ml-10 {
	margin-left: 20upx !important;
}
.mt-10 {
	margin-top: 20upx !important;
}
.mb-10 {
	margin-bottom: 20upx !important;
}
.mr-10 {
	margin-right: 20upx !important;
}
.m-10 {
	margin: 20upx !important;
}
.p-10 {
	padding: 20upx !important;
}
.pl-10 {
	padding-left: 20upx !important;
}
.pr-10 {
	padding-right: 20upx !important;
}
.pt-10 {
	padding-top: 20upx !important;
}
.pb-10 {
	padding-bottom: 20upx !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: 20upx;
	background-color: #ffffff;
}
.search {
	border-bottom: 1px solid #ccc;
	display: flex;
	flex-direction: row;
	.u-text {
		width: 100upx !important;
		flex: none !important;
	}
	.u-button {
		height: 68upx !important;
	}
	.u-input__content__field-wrapper__field {
		height: 42upx !important;
	}
}
.bth-mini {
	width: auto !important;
	border-radius: 15upx !important;
	margin-left: unset;
	margin-right: unset;
}
.bth {
	flex: 1;
	border-radius: 15upx !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: 30upx;
}
.subtitle {
	color: #888888;
	font-size: 26upx;
}
.view-title {
	border-left: 8upx solid #1d82fe;
	.u-text {
		padding-left: 10upx;
		color: #353535 !important;
	}
}
.title {
	font-weight: bold;
	color: #000000;
	font-size: 28upx;
}
.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: 40upx;
		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: 20upx;
			}
		}
	}
}