erp/pages/tcqList/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;
								text-align: center;
							}
						}
					}
				}
			}
		}
		.beizhu{
			width: 630upx;
			margin: auto;
			border: 1upx solid #F1F1F1;
			padding: 30upx;
			margin-top: 30upx;
			textarea{
				font-size: 24upx;
				height: 200upx;
			}
		}
	}
}

.white-card{
	@include wh(750upx,auto);
	padding-top: 30upx;
	padding-bottom: 30upx;
	background: white;
	//margin-top: 24upx;
	.lists{
		@include wh(710upx,auto);
		margin: auto;
		border-bottom: 1upx solid #C8C7CC;
		padding-bottom: 30upx;
		@include flex(flex-start,space-between);
		.list-left{
			@include wh(660upx,auto);
			.list-left-up{
				@include flex(center,flex-start);
				.list-left-up-left{
					width: 240upx;
					@include fonts(24upx,#333,bold);
				}
				.list-left-up-mid{
					width:370upx;
					@include fonts(24upx,#333,bold);
				}
				.list-left-up-right-ok{
					@include wh(60upx,60upx);
					border: 1upx solid #4CD964;
					border-radius: 50%;
					line-height: 60upx;
					text-align: center;
					@include fonts(24upx, #4CD964,bold);
				}
				.list-left-up-right-no{
					@include wh(60upx,60upx);
					border: 1upx solid red;
					border-radius: 50%;
					line-height: 60upx;
					text-align: center;
					@include fonts(24upx,red,bold);
				}
			}
			.list-left-dow{
				@include flex(center,flex-start);
				margin-top: 30upx;
				.list-left-dow-left{
					width: 240upx;
					@include fonts(24upx,#333,bold);
				}
				.list-left-dow-btn{
					width: 400upx;
					@include flex(center,space-between);
					view{
						@include wh(160upx,44upx);
						background: #4CD964;
						@include fonts(24upx,#fff,500);
						text-align: center;
						line-height: 44upx;
						border-radius: 10upx;
					}
					.red{
						background: #DD524D!important;
					}
				}
			}
		}
		.list-right{
			@include wh(40upx,40upx);
			border: 1upx solid #007AFF;
			border-radius: 50%;
			line-height: 40upx;
			text-align: center;
			@include fonts(24upx, #007AFF,bold);
		}
		.mj-color{
			@include wh(40upx,40upx);
			border: 1upx solid #F0AD4E;
			border-radius: 50%;
			line-height: 40upx;
			text-align: center;
			@include fonts(24upx, #F0AD4E,bold);
		}
	}
}

.submit-btn{
	@include wh(690upx,auto);
	margin: auto;
	margin-top: 60upx;
}