* {
	margin: 0px; 
	padding: 0px; 
	box-sizing: border-box;
}

body, html {
	height: 100%;
}
.logo{
	margin: 10px auto;
	position:absolute;
	top:-120px;
	left:0;
	right:0;
	z-index:100;
}
.logo img,
.logo{
	width:256px;
	height: auto;
}
.main {
	width: 100%;  
	min-height: 100vh;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	padding: 15px;
	background: -webkit-linear-gradient(-135deg, #ffffff, #dfe9f3);
	background: -o-linear-gradient(-135deg, #ffffff, #dfe9f3);
	background: -moz-linear-gradient(-135deg, #ffffff, #dfe9f3);
	background: linear-gradient(-135deg, #ffffff, #dfe9f3);
}
.login-form{
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 480px;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -260px;
	margin-left: -240px;
	z-index: 2;
	border-radius: 14px;
	background-color: #fff;
	padding: 0px 50px;
}
.caption{
	font-size: 24px;
    line-height: 24px;
    font-weight: bold;
    color: #004096;
    padding: 40px 0;
    text-align: left;
}
.form-item{
	position: relative;
    width: 100%;
    margin-bottom: 16px;
}
.form-label{
	width: 20px;
    height: 20px;
    position: absolute;
    left: 16px;
    top: 12px;
}
.user-icon{
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjQ3MTNFRDc5MTNCMzExRTc4NzkwODg1RTMzQTcwN0I0IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjQ3MTNFRDdBMTNCMzExRTc4NzkwODg1RTMzQTcwN0I0Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NDcxM0VENzcxM0IzMTFFNzg3OTA4ODVFMzNBNzA3QjQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NDcxM0VENzgxM0IzMTFFNzg3OTA4ODVFMzNBNzA3QjQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz65ac3lAAABl0lEQVR42pzUSSgGYRzH8SH77sBBInsOtkKEsmTLiaSQ5aAcXHBRzshyQFKuSLwciJKlvCfJRbIVLpTsclHKlu9Tf/WmeWeGf316muX5Nc/Mfx4Xu92uOakAtKESiXLuBAuYwIveJFcnYak4RB88MIs5eGIIx0jRm+imcy4Ma/hEEbZ+XS/GFFaRgWuzJ+yHLwp1wlRtogRB6DFbciBqMIZTzXmp1zGOWvgZBabJe1rWzGsFXkg2CvSX8dFC4JOMwUaBVzLGWAiMlvHWKFC1wx0aLAQ2ylMeGAW+yQepQ5VBWD2qMYJ3s7YZwDbm0YsQh2uh0laT2MGglcb+QIX0Wze6cAkXRMpDqLAyWZHprxcHGzLl+NrBjZzLlntizQLLsYcCDCMeEchDLsKRgFH5k9S9pc4C1aQl6cF0dOJcZwVnaEeWfOVF5PwO9ME0npGPIwttsy8reZW53o6BrfLCO+QDWK0LWUkUWhwDm+SiTft7zcgf1vwTqHbmJNkDv/4RqNpsXTZlfxXojgfsav+vDdyrnepbgAEAcnRWIs1tT8AAAAAASUVORK5CYII=);
}
.password-icon{
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjUxNDQwQ0U5MTNCMzExRTc5N0I2OTM5RTgzNjM3NDlEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjUxNDQwQ0VBMTNCMzExRTc5N0I2OTM5RTgzNjM3NDlEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NTE0NDBDRTcxM0IzMTFFNzk3QjY5MzlFODM2Mzc0OUQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NTE0NDBDRTgxM0IzMTFFNzk3QjY5MzlFODM2Mzc0OUQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6uNK8iAAABSklEQVR42qzUuy8EURjG4Zm12YaKBp3QuhRKFBrRI6KRbKJAs4nC36CgIUKNRKFTiMaQSJAVsdGIRJQ0GsIWrr+TvJNMNnPGmVlf8mSu35szc86MHwSBZ6kcpjGDHvyggk1s6zi2yXZ+F6s4xSSmUMYGduDHNeYtgXMYwQCuI+f3sYUTzGPNdYQlrNSEhXWlayXXR25BJw49ex3onmaXwEZt3xICw2tNro+cufI1+2Po1XERT5a+Vm1ntZT28GlO+FqHDThCtybiy3FApq8PNxg2feEIh7REuvCQ8ik7cI9BHIfvsA2vGcI89byg3XVSCliXQppJsVW/Xr6nr+Ss3sCyvg5Tl/8xwg/cRvbrDjRVzbKwk2oxbWBVM2hm/TvmvueEjJx636OB5/oDL/3xl4mrUfVeRAMfMYFlLNj+xjFlgu4wrgzvV4ABADQARAr6UYbEAAAAAElFTkSuQmCC);
}
.verify-icon{
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QAAAAAAAD5Q7t/AAAACXBIWXMAAAsSAAALEgHS3X78AAACAklEQVQ4y52UP0iVYRTGf0euDQotRUFkQw4JKUhFLQk9LzWI2Z8lGoSmIGtskSAoCNyaHExpiCIaHOx2swj6DpFtFkQ2OPQHIstRqCCiToNfcrHv3tvt2b7zPud3Hs77fZ/RQO7eC9zMH4ckvazntzqgbuAqcAi4BawDTgCPgPOS5msCsyw7Ymb9wOaIaDezLUBnRLwwsxFJs/mQvogYNbNdwJuIWDSzr8BSRDxIKZX/AJ8C+83sNrAIvI2ILKW0UJQiy7IdZpaA7cDGiDgFPEsp9ZVyT7uZXZN0ptFOAfJBq8Pc/XtE7AVo+RdAM/pvoLtfdPcDa+ulAmMr0CZpuQ6sAgwAvQ0TRsTPiHji7qM1YHM5bGvRO/kXMKX0y8wuASPufrkK1ObuHyJiE7BB0seigaWioqRpdz8GTLv7EnADeB8Rn81sn6RvjS6llTVfjaS7wEFgDPgSEbMppZ4aMMsZK0AzWwA6CpI+BoYi4npK6Ti1tS1nrKRy98PAPaBb0muakLvvBOaBQUmVljxJJSJmgKlmYLmmImJGUqV6h5jZOaDL3SebSDcJdOW9q8usNuwG5oCypKMNYGVgENgj6XkhMDf2APeB9cBJSQ/XnPcDd4BlYEDSq+rzej/YCeA08A64kJevAJ3AuKThor6awBzaAQxHxFngh5mNAROSPtXq+Q19FNeevWBHjAAAAABJRU5ErkJggg==);
}
.form-input{
    width: 100%;
    height: 46px;
    line-height: 1.4;
    font-size: 14px;
    padding: 10px 20px 10px 46px;
    border: 1px solid #e6e6e6;
    background: #fff !important;
	outline: 0;
}
.form-input:focus{
	 border-color:#20a0ff;
}
.verify-code{
	width: 50%;
}
.layui-btn{
	width: 100% !important;
    height: 46px !important;
    font-size: 20px !important;
    background-color: #004096;
    border: none !important;
	color: White;
	outline: none;
	cursor:pointer;
}
.layui-btn:hover{
	opacity:0.9;
}
.validation{
	float:right;
	margin-right: 20px;
	cursor: pointer;
}
.captcha_img{
	width: 114px;
    height: 48px;
    padding: 3px;
    z-index: 0;
    color:#FFF;
}
.forget{
	overflow: hidden;
    font-size: 14px;
    margin-top: 26px;
    margin-bottom: 17px;
	width: 100%;
}
.forget a{
	color: #666666;
    text-decoration: underline;
	float: right !important;
	cursor: pointer;
}

.copyright{
	margin: 30px 0;
	width: 100%;
	line-height: 66px;
    text-align: center;
    font-size: 13px;
    color: #929293;
}