body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{
	margin:0;
	padding:0;
	list-style:none;
	font-family: "Nunito Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
} 
body, button, input, select, textarea {
    font-size: 14px;
    font-family: "PingFang SC",Arial,"Microsoft YaHei",sans-serif;
    -webkit-text-size-adjust:100%;
}
a{
	color:#2d374b;
	text-decoration:none;
} 
a:hover{
	color:#cd0200;
	text-decoration:underline;
} 
em{
	font-style:normal;
} 
li{
	list-style:none;
} 
img{
	border:0;
	vertical-align:middle;
} 
table{
	border-collapse:collapse;
	border-spacing:0;
} 
p{
	word-wrap:break-word;
}
button{
	outline:none;
}
.clearfix:after{
	content:'';
	height:0;
	display:block;
	clear:both;
	visibility:hidden;
}
.clearfix{
	*zoom:1;
}
.clear{
	*clear:both;
}

input{
	background:none;  
	outline:none;  
	border:none;
}
input:focus{
	border:none;		
}
input:-webkit-autofill{
	-webkit-box-shadow:0 0 0 1000px white inset;		
}
input::-webkit-input-placeholder {
  	font-size:12px;
	font-weight:normal;
	color:#bbb9b9;
}

input::-moz-placeholder {
  	font-size:14px;
	font-weight:normal;
	color:#dedbde;
}

input:-ms-input-placeholder {
  	font-size:14px;
	font-weight:normal;
	color:#dedbde;
}
input::-ms-clear{
	display: none;
} 
input::-ms-reveal{
	display: none;
}



.login-body{
	width: 460px;
	margin: auto;
	position: relative;
}
.form-box{
	width: 100%;
	padding: 40px 30px;
	position: absolute;
	top: 40%;
	transform: translateY(-50%);
}
.form-horizontal{
	padding: 32px 0 15px;
	box-sizing: border-box;
	border-top: 0;
}
.form-horizontal .form-group{
	position:relative;
}
.form-horizontal .form-group i{
	position:absolute;
	right:10px;
	top:3px;
	z-index:2;
	display:none;
}
.form-horizontal .form-label{
	font-size: 12px;
	font-weight: 700;
	color: #525b75;
	margin-bottom: 5px;
	padding-left: 10px;
}
.username,.password,.captchaCode{
	width: 100%;
	*width:300px;
	height: 36px;
	border: 1px solid #ccc;
	border-radius: 6px;
	margin-bottom: 20px;
	font-size:14px;
	background-color: #fff;
}
.username:focus,.password:focus,.captchaCode:focus{
	border-color:#ccc;
	
	box-shadow: inset 0 0 7px rgba(188, 87, 91, .5);
}
.username{
	background-size: 24px;
	background-repeat: no-repeat;
	background-position: 4px center;
	padding-left: 36px;
	box-sizing: border-box;
}
.password{
	background-size: 32px;
	background-repeat: no-repeat;
	background-position: 2px center;
	padding-left: 36px;
	box-sizing: border-box;
}
.captchaCode{
	background-size: 24px;
	background-repeat: no-repeat;
	background-position: 7px center;
	padding-left: 36px;
	box-sizing: border-box;
}
.svg-username-icon,.svg-password-icon{
	width: 13px;
	height: 13px;
	position: absolute;
	left: 10px;
	top: 13px;
}
.svg-captchaCode-icon{
	position: absolute;
	left: 10px;
	top: 10px;
}

.login-msgTip-con{
	display: flex;
	padding-left: 10px;
}
.errorMsg{
	padding-left: 5px;
	color: #BC575B;
}
.reset{
	float:right;
	font-size: 14px;
	cursor: pointer;
	color: #666666;
}

.login-body .login-btn{
	display: block;
	width: 100%;
	
	background-color: #BC575B;
	text-align: center;
	line-height: 36px;
	color: #fff;
	border: none;
	border-radius: 4px;
	margin-bottom: 10px;
	cursor: pointer;
	font-size: 14px;
}
.login-body .login-btn{
	margin-bottom: 10px;
	margin-top: 15px;
}