@import "../../app.wxss"; .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; } .red{ position:absolute; width:13rpx; height:13rpx; border-radius:50%; background:red; right:-50rpx; top:19rpx; left:0; margin:auto; display: none; } page { width: 100%; height: auto !important; overflow-x: hidden; } .txt { margin-left: 20rpx; } .game-entry { position: fixed; right: 27rpx; bottom:323rpx; width: 120rpx; margin: 37rpx auto 0; z-index: 10; } .gameimg { display: block; width: 100%; } .userinfo{ position:relative; margin: 30rpx auto 0; width: 690rpx; padding: 20rpx 0; height: 84rpx; box-shadow:0 0 10px 0 rgba(211,211,211,0.50); border-radius:16rpx; } .section { padding: 0 20rpx; justify-content: space-around; text-align: center; margin-top: 25rpx; margin-bottom: 30rpx; } .sellsection{ margin-bottom: 37rpx; padding: 0 38rpx; } .section >view,.sellsection>view{ width: 25%; display: inline-block; position: relative; } .section >view image,.sellsection>view image{ display: block; margin: 0 auto; } .section >view image { width: 55rpx; height: 55rpx; margin-top: 20rpx; margin-bottom: 14rpx; } .sellsection>view image{ width: 159rpx; height: 134rpx; } .section text { 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 { position: absolute; top: 0; bottom: 0; right: 20rpx; margin: auto; width: 84rpx; } .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: none; 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; } .memberIds{ padding-top: 30rpx; font-size: 30rpx; } .search{ background:rgba(2, 192, 255, 1); height: 50rpx; } .searchbar{ position: relative; width: 685rpx; height: 76rpx; margin: 0 auto; text-align: center; } .searchbar image{ width: 40rpx; } .searchbar text{ font-size: 28rpx; line-height: 50rpx; color: #fff; display: inline-block; } .user-avatar { position: absolute; left: 24rpx; top:0; bottom: 0; width: 80rpx; height: 80rpx; border-radius: 50%; overflow: hidden; margin: auto; } .user-avatar open-data { display:block; width:100%; height:100%; } .user-data { margin-left: 116rpx; letter-spacing: 0.64rpx; line-height: 44rpx; font-size: 30rpx; color: #333; } .chengzhang { font-size: 29rpx; font-weight: 400; color: #AF6E34; } .integral{ margin-left: 70rpx; } .jifen{ display: inline-block; height: 34rpx; color: #999999; font-size:24rpx; line-height: 34rpx; } .jifenNumber{ color:#D18B4C; font-size: 34rpx; line-height: 34rpx; margin-left: 10rpx; font-weight: bold; } .view { font-size: 24rpx; color: #999999; line-height: 24rpx; } .view>.score{ margin-left:9rpx; color:#333333; font-size:30rpx; margin-right:23rpx; font-family:PingFang-SC-Bold; } .qrcode{ width: 84rpx; height: 84rpx; } .qrcodeimg{ width: 100%; } .leftimg{ position: absolute; right: 40rpx; top: 60rpx; margin-top: -7rpx; width: 14rpx; height: 26rpx; } .duihuanimg{ display: block; width: 85rpx; height: 61rpx; margin-top: 6rpx; } .product{ height: 135rpx; padding: 0 30rpx; } .product image{ width:690rpx; height:135rpx; border-radius:16rpx; } .signin{ width: 542rpx; height: 94rpx; position: fixed; top: 0; left: 0; right: 0; z-index: 100; margin: auto; } .signin open-data { position: absolute; width:90rpx; left: 0; top: 0; bottom: 0; height:94rpx; margin: auto; border-radius: 50%; overflow: hidden; } .signin text{ display: block; background: rgba(0, 0, 0, 0.5); font-size: 28rpx; height: 80rpx; width: 100%; line-height: 80rpx; color: #D6D5D5; text-indent: 4em; border-radius:60rpx; margin-top: 7rpx; } .business{ margin-top: 40rpx; } .remainchengzhangzhi{ display: block; color: #b2743d; font-size: 12rpx; margin-top: 5rpx; line-height: 14rpx; } progress{ display:inline-block; width:180rpx; border-radius:60rpx; overflow:hidden; }