#login,#login .box{width:100%;height:100%}#login .box{background:url(../img/login-bg.c302299b.png) no-repeat;background-size:100% 100%;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center}#login .box .logo-img{position:absolute;left:50px;top:50px;width:140px}#login .box .login-layer .title{font-size:36px;font-weight:700;color:#333;margin-bottom:20px;text-align:center}#login .box .login-layer .yy-title{font-size:16px;color:#333;margin-bottom:50px;text-align:center}#login .box .login-layer .yy-title .letter{margin-right:15px}#login .box .login{width:380px;margin:auto;border-radius:5px;background-color:#fff;display:flex;justify-content:center;padding:20px 0;flex-direction:column}#login .box .login .login-title{text-align:center}#login .box .login .login-title img{width:80px}#login .box .login h3{font-size:22px;font-weight:700;margin-top:10px}#login .box .form{display:flex;justify-content:center;flex-direction:column;align-items:center}#login .box .form .ipt{width:295px;height:36px;line-height:36px;display:flex;background-color:#ecf3f6;font-size:14px;border-radius:3px;margin-top:13px;text-indent:10px;color:#969ea6}#login .box .form .ipt span{width:48px}#login .box .form .ipt input{flex:1;box-sizing:border-box;border:none;outline:none;height:100%;line-height:36px;background-color:#ecf3f6;color:#000}#login .box .form .remember{padding:15px 50px 0;width:100%}#login .box .form .remember label{display:flex;justify-content:flex-start}#login .box .form .remember label input{width:15px;margin-right:10px}#login .box .form .btn{margin:26px 0;width:295px;background-color:#008574}#login .box .form .el-button--primary{border-color:transparent}#login .box .advice{text-align:center;font-size:12px;color:red;opacity:.6}#login .footer{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);color:#000;font-size:14px;opacity:.6}#login .footer a{color:#000}