.content{
	margin-bottom: 0px;
}

@media screen and (max-width: 768px) {
	.content {
		margin-bottom: 1.2rem;
	}
}

/**********************/
#change_page{
	height: 1000px;
	width: 100%;
	background:url(../img/auth/bg.png) no-repeat 0 0;
}

.change_body{
	width: 1000px;
	height: 530px;
	background: #FFFFFF;
	box-shadow: 0 50px 50px 0 rgba(0,0,0,0.10);
	border-radius: 5px;
	margin:auto;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.change_content{
	height: 410px;
	width: 300px;
	text-align: center;
	margin:auto;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.change_title{
	line-height: 60px;
	font-size: 4.2rem;
	margin: 0 -100%;
	color: #3C3C3C;
}

.change_form{
	text-align: center;
	margin-top: 30px;
}

.change_success_msg{
	width: 300px;
	height: 30px;
	text-align: center;
	font-size: 1.3rem;
	line-height: 20px;
	color: #3C3C3C;
}

@media screen and (max-width: 768px) {

	#change_page {
		height: unset;
		width: unset;
		background: unset;
	}

	.change_body {
		width: unset;
		height: unset;
		box-shadow: unset;
		border-radius: unset;
		position: unset;
		margin: 0 1.41rem;
		margin-top: 1.6rem;
	}

	.change_content {
		height: unset;
		width: unset;
		position: unset;
	}

	.change_title {
		line-height: 1rem;
		font-size: 0.72rem;
		margin: unset;
		text-align: left;
		padding-left: 0.8rem;
	}

	.change_form {
		margin-top: 2.6rem;
	}

	.change_success_msg{
		margin: unset;
		height: 1.6rem;
		font-size: 0.36rem;
		line-height: 0.5rem;
	}
}

/******************/
#forgot_page{
	height: 1000px;
	width: 100%;
	background:url(../img/auth/bg.png) no-repeat 0 0;
}

.forgot_body{
	width: 1000px;
	height: 440px;
	background: #FFFFFF;
	box-shadow: 0 50px 50px 0 rgba(0,0,0,0.10);
	border-radius: 5px;
	margin:auto;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.forgot_content{
	width: 300px;
	height: 320px;
	text-align: center;
	margin:auto;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.forgot_title{
	margin: 0 -100%;
	font-size: 4.2rem;
	color: #3C3C3C;
	line-height: 60px;
}

.forgot_form{
	margin-top: 30px;
}

.forgot_success_msg{
	margin: 0 -100%;
	height: 60px;
	text-align: center;
	font-size: 1.3rem;
	line-height: 20px;
	color: #3C3C3C;
}


/*滑动验证*/
.drag {
	position: relative;
	width: 300px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background: #EEEEEE;
}

.drag-text {
	position: absolute;
	top: 0;
	width: 300px;
	text-align: center;
	font-size: 1.4rem;
	color: #232323;
	user-select: none;
}

.drag-bg {
	position: absolute;
	background-color: #31C57B;
	height: 40px;
	width: 0px;
}

.silde-block {
	position: absolute;
	left: 0;
	width: 40px;
	height: 40px;
	background:url(../img/auth/slide_block.svg) no-repeat 0 0;
	background-size: 100%;
	cursor: move;
	border: 1px solid #DADADA;
}

@media screen and (max-width: 768px) {
	#forgot_page {
		height: unset;
		width: unset;
		background: none;
	}

	.forgot_body {
		width: unset;
		height: unset;
		box-shadow: unset;
		border-radius: unset;
		position: unset;
		padding-top: 2.2rem;
		margin: 0 1.41rem;
	}

	.forgot_content {
		width: unset;
		height: unset;
		position: unset;
	}

	.forgot_title {
		margin: unset;
		font-size: 0.72rem;
		line-height: 1rem;
		padding-left: 0.8rem;
		text-align: left;
	}

	.forgot_form {
		margin-top: 1.6rem;
	}

	.drag {
		width: unset;
		height: 1.2rem;
		line-height: 1.2rem;
	}

	.drag-bg {
		height: 1.2rem;
	}

	.drag-text {
		font-size: 0.36rem;
		line-height: 1.2rem;
		width: 100%;
	}

	.silde-block {
		width: 1.2rem;
		height: 1.2rem;
		background-size: 100%;
		border: 0.02rem solid #DADADA;
	}

	.forgot_success_msg {
		margin: unset;
		height: 1.6rem;
		font-size: 0.36rem;
		line-height: 0.5rem;
	}

}
/*******************************************************/
#login_page{
	height: 1000px;
	width: 100%;
	background:url(../img/auth/bg.png) no-repeat 0 0;
}

