.login,
.register {
	padding: 35px;
	border: 1px solid #e1e1e1;
	background-color: #fff;
	border-radius: 5px;

	>h2 {
		font-weight: 600;
		color: #222;
		font-size: 24px;
		margin-bottom: 24px;
	}

	>form {
		>* {
			margin-bottom: 20px;
		}

		.link {
			color: #222;

		}

		>.form-item {
			display: flex;
			flex-direction: column;

			&.center {
				align-items: center;
			}

			>label {
				margin-bottom: 5px;
				font-size: 16px;
				line-height: 1.6;
				color: #333;
				font-weight: 400;

				&::after {
					content: ' *';
					color: #f00;
				}
			}

			>.input-container>input,
			>input {
				width: 100%;
				height: 35px;
				padding: 0 17px;
				font-size: 16px;
				border: 1px solid #e1e1e1;
				outline: none;

				&:focus {
					border-color: #000;
				}
			}

			>.input-container {
				position: relative;

				>input {
					padding-right: 35px;
				}

				>.iconfont {
					position: absolute;
					right: 10px;
					top: 0;
					height: 100%;
					display: flex;
					align-items: center;
					justify-content: center;
					font-size: 18px;
					cursor: pointer;
				}
			}
		}

		>.remember {
			display: flex;
			align-items: center;

			>input {
				margin: 4px 8px 0 0;
			}

			>label {
				color: #333;
			}

			>.link {
				margin-left: auto;
			}

		}

		>.subscribe {
			font-size: 16px;
			line-height: 1.6;
			color: #333;
		}

		>.tip {
			font-size: 16px;
			line-height: 1.6;
			color: #333;

			>a {
				color: #000;
			}
		}
	}
}