html,body{min-width:320px;max-width:750px;margin:0 auto;height:100%}#wrapper{background-color:#fff}.login-box{-webkit-box-flex:100%;-webkit-flex:100%;flex:100%;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;padding:34px 22px 0}.login-title{line-height:36px;margin-bottom:4px;font-size:24px;font-weight:bold;color:#333}.login-des{line-height:18px;font-size:12px;color:#999}.login-header{margin-bottom:36px}.login-input{display:block;width:100%;line-height:22px;padding:0 10px 8px 28px;border-bottom:1px solid #e5e5e5;font-size:14px;color:#999;-webkit-appearence:none;border-radius:0}.login-uname-input{margin-bottom:30px;background:url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAAA8AAD/4QMxaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzEzMiA3OS4xNTkyODQsIDIwMTYvMDQvMTktMTM6MTM6NDAgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE1LjUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjBDN0E0QTUwMEFGNzExRUNCNjU5OTdBQjZDQkRDRkFDIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjBDN0E0QTUxMEFGNzExRUNCNjU5OTdBQjZDQkRDRkFDIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MEM3QTRBNEUwQUY3MTFFQ0I2NTk5N0FCNkNCRENGQUMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MEM3QTRBNEYwQUY3MTFFQ0I2NTk5N0FCNkNCRENGQUMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7/7gAOQWRvYmUAZMAAAAAB/9sAhAAGBAQEBQQGBQUGCQYFBgkLCAYGCAsMCgoLCgoMEAwMDAwMDBAMDg8QDw4MExMUFBMTHBsbGxwfHx8fHx8fHx8fAQcHBw0MDRgQEBgaFREVGh8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx//wAARCAAgACADAREAAhEBAxEB/8QAZQAAAwEBAAAAAAAAAAAAAAAAAgQFAAgBAQAAAAAAAAAAAAAAAAAAAAAQAAICAgAEAwgDAAAAAAAAAAECAwQAESExEgVBYTJRsSJCE6NkJiMUFREBAAAAAAAAAAAAAAAAAAAAAP/aAAwDAQACEQMRAD8A6pwJ8165LZevRjRjFoSzSkhAT8o1xOAVS9ObJqXIxHP09SMh2jgc9bwHsDYElLC9stWVsqwrzyGaOcAsNtzU6wChkN/uUNmNGWtWV+mRh09bONcAfADAqYCl+8a4SOJPq2ZjqGL3k+QwFJYO8wKLYn/sSr66oGkKnwXzGASp32GMTGRLDH4pKxULrfHSMMB6paitQLNHybmp5gjmDgJWKndP9JrdcwEdAjQSl9gcz6R7cAv2H8T7uBv2H8T7uAXa6lyB7DWDH/M4cLF1aDH1eoePDA//2Q==) no-repeat left 4px;background-size:auto 16px}.login-upass-input{margin-bottom:40px;background:url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAAA8AAD/4QMxaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzEzMiA3OS4xNTkyODQsIDIwMTYvMDQvMTktMTM6MTM6NDAgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE1LjUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkRGMkFDNDM4MEFGNjExRUNCQjU4OTgyNTgxMEVFQkFGIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkRGMkFDNDM5MEFGNjExRUNCQjU4OTgyNTgxMEVFQkFGIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6REYyQUM0MzYwQUY2MTFFQ0JCNTg5ODI1ODEwRUVCQUYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6REYyQUM0MzcwQUY2MTFFQ0JCNTg5ODI1ODEwRUVCQUYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7/7gAOQWRvYmUAZMAAAAAB/9sAhAAGBAQEBQQGBQUGCQYFBgkLCAYGCAsMCgoLCgoMEAwMDAwMDBAMDg8QDw4MExMUFBMTHBsbGxwfHx8fHx8fHx8fAQcHBw0MDRgQEBgaFREVGh8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx//wAARCAAgACADAREAAhEBAxEB/8QAYQAAAwEBAAAAAAAAAAAAAAAAAAQFAwgBAQAAAAAAAAAAAAAAAAAAAAAQAAEDBAAEBwEAAAAAAAAAAAIBAwQAERIFITFhE0FRcbEisjUUEQEAAAAAAAAAAAAAAAAAAAAA/9oADAMBAAIRAxEAPwDqmglpJ2U5xz+MxjxmyUO8SZESpzsi8LUAsnYwXW0mEL8Z0kDvCmJCS8ronC1BUoFJ+xGIbIdo3jeywFtLr8bX96CbrJkmJGVo4MglUyK6Bw4r1oDZTJMtgWwgyBVDE7qHgK9KClA2IyzeDtGybOOYuJZfle3tQYbD9bWer31SgdmEIxHiIiAUAlIg4EiW5j1oCIQlFZISIxUBUSPiSoqcy60CWv8A1tn6s/VaDPcSGo+w1zzq4tgruS2VeYonhQEneah+O6yr6ijgqOWBLa6W8qAjbzUMR2mUfUkbEQywLjilvKgNPIakbDYvNLk2atYrZU5CqeNB/9k=) no-repeat left 4px;background-size:auto 16px}.login-btn{cursor:pointer}.login-btn-input{width:100%;line-height:24px;font-size:16px;padding:8px 0;margin-bottom:16px;text-align:center;color:#fff;background-color:#fbccd0;border-radius:2px}.login-active{background-color:#eb0012}.login-bottom{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.bottom-item{display:inline-block;line-height:22px;font-size:14px}.login-forget{color:#333}.login-no{color:#999;margin-right:12px}.login-register{color:#0969e0}