* {
    border: 0;
}

body {
    min-width: 900px;
    overflow-x: hidden;
    font-size: 16px;
    background:#2c436a;
}

/*错误提示*/
.login .errTip {
    display:none;
}

.login{position:absolute;overflow:hidden;top:50%;left:50%;
    width:900px;height:600px;margin-top:-300px;margin-left:-450px;
    background:#fff;border-radius:4px;box-shadow:0 0 10px rgba(0, 0, 0, 0.2);}
.login dl{width:400px;height:100%;position:absolute;top:0;left:0;
    background:url(../../images/login/loginBanner_400x600.jpg) no-repeat center #2e579f;}

.login ul{width:500px;height:100%;position:absolute;top:0;right:0;}
.login ul h1{font-weight:lighter;margin:100px 50px 20px;color:#2c436a;}
.login ul li{position:relative;height:55px;width:400px;margin-left:50px;}
.login ul li input{position:absolute;top:0;left:0;width:100%;height:100%;
    font-size:16px;text-indent:50px;border:0;background:#eee;
    box-shadow:0 0 2px #aaa inset;color:#470871;border-radius:4px;}
.login ul li input:focus ~ label{transition:0.6s;transform:rotateZ(360deg);}
.login ul li label{position:absolute;top:12.5px;left:15px;
    font-size:24px;font-weight:lighter;color:#2c436a;user-select:none;}
.login ul li button{width:100%;height:60px;;font-size:18px;
    border:0;background:#2e579f;color:#fff;cursor:pointer;user-select:none;
    border-radius:4px;outline:none;}
.login ul li button:hover{box-shadow:0 0 0 999px rgba(0, 0, 0, 0.2) inset;}
.login ul li img{width:100px;height:40px;right:3px;top:6px;
    position:absolute;cursor:pointer;border-radius:4px;}

.beian {
    position: absolute;
    bottom: 10px;
    left: 0px;
    right: 0px;
    /*background-color: rgba(0,0,0,0.5);
    border-radius: 5px;*/
    padding: 5px 10px;
    color: #999;
    font-size: 16px;
    cursor: pointer;
    text-align: center;
}