.page{ background: #F7F7F7; position: relative; width: 750rpx; } .tabBarLineHeight{ height: 138rpx; } .tabBarView{ position: fixed; bottom: 0; } .backImage{ width: 750rpx; height: 520rpx; } .content{ position: absolute; top: 138rpx; left: 32rpx; } .userInfo{ width: 686rpx; height: 152rpx; } .sudoku{ width: 686rpx; height: 270rpx; margin-top: 40rpx; border-radius: 15rpx; background: #FFFFFF; } .group{ width: 686rpx; margin-top: 40rpx; border-radius: 15rpx; background: #FFFFFF; padding: 20rpx 0; } .userPhoto{ width: 152rpx; height: 152rpx; border-radius: 76rpx; } .userTitle{ margin-left: 24rpx; } .nickName{ font-size: 28rpx; font-family: PingFangSC-Medium, PingFang SC; font-weight: bold; color: #333333; line-height: 48rpx; } .xinxTitle{ font-size: 28rpx; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: #333333; line-height: 40rpx; } .balance-name{ height: 48rpx; font-size: 32rpx; font-family: PingFangSC-Medium, PingFang SC; font-weight: bold; color: #333333; line-height: 48rpx; margin-top: 20rpx; margin-left: 32rpx; } .name{ font-size: 24rpx; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: #999999; line-height: 40rpx; text-align: center; } .num{ font-size: 30rpx; font-family: DINAlternate-Bold, DINAlternate; font-weight: bold; color: #333333; line-height: 52rpx; text-align: center; } .balance{ margin-top: 16rpx; } .qrcodeView{ margin-right: 32rpx; } .qrcode{ width: 40rpx; height: 40rpx; margin-left: 16rpx; } .qrcodeTitle{ font-size: 24rpx; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: #333333; margin-top: 8rpx; } .balanceItem{ width: 33%; } .dian { font-size: 60rpx; font-weight: bold; color: red; }