.login{width:100%;height:100%;background:#ebebeb;background:url(../img/login-bg.8c11af0b.jpg) 0 no-repeat;background-size:cover;position:relative}.login-con{width:500px;height:400px;position:absolute;top:50%;right:15%;-webkit-transform:translateY(-60%);transform:translateY(-60%)}.login-con-logo{height:60px;background-image:url(../img/login-logo.fcca33cb.png)}.login-con-box,.login-con-logo{width:500px;background-size:cover;background-position:50%;margin:0 auto}.login-con-box{height:300px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAfQAAAEsCAYAAAA1u0HIAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAF0WlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDE5LTExLTE4VDE1OjIxOjI5KzA4OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDE5LTExLTE4VDE1OjIxOjI5KzA4OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAxOS0xMS0xOFQxNToyMToyOSswODowMCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpkOTBkMjZlNi0xZTIzLTZmNDQtYjlmMi1iM2JmMWI1Y2UxZmMiIHhtcE1NOkRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDpmYTgxNzIzZC1hYTYyLTFkNDktOWQx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);margin-top:40px}.login-con-box-header{width:100%;font-size:18px;color:#0aaefc;text-align:center;padding-top:30px;padding-bottom:30px;letter-spacing:8px}.login-con-box-qrcode{width:160px;height:160px;display:block;margin:0 auto;background:#000}.login-con-box-form,.login-con-box-formItem{width:380px;margin:0 auto}.login-con-box-formItem{height:40px;border:1px solid #0aaefc;-webkit-box-shadow:0 0 10px #0482b1 inset;box-shadow:inset 0 0 10px #0482b1;position:relative}.login-con-box-formItem-icon{font-size:22px;color:#0aaefc;width:36px;text-align:center}.login-con-box-formItem /deep/ .ivu-input-wrapper{width:340px;position:absolute;top:0;right:0}.login-con-box-formItem /deep/ .ivu-form-item-error .ivu-input{border:none}.login-con-box-formItem /deep/ .ivu-input{background-color:transparent;width:340px;font-size:16px;font-family:Microsoft New Tai Lue;line-height:40px;height:40px;padding-left:10px;border:none;outline:none;background:none;color:#fff}.login-con-box-formItem input::-webkit-input-placeholder{color:#a3b2ca;font-size:15px;letter-spacing:2px}.login-con-box-btn{width:380px;margin:0 auto;height:40px;line-height:40px;font-size:17px;color:#fff;border:none;outline:none;display:block;background:#0ba1f8;-webkit-box-shadow:0 0 2px #0482b1;box-shadow:0 0 2px #0482b1;letter-spacing:20px;padding-left:20px}.login-con-box-btn,.userList{text-align:center;cursor:pointer}.userList{width:90px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;border:1px solid #f1f1f1;margin-right:5px;margin-left:10px;float:left;padding-bottom:10px;margin-bottom:10px}.userList:hover{border:1px solid #00a2d4}.userList img{width:80px;height:70px;display:block;margin:0 auto;border-radius:50%;padding:0 5px 0 5px;margin-top:10px;margin-bottom:5px}.userList h2{font-size:16px;font-weight:300;color:#333}.userList span{font-size:14px;color:#666;line-height:20px}.userList p{font-size:12px;color:#2d8cf0;line-height:20px}