.login{width:100%;height:100%;background-image:-webkit-gradient(linear,right top,left bottom,from(#b3d0ff),to(#ffc5eb));background-image:linear-gradient(to bottom left,#b3d0ff,#ffc5eb);background-size:cover;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.login .team-name{position:fixed;left:40px;top:50%;width:50px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.login .form-box{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.login .form-box,.login .form-box .logo-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.login .form-box .logo-box{width:160px;height:160px}.login .form-box .logo-box img{max-width:100%;max-height:100%}.login .form-box .title{height:37px;font-size:30px;line-height:37px;margin:15% 0}.login .form-box .title h1{-webkit-box-sizing:border-box;box-sizing:border-box;color:#333}.login .form-box .login-form{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.login .form-box .login-form,.login .form-box .login-form .form-item{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.login .form-box .login-form .form-item{height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;padding-bottom:13px;margin-bottom:34px}.login .form-box .login-form .form-item span{width:120px;color:#333;text-align:right}.login .form-box .login-form .form-item input::-webkit-input-placeholder{color:#333;opacity:.8;font-size:14px}.login .form-box .login-form .form-item input:-moz-placeholder,.login .form-box .login-form .form-item input::-moz-placeholder{color:#333;font-size:14px}.login .form-box .login-form .form-item input:-ms-input-placeholder{color:#333;font-size:14px}.login .form-box .login-form .form-item input{width:100%;height:100%;background:transparent;color:#333;font-size:14px;padding-left:24px;-webkit-box-sizing:border-box;box-sizing:border-box;border-bottom:1px solid #333}.login .form-box .login-form .form-item.nickname,.login .form-box .login-form .form-item.password{background-size:100% auto;background-position:0 100%}.login .form-box .login-form .submit-btn:hover{opacity:.8}.login .form-box .login-form .submit-btn{width:200px;height:50px;color:#fff;font-size:16px;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 10px;border:none;cursor:pointer;background:linear-gradient(158deg,#ffa7d1,#ff77fc);border-radius:50px}