erp/pages/sprayInfo/index.scss

.sm-box{
	@include wh(750upx,auto);
	padding-top: 30upx;
	padding-bottom: 30upx;
	background: white;
	.card{
		@include wh(710upx,auto);
		margin: auto;
		border: 1upx solid #F1F1F1;
		padding-top: 30upx;
		padding-bottom: 30upx;
		.title{
			width: 690upx;
			margin: auto;
			@include fonts(26upx,#666,bold);
		}
		.content{
			width: 690upx;
			margin: auto;
			@include fonts(24upx,#999);
		}
	}
	.content-box-card{
		width: 690upx;
		margin: auto;
		.content-box-card-ul{
			@include flex(flex-start,flex-start);
			.content-box-card-list{
				@include flex(flex-start,flex-start);
				margin-top: 24upx;
				.content-box-card-title{
					width: 140upx;
					@include fonts(26upx,#333,bold);
				}
				text{
					@include fonts(24upx,#999);
				}
				.right-check{
					width: 500upx;
					@include flex(flex-start,flex-start);
					flex-wrap: wrap;
					
					.check-list{
						//width: 240upx;
						
						@include flex(center,flex-start);
						margin-left: 24upx;
						image{
							@include wh(33upx,33upx);
						}
						text{
							@include fonts(24upx,#999);
							margin-left: 10upx;
						}
					}
					.other-input{
						@include wh(240upx,50upx);
						@include flex(center,center);
						border: 1upx solid #F1F1F1;
						border-radius: 4upx;
						margin-left: 24upx;
						input{
							font-size: 26upx;
							margin-left: 20upx;
						}
					}
				}
			}
			
		}
		.content-box-card-ul-two{
			@include flex(flex-start,flex-start);
			.content-box-card-list{
				width: 345upx;
				@include flex(flex-start,flex-start);
				margin-top: 24upx;
				.content-box-card-title{
					width: 140upx;
					@include fonts(24upx,#333,bold);
				}
				text{
					@include fonts(24upx,#999);
				}
				.lin-div{
					@include wh(140upx,50upx);
					line-height: 50upx;
					border: 1upx solid #F1F1F1;
					border-radius: 5upx;
					@include flex(center,space-around);
					text{
						@include fonts(24upx,#999);
					}
					image{
						@include wh(22upx,14upx);
					}
				}
			}
			
		}
		.sj-card{
			width: 630upx;
			margin: auto;
			border: 1upx solid #F1F1F1;
			padding: 30upx;
			margin-top: 30upx;
			.sj-title{
				@include fonts(26upx,#333,bold);
			}
			.sj-nav{
				@include flex(flex-start,space-between);
				.left{
					view{
						@include fonts(24upx,#999);
						margin-top: 60upx;
					}
				}
				.right{
					width: 500upx;
					@include flex(center,space-between);
					.right-list{
						text-align: center;
						.num-div{
							@include fonts(24upx,#999);
						}
						.gg-div{
							width: 100upx;
							height: 50upx;
							@include flex(center,center);
							border: 1upx solid #F1F1F1;
							margin-top: 24upx;
							input{
								font-size: 24upx;
							}
						}
					}
				}
			}
		}
		.beizhu{
			width: 630upx;
			margin: auto;
			border: 1upx solid #F1F1F1;
			padding: 30upx;
			margin-top: 30upx;
			textarea{
				font-size: 24upx;
				height: 200upx;
			}
		}
	}
}

.cyxj-content{
	@include wh(750upx,auto);
	padding-top: 30upx;
	padding-bottom: 30upx;
	background: white;
	.cyxj-content-card{
		@include wh(710upx,auto);
		margin: auto;	
		padding-top: 30upx;
		padding-bottom: 30upx;
		.title{
			width: 710upx;
			margin: auto;
			@include fonts(26upx,#666,bold);
		}
		.xx-card{
			width: 710upx;
			margin: auto;
			border: 1upx solid #F1F1F1;
			padding-bottom: 30upx;
			.xx-title{
				@include fonts(26upx,#333);
				margin-left: 30upx;
				margin-top: 30upx;
			}
			.czyj-text{
				textarea{
					@include wh(630upx,200upx);
					font-size: 26upx;
					padding: 10upx;
				}
				@include wh(630upx,200upx);
				border: 1upx solid #F1F1F1;
				margin: auto;
				margin-top: 30upx;
			}
			.xx-ul{
				@include flex(center,space-around);
				margin-top: 30upx;
				.xx-list{
					@include flex(center,flex-start);
					image{
						@include wh(44upx,44upx);
					}
					text{
						@include fonts(24upx,#666);
						margin-left: 30upx;
					}
				}
			}
			.slect-list{
				@include wh(300upx,60upx);
				border: 1upx solid #F1F1F1;
				border-radius: 5upx;
				@include flex(center,space-around);
				margin-left: 30upx;
				margin-top: 30upx;
				text{
					@include fonts(24upx,#666);
				}
				image{
					@include wh(22upx,14upx);
				}
			}
		}
	}
	.mid-card{
		width: 710upx;
		margin: auto;
		border: 1upx solid #F1F1F1;
		padding-top: 20upx;
		padding-bottom: 20upx;
		margin-top: 30upx;
		@include flex(center,space-between);
		.left{
			width: 100upx;
			text-align: center;
			border-right: 1upx solid #F1F1F1;
			@include fonts(24upx,#666);
		}
		.right{
			width: 600upx;
			.right-list{
				@include flex(center,space-between);
				.titles{
					@include fonts(26upx,#666);
					margin-left: 30upx;
				}
				.inp{
					@include flex(center,center);
					input{
						
						height: 50upx;
						font-size: 26upx;
						margin-left: 10upx;
					}
					width: 160upx;
					height: 50upx;
					border: 1upx solid #F1F1F1;
					margin-right: 30upx;
				}
			}
		}
	}
	.bzqk-card{
		width: 710upx;
		height: 200upx;
		margin: auto;
		border: 1upx solid #F1F1F1;
		padding-top: 20upx;
		padding-bottom: 20upx;
		margin-top: 30upx;
		@include flex(center,center);
		textarea{
			width: 710upx;
			height: 200upx;
			font-size: 26upx;
			text-indent: 30upx;
		}
	}
}
.submit-btn{
	@include wh(690upx,auto);
	margin: auto;
	margin-top: 60upx;
}