.login-modal-wrap .button-wrap,.login-wrap{display:flex;justify-content:flex-end}.login-wrap{height:100%}.login-wrap .layout_kefu{z-index:2000;width:100px;height:120px;position:fixed;right:10px;bottom:200px;cursor:pointer}.login-wrap .head-wrap{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;height:80px;background:#f9f9f9;position:fixed;top:0;z-index:10;width:100%;display:flex;align-items:center}.login-wrap .head-wrap>.other-wrap{height:100%;flex:1;background-color:#fff;box-shadow:5px 3px 5px 1px rgba(0,0,0,.1);display:flex;align-items:center;padding:0 15px}.login-wrap .head-wrap>.other-wrap>.name-wrap{padding-left:100px;height:100%;font-size:20px;display:flex;align-items:center;font-weight:700;color:#000}.login-wrap .head-wrap>.other-wrap>.user-info{margin-left:auto;display:flex;align-items:center}.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:330px;width:640px;margin:calc(50vh - 160px) 5vw 0;-webkit-animation-name:centerShow;animation-name:centerShow;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-duration:1s;animation-duration:1s;transform:scale(0);opacity:1}.login-wrap>.center-wrap>.left-wrap{height:calc(100% - 40px);top:20px;position:relative;width:50%;right:-50%;-webkit-animation-name:titleShow;animation-name:titleShow;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-delay:.6s;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 .login_bottom{display:flex;color:#2b85e4;justify-content:flex-end}.login-wrap>.center-wrap>.right-wrap .login_bottom>span{cursor:pointer;padding-left:20px}.login-wrap>.center-wrap>.right-wrap .ivu-tabs-nav-scroll{display:flex;justify-content:center}.login-wrap>.center-wrap>.right-wrap .ivu-tabs-nav-scroll .ivu-tabs-nav{display:flex;justify-content:center;float:none;color:#fff}.login-wrap>.center-wrap>.right-wrap .ivu-form{margin:40px;margin-top:20px}.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%;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}@-webkit-keyframes titleShow{0%{right:-50%}to{right:0}}@keyframes titleShow{0%{right:-50%}to{right:0}}@-webkit-keyframes centerShow{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes centerShow{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}