.login{width:100%;height:100%;background-position:50%;position:relative;text-align:left;background-image:url(../img/login-bg.e7b198b5.jpg);background-size:cover}.login-con{position:absolute;right:160px;top:50%;-webkit-transform:translateY(-60%);transform:translateY(-60%);width:300px}.login-con-header{font-size:1rem;font-weight:300;text-align:center;padding:30px 0}.login-con .form-con{padding:10px 0 0}.login-con .login-tip{font-size:.625rem;text-align:center;color:#c3c3c3}.security-code-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.security-code-wrapper>img{margin-left:20px;height:34px;cursor:pointer}.replacement{position:absolute;opacity:0}.demo-spin-icon-load{-webkit-animation:ani-demo-spin 1s linear infinite;animation:ani-demo-spin 1s linear infinite}@-webkit-keyframes ani-demo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes ani-demo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}