body{
	background:url(./img/login_bg_new.png) no-repeat center center;
	background-size:cover;

	background-attachment:fixed;
	margin: unset;
}
.main-form{
	width: 460px;
	height: 560px;
	background-color: #ffffff;
	box-shadow: 0px 6px 36px 0px 
		rgba(14, 150, 255, 0.3);
	border-radius: 6px;
	opacity: 0.9;
    position: fixed;
    right: 15%;
    top: calc(50% - 250px);
}
.login-remark{
	    width: 205px;
    height: 16px;
    font-family: PingFang-SC-Regular;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #666666;
    /* margin-top: 12%; */
    width: 100%;
    text-align: center;
    font-weight: 100;
    position: absolute;
    top: 455px;
}
.fb-logo{
	background:url(./img/fb.png) no-repeat center center;
	height: 30px;
    margin-top: 12%;
    margin-left: 9%;
    width: 75%;
}


.login-input-1{
	width: 368px;
	height: 46px;
	border-radius: 6px;
	border: solid 1px #d4e3ee;
	margin-top: 12%;
    margin-left: calc(50% - 185px);
	background: url(./img/user_before.png) no-repeat 36px center rgba(169, 190, 215, 0.2);
	text-indent: 72px;
	font-family: PingFang-SC-Regular;
	font-size: 16px;
	font-weight:normal;
	color: #383838;
}
.login-input-1-red{
	width: 368px;
	height: 46px;
	border-radius: 6px;
	margin-top: 12%;
    margin-left: calc(50% - 185px);
	background: url(./img/user_before.png) no-repeat 36px center rgba(255,76,116, 0.07);
	text-indent: 72px;
	
	font-family: PingFang-SC-Regular;
	font-size: 16px;
	font-weight:normal;
	color: #383838;
	border: solid 1px #ff4c74;
}
.login-input-1:focus{
    outline: none;
	border: solid 1px #45b6fd;
	background: url(./img/user_after.png) no-repeat 36px center;
}
.login-input-1:hover{

	border: solid 1px #45b6fd;
	
}

.login-input-1-red:focus{
    outline: none;
	border: solid 1px #45b6fd;
	background: url(./img/user_after.png) no-repeat 36px center;
}
.login-input-1-red:hover{

	border: solid 1px #45b6fd;
	
}
.login-input-2{
	width: 368px;
	height: 46px;
	border-radius: 6px;
	border: solid 1px #d4e3ee;
	margin-top: 6%;
    margin-left: calc(50% - 185px);
	background: url(./img/password_before.png) no-repeat 36px center rgba(169, 190, 215, 0.2);
	text-indent: 72px;
	
	
	font-family: PingFang-SC-Regular;
	font-size: 16px;
	font-weight:normal;
	color: #383838;
}
.login-input-2-red{
	width: 368px;
	height: 46px;
	border-radius: 6px;
	border: solid 1px #ff4c74;
	margin-top: 6%;
    margin-left: calc(50% - 185px);
	background: url(./img/password_before.png) no-repeat 36px center rgba(255,76,116, 0.07);
	text-indent: 72px;
	
	
	font-family: PingFang-SC-Regular;
	font-size: 16px;
	font-weight:normal;
	color: #383838;
}
.login-input-2:focus{
	outline: none;
	border: solid 1px #45b6fd;
	background: url(./img/password_after.png) no-repeat 36px center;
}
.login-input-2:hover{

	border: solid 1px #45b6fd;

}
.login-input-2-red:focus{
	outline: none;
	border: solid 1px #45b6fd;
	background: url(./img/password_after.png) no-repeat 36px center;
}
.login-input-2-red:hover{

	border: solid 1px #45b6fd;

}
.login-button{
	width: 370px;
    height: 50px;
    background-image: linear-gradient(5deg, 
		#4393ff 0%, 
		#56aaff 100%), 
		linear-gradient(
		#b5c3d2, 
		#b5c3d2);
    background-blend-mode: normal, normal;
    box-shadow: 1px 2px 6px 0px rgba(67, 147, 255, 0.46);
    border-radius: 6px;
    /* margin-top: 12%; */
    /* margin-left: calc(50% - 185px); */
    cursor: pointer;
    font-family: PingFang-SC-Regular;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 3px;
    color: #ffffff;
    border: none;
    position: absolute;
    top: 320px;
    text-shadow: 0px 1px 1px rgba(0,0,0,0.16);
    left: calc(50% - 185px);
}
.login-button:focus{
	outline:none;
}
.login-button:disabled{
	width: 370px;
	height: 50px;
	background-image: linear-gradient(5deg, 
		#4393ff 0%, 
		#56aaff 100%), 
	linear-gradient(
		#b5c3d2, 
		#b5c3d2);
	background-blend-mode: normal, 
		normal;
	border-radius: 6px;
	opacity: 0.5;
	cursor: default;
}
.login-notice{
	position: absolute;
    top: 285px;
    margin-left: 78px;
    text-align: left;
    text-indent: 30px;
	font-family: PingFang-SC-Regular;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #ff4c74;
	background: url(./img/error.png) no-repeat left center;
}

[v-cloak] {
  display: none;
}
::-webkit-input-placeholder { /* WebKit browsers */ 
	color: #a1aebb; 
	font-weight:100;
} 
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
	color: #a1aebb; 
	font-weight:100;
} 
::-moz-placeholder { /* Mozilla Firefox 19+ */ 
	color: #a1aebb; 
	font-weight:100;
} 
:-ms-input-placeholder { /* Internet Explorer 10+ */ 
	color: #a1aebb; 
	font-weight:100;
}
a[title="站长统计"]{
	display: none;
}