.login-wrap{display:flex;height:100%;justify-content:flex-end}.login-wrap>.back-image-wrap{position:fixed;width:100%;height:100%;overflow:hidden}.login-wrap>.back-image-wrap>img{position:absolute;width:100%;height:100%;opacity:0;transition:opacity 1s ease-in-out;z-index:1}.login-wrap>.back-image-wrap>img.is-active{opacity:1;z-index:2}.login-wrap>.center-wrap{display:inline-flex;height:320px;width:640px;margin:calc(50vh - 160px) 5vw 0;animation-name:centerShow;animation-timing-function:ease-in-out;animation-fill-mode:forwards;animation-duration:1s;transform:scale(0);opacity:1}.login-wrap>.center-wrap>.left-wrap{background-color:#fff;height:calc(100% - 40px);top:20px;position:relative;width:50%;right:-50%;animation-name:titleShow;animation-timing-function:ease-in-out;animation-fill-mode:forwards;animation-duration:1s;animation-delay:.6s}.login-wrap>.center-wrap>.left-wrap>.title{font-size:50px;font-weight:900;margin:50px 40px 40px}.login-wrap>.center-wrap>.left-wrap>.des{color:#999;font-size:14px;line-height:1.5;margin:40px}.login-wrap>.center-wrap>.left-wrap>.des>span{color:#2b85e4;margin:0 2px}.login-wrap>.center-wrap>.right-wrap{background:#474a59;box-shadow:0 0 40px 16px rgba(0,0,0,.22);color:#f1f1f2;position:relative;width:50%}.login-wrap>.center-wrap>.right-wrap>.ivu-form{margin:40px}.login-wrap>.center-wrap>.right-wrap>.ivu-form .ivu-form-item{margin-bottom:30px}.login-wrap>.center-wrap>.right-wrap>.ivu-form .ivu-form-item .ivu-btn{width:100%;background-color:#999;border-color:#a0a0a0;margin-top:10px}.login-wrap>.center-wrap>.right-wrap>.ivu-form .ivu-form-item .ivu-input{background-color:transparent;color:#fff;border:1px solid #dcdee2!important}.login-wrap>.copyright-wrap{position:absolute;width:100%;left:50%;bottom:5px;transform:translate(-50%);font-size:12px;font-weight:300;text-align:center}.login-wrap>.copyright-wrap>span{display:inline-block;text-align:center}.login-wrap>.copyright-wrap>span>em{color:#fff;margin:0 3px}.login-wrap>.copyright-wrap>span:first-child{color:#fff}.login-wrap>.copyright-wrap>span:last-child{color:#fff;margin-left:10px}@keyframes titleShow{0%{right:-50%}to{right:0}}@keyframes centerShow{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}