body,html{
    height:100%;
    width:100%;
}
body{
    background: url(../images/login.png);
    background-size:100% 100%;
}
*{
    box-sizing: border-box;
}
.secr-login-main{
    width:1438px;
    height:770px;
    position: fixed;
    top:0;bottom:0;
    left:0;right:0;
    margin:auto;
}
.secr-login-main-left{
    height:100%;
    width:988px;
    background: url(../images/login-mark.png);
    background-size:100% 100%;
    float:left;
}
.secr-login-main-left-left{
    height:100%;
    width:988px;
    background: url(../images/left.png);
    background-size:100% 100%;
    float:left;
}
.secr-login-main-form{
    width:450px;
    height:100%;
    float:left;
    background: #fff;
}
.login-main-form-welcome{
    height:160px;
    width:100%;
    line-height:160px;
    color:#000;
    font-size:30px;
    text-align:center;
}
.login-main-form-welcome:after{
    content:'';
    display: block;
    width:57px;
    height:4px;
    background: #5682ff;
    margin:0 auto;
    margin-top:-50px;
}
.login-main-form-form{
    width:100%;
    padding:0 40px;
}
.login-main-form-form ul li{
    height:79px;
    padding-top:33px;
    border-bottom:1px solid #dcdcdc;
    overflow: hidden;
}
.login-main-form-form ul li .iconfont{
    display: block;
    width:35px;
    height:45px;
    line-height:45px;
    float:left;

}
.login-main-form-form ul li .icon-ren{
    font-size:20px;
}
.login-main-form-form ul li .icon-mima{
     font-size:27px;
    transform: translateX(-2px);
 }
.login-main-form-form ul li .icon-ecurityCode{
    font-size:18px;
    transform: translateX(1px);
}
.login-main-form-form ul li input{
    font-size:14px;
    border:none;
    padding:0 5px;
    height:100%;
    line-height:45px;
    margin:0;
}
.login-main-form-form .login-main-form-form-vcode{
    width:95px;
    height:33px;
    float:right;
    margin:0;
    padding:0;
}
.login-main-form-form .login-main-form-form-vcode img{
    width:100%;
    height:100%;
}
.checkbox{
    padding:30px 40px;
    font-size:15px;
}
.checkbox>label{
    display: inline-block;

}
.checkbox>input[type="checkbox"] {
    vertical-align: middle;
}
.login-main-form-btn{
    padding:0 40px;
}
.login-main-form-btn>button{
    height:50px;
    width:100%;
    text-align:center;
    font-size:22px;
    color:#fff;
    background: #5681ff;
    border: 0;
    outline: none;
    margin-top:140px;

}
.login-main-form-btn>button:hover{
    background: #4674fb;
}
.secr-login-bot{
    width:1437px;
    height:24px;
    background: url(../images/login-bot.png);
    background-size:100% 100%;
    position: fixed;
    left:0;
    right:0;
    margin:0 auto;
    bottom:20px;
}