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