/*
 * 背景样式
 */
.body_center
{
	width: 100%;
	height: 1000px;
	background-size: cover;
	background-image: url(../image/bg_register.jpg?v=20181207);
}
/*
 * 内容
 */
.center_box
{
	width: 1200px;
}
.login_bg
{
	display: inline-flex;
	height: 1000px;
	width: 500px;
	float: right;
	justify-content: center;
	background-color: rgba(255,255,255,0.6);
}
.login_box
{
	width: 460px;
	height: auto;
	padding: 50px 20px;
	align-self:center;
	background-color: rgba(252,252,252,1);
}
.login_title
{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-color: rgb(178,178,178);
}
.login_title>div
{
	width: 200px;
}
.login_title span
{
	width: 100%;
	padding-bottom: 10px;
	cursor: pointer;
	font-size: 18px;
	font-weight: bolder;
	color: rgb(203,203,203);
}
.login_way
{
	display: inline-block !important;
}
.login_way span
{
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-color:rgb(78,78,78);
	color: rgb(78,78,78);
}

.login_option
{
	display: none;
	height: 311px;
	padding: 20px 0px;
}
.login_option .input_text
{
	margin: 20px 0 0 0;
}
.error_input .input_text
{
	border-color: rgb(145,44,48);
	background-color: rgb(255,241,240);
}
.error_msg
{
	display: none;
	text-align: left;
	padding: 5px 15px;
}
.error_input .error_msg
{
	display: inline-block;
	line-height: 16px;
	vertical-align: middle;
}
.error_msg img
{
	width:16px;
	height: 16px;
	vertical-align: middle;
}
.error_msg span
{
	color: rgb(233,99,101)!important;
	border: none;
	font-size: 10pt;
	line-height: 16px;
	vertical-align: middle;
	padding: 0px 10px;
}

.input_assistant
{
	margin: 20px 0 0 0;
	height: 54px;
}
.input_assistant div
{
	width: auto;
}
.input_assistant div:nth-child(1)
{
	float: left;
}
.input_assistant div:nth-child(2)
{
	float: right;
}
.input_assistant label
{
	font-size: 12px;
}
.input_assistant a
{
	font-size: 12px;
	cursor: pointer;
	color: rgb(162,162,162);
}
.radio_box input[type="radio"]
{
	display: none;
}
.radio_box .radio_box_item
{
	width: 150px;
	height: 20px;
	float: left;
}
.radio_box label
{
	height: 32px;
	cursor: pointer;
	position: absolute;
	top: 0px;
	left: 0px;
}
.radio_box label::before
{
	display: inline-block;
	content: "";
	width: 16px;
	height: 16px;
	margin: 5px;
	position: relative;
	top: 8px;
	border-width: 1px;
	border-style: solid;
	border-radius: 50%;
	border-color: rgb(204,204,204);
	background-color: rgb(238,238,238);
}
.radio_box input+label::after
{
	visibility: hidden;
	display: inline-block;
	content: "";
	width: 10px;
	height: 10px;
	margin: 5px;
	position: absolute;
	top: 12px;
	left: 4px;
	border-radius: 50%;
	background-color: rgb(0,0,0);
}
.radio_box input:checked+label::after
{
	visibility: visible;
}
/*
 * 尾部
 */
.ather_way
{
	margin-top: 40px;
	margin-bottom: 10px;
	/*border-top-width: 1px;*/
	border-style: solid;
	/*border-color: rgb(178,178,178);*/
}
.ather_title
{
	width: auto;
	padding: 0px 8px;
	top: -14px;
	background-color: rgb(252,252,252);
}
.ather_title span
{
	font-size: 16px;
	color: rgb(114,114,114);
}
.ather_link>div
{
	width: auto;
}
.ather_link img
{
	cursor: pointer;
	width: 50px;
	height: 50px;
	margin: 0 10px;
}
.register_link
{
	height: 50px;
	position: absolute;
	left: 0px;
	bottom: 0px;
	background-color: rgb(213,213,213);
}
.register_link span
{
	cursor: pointer;
	font-size: 14px;
	line-height: 45px;
	text-decoration: underline;
	color: rgb(45,45,45);
}
/*
 * 忘记密码
 */
.forget_passTitle
{
	top:-37px;
	background-color:rgb(252,252,252);
	/*z-index: ;*/
}
.forget_passBox,.forget_passNew
{
	height: 220px;
	text-align: left;
}
.forget_passBox>div,.forget_passNew>div
{
	text-align: left;
	margin: 10px 0px;
}
.forget_passBox>div span,.forget_passNew>div span
{
	width: 80px;
	border: 0px;
	font-size: 14px;
	text-align: left;
	color: rgb(155,155,155);
}
.forget_passBox div.error_box span,.forget_passNew div.error_box span
{
	width: 200px;
}
.forget_passBox>div input,.forget_passNew>div input
{
	width: 250px;
	height: 30px;
	border-width: 1px;
	border-style: solid;
	border-radius: 8px;
	padding: 0px 10px;
	text-align: left;
	border-color: rgb(218,218,218);
	background-color: rgb(255,255,255);
}
.forget_passBox>div button.getForgetCode
{
	position: absolute;
	width: 100px;
	height: 100%;
	top: 0px;
	left: 230px;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
	background-color: rgb(218,218,218);
}
.forget_passBBox
{
	display: none;
}