@keyframes background-animation{0%{filter:blur(0px)}100%{filter:blur(2px)}}@keyframes login-form{0%{opacity:0}50%{opacity:0}100%{opacity:1}}html,body,.main{width:100%;height:100%;margin:0;padding:0;min-width:1600px;min-height:800px}.main{position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden}.main .background{position:absolute;width:100%;height:100%;background:rgba(0,0,0,0) url("../images/background.jpg") no-repeat scroll center;background-size:cover;transform:scale(1.1);filter:blur(2px);animation:background-animation 1s}.form-box{display:flex;position:relative;width:1450px;height:650px;background-color:#fff;box-shadow:0px 0px 4px rgba(0,0,0,.5);animation:login-form 2s}.form-box .form-block{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;width:350px;height:100%}.form-box .form-block .form-top{display:flex;position:absolute;top:80px;width:250px;height:48px;margin-bottom:32px;z-index:1}.form-box .form-block .form-top button{width:50%;height:100%;border:none;border-bottom:1px solid #cd1348;background-color:rgba(0,0,0,0);font-size:20px;cursor:pointer}.form-box .form-block .form-top button.active{color:#cd1348;border-bottom:2px solid #cd1348}.form-box .form-block .link{position:absolute;bottom:50px;width:256px;font-size:14px;text-align:left}.form-box .form-block .link a{outline:none;text-decoration:none;color:#cd1348;transition:opacity .3s}.form-box .form-block .link a:hover{opacity:.5}.form-box .form-background{width:1100px;height:100%;background:#fff url("../images/background.jpg ") no-repeat scroll center;background-size:cover}.login-box{display:flex;position:relative;width:100%}.login-box .login-form{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;width:100%}.login-box .login-form input{width:250px;height:32px;margin-bottom:16px;outline:none;border:#f2f2f2 solid 1px;background-color:#f2f2f2;border-radius:2px;text-align:center;transition:border .3s}.login-box .login-form input:focus{border:#cd1348 solid 1px}.login-box .login-form .login-button{width:256px;height:36px;border:#cd1348 solid 1px;background-color:#cd1348;color:#fff;transition:opacity .3s;cursor:pointer}.login-box .login-form .login-button:hover{opacity:.5}