|
- @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;
- width:710rpx;
- /* padding: 0 4%; */
- height: 96rpx;
- border-radius:16rpx;
- display: flex;
- margin: 0 auto 20rpx;
- }
- .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: 14rpx;
- 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: 104rpx;
- letter-spacing: 0.64rpx;
- line-height: 46rpx;
- font-size: 30rpx;
- color: #333;
- background: #FFF;
- margin-top: 10rpx;
- 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;
- 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: 124rpx;
- /* padding: 0 30rpx; */
- margin-top: 30rpx;
- margin-bottom: 10rpx;
- background: #FFF;
- width: 710rpx;
- margin: 0 auto;
- }
- .textBox{
- /* display: block; */
- 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: 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;
- height: 30rpx;
- line-height: 30rpx;
- float: left;
- margin: 0 10rpx;
- width: 260rpx;
- overflow: hidden;
- text-overflow:ellipsis;
- white-space: nowrap;
- }
- progress{
- width:190rpx;
- border-radius:60rpx;
- overflow:hidden;
- float: left;
- margin-top: 10rpx;
- }
- .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: #FFF;
- box-shadow:0px 6rpx 16rpx 0px rgba(236,238,243,1);
- border-radius:12rpx;
- margin-top: 18rpx;
- margin-bottom:18rpx;
- }
- .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: 36rpx;
- 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;
- }
|