|
- .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;
- }
- #mycanvas2{
- height: 500rpx;
- }
- .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: 40rpx auto 35rpx;
- 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;
- margin-bottom: 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;
- }
|