.login{width:100%;height:100%;background:-webkit-gradient(linear, right top, left top, color-stop(0, #121a2a), to(#0c212b));background:linear-gradient(270deg, #121a2a 0, #0c212b 100%);position:relative}.login .login-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:1}.login .content{z-index:2;max-width:1200px}.login .content .menu{width:100%;margin-bottom:30px}.login .content .menu .menu-item{text-align:center;line-height:1;font-size:20px;font-weight:400;color:#999;cursor:pointer}.login .content .menu .menu-item-on{color:#333}.login .content .title{font-size:22px;color:#fff;font-weight:400;margin-bottom:16px}.login .content .center{margin-bottom:40px}.login .content .center .banner{background:#f1f3f4;background-image:url(../img/login_bg_left.png);background-size:100% 100%;width:500px;height:400px}.login .content .center .banner .banner-img{width:300px;height:300px;-o-object-fit:contain;object-fit:contain}.login .content .center .form-box{background-image:url(../img/login_bg_right.png);background-size:100% 100%;height:400px;width:420px;background-color:#fff;padding:70px 60px}.login .content .bottom-text{width:100%;max-width:500px;font-size:14px;color:#fff;font-weight:400;line-height:22px;margin:0 auto;text-align:center}.login .tips{font-size:14px;color:#555;margin-bottom:8px}.login .tips .tips_text{margin:0 16px}@media screen and (max-width: 1200px){.login .content{max-width:auto}.login .content .title{text-align:center}.login .content .center .banner{display:none}.login .content .center .form-box{max-width:420px;margin:0 auto}}