body {
	background-image: url(/img/login_web_bg.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-attachment:fixed;
	height: 100%;
}

.mid_box {
	width: 1024px;
	height: 100%;
	min-height: 400px;
	margin: 150px auto 0px;
}

.mid_left_box {
	float: left;
}

.mid_left_box img {
	margin: 50px;
	width: 70px;
	height: 70px;
	border-radius: 35px;
}

.mid_right_box {
	width: 250px;
	height: 280px;
	background-color: white;
	float: right;
	padding: 20px 50px;
	border-radius: 30px;
	box-shadow: 0px 5px 5px 0px rgba(161, 216, 241, .2), 0 0 6px rgba(161, 216, 241, .4);
	border-radius: 30px;
}

.title {
	font-size: 30px;
	font-weight: 600;
	color: #836EC8;
	letter-spacing: 2px;
	float: right;
	width: 350px;
}
.rol-center{
	display: flex;
	align-items: center;
	justify-content: center;
}

/* 重写 element 样式 */
.ruleForm {
	margin-top: 20px;
}

.el-input__inner {
	border-radius: 5px;
	background-color: #f7f5fb;
	/*padding: 0 50px;*/
	padding-left: 10px;
}

.login_btn {
	width: 100%;
	border-radius: 5px;
	height: 45px;
	font-size: 20px;
	background-color: #836EC8;
	border: #836EC8;
	margin-top: 30px;
	letter-spacing: 10px;
}
.login_btn:hover {
	background-color: #B4A2F2 !important; /* 取消背景色变化 */
	border-color: #B4A2F2 !important; /* 取消边框色变化 */
}

.el-checkbox__input.is-checked + .el-checkbox__label {
	color: #836EC8;
}

.register {
	display: inline-block;
	width: 48%;
	height: 15px;
	line-height: 15px;
	text-align: center;
	cursor: pointer;
	color: #836EC8;
	margin-top: 50px;
}