.login-box{background-color:#fff;border-radius:6px;position:fixed;right:-520px;text-align:center;top:50%;transform:translateY(-50%);z-index:999;width:485px;line-height:normal}.login-box .login-close{position:absolute;top:13px;left:10px}.login-box .title{padding:50px 15px 30px;font-size:18px}.login-box .title h2{font-weight:900;margin:0}.login-box .login-tab .left{width:50%;font-size:21px;font-weight:700}.login-box .login-tab .left>div{cursor:pointer;padding:7px 0}.login-box .login-tab .left>div:hover,.login-box .login-tab .left>div.active{color:#fff}.login-box .login-tab .right{width:50%;font-size:21px;font-weight:700}.login-box .bottom-content{background-color:#4e5f66;padding:33px 33px 35px}.login-box .bottom-content a{color:#fff}.login-box.show{right:2px}@media(max-width:767px){.login-box{width:calc(100vw - 10px);max-width:550px;transform:translate(0px);top:5px;bottom:5px;display:flex;flex-direction:column;justify-content:space-between;overflow:auto;-webkit-overflow-scrolling:auto}.login-box .title{font-size:14px}.login-box .login-tab{display:flex;align-items:center}.login-box .login-tab .left{font-size:16px}.login-box .login-tab .right{font-size:16px}.login-box .bottom-content{padding:20px 15px}.login-box.show{right:5px}}