@import "../../app.wxss"; page{ background: #F4F5F9; } .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: 0 0 30rpx 40rpx; width: 690rpx; /* padding: 0 0 20rpx; */ height: 96rpx; border-radius:16rpx; display: flex; } .infoLeft{ height: 100%; border-radius:12rpx; background: #FFF; } .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; */ margin: 15rpx 20rpx 15rpx; z-index:100; } .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; background: #FFF; margin-top: 16rpx; margin-bottom: 26rpx; } .user-data open-data{ float: left; } .chengzhangBox{ width:70rpx; height:32rpx; line-height: 26rpx; border-radius:9px 9px 9px 0px; font-family:PingFangSC-Regular; font-weight:400; color:rgba(255,255,255,1); float: left; margin-top: 8rpx; margin-left: 8rpx; } .chengzhang { font-size: 22rpx; font-weight: 400; color: #FFFFFF; margin-left: 10rpx; height:22rpx; line-height: 22rpx; } .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: 12rpx; float: left; margin-top: 10rpx; } .view>.score{ margin-left:9rpx; color:#333333; font-size:30rpx; margin-right:23rpx; font-family:PingFang-SC-Bold; } .qrcode{ width: 106rpx; height: 96rpx; background: #FFF; margin-left: 20rpx; border-radius:12rpx; } .qrcodeimg{ width: 68rpx!important; height: 68rpx!important; } .leftimg{ position: absolute; right: 40rpx; top: 60rpx; margin-top: -7rpx; width: 14rpx; height: 26rpx; } .duihuanimg{ display: block; width: 48rpx; margin-top: 6rpx; } .product{ height: 135rpx; padding: 0 30rpx; margin-top: 30rpx; } .product image{ width:690rpx; height:135rpx; border-radius:16rpx; } #rushtobyCard{ margin-top: 30rpx; } .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; } .remainchengzhangzhi{ display: block; color: #A6A6A6; font-size: 22rpx; margin-top: 5rpx; line-height: 14rpx; float: left; margin: 0 10rpx; } progress{ width:190rpx; border-radius:60rpx; overflow:hidden; float: left; } .channelBox{ width:688rpx; height: 220rpx; margin:0 auto; display: flex; justify-content: space-between; background: #F4F5F9; } .kjBox{ width: 104rpx; height: 148rpx; font-size: 24rpx; color: #A6A6A6; margin-top: 46rpx; text-align: center; } .kjBox image{ width: 104rpx; height: 104rpx; } .toutiao{ width:710rpx; height: 82rpx; line-height: 82rpx; margin:0 auto; background: #FAFBFD; box-shadow:0px 6rpx 16rpx 0px rgba(236,238,243,1); border-radius:12rpx; margin-top: 18rpx; margin-bottom:18rpx; } .toutiao text{ font-size:26rpx; font-family:PingFangSC-Regular; font-weight:400; color:rgba(60,60,60,1); float: left; } .toutiao .imgBox{ width: 64rpx; height: 64rpx; float: left; margin:5rpx 0 5rpx 20rpx; } .toutiao image{ width: 48rpx; height: 38rpx; margin: auto; } .toutiao .qg{ width: 80rpx; height: 44rpx; line-height: 44rpx; border-radius:18rpx; border:2rpx solid; float: right; text-align: center; margin: 20rpx 20rpx 20rpx 0; } .toutiao .qg>text{ width: 100%; font-size:24rpx; font-family:PingFangSC-Medium; font-weight:500; color:#FD782D; } i-tabs i-tabs-scroll{ background: #F4F5F9!important; }