.app {
		height:100vh;
		padding:20rpx 0;
		.Agreement{
			width: 100%;
			background-color: #F4F5F7;
			text-align: center;
			height: 1000rpx;
			position: absolute;
			top:5%;
			font-size: 30rpx;
			.title{
				height: 100rpx;
				line-height: 100rpx;
				border-bottom: 1px solid #eeeeee;
				font-size: 34rpx;
				margin: 0px auto;
				width: 100%;
				text-align: center;
			}
			.scroll-Y{
					height:830rpx ;
				overflow-y:scroll;
				text-align: left;
				text-indent: 2em;
			}
			.cancel {
				height:70rpx;
				line-height: 70rpx;
				font-size: 32rpx;
				background-color: #F4F5F7;
				position: absolute;
				border-top: 1rpx solid #000000;
				bottom:0;
				right:0;
				width: 50%;
				color: #000000;
			}
			.determine {
				height:70rpx;
				line-height: 70rpx;
				font-size: 32rpx;
				width: 50%;
				color: #F4F5F7;
				background: #4C7BC9;
				position: absolute;
				bottom:0;
				left:0;
			}
		}
		.item{
			font-size: 34rpx;
			margin: 0 auto 20rpx;
			width: 94%;
			height:100rpx;
			line-height: 100rpx;
			background-color: #fff;
			box-shadow: 0px 9rpx 31rpx 9rpx rgba(0,0,0,0.03);
			border-radius: 20rpx;
			position: relative;
			.lefttext{
				position: absolute;
				top:50%;
				transform: translateY(-50%);
				left:3%;
			}
			.righttext{
				position: absolute;
				top:50%;
				transform: translateY(-50%);
				width: 68%;
				left:18%;
				height:100rpx;
			}
			.lefttext,.righttext{
				::v-deep .uni-input-input{
					font-size: 34rpx;
				}
				::v-deep .uni-input-wrapper{
					height:100rpx;
					line-height: 100rpx;
				}
				::v-deep .uni-input-placeholder {
					line-height: 100rpx;
					font-size: 34rpx;
					font-weight: 400;
					color: #C3C1C1;
				}
			}
		    .obtaincode {
				text-align: center;
				font-size: 36rpx;
				color: #4C7BC9;
				line-height: 100rpx;
				position: absolute;
				right:5%;
				top: 0%;
			}
		}
		.radio-content {
			margin: 50rpx auto;
			width: 70%;
			text-align: center;
			font-size: 28rpx;
			position: relative;
			.agreement {
				position: absolute;
				top:50%;
				left:20%;
				transform: translateY(-50%);
				color: #878987;
				}
			.radio-right {
				height: 100rpx;

				.radio {
					display: inline-block;
					width: 35rpx;
					height: 35rpx;
					border-radius: 70%;
					border: 2rpx solid #178ffb;
					position: absolute;
					top:50%;
					left:5%;
					transform: translateY(-50%);
					.radio-active {
						width: 16rpx;
						height: 16rpx;
						border-radius: 50%;
						background-color: #178ffb;
						position: absolute;
						top:50%;
						left:50%;
						transform: translate(-50%,-50%);
					}
				}
			}
		}
		.switch {
			text-align: center;
			line-height: 60rpx;
			color: #46ABD7;
			position: absolute;
			top: 73%;
		}

		.loginbtn {
			width: 70%;
			height: 100rpx;
			text-align: center;
			line-height: 100rpx;
			background: #4C7BC9;
			border-radius: 51rpx;
			font-size: 41rpx;
			color: #FFFFFF;
			position: absolute;
			top: 62%;
			left: 15%;
		}

	}