@media screen and (min-width:751px) {
.loginBg{
	width: 100%;
	height: 1020rem;
	background: url('../img/bg@2x.png') no-repeat;
	background-size: cover;
}

.loginBox{
	float: right;
	width: 510rem;
	height: 600rem;
	background: #fff;
	margin-top: 130rem;
	padding: 80rem 70rem 80rem 50rem;
}

.loginBox .title{
	overflow: hidden;
	margin-bottom: 30rem;
}

.loginBox .title a{
	font-size: 28rem;
	font-family: Source Han Sans CN;
	font-weight: 500;
	color: #999;
	height: 34rem;
	line-height: 34rem;
	float: left;
	padding: 0 20rem;
}

.loginBox .title a.loginTitle{
	color: #1B201C;
}

.loginBox .title a:first-child{
	border-right: 1rem #999 solid;
	padding-left: 0;
}

.loginBox .phone .el-input-group__prepend{
	background:none;
	font-size: 20rem;
	font-weight: 500;
	color: #1B201C;
	border: 2rem #BAC7D4 solid;
	border-right: none;
	padding: 0;
	width: 85rem;
	text-align: center;
}

.loginBox .phone .el-input-group__prepend span{
	width: 84rem;
	text-align: center;
	display: inline-block;
}

.loginBox .phone .su{
	height: 32rem;
	border-right: 1rem #BAC7D4 solid;
	display: inline-block;
	vertical-align: middle;
	margin-top: -2rem;
}

.loginBox .phone .phoneInput .el-input__inner{
		height: 70rem;
		border: 2rem #BAC7D4 solid;
		border-left: none;
		font-size: 20rem;
	}
	
	.loginBox .phone .el-input__inner{
		height: 70rem;
		font-size: 20rem;
		border: 2rem #BAC7D4 solid;
	}

.loginBox .code{
	margin-top: 20rem;
}

.loginBox .code .el-input-group__append{
	background:none;
	font-size: 20rem;
	font-weight: 500;
	color: #1B201C;
	border: 2rem #BAC7D4 solid;
	border-left: none;
	padding: 0;
	width: 180rem;
	color: #009D3B;
	text-align: center;
}

.loginBox .code .su{
	height: 32rem;
	border-left: 1rem #BAC7D4 solid;
	display: inline-block;
	vertical-align: middle;
	margin-top: -2rem;
}

.loginBox .code .el-input-group__append a{
	width: 179rem;
	text-align: center;
	display: inline-block;
	color: #009D3B;
}


.loginBox .code .el-input__inner{
	height: 70rem;
	border: 2rem #BAC7D4 solid;
	border-right: none;
	font-size: 20rem;
}

.loginBox .code .emailInput{
	margin-bottom: 20rem;
}

.loginBox .code .emailInput .el-input__inner{
	height: 70rem;
	border: 2rem #BAC7D4 solid;
	font-size: 20rem;
}

.loginBox .login,.loginBox .register{
	margin-top: 80rem;
}

.loginBox .login .el-button--success,.loginBox .register .el-button--success{
	background: #009D3B;
	width: 100%;
	height: 70rem;
	font-size: 20rem;
	margin-left: 0;
}

.loginBox .login .el-button--success,.loginBox .register .el-button--success{
	margin-top: 20rem;
}


/* .loginBox .register{
	margin-top: 20rem;
} */

.loginBox .register .el-button--success.is-plain,.loginBox .login .el-button--success.is-plain{
	color: #009D3B;
	border: 1rem #009D3B solid;
	background: #fff;
	width: 100%;
	height: 70rem;
	font-size: 20rem;
	margin-top: 20rem;
	margin-left: 0;
}

.el-button--success.is-plain:focus, .el-button--success.is-plain:hover{
	background: none;
}

.loginBox .password .el-input{
	margin-bottom: 20rem;
}

.loginBox .password .el-input__inner{
	border: 2rem #BAC7D4 solid;
}

.loginBox .password .el-input-group .el-input__inner{
	border-right: none;
}

.loginBox .confirmModification{
	margin-top: 20rem;
}

.loginBox .divider{
	margin-top: 90rem;
}

.loginBox .divider .el-divider__text{
	font-size: 20rem;
	font-family: Source Han Sans CN;
	font-weight: 500;
	color: #999;
	padding: 0 20rem;
}

.loginBox .img{
	margin-top: 30rem;
	text-align: center;
}

.loginBox .img img{
	width: 40rem;
	height: 40rem;
}

.el-button{
	padding: 0 20rem !important;
}
.forgotPassword{
	text-align: right;
}
.forgotPassword a{
	display: inline-block;
	font-size: 20rem;
	font-family: Source Han Sans CN;
	font-weight: 400;
	color: #579FDC;
}
}

