/**login-box**/
.login-box{
	width: 100%;
	min-height: 9.62rem;
	background-image: url(../../img/login-box-bg.png);
	background-size: 100% 9.62rem;
	background-repeat: no-repeat;
}

.login-mai-box {
	width: 17.60rem;
	min-height: 9.62rem;
	margin: auto;
	display: flex;
	justify-content: center;
	align-items: center;
}

.login-box-nav{
	width: 11.62rem;
	height: 0.76rem;
	background: rgba(255,255,255,0.3);
	/* background-color: #ff0000; */
	position: absolute;
	top: 0;
	right: 0;
	display: flex;
	line-height: 0.76rem;
	padding: 0 0.30rem;
}
.login-box-nav .login-box-nav-item{
	padding: 0 0.30rem;
}
.login-main{
	width: 6.19rem;
	/* height: 454px; */
	background-color: #ffffff;
	padding: 0.50rem 1rem;
}
.login-main-tab{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.login-main-tab-item{
	width: 1.74rem;
	height: 0.46rem;
	line-height: 0.46rem;
	text-align: center;
	font-size: 0.24rem;
	/* margin: 0 50px; */
	cursor: pointer;
	/* flex: 1; */
}
.login-main-tab-item.active{
	font-size: 0.30rem;
	background-color: #0089FD;
	border-top-left-radius: 0.10rem;
	border-top-right-radius: 0.10rem;
	color: #ffffff;
}
.login-main-type{
	display: flex;
	font-size: 0.24rem;
	align-items: center;
	color: #707070;
	padding-top: 0.50rem;
	border-top: 1px solid #ccc;
}
.login-main-type-title{
	margin-right: 0.20rem;
}
.login-main-type-item{
	width: 1.15rem;
	height: 0.40rem;
	text-align: center;
	line-height: 0.40rem;
	cursor: pointer;
	border-radius: 0.05rem;
}
.login-main-type-item.active{
	background-color: #0089FD;
	color: #ffffff;
}

.login-main-input{
	width: 100%;
	height: 0.4rem;
	line-height: 0.40rem;
	margin-top: 0.30rem;
	border-bottom: 1px solid #ccc;
}
.login-main-input input{
	width: 100%;
	height: 0.30rem;
	border: none;
	font-size: 0.20rem;
}
.login-main-input input:focus{
	 outline: none;
}

.login-main-forgetpsw{
	display: flex;
	margin-top: 0.20rem;
	justify-content: space-between;
}
.login-main-btn{
	width: 100%;
	height: 0.65rem;
	line-height: 0.65rem;
	background-color: #0089FD;
	text-align: center;
	font-size: 0.30rem;
	color: #ffffff;
	margin-top: 0.20rem;
	cursor: pointer;
}
.login-main-clause{
	margin-top: 0.10rem;
	font-size: 0.12rem;
}
.login-main-code {
	width: 100%;
	height: 0.41rem;
	line-height: 0.40rem;
	margin-top: 0.30rem;
	display: flex;
	/* border-bottom: 1px solid #ccc; */
}
.login-main-code .login-main-code-input {
	height: 0.40rem;
	border-bottom: 1px solid #ccc;
}

.login-main-code input {
	width: 100%;
	height: 0.30rem;
	border: none;
	font-size: 0.20rem;
}

.login-main-code input:focus {
	outline: none;
}

.login-main-code-text {
	flex: 1;
	text-align: center;
	color: #0089FD;
	cursor: pointer;
}

.spin-icon-load {
	animation: ani-demo-spin 1s linear infinite;
}

.vertical-center-modal {
	display: flex;
	/* align-items: center; */
	justify-content: center;

	
}
.edit-password-input{
	width: 100%;
	height: 0.40rem;
}
.edit-password-input input{
	width: 100%;
	height: 0.40rem;
	border: 1px solid #ccc;
	text-indent: 0.10rem;
}
.edit-password-input input:focus{
	outline: none;
}