@CHARSET "UTF-8";
body,html{height:100%}
html {
    background-color: #f2f2f2;
    color: #666;
}
body{
	overflow: auto;
	height: 100%;
	font: 14px Helvetica Neue,Helvetica,PingFang SC,\5FAE\8F6F\96C5\9ED1,Tahoma,Arial,sans-serif;
	display: block;
}
.user-login{position:relative;left:0;top:0;padding:110px 0;min-height:100%;box-sizing:border-box}
.login-main{
    width: 410px;
    margin: 0 auto;
    box-sizing: border-box;
}
.login-header{
	text-align: center;
	padding:20px;
}
.login-header h2 {
    margin-bottom: 10px;
    font-weight: 300;
    font-size: 30px;
    color: #000;
}
.login-header p {
    font-weight: 300;
    color: #999;
}
.layui-form{
	padding:20px;
}
.layui-form-item {
	position: relative;
    margin-bottom: 15px;
    clear: both;
}
.layui-form-item:after {
    content: '\20';
    clear: both;
    display: block;
    height: 0;
}
.user-login-icon {
    position: absolute;
    left: 1px;
    top: 1px;
    width: 38px;
    line-height: 36px;
    text-align: center;
    color: #d2d2d2;
}
.layui-icon {
    font-family: layui-icon!important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
label {
    cursor: default;
}
.layui-icon-username:before {
    content: "\e66f";
}
.layui-icon-password:before {
    content: "\e673";
}
.layui-form-item .layui-input {
    padding-left: 38px;
}
.layui-input, .layui-textarea {
    display: block;
    width: 100%;
    padding-left: 10px;
}
.layui-input, .layui-select, .layui-textarea {
    height: 38px;
    line-height: 1.3;
    line-height: 38px\9;
    border-width: 1px;
    border-style: solid;
    background-color: #fff;
    border-radius: 2px;
}