.login-pannel-w { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: 9999; } .mask { width: 100vw; height: 100vh; background: rgba(0,0,0,0.3); position: fixed; top: 0; left: 0; z-index: 9999; } .login-pannel { font-size: 30rpx; color: #111; border-radius: 16rpx 16rpx 0rpx 0rpx; background: #fff; position: fixed; bottom: 0; left: 0; width: 100vw; padding: 52rpx 36rpx 100rpx; z-index: 10000; box-sizing: border-box; transform: translateY(315px); } .login-logo { width: 181.45rpx; height: 120rpx; margin: 0 auto; } .logo-bottom-tips { padding: 28rpx 0 36rpx; border-bottom: 1px solid rgba(0,0,0,0.1); margin-bottom: 30rpx; font-size: 26rpx; text-align: center; } .tips { font-size: 26rpx; color: #79868F; margin-bottom: 86rpx; text-align: center; } .login-btn { border-color: #1FE4DC; background: #1FE4DC; color: #fff; font-size: 30rpx; line-height: 80rpx; border-radius: 8rpx; }