.bg {
		position: absolute;
		top: 0;
		width: 100%;
		height: 50vh;
		z-index: 9;
		background: $maincolor;
	}

	.top {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
		position: relative;
		top: 70px;
		z-index: 99;
		margin-bottom: 30rpx;

		image {
			width: 70px;
			height: 70px;
			margin: auto;
			margin-bottom: 20rpx;
			border-radius: 50%;
		}

		text {
			color: #fff;
			display: block;
			width: 100%;
			font-size: 18px;
			text-align: center;
			font-weight: bold;
		}
	}

	.login {
		width: 94%;
		height: auto;
		background: #fff;
		border-radius: 20rpx;
		padding: 20rpx 0;
		background-color: #fff;
		z-index: 99;
		position: absolute;
		left: 3%;
		top: 28%;
		box-shadow: 0px 1px 5px 2px #dfe2e1fc;

		.title {
			text-align: left;
			color: #333;
			font-size: 40rpx;
			font-weight: bold;
			margin-bottom: 30rpx;
			margin-left: 30rpx;
		}

		.toggle {
			position: absolute;
			right: 30rpx;
			top: 40rpx;
		}

		.editem {
			position: relative;
			display: flex;
			align-items: center;
			font-size: 32rpx;
			margin: 0 30rpx;
			justify-content: space-between;
			flex-wrap: wrap;


			.item {
				width: 100%;
				margin-bottom: 30rpx;

				.text {
					font-size: 32rpx;
					margin-bottom: 20rpx;
				}

				.input {
					height: 35px;
					line-height: 35px;
					display: flex;
					position: relative;
					border: #dfdfdf 1px solid;
					padding: 0 20rpx;
					border-radius: 5px;
				}

				input {
					height: 80rpx;
					line-height: 80rpx;
					position: absolute;
					left: 20rpx;
					right: 0px;
					z-index: 88;
					font-size: 32rpx;
				}

				.yanzhengma {
					input {
						right: 180px;
						font-size: 32rpx;
					}
				}
			}

			.code {
				color: #333;
				width: 180px;
				background: #dfdfdf;
				font-size: 28rpx;
				margin: 0;
				line-height: 80rpx;
				border-radius: 5px;
				text-align: center;
				position: absolute;
				right: 0px;
				top: 0px;
				bottom: 0;
				z-index: 99;
			}

			.forget {
				width:100%;
				font-size: 28rpx !important;
				background: #fff;
				color: $textcolor;
				text-align: right;
				text{
					width: 100px;
					text-align: right;
				}
			}
		}

		.btngroup {
			height: 35px;
			line-height: 35px;
			display: flex;
			margin: 0 30rpx;
			justify-content: center;

			text {
				display: block;
				color: $textcolor;
			}
		}

		.btnlogin {
			width: calc(100% - 60rpx);
			margin: 30rpx;
			height: 42px;
			line-height: 42px;
			background: $btncolor;
			font-weight: 700;
			border-radius: 30rpx;
			text-align: center;
			color: #fff !important;
		}
	}

	.xieyi {
		font-size: 32rpx;
		color: $textcolor;
		margin-left: 20rpx;

		text {
			border-bottom: 1px solid $textcolor;
		}
	}