jigesi/pages/index/aiControlSys_step2/index.scss

::v-deep button::after{
	border: none!important;
}
::v-deep button{
	// background-color:#fff !important;
	font-size: 32rpx;
	font-family: PingFang-SC-Medium, PingFang-SC;
	font-weight: 500;
	color: #333333;
	// box-sizing: content-box;
	// // width: 180rpx;
	// height: 96rpx;
}
.page{
	padding-bottom: 208rpx;
}
.topImg{
	width: 100%;
	height: 1124rpx;
	border-radius: 0 0rpx 0 40rpx;
	margin-bottom: 60rpx;
}

.cen{
	position: relative;
	padding-left: 40rpx;
	font-size: 36rpx;
	font-family: PingFang-SC-Bold, PingFang-SC;
	font-weight: bold;
	color: #333333;
	.water{
		width: 714rpx;
		height: 50rpx;
		position: absolute;
		top: -24rpx;
		left: 0;
	}
	.halfC{
		width: 52rpx;
		height: 56rpx;
		position: absolute;
		top: -18rpx;
		left:16rpx;
	}
}
.parmasBox{
	padding: 0 32rpx;
	.con{
		// height: 776rpx;
		background: #FFFFFF;
		border-radius: 0rpx 24rpx 0rpx 24rpx;
		border: 2rpx solid #E2E2E2;
		margin-top: 48rpx;
		padding: 40rpx 24rpx;
		padding-bottom: 22rpx;
		.top{
			// padding-bottom: 48rpx;
			// border-bottom: 2rpx solid #EAEAEA;
			.item{
				display: flex;
				justify-content: space-between;
				margin-bottom: 30rpx;
				.name{
					font-size: 28rpx;
					font-family: PingFang-SC-Medium, PingFang-SC;
					font-weight: 500;
					color: #666666;
				}
					
				.des{
					font-size: 32rpx;
					font-family: PingFang-SC-Medium, PingFang-SC;
					font-weight: 500;
					color: #333333;
				}
			}
			.item:last-child{
				margin-bottom: 0rpx;
				// border-bottom: 2rpx solid #EAEAEA;
			}
		}
		
		.type{
			.top2{
				font-size: 32rpx;
				font-family: PingFang-SC-Medium, PingFang-SC;
				font-weight: 500;
				color: #333333;
				display: flex;
				justify-content: space-between;
				margin-top: 24rpx;
				margin-bottom: 24rpx;
				.label{
					padding-left: 5rpx;
				}
				.num{
					
				}
			}
			
			.list{
				display: flex;
				flex-wrap: wrap;
				.item{
					margin-right: 32rpx;
					// margin-bottom: 14rpx;
					image{
						width: 128rpx;
						height: 128rpx;
					}
					.name{
						font-size: 28rpx;
						font-family: PingFang-SC-Medium, PingFang-SC;
						font-weight: 500;
						color: #333333;
						width: 128rpx;
						word-break: break-all;
						word-wrap: break-word;
						text-align: center;
						margin-top: 14rpx;
					}
					.num{
						
					}
				}
				.item:nth-of-type(4n){
					margin-right: 0;
				}
			}
		}
	}
}

.part2{
	font-size: 36rpx;
	font-family: PingFang-SC-Bold, PingFang-SC;
	font-weight: bold;
	color: #333333;
	margin-top: 48rpx;
}

.btnBox{
	height: 160rpx;
	background: #FFFFFF;
	box-shadow: 0rpx 0rpx 8rpx 0rpx rgba(0,0,0,0.16);
	
	position: fixed;
	bottom: 0;
	width: calc(100% - 64rpx);
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 32rpx;
	.lBtn{
		width: 330rpx;
		height: 96rpx;
		border-radius: 4rpx;
		border: 2rpx solid #333333;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 32rpx;
		font-family: PingFang-SC-Medium, PingFang-SC;
		font-weight: 500;
		color: #333333;
	}
	.rBtn{
		width: 330rpx;
		height: 96rpx;
		background: #333333;
		border-radius: 4rpx;
		border: 2rpx solid #333333;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 32rpx;
		font-family: PingFang-SC-Medium, PingFang-SC;
		font-weight: 500;
		color: #FFFFFF;
	}
}