@media screen and (max-width:750px) {
	.forgotPassword{
		text-align: right;
		margin-bottom: 20rem;
	}
	.forgotPassword a{
		display: inline-block;
		font-size: 20rem;
		font-family: Source Han Sans CN;
		font-weight: 400;
		color: #579FDC;
	}
	.el-main{
		overflow: inherit;
		background: #EEEEEE;
	}
	.loginBg{
		width: 100%;
		height: 1020rem;
		background: url('../img/bg@2x.png') no-repeat 10%;
		background-size: cover;
		position: relative;
		margin-bottom: 530rem;
	}
	
	.loginBg .oh{
		overflow: inherit;
	}
	
	.loginBox{
		width: 500rem;
		height: 640rem;
		background: #fff;
		position: absolute;
		top: 600rem;
		left: 50%;
		margin-left: -310rem;
		padding: 54rem 70rem 80rem 50rem;
	}
	
	.loginBox .title{
		overflow: hidden;
		margin-bottom: 40rem;
	}
	
	.loginBox .title a{
		font-size: 36rem;
		font-family: Source Han Sans CN;
		font-weight: 500;
		color: #999;
		height: 34rem;
		line-height: 34rem;
		float: left;
		padding: 0 20rem;
	}
	
	.loginBox .title a:last-child{
		display: none !important;
	}
	
	.loginBox .emailInput{
		margin-bottom: 20rem;
	}
	
	.loginBox .title a.loginTitle{
		color: #1B201C;
		padding-left: 0;
	}
	
	.loginBox .phone .el-input-group__prepend{
		background:none;
		font-size: 20rem;
		font-weight: 500;
		color: #1B201C;
		border: 2rem #BAC7D4 solid;
		border-right: none;
		padding: 0;
		width: 85rem;
		text-align: center;
	}
	
	.loginBox .phone .el-input-group__prepend span{
		width: 84rem;
		text-align: center;
		display: inline-block;
	}
	
	.loginBox .phone .su{
		height: 32rem;
		border-right: 1rem #BAC7D4 solid;
		display: inline-block;
		vertical-align: middle;
		margin-top: -2rem;
	}
	
	.loginBox .phone .phoneInput .el-input__inner{
		height: 70rem;
		border: 2rem #BAC7D4 solid;
		border-left: none;
		font-size: 20rem;
	}
	
	.loginBox .phone .el-input__inner{
		height: 70rem;
		font-size: 20rem;
		border: 2rem #BAC7D4 solid;
	}
	
	.loginBox .code{
		margin-top: 20rem;
	}
	
	.loginBox .code .el-input-group__append{
		background:none;
		font-size: 20rem;
		font-weight: 500;
		color: #1B201C;
		border: 2rem #BAC7D4 solid;
		border-left: none;
		padding: 0;
		width: 180rem;
		color: #009D3B;
		text-align: center;
	}
	
	.loginBox .code .su{
		height: 32rem;
		border-left: 1rem #BAC7D4 solid;
		display: inline-block;
		vertical-align: middle;
		margin-top: -2rem;
	}
	
	.loginBox .code .el-input-group__append a{
		width: 179rem;
		text-align: center;
		display: inline-block;
		color: #009D3B;
		font-size: 32rem;
	}
	
	.loginBox .code .el-input{
		margin-bottom: 20rem;
	}
	
	.loginBox .code .el-input__inner{
		height: 70rem;
		border: 2rem #BAC7D4 solid;
		font-size: 20rem;
	}
	
	.loginBox .code .el-input-group{
		border-right: none;
	}
	
	.loginBox .code .emailInput .el-input__inner{
		height: 70rem;
		border: 2rem #BAC7D4 solid;
		font-size: 20rem;
	}
	
	.loginBox .login{
		margin-top: 60rem;
	}
	
	.loginBox .login .el-button--success,.loginBox .register .el-button--success{
		background: #009D3B;
		width: 100%;
		height: 70rem;
		font-size: 20rem;
	}
	
	.loginBox .register{
		margin-top: 60rem;
	}
	
	.loginBox .login .el-button--success,.loginBox .register .el-button--success{
		background: #009D3B;
		width: 100%;
		height: 70rem;
		font-size: 20rem;
		margin-left: 0;
		margin-top: 20rem;
	}	
	
	.loginBox .register .el-button--success.is-plain,.loginBox .login .el-button--success.is-plain{
		color: #009D3B;
		border: 1rem #009D3B solid;
		background: #fff;
		width: 100%;
		height: 70rem;
		font-size: 36rem;
		margin-top: 20rem;
		margin-left: 0;
	}
	
	.el-button--success.is-plain:focus, .el-button--success.is-plain:hover{
		background: none;
	}
	
	.loginBox .divider{
		margin-top: 90rem;
	}
	
	.loginBox .divider .el-divider__text{
		font-size: 36rem;
		font-family: Source Han Sans CN;
		font-weight: 500;
		color: #999;
		padding: 0 20rem;
	}
	
	.loginBox .img{
		margin-top: 30rem;
		text-align: center;
	}
	
	.loginBox .img img{
		width: 40rem;
		height: 40rem;
	}
	
	.el-button{
		padding: 0 20rem !important;
	}
}