|
- @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;
- }
-
- .integralBox{
- width: 110rpx;
- height: 110rpx;
- bottom: 500rpx;
- right: 20rpx;
- position: fixed;
- z-index: 1000000
- }
|