zhongshen_project/addon/cashier/source/os/common/css/form.scss

$label-width: 1.1rem;
	
.common-form{
	&.fixd{
		padding-bottom: .7rem !important;
		.common-btn-wrap{
			position: fixed;
			z-index: 2;
			background-color: #fff;
			bottom: 0;
			left: .9rem;
			right: .07rem;
			height: .6rem;
			padding-bottom: .05rem;
			display: flex;
			align-items: center;
			margin-left: 0;
			button{
				flex: 1;
				height: .4rem;
				line-height: .4rem;
			}
		}
	}
	.common-form-item{
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		margin-bottom: .15rem;
		.form-label{
			padding: .09rem .15rem;
			text-align: right;
			width: $label-width;
			box-sizing: border-box;
			.required{
				color: red;
				margin-right: 0.03rem;
			}
		}
		.form-input{
			height: .35rem;
			line-height: .35rem;
			width: 100%;
			padding-left: .1rem;
			box-sizing: border-box;
			font-size: 0.14rem;
		}
		.form-inline{
			display: flex;
			align-items: center;
			flex-wrap: wrap;
		}
		.form-input-inline{
			width: 1.9rem;
			border: .01rem solid #e6e6e6; 
			margin-right: 10px;
			background-color: #fff;
			font-size: 0.14rem;
			&.short{
				width: .5rem;
			}
			&.long{
				width: 4rem;
			}
		}
		.form-input-block{
			flex: 1;
			border: .01rem solid #e6e6e6;
			background-color: #fff;
		}
		.form-mid{
			margin-right: .1rem;
		}
		.form-word-aux{
			margin-right: .1rem;
			color: #999;
			font-size: $uni-font-size-base;
		}
		.form-word-aux-line{
			flex-basis: 100%;
			color: #999;
			margin-left: $label-width;
			margin-top: .1rem;
		}
		/deep/ .input-placeholder{
			font-size: $uni-font-size-base;
		}
		.form-checkbox-group, .form-radio-group{
			display: flex;
			align-items: center;
		}
		.form-checkbox-item, .form-radio-item{
			margin-right: 26rpx;
			display: flex;
			align-items: center;
		}
		/deep/ .uni-radio-input, .uni-checkbox-input{
			width: 36rpx;
			height: 36rpx;
		}
	}
	.common-btn-wrap{
		margin-left: $label-width;
		button{
			display: inline-block;
			padding: 0 .2rem;
			margin-right: .1rem;
			height: .36rem;
			line-height: .36rem;
			font-size: $uni-font-size-base;
			border-radius: 6rpx;
		}
		.screen-btn{
			background-color: $primary-color;
			color: #fff;
		}
	}
}
.uni-radio-wrapper{
	.uni-radio-input-checked{
		background-color: $primary-color!important;
		border-color: $primary-color!important;
	}
	.uni-radio-input:hover{
		border-color: $primary-color!important;
	}
}
.uni-checkbox-wrapper{
	.uni-checkbox-input-checked{
		color: $primary-color!important;
	}
}