.auth{position:fixed;z-index:999;height:100%;width:100%;background:rgba(0,0,0,.5);display:none}.auth .bg{width:520px;min-height:300px;border-radius:10px;background-color:#fff;box-shadow:0 0 13px 0 rgba(71,84,132,.2);border:solid 1px #dfe6ee;position:absolute;left:0;right:0;top:50%;margin:0 auto;text-align:center;display:none}.auth .login{height:500px;margin-top:-250px}.auth .login .input{height:52px}.auth .login .input i{line-height:52px}.auth .login input{height:48px;margin-top:2px}.auth .logon{height:600px;margin-top:-300px}.auth .logon .input{height:40px}.auth .logon .input i{line-height:40px}.auth .logon input{height:36px;margin-top:2px}.auth .logon button.m-t-50{margin-top:50px}.auth .reset{height:600px;margin-top:-300px}.auth .reset .input{height:40px}.auth .reset .input i{line-height:40px}.auth .reset input{height:36px;margin-top:2px}.auth .reset button.m-t-50{margin-top:50px}.auth .reset-in{width:360px;margin:0 auto;overflow:hidden}.auth .bg .reset-in .input{width:210px;float:left}.auth .bg .reset-in input{width:120px;float:left}.auth .bg .reset-in button{width:138px;float:right;margin:0;height:40px}.auth .bg .reset-in button i{color:#fff;width:20px;text-align:center}.auth .bg h2{font-size:42px;line-height:1.29;letter-spacing:-.2px;color:#08c;margin:70px auto 30px}.auth .bg .input{width:360px;border-radius:5px;background-color:#fff;border:solid .5px #08c;margin:0 auto 20px;padding:0 20px;box-sizing:border-box}.auth .bg i{color:#08c;font-size:20px;float:left;display:block;width:30px;text-align:left}.auth .bg input{float:left;width:280px;font-size:14px;color:#3f4a56;border:0}.auth .bg input::placeholder{color:#b0bac5}.auth .bg input:focus{outline:0}.auth .bg button{width:360px;display:block;margin:0 auto}.auth .bg span{font-size:13px;color:#667587;margin-top:30px;display:block;line-height:30px}.auth .bg span a{transition:all .2s linear;cursor:pointer}.auth .close{position:absolute;font-size:30px;right:20px;top:10px;cursor:pointer}.auth .error{height:20px;margin-bottom:10px;color:#e34c4c}.buttonload{background-color:#4caf50;border:0;color:#fff;width:100px;height:50px;font-size:16px}.auth .bg .buttonload i{margin-left:40px;color:#fff;width:20px;position:absolute;display:none}@media screen and (max-width:768px){.auth .bg h2{font-size:30px}.auth .bg{width:90%}.auth .bg .input{width:90%}.auth .bg input{width:80%}.auth .bg button{width:90%}.auth .bg .reset-in .input{width:40%;margin-left:5%}.auth .bg .reset-in button{margin-right:10%;width:40%;padding-left:5px}.auth .bg .reset-in input{width:70%}.auth .error{margin-bottom:20px}}