.login_body{
	width: 1000px;
	height: 568px;
	background: #FFFFFF;
	box-shadow: 0 50px 50px 0 rgba(0,0,0,0.10);
	border-radius: 5px;
	margin:auto;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.login_content{
	height: 448px;
	margin:auto;
	margin-left: 150px;
	position: absolute;
	top: 0;
	bottom: 0;
}

.form_content{
	float: left;
	width: 300px;
	height: 400px;
	text-align: center;
	
}

.split_line{
	float: left;
	background: #F2F2F2;
	width: 1px;
	height: 380px;
	margin-right: 40px;
	margin-left: 100px;
	margin-top: 35px;
}

.why_register_content{
	margin-top: 55px;
	float: left;
	width: 350px;
	height: 380px;
}

.login_title{
	font-size: 4.2rem;
	color: #3C3C3C;
	line-height: 60px;
}

.login_form{
	width: 300px;
	height: 240px;
	margin-top: 30px;
}

.forgot_password{
	width: 300px;
	height: 60px;
	text-align: right;
}

.forgot_password > a{
	opacity: 0.8;
	text-decoration: none;
	color: #4097E0;
	font-size: 1.4rem;
	line-height: 30px;
}

.forgot_password > a:hover{
	opacity: 1;
}

.register_account{
	font-size: 2rem;
	line-height: 28px;
	margin-top: 30px;
}

.register_account > a{
	text-decoration: none;
	color: #1458A7;
	opacity: 0.8;
}

.register_account > a:hover{
	opacity: 1;
}

.info_title{
	line-height: 28px;
	font-size: 2rem;
	color: #3C3C3C;
}

.desc_list > ul{
	margin: 0;
	margin-top: 30px;
	padding-left: 20px;
	
	text-indent: 20px;
}

.desc_list > ul > li{
	font-size: 1.6rem;
	line-height: 30px;
	list-style-image:url(../img/dot.svg);
}

@media screen and (max-width: 768px) {

	#login_page{
		height: unset;
		background: none;
	}

	.login_body {
		width: unset;
		height: unset;
		background: #FFFFFF;
		box-shadow:unset;
		border-radius: unset;
		margin: unset;
		position: unset;
		margin: 0 1.41rem;
		margin-top: 1.6rem;
	}

	.login_content {
		height: unset;
		margin: unset;
		margin-left: unset;
		position: unset;
	}

	.form_content {
		float: unset;
		width: unset;
		height: unset;
	}

	.login_title {
		font-size: 0.72rem;
		line-height: 1rem;
		padding-left: 0.8rem;
		text-align: left;
	}

	.login_form {
		width: unset;
		height: unset;
		margin-top: 2.6rem;
	}

	.forgot_password {
		width: unset;
		height: unset;
		margin-top: 0.3rem;
	}

	.forgot_password > a {
		font-size: 0.36rem;
		line-height: 0.5rem;
		display: block;
	}

	.register_account {
		font-size: 0.6rem;
		line-height: 0.84rem;
		margin-top: 1rem;
	}

	.split_line{
		display: none;
	}

	.why_register_content {
		margin-top: 2.6rem;
		padding-left: 0.8rem;
		float: unset;
		width: unset;
		height: unset;
	}

	.info_title {
		line-height: 0.67rem;
		font-size: 0.48rem;
	}

	.desc_list > ul{
		padding: 0;
		font-size: 0.36rem;
		line-height: 0.5rem;
		margin-top: 0.4rem;
	}

	.desc_list > ul > li{
		font-size: 0.36rem;
		line-height: 0.5rem;
		list-style-type: none;
		list-style-image: none;
		background: url(../img/dot.svg) no-repeat 0 0.1rem;
		background-size: 0.3rem;
		text-indent: 0.5rem;
	}
}
/********************************************************************/
#register_page{
	height: 1000px;
	width: 100%;
	background:url(../img/auth/bg.png) no-repeat 0 0;
}

