fanyunAi/pages/employee/index.scss

iframe{
	width: 100vw;
	height: 100vh;
}
@keyframes rotate {
	0%{
		transform: rotate(0deg);
	}
	100%{
		transform: rotate(360deg);
	}
}
.go{
	animation: rotate 1s;
}
.fresh{
	display: flex;
	justify-content: center;
	align-items: center;
	font-size:32rpx;
	
	margin-top: 100rpx;
	image{
		margin-left: 10rpx;
	}
}

.employBox{
	padding-left: 30rpx;
	padding-right: 30rpx;
	padding-top: 24rpx;
	.stateBox{
		// width: 690rpx;
		height: 92rpx;
		background: #E5F0FF;
		border-radius: 8rpx;
		display: flex;
		align-items: center;
		padding-left: 32rpx;
		padding-right: 32rpx;
		font-size: 28rpx;
		font-family: PingFang-SC, PingFang-SC;
		font-weight: 500;
		color: #333333;
		justify-content: space-between;
		
		.btn{
			width: 100rpx;
			height: 60rpx;
			border-radius: 38rpx;
			border: 2rpx solid #207CF7;
			display: flex;
			justify-content: center;
			align-items: center;
			font-size: 28rpx;
			font-family: PingFang-SC, PingFang-SC;
			font-weight: 500;
			color: #207CF7;
		}
	}
	.t1{
		font-size: 36rpx;
		font-family: PingFang-SC, PingFang-SC;
		font-weight: 800;
		color: #333333;
		margin-top: 84rpx;
		text-align: center;
	}
	.t2{
		font-size: 24rpx;
		font-family: PingFang-SC, PingFang-SC;
		font-weight: 500;
		color: #999999;
		margin-top: 24rpx;
		text-align: center;
	}
	.codeBox{
		margin-top: 158rpx;
		width: 476rpx;
		height: 476rpx;
		background: #EEF5FE;
		
		margin-left: 50%;
		transform: translateX(-50%);
		display: flex;
		justify-content: center;
		align-items: center;
		
		
		position: relative;
		.lt,.rt,.lb,.rb{
			position: absolute;
			width: 28rpx;
			height: 28rpx;
		}
		.lt{
			left:-14rpx;
			top:-14rpx;
			border-top:  4rpx solid #207CF7;
			border-left:  4rpx solid #207CF7;
		}
		.rt{
			right:-14rpx;
			top:-14rpx;
			border-top:  4rpx solid #207CF7;
			border-right:  4rpx solid #207CF7;
		}
		.lb{
			left:-14rpx;
			bottom:-14rpx;
			border-bottom:  4rpx solid #207CF7;
			border-left:  4rpx solid #207CF7;
		}
		.rb{
			right:-14rpx;
			bottom:-14rpx;
			border-bottom:  4rpx solid #207CF7;
			border-right:  4rpx solid #207CF7;
		}
		img{
			width: 408rpx;
			height: 406rpx;
		}
	}
	
	.btn2{
		width: 476rpx;
		height: 84rpx;
		border-radius: 42rpx;
		border: 2rpx solid #207CF7;
		margin-left: 50%;
		transform: translateX(-50%);
		// margin-top: 136rpx;
		margin-top: 80rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 28rpx;
		font-family: PingFang-SC, PingFang-SC;
		font-weight: 500;
		color: #207CF7;
	}
}

.name,.phone{
	margin-top: 80rpx;
	display: flex;
	align-items: center;
	justify-content: center;
	.left{
		width: 15%;
		text-align: right;
		
		padding-right: 20rpx;
		font-weight: 600;
	}
	.right{
		width: 60%;
	}
	
}
.name{
	// margin-right: 10rpx;
}
.phone{
	margin-top: 50rpx;
	}
	
	.part{
		
		margin-top:50rpx;
		.txt{
			font-size: 30rpx;
			font-weight: bold;
			text-align: center;
		}
		.becuase{
			font-size: 30rpx;
			font-weight: bold;
			margin-top: 30rpx;
			// text-align: center;
		}
		.des{
			
		}
	}