.login{width:90%;max-width:450px;margin:50px auto;border-radius:4px;border:1px solid #dfe3e9}.login .login-header{padding:24px 20px;font-size:24px;text-align:center;border-bottom:1px solid #dfe3e9;background:#f8fafc;color:#354052;border-top-left-radius:4px;border-top-right-radius:4px}.login .login-body{padding:24px 30px;background:#fff;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.login .login-button{display:block;width:100%;margin-top:30px}.login .login-footer{margin-top:16px}.login .login-footer .register-link{float:right;color:#66b1ff;font-size:14px;font-weight:500;cursor:pointer}.social-login{margin-top:20px}.social-login .title{position:relative;line-height:18px;text-align:center}.social-login .title .word{position:relative;padding:0 20px;color:#666;font-size:14px;z-index:2;background-color:#fff}.social-login .title .line{position:absolute;left:0;right:0;top:8px;height:1px;background-color:#999;z-index:1}.social-login .social-login-link{margin-top:20px;text-align:center}.social-login .social-login-link .qq-login{position:relative;top:-4px;display:inline-block;height:36px;margin-left:40px;text-decoration:none}.social-login .social-login-link .qq-login i{font-size:36px;color:#409eff}.social-login .social-login-link .weixin-login{display:inline-block;height:36px;text-decoration:none}.social-login .social-login-link .qq-logo,.social-login .social-login-link .weixin-logo{width:36px}