html,
body {
	background: #F7F7F7;
	padding: 0;
	margin: 0;
}

.head {
	height: 80px;
	background: #fff;
	line-height: 80px;
	visibility: visible;
}

.head img {
	height: 35px;
	display: inline-block;
	vertical-align: middle
}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #BDBDBD;
    font-weight: 400;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #BDBDBD;
   font-weight: 400;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #BDBDBD;
   font-weight: 400;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #BDBDBD;
   font-weight: 400;
}

.width{width: 1200px;margin: 0 auto;}

.login-box{
	width:280px;
	background:rgba(255,255,255,1);
	box-shadow:0px 4px 16px rgba(0,0,0,0.06);
	opacity:1;
	border-radius:16px;
	margin: 64px auto 0;
	padding: 32px 40px 72px;
}
.login-box .title{
	width:164px;
	height:45px;
	font-size:32px;
	font-family:PingFang SC;
	font-weight:400;
	line-height:53px;
	color:rgba(67,107,229,1);
	opacity:1;
	margin-bottom: 40px;
}
.login-box .form-input-block{
	position: relative;
}
.login-box .form-input-block input{
	width: 224px;
	height: 48px;
	line-height: 48px;
	border:1px solid rgba(224,224,224,1);
	border-radius:4px;
	font-size:16px;
	padding-left: 56px;
	margin-bottom: 32px;
	font-weight: bold;
	outline:0
}
.login-box .form-input-block .line{position: relative;}
.login-box .form-input-block .line .icon-user{position: absolute;height: 24px;width: 24px;background: url(../Images/new_user.png) center center no-repeat;background-size: 24px;left: 16px;top: 13px;}
.login-box .form-input-block .line .icon-pwd{position: absolute;height: 24px;width: 24px;background: url(../Images/pwd.png) center center no-repeat;background-size: 24px;left: 16px;top: 13px;}
.login-form .form-input-block input.error {
    border-color: #F5222D;
    box-shadow: 0px 0px 5px 0px rgb( 244, 67, 54 );
}
.login-form .form-input-block input:focus{
	border:1px solid rgba(67,107,229,1);
}
input:-webkit-autofill{
 -webkit-box-shadow: 0 0 0px 1000px white inset;
 -webkit-text-fill-color: #333;
}
.login-form .error-info {
    color: #f44336;
    position: absolute;
    font-size: 14px;
    left: 16px;
    bottom: 9px;
}
.login-box .form-input-block #checkCode{
	background: none;
	padding-left: 16px;
	width: 264px;
}
.login-box .form-input-block .codeimg{
	position: absolute;
	width:72px;
	height:32px;
	opacity:1;
	bottom: 40px;
	right: 10px;
}
.form-option {
    margin-bottom: 25px;
    position: relative;
}
.form-option label{
	color: #747474;
	font-size: 16px;
}
.form-option label input {
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    top: 0;
    left: 0;
}
.form-option label .fake-checkbox {
    float:left;
    margin-right:10px
}
.form-option label .fake-checkbox i {
    height: 20px;
    width: 20px;
    background-image:url(../Images/fake-radio.png);
    display:inline-block;
    position:relative;
}
.form-option label .fake-checkbox i.checked {
    background-image:url(../Images/fake-radio-checked.png)
}
.login-box .login-btn{
	width:280px;
	height:48px;
	background:rgba(67,107,229,1);
	opacity:1;
	border-radius:4px;
	color:#fff;
	font-size: 18px;
	cursor: pointer;
	outline: none;
	border: none;
}
.login-box .login-btn[disabled]{
	 opacity: 0.8;
    cursor: not-allowed;
}