html,body{
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    overflow: hidden;
    background: url("../img/bg.png") no-repeat;
    background-size: cover;
    background-position: center;
}
.loginform{
    width: 410px;
    height: 350px;
    padding-top: 20px;
    background: #ffffff;
    border-radius: 10px;
    position: absolute;
    top: calc(50% - 220px);
    right: calc(20% - 100px);
}
.loginform h3{
    border-left: 6px solid #1787fb;
    margin-left: 30px;
    padding-left: 10px;
}
.logintitle{
    position: absolute;
    top: 4%;
    left: 20%;
}
.logininput{
    background: transparent;
    width: 260px;
    height: 45px;
    line-height: 45px;
    border-radius: 6px;
    border: 1px solid #c9c9d1;
    padding-left: 40px;
}
.loginform label{
    width: 304px;
    display: block;
    margin-top: 10px;
    zoom: 1;
    overflow: auto;
}
.codeinput{
    float: left;
    width: 180px;
    text-align: center;
    padding: 0;
}
.codeimg{
    width: 110px;
    float: left;
    /*background: #000;*/
    height: 47px;
    margin-left: 10px;
}
.loginform form{
    padding-left: 52px;
}
.userico{
    background: url("../img/iconfontnan.png") no-repeat,#f5f5f5;
    background-size: 14px;
    background-position:16px center;
}
.userico:focus,.userico:active{
    background: url("../img/iconfontnan-hover.png") no-repeat,#f5f5f5;
    background-size: 14px;
    background-position:16px center;
}
.logininput:focus { outline: none; }
.logininput:-webkit-autofill {
    -webkit-text-fill-color: #000 !important;
    transition: background-color 5000s ease-in-out 0s;
}
.passico{
    background: url("../img/login_icon_mima.png") no-repeat,#f5f5f5;
    background-size: 14px;
    background-position:16px center;
}
.passico:focus,.passico:active{
    background: url("../img/login_icon_mima-hover.png") no-repeat,#f5f5f5;
    background-size: 14px;
    background-position:16px center;
}
.submitbutton{
    margin: 20px auto 0 auto;
    width: 305px;
    height: 45px;
    font-size: 18px;
    line-height: 45px;
    background: #1787fb;
    color: #fff;
    border-radius: 4px;
    border: 0;
}
.submitbutton:hover{
    background: #3a9afe;
}
.submitbutton.false{
/*     background: #c4c4cc; */
}
.footer-bottom{
    position: absolute;
    bottom: 10px;
    width: 100%;
    font-size: 14px;
    text-align: center;
    color: #b2b2c2;
}
.footer-bottom a{
    color: #b2b2c2;
     text-decoration: none;
}
.footer-bottom a:hover{
    color: #1787fb;
    text-decoration: underline;
}
.footer-bottom span{
    border-right: 1px solid #e9e9ed;
    padding-right: 10px;
}
.warning{
    padding-top: 10px;
    width: 300px;
    text-align: center;
    height: 20px;
    font-size: 12px;
    line-height: 20px;
    color: red;
}