.register,
.login {
	width: 100%;
	height: 100%;
	overflow: hidden;
	padding: 2.5rem;
	display: flex;

	>.left {
		flex: 1;
		height: 100%;
		position: relative;
		overflow: hidden;

		>.bg {
			width: 100%;
			height: 100%;
			object-fit: cover;
			border-radius: 2rem;
		}

		>.logo {
			position: absolute;
			top: 2.4rem;
			left: 4.2rem;

			>img {
				width: 6rem;
				height: auto;
			}

			>span {
				font-weight: 600;
				font-size: 3.3rem;
			}
		}
	}

	>.right {
		width: 90rem;
		min-width: 600px;
		display: flex;
		flex-direction: column;

		>.top {
			display: flex;
			padding: 0 3rem;

			>.back {
				width: 5rem;
				height: 5rem;
				border-radius: 1.2rem;
				border: 0.25rem solid rgba(223, 223, 223, 1);
				background-color: transparent;
				cursor: pointer;
			}
		}

		>.box {
			min-width: 50rem;
			flex: 1;
			overflow-y: auto;
			margin: 0 auto;
			display: flex;
			flex-direction: column;
			align-items: center;

			>img {
				width: 11rem;
				height: auto;
				margin-top: 2rem;
			}

			>.visible-code {
				margin-top: 1.7rem;
				margin-bottom: 7.2rem;
			}

			>.title {
				font-weight: 600;
				font-size: 7rem;
				display: flex;
				align-items: center;
				justify-content: center;
				color: #252727;
				margin-top: 1.7rem;

				>img {
					width: auto;
					height: 9.8rem;
				}
			}

			>.tip {
				font-weight: 400;
				font-family: General Sans Variable;
				font-style: Regular;
				font-size: 1.8rem;
				color: #666;
				margin-top: 0.4rem;
			}

			>.el-form {
				margin-top: 5rem;
				width: 100%;

				&::v-deep {
					.el-form-item {
						margin-bottom: 2rem;
					}

					.el-form-item__label {
						color: #252727;
						font-size: 1.8rem;
						margin-bottom: 0.8rem;
					}

					.el-input {
						--el-input-height: 5rem;
						--el-input-border-radius: 0.8rem;
						--el-input-text-color: #252727;
						--el-border-color: #dfdfdf;
						font-size: 1.4rem;
					}

					.forgetPassword {
						margin-top: -1.2rem;
						margin-bottom: 2rem;
						font-size: 1.6rem;
						text-align: right;
						color: #666666;
						cursor: pointer;
						text-decoration: underline;
					}


					.privacy {
						--el-checkbox-height: auto;
						margin-bottom: 4rem;

						.el-checkbox__label {
							font-size: 1.6rem;
							color: #666666;
							font-weight: 400;

							>span {
								text-decoration: underline;
								cursor: pointer;
							}
						}
					}

					.el-form-item__error {
						padding-top: 1px;
						font-size: 1.4rem;
					}

					.submit {
						width: 100%;
						height: 6rem;
						background: #252727;
						font-size: 2rem;
						border-radius: 0.8rem;
						color: #fff;
						font-weight: 600;
					}
				}
			}

			>.tip-2 {
				font-weight: 400;
				font-size: 1.6rem;
				color: #666;

				>span {
					text-decoration: underline;
					color: #FF7A50;
					cursor: pointer;
				}
			}

			>.other-login {
				margin-top: 5rem;
			}
		}
	}
}