*{-webkit-box-sizing:border-box;box-sizing:border-box}body{background:#ddd;background-size:100%}body,html{width:100%;margin:0 auto}.login{width:480px;height:500px;background:#fff;position:absolute;left:0;top:0;right:0;bottom:0;margin:100px auto 0 auto;z-index:1;color:#555;border-radius:4px}.login .logo{width:100%;height:120px;color:#ddd;font-size:24px;position:absolute;top:32px;text-align:center}.login .logo img{width:auto;height:80px;border:0}.login .logo p{margin:0;font-size:20px;color:#555}.login .user{top:180px}.login .password,.login .user{position:absolute;right:40px;display:-webkit-box;display:-ms-flexbox;display:flex;left:90px}.login .password{top:240px}.login .input{width:260px;height:40px;line-height:1.5;font-size:16px;background-clip:padding-box;border:1px solid #ced4da;-webkit-transition:border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition:border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;border-left:0;border-radius:0 4px 4px 0;padding:12px 6px}.login .input,.login .input:focus{color:#495057;background-color:#fff}.login .input:focus{border-color:#80bdff;outline:0;-webkit-box-shadow:0 0 0 .2rem rgba(0,123,255,.25);box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.login .submit{position:absolute;top:320px;right:0;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;padding:0 90px}.login .btn{width:100%;height:40px;color:#fff;background-color:#1266f1;display:inline-block;font-weight:400;text-align:center;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:.25rem;-webkit-transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out}.login .btn:focus{outline:0;-webkit-box-shadow:0 0 0 .2rem rgba(0,123,255,.25);box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.login .copyright{position:absolute;right:0;left:0;bottom:60px;width:100%;padding:0 90px;text-align:center}.login .p-icon,.login .u-icon{width:40px;background-color:#e9ecef;border:1px solid #ced4da;padding:7px 0;text-align:center;border-radius:4px 0 0 4px}.login .p-icon img,.login .u-icon img{width:20px;height:20px;margin:auto}