examTeamApp/scss/login.scss

.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: 15px;

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

		text {
			display: block;
			width: 100%;
			text-align: center;
		}
	}

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

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

		.toggle {
			position: absolute;
			right: 15px;
			top: 20px;
		}

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


			.item {
				width: 100%;
				margin-bottom: 15px;

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

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

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

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

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

			.forget {
				width: 80px;
				background: #fff;
				color: $textcolor;
			}
		}

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

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

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

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

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