.register_body{
	width: 1000px;
	height: 751px;
	background: #FFFFFF;
	box-shadow: 0 50px 50px 0 rgba(0,0,0,0.10);
	border-radius: 5px;
	margin:auto;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.register_content{
	width: 710px;
	height: 631px;
	text-align: center;
	margin:auto;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.register_title{
	font-size: 4.2rem;
	color: #3C3C3C;
}

.register_form{
	text-align: center;
	margin-top: 30px;
}

.register_input{
	width: 710px;
	height: 400px;
}

.left_input{
	float: left;
	width: 300px;
	height: 400px;
}

.right_input{
	width: 300px;
	height: 320px;
	float: right;
}

select{
	font-size: 1.4rem;
	color: #232323;
	height: 50px;
	width: 300px;
	background: #EEEEEE;
	border: none;
	padding-left: 20px;
	-moz-appearance:none;
	-webkit-appearance:none;
	border-radius: 0;
	appearance:none;
	background: url(../img/auth/select_bg.svg)  right center no-repeat;
	background-size: 100%;
}

select::-ms-expand {
	display: none;
}

#register_submit{
	margin-top:30px;
}

.reset{
	opacity: 0.8;
	padding: 0;
	display: inline-block;
	height: auto;
	width: auto;
	margin-top: 30px;
	border: none;
	font-size: 2rem;
	color: #1458A7;
	background: none;
}

.reset:hover{
	opacity: 1;
}

@media screen and (max-width: 768px) {

	#register_page {
		height: unset;
		width: unset;
		background: unset;
	}

	.register_body {
		width: unset;
		height: unset;
		box-shadow: unset;
		border-radius: unset;
		position: unset;
		margin: 0 1.41rem;
		margin-top: 1.6rem;
	}

	.register_content {
		width: unset;
		height: unset;
		position: unset;
	}

	.register_title {
		font-size: 0.72rem;
		line-height: 1rem;
		padding-left: 0.8rem;
		text-align: left;
	}

	.register_form {
		margin-top: 2.6rem;
	}

	.register_input {
		width: unset;
		height: unset;
	}

	.left_input {
		float: unset;
		width: unset;
		height: unset;
	}

	.right_input {
		width: unset;
		height: unset;
		float: unset;
		margin-top: 1.8rem;
	}

	select {
		font-size: 0.48rem;
		height: 1.4rem;
		width: 100%;
	}

	#register_submit {
		margin-top: 1.6rem;
	}

	.reset {
		margin-top: 1rem;
		font-size: 0.6rem;
		line-height: 0.84rem;
		border: none;
	}
}

/*************************************************/
		
#reg_success_page{
	height: 1000px;
	width: 100%;
	background:url(../img/auth/bg.png) no-repeat 0 0;
}

.reg_success_body{
	width: 1000px;
	height: 400px;
	background: #FFFFFF;
	box-shadow: 0 50px 50px 0 rgba(0,0,0,0.10);
	border-radius: 5px;
	margin:auto;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.reg_success_content{
	width: 400px;
	height: 280px;
	text-align: center;
	margin:auto;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.reg_success_title{
	margin: 0 -100%;
	margin-top: 40px;
	line-height: 50px;
	font-size: 3.6rem;
	color: #31C57B;
}

.reg_success_msg{
	margin: 0 -100%;
	margin-top: 10px;
	line-height: 20px;
	font-size: 1.4rem;
	color: #3C3C3C;
}

@media screen and (max-width: 768px) {

	#reg_success_page{
		height: unset;
		width: unset;
		background:unset;
	}

	.reg_success_body {
			width: unset;
			height: unset;
			background: #FFFFFF;
			box-shadow: unset;
			border-radius: unset;
			position: unset;
			margin: 0 1.41rem;
			margin-top: 1.6rem;
		}

		.reg_success_content {
			width: unset;
			height: unset;
			position: unset;
		}

		.reg_success_content > img {
			width: 30.2%;
		}

		.reg_success_title {
			margin: unset;
			margin-top: 0.6rem;
			line-height: 1rem;
			font-size: 0.72rem;
		}

		.reg_success_msg {
			margin: unset;
			margin-top: 0.6rem;
			line-height: 0.5rem;
			font-size: 0.36rem;
		}
}

/*******************************************/
#reset_page{
	height: 1000px;
	width: 100%;
	background:url(../img/auth/bg.png) no-repeat 0 0;
}

