.index-position { background: rgba(0, 0, 0, 0.5); height: 88rpx; position: absolute; top: 0; width: 100%; font-family: PingFangSC-Semibold; font-size: 30rpx; color: #fff; letter-spacing: 0.75rpx; z-index: 9; line-height: 88rpx; overflow: hidden; } page { width: 100%; height: auto !important; overflow-x: hidden; } .txt { margin-left: 20rpx; } .game-entry { width: 690rpx; height: 140rpx; margin: 57rpx auto 0; } .gameimg { display: block; width: 100%; height: 140rpx; } .section { padding: 0 20rpx; display: flex; justify-content: space-around; text-align: center; margin-top: 40rpx; } .section >view image { display: block; margin: 0 auto; } .section >view image { width: 80rpx; height: 80rpx; margin-bottom: 14rpx; } .section text { height: 23rpx; font-size: 24rpx; color: rgba(51, 51, 51, 1); display: block; margin-top: 0rpx; } .showQrcode { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1000; background: rgba(0, 0, 0, 0.6); } .qrcode image { width: 70rpx; margin-right: 20rpx; } .showQrcode { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1000; background: rgba(0, 0, 0, 0.6); } .canvas-box { position: fixed; width: 500rpx; overflow: hidden; left: 0; top: 200rpx; right: 0; margin: auto; background: #fff; border-radius: 16rpx; z-index:100; padding-bottom: 30rpx; } .showQrcode text { display: block; text-align: center; font-size: 28rpx; } .button { width: 414rpx; text-align: center; margin: 0 auto; height: 80rpx; line-height: 80rpx; background: rgba(255, 255, 255, 1); border-radius: 10rpx; font-size: 32rpx; color: rgba(2, 192, 255, 1); overflow: hidden; margin-top: 38rpx; } .memberIds{ padding-top: 30rpx; font-size: 30rpx; }