@charset "utf-8";
/**
 * 登录页 CSS
 * Author : louhx
 */
body{font-family:'Microsoft Yahei','宋体',Tahoma,Arial;font-size:12px;color:#333;margin:0;padding:0; }
div,form,img,ul,ol,li,dl,dt,dd,p,h1,h2,h3,h4,h5,h6,iframe{margin:0;padding:0;}
li{list-style:none;}
img{border:none;}
input,textarea,select{outline:none;font-family:'Microsoft Yahei','宋体',Tahoma,Arial;}
a{outline:none;text-decoration:none;}
.none{display: none;}

html{
    height: 100%;
}
body{
    text-align: center;
    background: url(../images/login/login-bg.jpg) no-repeat center top;
    background-size:100% 100%;
}
.login{
    width:100%;
    height:560px;
    position: absolute;
    top:50%;
    left:0;
    margin-top:-280px;

}

/*系统名*/
.login .header{
    font-size:34px;
    color:#fff;
    letter-spacing: 2px;
    margin-bottom:60px;
}
.login .header .logo{
    vertical-align: -15px;
    margin-right:10px;
}

/*尾部*/
.login .footer{
    color:#fff;
    font-size:13px;
    margin-top:30px;
}

/*登录框*/
.loginForm{
    width:350px;
    height:275px;
    margin:0 auto;
    padding:20px 25px;
    text-align: left;
    background:url(../images/login/login-form-bg.png);
    border-radius: 7px;
}
.loginForm h2{
    font-size:20px;
    color:#000;
    font-weight: normal;
}
/*错误提示文字显示区*/
.loginForm .warning-area{
    text-align: right;
    font-size:14px;
    color:#cc0000;
}
.loginForm p{
    margin-top:15px;
    position: relative;
}
.loginForm .username{
    width:85%;
    height:38px;
    line-height: 38px;
    border:1px solid #fff;
    border-radius: 5px;
    padding:0 0 0 15%;
    background: url(../images/login/login-user.png) no-repeat 10px center;
    font-size:14px;
    background-color: #fff;
}
.loginForm .password{
    width:85%;
    height:38px;
    line-height: 38px;
    border:1px solid #fff;
    border-radius: 5px;
    padding:0 0 0 15%;
    background: url(../images/login/login-pwd.png) no-repeat 10px center;
    font-size:14px;
    background-color: #fff;
}
.loginForm .verify{
    height: 45px;
}
.loginForm .check{
    float: left;
    width:35%;
    height:38px;
    line-height: 38px;
    border:1px solid #fff;
    border-radius: 5px;
    padding-left:15%;
    background: url(../images/login/login-check.png) no-repeat 10px center;
    font-size:14px;
    background-color: #fff;
}
/*验证码图片*/
.loginForm .check-img{
    width:90px;
    height:38px;
    margin:2px 10px;
}
.loginForm .change{
    color:#454545;
    vertical-align: 5px;
    font-size:14px;
}
.loginForm .change:hover{
    text-decoration: underline;
}
/*下拉列表选择*/
.loginForm .options{
    width:100%;
    border:1px solid #fff;
    border-radius: 5px;
    padding:8px 0 8px 15%;
    background: url(../images/login-options.png) no-repeat 10px center;

    font-size:14px;
    background-color: #fff;
}
/*记住密码*/
.loginForm .remember{
    vertical-align: -1px;
}
.loginForm label{
    cursor: pointer;
    font-size: 14px;
}
/*忘记密码*/
.loginForm .forget{
    position: absolute;
    right:0;
    top:3px;
    color:#ff7800;
}
.loginForm .forget:hover{
    color:#37a54e;
}
/*登录按钮*/
.loginForm .btn{
    width:100%;
    height:40px;
    line-height: 40px;
    color:#ffffff;
    text-align: center;
    border:0;
    background-color: #66bd78;
    font-size:18px;
    margin-top:10px;
    border-radius: 5px;
    cursor: pointer;
    font-family: 'Microsoft Yahei';
}
.loginForm .btn:hover{
    background-color: #51af64;
}
.loginForm .username:focus,.loginForm .password:focus,.loginForm .check:focus,.loginForm select:focus{
    border:1px solid #66bd78;
    box-shadow: 0px 0px 5px #4aa25c;
}
/*输入错误时标亮的红色框，需要时可将class="wrong"追加在改文本框对象上,验证通过后移除*/
.loginForm .wrong,.loginForm .wrong:focus{
    border:1px solid #cc0000;
    box-shadow: 0px 0px 5px #cc0000;
}

.loginForm .oauth-icon {
    width: 26px;
    height: 26px;
    display: block;
    float: left;
    border-radius: 13px;
    margin-right: 15px;
    margin-bottom: 5px;
}
.loginForm .oauth-icon.oauth-icon-wx {
    background: url(../images/login/wx.png) center;
    background-size: 26px;
}


/*登录框2*/
.loginForms{
    width:330px;
    height:260px;
    margin:0 auto;
    padding:20px 25px;
    text-align: left;
    background:url(../images/login/login-form-bg.png);
    border-radius: 7px;
}
.loginForms h2{
    font-size:20px;
    text-align: center;
    color:#000;
    font-weight: normal;
}

.loginForms p{
    margin-top:15px;
    position: relative;
}

.loginForms img{
    margin-top:15px;
    align-content: center;
    width: 172px;
    height: 172px;
}

.loginForms span{
    margin-top:15px;
    position: relative;
}