.reset_body{
	width: 1000px;
	height: 450px;
	background: #FFFFFF;
	box-shadow: 0 50px 50px 0 rgba(0,0,0,0.10);
	border-radius: 5px;
	margin:auto;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.reset_content{
	width: 300px;
	height: 330px;
	text-align: center;
	margin:auto;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.reset_title{
	margin: 0 -100%;
	line-height: 60px;
	font-size: 4.2rem;
	color: #3C3C3C;
}

.reset_form{
	text-align: center;
	margin-top: 30px;
}

.reset_success_msg{
	margin: 0 -100%;
	width: 300px;
	height: 30px;
	text-align: center;
	font-size: 1.3rem;
	line-height: 20px;
	color: #3C3C3C;
}

.reset_failed{
	margin-top: 30px;
}

.reset_failed_msg{
	margin: 0 -100%;
	margin-top: 50px;
	line-height: 20px;
	font-size: 1.4rem;
	color: #3C3C3C;
	text-align: center;
}

@media screen and (max-width: 768px) {

	#reset_page{
		height: unset;
		width: unset;
		background: unset;
	}

	.reset_body {
		width: unset;
		height: unset;
		background: #FFFFFF;
		box-shadow: unset;
		border-radius: unset;
		position: unset;
		margin: 0 1.41rem;
		margin-top: 1.6rem;
	}

	.reset_content {
		width: unset;
		height: unset;
		position: unset;
	}

	.reset_title {
		font-size: 0.72rem;
		line-height: 1rem;
		padding-left: 0.8rem;
		text-align: left;
		margin: unset;
	}

	.reset_form{
		margin-top: 2.6rem;
	}

	.reset_success_msg {
		margin: unset;
		height: 1.6rem;
		width: 100%;
		font-size: 0.36rem;
		line-height: 0.5rem;
	}

	.reset_failed{
		margin-top: 1.6rem;
	}

	.reset_failed > img{
		width: 30.2%;
	}

	.reset_failed_msg{
		margin: unset;
		margin-top: 0.6rem;
		line-height: 0.5rem;
		font-size: 0.36rem;
	}
}
/**********************************************************/

#verify_page{
	height: 1000px;
	width: 100%;
	background:url(../img/auth/bg.png) no-repeat 0 0;
}

.verify_body{
	width: 1000px;
	height: 400px;
	background: #FFFFFF;
	box-shadow: 0 50px 50px 0 rgba(0,0,0,0.10);
	border-radius: 5px;
	margin:auto;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.verify_content{
	width: 400px;
	height: 280px;
	margin: 0;
	text-align: center;
	margin:auto;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.verify_success_title{
	margin: 0 -100%;
	margin-top: 40px;
	line-height: 50px;
	font-size: 3.6rem;
	color: #31C57B;
	text-align: center;
}

.verify_success_msg{
	margin: 0 -100%;
	margin-top: 10px;
	line-height: 20px;
	font-size: 1.4rem;
	color: #3C3C3C;
	text-align: center;
}

.verify_failed_title{
	margin: 0 -100%;
	margin-top: 40px;
	line-height: 50px;
	font-size: 3.6rem;
	color: #FF6C6C;
	text-align: center;
}

.verify_failed_msg{
	margin: 0 -100%;
	margin-top: 10px;
	line-height: 20px;
	font-size: 1.4rem;
	color: #3C3C3C;
	text-align: center;
}
@media screen and (max-width: 768px) {

	#verify_page{
		height: unset;
		width: unset;
		background:unset;
	}

	.verify_body {
		width: unset;
		height: unset;
		background: #FFFFFF;
		box-shadow: unset;
		border-radius: unset;
		position: unset;
		margin: 0 1.41rem;
		margin-top: 1.6rem;
	}

	.verify_content {
		width: unset;
		height: unset;
		position: unset;
	}

	.verify_content > img {
		width: 30.2%;
	}

	.verify_success_title, .verify_failed_title {
		margin: unset;
		margin-top: 0.6rem;
		line-height: 1rem;
		font-size: 0.72rem;
	}

	.verify_success_msg, .verify_failed_msg {
		margin: unset;
		margin-top: 0.6rem;
		line-height: 0.5rem;
		font-size: 0.36rem;
	}
}