*{margin:0;padding:0;}
li,ol,ul{list-style: none;}
html,body{height: 100%;}
body{background: url(../images/img-bg.png) no-repeat top; background-size: cover;}
.login-wrap{position: absolute;left:50%;top:50%;width: 974px;height: 500px;background:#fff;margin-left:-487px;margin-top:-250px; box-shadow: 0 0 40px 4px #175cec;border-radius: 50px; transition: all .5s;overflow: hidden;}
.login-copyright{position: absolute;width: 974px;left:50%;margin-left: -487px; color:#fff;font-size: 14px; top:50%;margin-top:290px;text-align: center}
.login-wrap:hover{box-shadow: 0 0 25px 3px #175cec;}
.login-left{width: 446px;float: left;background: url(../images/img-leftbg.png) no-repeat left bottom;height: 100%;}
.login-right{margin-left: 470px;padding:0 35px;}
.login-title{margin-top:90px;font-size: 30px;color:#3caffc;margin-bottom: 5px;}
.login-short-text{font-size: 16px;color:#a9a9a9;}
.login-form{margin:20px 0 35px;}
.login-form li{border-bottom: 1px solid #eee;padding:40px 0 15px 0;padding-left: 15px;}
.login-form li input{line-height: 30px;margin-left: 15px;width: 80%;font-size: 14px;border:none;}
.login-form li input:focus{border:none;outline: none}
.login-icon{display: inline-block;width:22px;height: 22px;position: relative; top:7px;}
.login-form li:first-child .login-icon{background: url(../images/icon-user.png) no-repeat center;}
.login-form li:last-child .login-icon{background: url(../images/icon-pwd.png) no-repeat center;}
.login-error{font-size: 14px; color:red;padding-left: 15px;margin:-10px 0 15px;}
.login-submit{line-height: 55px;text-align: center;color:#fff;font-size: 22px;border-radius: 50px;margin:0 auto;background: #3caffc;cursor: pointer;box-shadow: 0 0 8px 0px #ddd;transition: all .5s;}
.login-submit:hover,.login-submit:focus{opacity: .8;background: #269fef;outline:none}