@import "../app.wxss"; page{ background: #F4F5F9; } .color_box{ /* padding-top: 20rpx; */ /* background-image: linear-gradient(#DC143C, #F4F5F9); */ background-color: #F4F5F9; } .underlingImg{ width: 30rpx; height: 60rpx; font-size: 30prx; float: left; /* margin-top: 20rpx; */ } .underlingName{ float: left; line-height: 30rpx; color: #A6A6A6; /* margin-top: 20rpx; */ margin-bottom: 20rpx; margin-left: 5rpx; } .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:443rpx; width: 120rpx; margin: 37rpx auto 0; z-index: 10; } .gameimg { display: block; width: 100%; } .underling{ padding: 10rpx 30rpx; } .userinfo{ width:690rpx; height: 96rpx; border-radius:16rpx; display: flex; justify-content: space-between; margin: 0 auto 30rpx; } .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 { 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 { width: 80rpx; height: 80rpx; border-radius: 50%; overflow: hidden; float: left; margin: 10rpx 10rpx; } .user-avatar open-data { display:block; width:100%; height:100%; } .user-data { letter-spacing: 0.64rpx; line-height: 46rpx; font-size: 30rpx; color: #333; background: #FFF; margin-top: 10rpx; margin-bottom: 26rpx; float: right; display: flex; flex-direction: column; } .nameBox open-data{ float: left; } .chengzhangBox{ 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; } .chengzhang { font-size: 22rpx; font-weight: 400; color: #FFFFFF; height:22rpx; line-height: 22rpx; padding: 0 8rpx; } .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 { display: flex; font-size: 24rpx; color: #999999; } .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; 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{ width: 710rpx; margin: 30rpx auto 10rpx; border-radius: 16rpx; overflow: hidden; } .product image{ display: block; width: 100%; } .textBox{ width: 400rpx; height: 100%; float: left; margin-left: 10rpx; } .textBox .name{ width: 400rpx; font-size: 28rpx; color: #3C3C3C; margin-top: 20rpx; } .textBox .title{ width: 400rpx; font-size: 20rpx; color: #A6A6A6; margin-top: 10rpx; } .product .gift{ width:88rpx; height:88rpx; float: left; margin-top: 30rpx; margin-left: 15rpx; } .next image{ width: 26rpx; height: 40rpx; } .gift image{ width:88rpx; height:76rpx; } .product .next{ width:32rpx; height:60rpx; float: right; margin-top: 40rpx; margin-right: 26rpx; } #rushtobyCard{ margin-top: 30rpx; } .signin{ width: 542rpx; height: 94rpx; position: fixed; top: 0; left: 0; right: 0; z-index: 10000000; 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; height: 30rpx; line-height: 30rpx; float: left; margin-left:10rpx; width: 255rpx; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } progress{ width:200rpx; border-radius:60rpx; overflow:hidden; float: left; margin-top: 10rpx; } .channelBox{ width:688rpx; /* height: 220rpx; */ margin:20rpx auto; display: flex; flex-wrap:wrap; justify-content: space-between; background: #F4F5F9; } .kjBox{ width: 25%; height: 118rpx; font-size: 24rpx; color: #A6A6A6; margin-top: 10rpx; text-align: center; } .kjBox image{ width: 60rpx; height: 60rpx; margin: auto } .text{ margin: 0 auto } .toutiao{ width:710rpx; height: 128rpx; line-height: 128rpx; margin:0 auto; background: #FFF; box-shadow:0px 6rpx 16rpx 0px rgba(236,238,243,1); border-radius:12rpx; margin-top: 18rpx; margin-bottom:18rpx; position: relative; } .toutiao1{ width:710rpx; height: 128rpx; margin:0 auto; background: #FFF; box-shadow:0px 6rpx 16rpx 0px rgba(236,238,243,1); border-radius:12rpx; margin-top: 18rpx; margin-bottom:18rpx; display: flex; justify-content: space-between; } .xianshi{ display: flex; flex-direction: column; justify-content: center; align-content: center; font-size: 30rpx; padding: 20rpx; } .xianshi>text{ height: 40rpx; } .xianshi>text:nth-child(1){ font-size:30rpx; font-family:PingFangSC; font-weight:500; } .xianshi>text:nth-child(2){ margin-top: 10rpx; height:28rpx; font-size:20rpx; font-family:PingFangSC; font-weight:400; color:rgba(166,166,166,1); line-height:28rpx; } .xsCon{ width: 300rpx; display: flex; justify-content:flex-end; overflow: hidden; } .igBox{ height: 100%; width: 100rpx; display: flex; flex-direction: column; justify-content: center; align-content: center; } .igBoxm{ height: 100%; width: 100rpx; display: flex; flex-direction: column; text-align: center; } .imageH{ height:50rpx!important; width: 50rpx!important; border-radius: 50%; margin: 15rpx auto; margin-bottom: 15rpx; } .more{ height:70rpx!important; width: 70rpx!important; margin: 0 auto; } .imTit{ height:14px; font-size:10px; font-family:PingFangSC; font-weight:400; color:rgba(60,60,60,1); line-height:14px; width: 100%; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; text-align: center; } .toutiao view:nth-child(2){ font-size:26rpx; font-family:PingFangSC-Regular; font-weight:400; color:rgba(60,60,60,1); float: left; width: 500rpx; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .toutiao view:nth-child(2) text:nth-child(1){ color: red; } .toutiao view:nth-child(2) text:nth-child(2){ text-decoration: line-through; color: red; } .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; position: absolute; top: 0; bottom: 0; right: 20rpx; margin: auto; font-size:24rpx; font-family:PingFangSC-Medium; font-weight:500; color:#FD782D; text-align: center; } i-tabs i-tabs-scroll{ background: #F4F5F9!important; }