.bot{
	height: 160rpx;
	background: #FFFFFF;
	box-shadow: 0rpx 0rpx 8rpx 0rpx rgba(0,0,0,0.16);
	position: fixed;
	width: 100%;
	bottom: 0;
	
	display: flex;
	justify-content: space-between;
	align-items: center;
	
	padding: 0 40rpx;
	.left{
		display: flex;
		align-items: center;
		.price{
			font-size: 42rpx;
			font-family: DINAlternate-Bold, DINAlternate;
			font-weight: bold;
			color: #333333;
		}
		image{
			width: 23rpx;
			height: 12rpx;
			margin-left: 16rpx;
		}
	}
	.right{
		font-size: 32rpx;
		font-family: PingFang-SC-Medium, PingFang-SC;
		font-weight: 500;
		color: #333333;
		margin-right: 96rpx;
		display: flex;
		.btn{
			display: flex;
			justify-content: center;
			align-items: center;
			border-radius: 4rpx;
			border: 2rpx solid #333333;
			width: 180rpx;
			height: 96rpx;
			box-sizing: border-box;
		}
	}
	
}
.rule_img{
	position: fixed;
	width: 128rpx;
	height: 128rpx;
	right: 18rpx;
	bottom: 188rpx;
}

.rule{
			position: fixed;
			width: 96rpx;
			height: 96rpx;
			background: #FFFFFF;
			box-shadow: 0rpx 4rpx 24rpx -8rpx rgba(0,0,0,0.28);
			border: 2rpx solid #FFFFFF;
			right: 36rpx;
			bottom: 216rpx;
			border-radius: 50%;
			display: flex;
			align-items: center;
			justify-content: center;
			flex-direction: column;
			image{
				width: 32rpx;
				height: 32rpx;
				margin-bottom: 8rpx;
			}
			.txt{
				font-size: 16rpx;
				font-family: PingFang-SC-Medium, PingFang-SC;
				font-weight: 500;
				color: #333333;
			}
		}


.topBar{
			height: 112rpx;
			background: #F9F9F9;
			border-radius: 24rpx 24rpx 0rpx 0rpx;
			display: flex;
			align-items: center;
			justify-content: space-between;
			.left{
				width: 10%;
				display: flex;
				align-items: center;
				justify-content: center;
				height: 100%;
			}
			
			.cen{
				font-size: 32rpx;
				font-family: PingFang-SC-Bold, PingFang-SC;
				font-weight: bold;
				color: #333333;
			}
			
			.close{
				width: 24rpx;
				height: 24rpx;
				color: #666666;
				width: 10%;
				display: flex;
				align-items: center;
				justify-content: center;
			height: 100%;
			}
		}
		
		.pupopCon{
			padding: 48rpx 32rpx;
			.item{
				height: 184rpx;
				.label{
					font-size: 32rpx;
					font-family: PingFang-SC-Medium, PingFang-SC;
					font-weight: 500;
					color: #333333;
					display: flex;
					align-items: center;
					margin-bottom: 24rpx;
				}
			}
			
		}	
		
		
		
		.topBar{
				height: 112rpx;
				background: #F9F9F9;
				border-radius: 24rpx 24rpx 0rpx 0rpx;
				display: flex;
				align-items: center;
				justify-content: space-between;
				.left{
					width: 10%;
					display: flex;
					align-items: center;
					justify-content: center;
					height: 100%;
				}
				
				.cen{
					font-size: 32rpx;
					font-family: PingFang-SC-Bold, PingFang-SC;
					font-weight: bold;
					color: #333333;
				}
				
				.close{
					width: 24rpx;
					height: 24rpx;
					color: #666666;
					width: 10%;
					display: flex;
					align-items: center;
					justify-content: center;
				height: 100%;
				}
			}
			
		.pupopCon{
			padding: 48rpx 32rpx;
			box-sizing: border-box;
			.item{
				margin-bottom: 40rpx;
				box-sizing: border-box;
				height: auto;
				.top{
					display: flex;
					justify-content: space-between;
					.name{
						font-size: 32rpx;
						font-family: PingFang-SC-Medium, PingFang-SC;
						font-weight: 500;
						color: #666666;
					}
					.info{
						font-size: 32rpx;
						font-family: PingFang-SC-Medium, PingFang-SC;
						font-weight: 500;
						color: #333333;
					}
				}
				.bottom{
					display: flex;
					justify-content: space-between;
					padding-left: 24rpx;
					.name{
						font-size: 32rpx;
						font-family: PingFang-SC-Medium, PingFang-SC;
						font-weight: 500;
						color: #666666;
					}
					.info{
						font-size: 32rpx;
						font-family: PingFang-SC-Medium, PingFang-SC;
						font-weight: 500;
						color: #333333;
					}
				}
			}
			
		}