<template>
	<view class="container" style="position: relative;">
		<view class="header">
			<image src="https://download.cyjyyjy.com/mybackgorund.png" class="header-bg"></image>
			<view class="user-box" style="z-index:1;position: relative;">
				<view class="user-info-box">
					<!-- #ifndef H5 -->
					<view class="avatar" @tap="checkLogin()">
						<image :src="avatar"></image>
					</view>
					<!-- #endif -->
					<!-- #ifdef H5 -->
					<view class="avatar" @tap="checkLogin()">
						<image :src="avatar"></image>
					</view>
					<!-- #endif -->
					<view class="user-info" v-if="userId">
						<view class="nick-wrap">
							<!-- #ifdef MP-WEIXIN -->
							<text class="nick">{{ nickName }}
							</text>
							<!-- #endif -->
							<!-- #ifndef MP-WEIXIN -->
							<text class="nick" @tap="goPageLogin('/pages/my/updataNickName')">{{ nickName }}
							</text>
							<!-- #endif -->
						</view>
						<view v-if="member == 1" class="isVip">
							<image src="../../static/img/my/vip-icon.png"></image>
							<text class="code">会员到期时间：{{endTime.split(' ')[0]}}</text>
						</view>
						<view v-if="member == 0" class="nohuiyuan">暂未成为会员</view>
					</view>
					<view class="noLogin" @tap="checkLogin()" v-else>登录</view>
					
					<!-- <view class="sellers-in" style="position: absolute;right: 0;"
						@tap="goPageLogin('/pages/my/cooperation')">
						<view class="text" style="position: absolute;right: 10px;">
							商户入驻<u-icon name="arrow-right" color="#FFFFFF" size="28"></u-icon>
						</view>
					</view> -->
				</view>
				<!-- <view class="info-icon" @tap="goPageLogin('/pages/task/renwu')">
					<image src="../../static/img/my/info.png"></image>
				</view> -->
			</view>
			<view class="huiyuan_view">
				<image src="https://download.cyjyyjy.com/huiyuanmy.png"></image>
				<view class="huiyuan_view_item" @tap="goPageLogin('/pages/my/myVIP')">
					<view class="btn-box">
						<!-- <view class="text">开通番茄会员邀请好友下单赚钱</view> -->
						<view class="kaitong" v-if="member == 0"> 开通会员 </view>
						<view class="kaitong" v-if="member == 1"> 我的权益 </view>
					</view>
				</view>
			</view>
			<!-- <view style="display: flex;">
				<view class="money-header" style="z-index:1;position: relative;">
					<view class="title">我的收益 (积分)</view>
					<view>￥0</view>
				</view>
				<view class="title_right" @tap="goPageLogin('/pages/member/chongzhi')">
					<button type="default" class="btn-click">积分兑换</button>
				</view>
			</view> -->

			<view class="jifen_view" style="z-index:1;position: relative;">
				<view class="title">
					<text>我的积分</text>
					<view class="title_right" @tap="goPageLogin('/pagesB/pages/member/chongzhi')">积分兑换</view>
				</view>
				<view class="jifen_item">
					<view class="item_view" @tap="goPageLogin('/pagesB/pages/member/chongzhi')">
						<view class="money">{{jifenJson.totalMoney}}</view>
						<view class="text">总积分</view>
					</view>
					<view class="item_view" @tap="goPageLogin('/pagesB/pages/member/chongzhi')">
						<view class="money">{{jifenJson.convertibleMoney}}</view>
						<view class="text">可兑换</view>
					</view>
					<view class="item_view" @tap="goPageLogin('/pagesB/pages/member/chongzhi')">
						<view class="money">{{jifenJson.exchangedMoney}}</view>
						<view class="text">已兑换</view>
					</view>
				</view>
			</view>

		</view>

		<view style="margin: 0 16px;padding-bottom: 20rpx;" class="tools">
			<!-- @tap="href(7)" -->
			<view class="tui-box" style="margin:0 auto;">
				<view class="tui-cell-header">番茄服务</view>
				<view class="tui-tool-box">
					<view class="tui-tool-item" @tap="goPageLogin('/pagesB/pages/my/customer')">
						<view class="tui-icon-box">
							<image src="../../static/img/my/callus.png" class="tui-tool-icon"></image>
						</view>
						<view class="tui-tool-text">联系我们</view>
					</view>
					<view class=" tui-tool-item" @tap="goPageLogin('/pagesB/pages/my/setting')">
						<view class="tui-icon-box">
							<image src="../../static/img/my/setting.png" class="tui-tool-icon"></image>
						</view>
						<view class="tui-tool-text">设置</view>
					</view>
					<!-- <view class=" tui-tool-item" v-if="userId" @tap='loginOut()'>
						<view class="tui-icon-box">
							<image src="https://bwc.xianmxkj.com/img/20210828/e8f096d23a5c4cb0bf0f716901e0ce9a.png"
								class="tui-tool-icon"></image>
						</view>
						<view class="tui-tool-text">退出登录</view>
					</view> -->
				</view>
			</view>
		</view>
		<!-- cashMoney: 0, //已兑换 
				money: 0, //可兑换 
				oneUserCount: 0, //邀请人数 
				stayMoney: 0, //待入账 
				sumMoney: 0 //总收益 -->

		<!-- <view class="info-jifen">
				<view class="wdjf">我的总收益</view>
				<view class="zsy_view">
					<view class="sumMoney_view">{{sumMoney}}</view>
					<view @tap="goPageLogin('/pages/member/chongzhi')" class="duihuan_btn">
						立即兑换
					</view>
				</view>
				<view class="shouye_item">
					<view class="shouye_item_left">
						<view class="shouye_item_text">团队收益</view>
						<view class="shouye_item_money">{{teamMoney}}</view>
					</view>
					<view class="shouye_item_center">
						<view class="shouye_item_text">可兑换</view>
						<view class="shouye_item_money">{{money}}</view>
					</view>
					<view class="shouye_item_right">
						<view class="shouye_item_text">已兑换</view>
						<view class="shouye_item_money">{{cashMoney}}</view>
					</view>
				</view>
				<view class="tuandui_item">
					<view class="tuandui_item_left" @tap="goPageLogin('/pages/member/yaoqing')">
						团队成员：{{oneUserCount}}人</view>
					<view @tap="goPageLogin('/pages/my/shareFriends')" class="yaoqing_btn">
						邀请好友</view>
				</view>
			</view>
		 -->
		<!-- <view class="main">
			<view class="integrals-box">
				<view class="integral" @tap="goPageLoginS('/pages/order/index')">
					<view class="left">
						<image src="../../static/img/my/waimai.png"></image>
						<text>我的外卖</text>
					</view>
					<text class="right cuIcon-right"></text>
				</view>
				<view class="integral" @tap="goPageLogin('/pages/my/myVIP')">
					<view class="left">
						<image src="../../static/img/my/huiyuan.png"></image>
						<text>会员中心</text>
					</view>
					<text class="right cuIcon-right"></text>
				</view>
				<view class="integral" @tap="goPageLogin('/pages/my/teamList')">
					<view class="left">
						<image src="../../static/img/my/myteam.png"></image>
						<text>我的团队</text>
					</view>
					<text class="right cuIcon-right"></text>
				</view>
				<view class="integral" @tap="goPageLoginAndChannel('/pages/my/mychannel')">
					<view class="left">
						<image src="../../static/img/my/mychannel.png"></image>
						<text>我的渠道</text>
					</view>
					<text class="right cuIcon-right"></text>
				</view>
				<view class="integral" v-if="channelSQ" @tap="goPageLoginAndNoChannel('/pages/my/savechannel')">
					<view class="left">
						<image src="../../static/img/my/channeladd.png"></image>
						<text>渠道申请</text>
					</view>
					<text class="right cuIcon-right"></text>
				</view>
				<view class="integral" @tap="goPageLogin('/pages/my/customer')">
					<view class="left">
						<image src="../../static/img/my/kefu.png"></image>
						<text>联系客服</text>
					</view>
					<text class="right cuIcon-right"></text>
				</view>
				<view class="integral" @tap="goPageLogin('/pages/my/ranking')">
					<view class="left">
						<image src="../../static/img/my/yaoqing.png"></image>
						<text>我的邀请</text>
					</view>
					<text class="right cuIcon-right"></text>
				</view>
				<view class="integral" @tap="goPageLogin('/pages/my/cooperation')">
					<view class="left">
						<image src="../../static/img/my/hezuo.png"></image>
						<text>商户合作</text>
					</view>
					<text class="right cuIcon-right"></text>
				</view>
				<view class="integral" v-if="userId && shopIsEn != '否'" @tap='goShop()'>
					<view class="left">
						<image src="../../static/img/my/qwyhd.png"></image>
						<text>前往商户端</text>
					</view>
					<text class="right cuIcon-right"></text>
				</view>
				<view class="integral" @tap="goPageLogin('/pages/my/account')">
					<view class="left">
						<image src="../../static/img/my/shezhi.png"></image>
						<text>设置中心</text>
					</view>
					<text class="right cuIcon-right"></text>
				</view>
				<view class="integral" v-if="userId" @tap='loginOut()'>
					<view class="left">
						<image src="../../static/img/my/loginout.png"></image>
						<text>退出登录</text>
					</view>
					<text class="right cuIcon-right"></text>
				</view>
			</view>
		</view> -->
	</view>
</template>

<script>
	export default {
		data() {
			return {
				avatar: "/static/img/logo.png",
				member: 0,
				total: 0,
				SumMoney: 0,
				userId: '',
				shopAppId: '',
				shopIsEn: '否',
				nickName: "",
				isStudent: -1,
				invitationCode: "",
				endTime: '',
				channelSQ: false,
				sex: '',
				cashMoney: 0, //已兑换 
				money: 0, //可兑换 
				oneUserCount: 0, //邀请人数 
				stayMoney: 0, //待入账 
				teamMoney: 0, //团队收益
				sumMoney: 0, //总收益
				arr: [],
				showModal: true,
				jifenJson: {
					totalMoney: 0,
					convertibleMoney: 0,
					exchangedMoney: 0,
				}
			}
		},
		onLoad() {
			let that = this;
			this.userId = this.$queue.getData('userId')
			that.$Request.getT('/common/type/203').then(res => { //订单审核提醒
				if (res.code == 0) {
					if (res.data && res.data.value) {
						that.arr.push(res.data.value)
					}
				}
			})

			that.$Request.getT('/common/type/207').then(res => { //订单审核提醒
				if (res.code == 0) {
					if (res.data && res.data.value) {
						that.arr.push(res.data.value)
					}
				}
			})
		},
		onShow() {
			console.log(Math.ceil(Math.random()*3))
			this.$Request.getT('/userMoney/userMoneyDetail?userId=' + this.userId).then(res => { //我的积分
				if (res.code == 0) {
					console.log(res)
					this.jifenJson = res.data
				}
			})
			let shopAppId = this.$queue.getData('shopAppId');
			if (shopAppId) {
				this.shopAppId = shopAppId;
			}
			let shopIsEn = this.$queue.getData('shopIsEn');
			if (shopIsEn) {
				this.shopIsEn = shopIsEn;
			} else {
				this.shopIsEn = '否';
			}

			let avatar = this.$queue.getData('avatar');
			if (avatar && avatar !== 'undefined') {
				this.avatar = avatar;
			} else {
				this.avatar = '/static/img/logo.png';
			}
			let nickName = this.$queue.getData('nickName');
			if (nickName && nickName !== 'undefined') {
				this.nickName = nickName;
			} else {
				this.nickName = '';
			}
			let invitationCode = this.$queue.getData('invitationCode');
			if (invitationCode && invitationCode !== 'undefined') {
				this.invitationCode = invitationCode;
			} else {
				this.invitationCode = '';
			}
			this.sex = this.$queue.getData('sex');
			this.userId = this.$queue.getData('userId');
			if (this.userId) {
				this.getUserInfo(this.userId);
				this.getUserInfointegral(this.userId);
				this.getUserInfoSumMoney(this.userId);
				this.checkChannel();

				//订阅
				if (this.showModal) {
					// this.openMsg()
				}
			}
		},
		methods: {
			//h5随机头像
			randomAvater(){
				
			},
			// 开启订阅消息
			openMsg() {
				var that = this
				wx.getSetting({
					withSubscriptions: true, //是否获取用户订阅消息的订阅状态，默认false不返回
					success(ret) {
						// console.log(ret,'------------------')
						// console.log(Object.keys(ret.subscriptionsSetting.itemSettings).length)
						// if (JSON.stringify(ret.subscriptionsSetting.itemSettings).indexOf('accept')!=-1) {
						if (ret.subscriptionsSetting.itemSettings) {
							uni.setStorageSync('sendMyMsg', true)
							uni.openSetting({ // 打开设置页 
								success(rea) {
									console.log(rea.authSetting)
								}
							});
						} else { // 用户没有点击“总是保持以上，不再询问”则每次都会调起订阅消息
							uni.setStorageSync('sendMyMsg', false)
							uni.showModal({
								title: '提示',
								content: '为了更好的体验,请绑定消息推送',
								confirmText: '确定',
								cancelText: '取消',
								success: function(res) {
									if (res.confirm) {
										uni.requestSubscribeMessage({
											tmplIds: that.arr,
											success(re) {
												// console.log(re,'**********')
												var datas = JSON.stringify(re);
												if (datas.indexOf("accept") != -1) {
													console.log(re)
												}
											},
											fail: (res) => {
												console.log(res)
											}
										})
										that.showModal = false
									} else if (res.cancel) {
										that.showModal = true
									}
								}
							})
						}
					}
				})
			},
			goShop() {
				let that = this;
				uni.showModal({
					title: '温馨提示',
					content: '确定要前往商户端么',
					success: e => {
						if (e.confirm) {
							uni.navigateToMiniProgram({
								appId: '' + that.shopAppId,
								path: '/pages/index/shopIndex',
								fail(res) {
									console.error(res)
								}
							})
						}
					}
				});
			},
			checkChannel() {
				let userId = this.$queue.getData('userId');
				this.$Request.getT('/channel/selectChannelByUserId?userId=' + userId).then(res => {
					if (res.code === 0) {
						// if (!res.data) {
						// 	this.channelSQ = true;
						// }else{
						// 	this.channelSQ = false;
						// }


						if (res.data) {
							if (res.data.status === 1) { //审核中

							} else if (res.data.status === 2) { //通过
								this.channelSQ = false;
							} else if (res.data.status === 3) { //拒绝
								this.channelSQ = true;
							}
						} else {
							this.channelSQ = true;
						}

					}
				});
			},
			//获取用户积分信息
			getUserInfointegral(userId) {
				this.$Request.getT('/statistical/statisticalMoney?userId=' + userId).then(res => {
					if (res.code === 0) {
						this.cashMoney = res.data.cashMoney ? res.data.cashMoney : 0;
						this.money = res.data.money ? res.data.money : 0;
						this.oneUserCount = res.data.oneUserCount ? res.data.oneUserCount : 0;
						this.stayMoney = res.data.stayMoney ? res.data.stayMoney : 0;
						this.sumMoney = res.data.sumMoney ? res.data.sumMoney : 0;
						this.teamMoney = res.data.teamMoney ? res.data.teamMoney : 0;
						// this.cashMoney = res.data.cashMoney > 10000 ? (res.data.cashMoney / 10000).toFixed(1) + '万'  : res.data.cashMoney;
						// this.money = res.data.money > 10000 ? (res.data.money / 10000).toFixed(1) + '万'  : res.data.money;
						// this.oneUserCount = res.data.oneUserCount > 10000 ? (res.data.oneUserCount / 10000).toFixed(1) + '万'  : res.data.oneUserCount;
						// this.stayMoney = res.data.stayMoney > 10000 ? (res.data.stayMoney / 10000).toFixed(1) + '万'  : res.data.stayMoney;
						// this.sumMoney = res.data.sumMoney > 10000 ? (res.data.sumMoney / 10000).toFixed(1) + '万'  : res.data.sumMoney;
					}
				});
			},
			getUserInfoSumMoney(userId) {
				this.$Request.getT('/userMoney/sumMoney?userId=' + userId).then(res => {
					if (res.code === 0) {
						this.SumMoney = res.data ? res.data : 0;
					}
				});
			},
			getUserInfo(userId) {
				this.$Request.postT("/app/selectUserById?userId=" + userId).then(res => {
					if (res.code === 0) {
						this.member = res.data.member ? res.data.member : 0;
						this.endTime = res.data.endTime;
						this.sex = res.data.sex;
						this.$queue.setData("avatar", res.data.imageUrl ? res.data.imageUrl :
							'/static/img/logo.png');
						this.$queue.setData('member', res.data.member);
						this.$queue.setData("nickName", res.data.nickName ? res.data.nickName : res.data.phone);
						this.$queue.setData("mobile", res.data.phone);
						this.$queue.setData("invitationCode", res.data.invitationCode);
						this.$queue.setData("relation_id", res.data.relationId);
						this.$queue.setData("relation", res.data.invitationCode);
						this.$queue.setData("grade", res.data.grade);
						this.$queue.setData("isInvitation", res.data.isInvitation);
						this.$queue.setData("gender", parseInt(res.data.gender));
						this.$queue.setData("sex", res.data.sex);
						let campus = res.data.campus;
						if (campus && campus != null) {
							this.$queue.setData("campus", res.data.campus);
							this.$queue.setData("campusName", res.data.campusName);
						}
					} else {
						this.$queue.logout();
						uni.showModal({
							showCancel: false,
							title: '登录失败',
							content: res.msg,
						});

					}
					uni.hideLoading();
				});
			},
			goPageLoginS(url) {
				let token = this.$queue.getData('token');
				if (token) {
					if (uni.getStorageSync('sendMyMsg')) {
						uni.requestSubscribeMessage({
							tmplIds: this.arr,
							success(re) {
								// console.log(re,'**********')
								var datas = JSON.stringify(re);
								if (datas.indexOf("accept") != -1) {
									console.log(re)
								}
							},
							fail: (res) => {
								console.log(res)
							}
						})
					}
					console.log('是否有token')
					uni.switchTab({
						url
					})
				} else {
					this.goLogin();
				}
			},
			goPageLoginAndChannel(url) {
				let token = this.$queue.getData('token');
				this.$queue.removeItem('EditChannel');
				if (token) {
					if (uni.getStorageSync('sendMyMsg')) {
						uni.requestSubscribeMessage({
							tmplIds: this.arr,
							success(re) {
								// console.log(re,'**********')
								var datas = JSON.stringify(re);
								if (datas.indexOf("accept") != -1) {
									console.log(re)
								}
							},
							fail: (res) => {
								console.log(res)
							}
						})
					}
					let userId = this.$queue.getData('userId');
					this.$Request.getT('/channel/selectChannelByUserId?userId=' + userId).then(res => {
						if (res.code === 0) {
							if (res.data) {
								if (res.data.status === 1) { //审核中
									this.$queue.showToast('渠道申请已提交，正在审核中，请勿重复提交！');
								} else if (res.data.status === 2) { //通过
									uni.navigateTo({
										url
									})
								} else if (res.data.status === 3) { //通过
									this.$queue.showToast('渠道申请未通过，请修改后重新提交渠道申请！');
								}
							} else {
								this.$queue.showToast('您还不是渠道商，请提交渠道申请后再来试试吧！');
							}
						}
					});
				} else {
					this.goLogin();
				}
			},
			goPageLoginAndNoChannel(url) {
				let token = this.$queue.getData('token');
				this.$queue.removeItem('EditChannel');
				if (token) {
					if (uni.getStorageSync('sendMyMsg')) {
						uni.requestSubscribeMessage({
							tmplIds: this.arr,
							success(re) {
								// console.log(re,'**********')
								var datas = JSON.stringify(re);
								if (datas.indexOf("accept") != -1) {
									console.log(re)
								}
							},
							fail: (res) => {
								console.log(res)
							}
						})
					}
					let userId = this.$queue.getData('userId');
					this.$Request.getT('/channel/selectChannelByUserId?userId=' + userId).then(res => {
						if (res.code === 0) {
							if (!res.data) {
								uni.navigateTo({
									url
								})
							} else {
								if (res.data.status === 1) { //审核中
									this.$queue.showToast('渠道申请已提交，正在审核中，请勿重复提交！');
								} else if (res.data.status === 2) { //通过
									this.$queue.showToast('您已经是渠道商了！');
								} else if (res.data.status === 3) { //通过
									this.$queue.setData('EditChannel', res.data);
									uni.navigateTo({
										url
									})
								}
							}
						}
					});
				} else {
					this.goLogin();
				}
			},
			goPageLogin(url) {
				let token = this.$queue.getData('token');
				if (token) {
					if (uni.getStorageSync('sendMyMsg')) {
						uni.requestSubscribeMessage({
							tmplIds: this.arr,
							success(re) {
								// console.log(re,'**********')
								var datas = JSON.stringify(re);
								if (datas.indexOf("accept") != -1) {
									console.log(re)
								}
							},
							fail: (res) => {
								console.log(res)
							}
						})
					}
					console.log('是否有token')
					uni.navigateTo({
						url
					})
				} else {
					this.goLogin();
				}
			},
			checkLogin() {
				let token = this.$queue.getData('token');
				let userId = this.$queue.getData('userId');
				if (token) {
					this.getUserInfo(userId);
				} else {
					this.goLogin();
				}
			},
			goLogin() {
				this.$queue.setData('href', '/pages/my/index');
				uni.navigateTo({
					url: '/pages/public/login'
				});
			},
			//退出登录
			loginOut() {
				let that = this;
				uni.showModal({
					title: '退出提醒',
					content: '确定要退出登录么',
					success: e => {
						if (e.confirm) {
							that.$queue.logout();
							that.userId = '';
							that.avatar = '/static/img/logo.png';
							that.nickName = '';
							that.invitationCode = '';
							that.sumMoney = 0;
							that.money = 0;
							that.cashMoney = 0;
							that.oneUserCount = 0;
						}
					}
				});
			},
		}
	}
</script>

<style lang="scss">
	page {
		width: 100%;
		background: #F3F5F7;
	}

	.container {
		width: 100%;

		.header {
			width: 100%;
			background: #F3F5F7;
			.header-bg{
				width: 100%;
				height: 590rpx;
				position: absolute;
				z-index:0
			}
			.user-bj {
				width: 100%;
				height: 370upx;
				z-index: 5;
			}

			.user-box {
				width: 100%;
				// height: 250upx;
				z-index: 15;
				padding: 15px 15px 6px 32px;
				display: flex;
				align-items: center;
				margin-bottom: 20rpx;
				.user-info-box {
					flex: 1;
					height: 100%;
					display: flex;
					align-items: center;

					.avatar {
						width: 110upx;
						height: 110upx;
						border-radius: 50%;
						overflow: hidden;

						image {
							width: 100%;
							height: 100%;
							display: block;
						}
					}

					.noLogin {
						display: flex;
						flex-direction: column;
						margin-left: 20upx;
						font-size: 40upx;
						font-weight: 800;
						color: #333333;
					}
					.user-info {
						display: flex;
						display: flex;
						flex-direction: column;
						margin-left: 20upx;
						.nick-wrap {
							display: flex;
							align-items: center;
							height: 45upx;

							.nick {
								font-size: 32rpx;
								font-family: PingFang SC Bold, PingFang SC Bold-Bold;
								font-weight: 700;
								color: #333333;
							}

							.nick_image {
								width: 38upx;
								height: 38upx;
								margin-left: 20upx;
							}

							.activation {
								width: 100upx;
								height: 38upx;
								line-height: 38upx;
								text-align: center;
								background: #FFFFFF;
								border-radius: 19upx;
								margin-left: 20upx;
								font-size: 24upx;
								font-weight: bold;
								color: #FF332F;
							}
						}

						.nohuiyuan {
							margin-top: 10rpx;
							width: 150rpx;
							height: 34rpx;
							border: 3rpx solid #0C0C0C;
							border-radius: 18rpx;
							font-size: 20rpx;
							font-weight: 500;
							text-align: center;
							color: #0C0C0C;
							line-height: 34rpx;
						}
						.isVip{
							display: flex;
							align-items: center;
							image{
								width: 24rpx;
								height: 24rpx;
								margin-right: 4rpx;
							}
							.code {
								display: flex;
								align-items: center;
								// height: 45upx;
								font-size: 22rpx;
								font-weight: 500;
								color: #0C0C0C;
							}
						}
					}
				}

				.info-icon {
					width: 46upx;
					height: 48upx;

					image {
						width: 100%;
						height: 100%;
						display: block;
					}
				}

			}

			.fxandfl_view {
				width: 95%;
				display: flex;
				margin: 25rpx 30rpx;

				.fx_view {
					width: 335rpx;
					height: 155rpx;
					opacity: 1;
					background: #ffffff;
					border-radius: 16rpx;
					padding: 25rpx 20rpx;

					.title {
						font-size: 32rpx;
						font-weight: 700;
						color: #333333;
					}

					.btn {
						margin-top: 20rpx;
						font-size: 24rpx;
						font-weight: 500;
						color: #999999;
					}
				}
			}

			.huiyuan_view {
				width: 686rpx;
				height: 96rpx;
				margin: 0 auto;
				opacity: 1;
				position: relative;
				background-color: #0C0C0C;
				border-radius: 16rpx;
				image{
					width: 100%;
					height: 96rpx;
					position: absolute;
					z-index: 1;
				}
				.huiyuan_view_item {
					margin: 0 22rpx;
					width: 100%;
					height: 96rpx;
					display: flex;
					align-items: center;
					position: absolute;
					z-index: 2;
					
					.text {
						font-size: 12px;
						font-family: PingFang SC;
						font-weight: 400;
						color: #FAD19C;
						z-index: 2;
						margin-top: 4px;
					}
					.btn-box{
						display: flex;
						justify-content: flex-end;
						align-items: center;
						width: 100%;
						height: 100%;
						padding-right: 26rpx;
					}
					.kaitong {
						width: 200rpx;
						height: 64rpx;
						background: linear-gradient(214deg, #FAD19C 0%, #FCBC66 100%);
						border-radius: 32rpx;
						text-align: center;
						line-height: 64rpx;
						font-size: 28rpx;
						color: #000;
					}
				}
			}
			.jifen_view {
				width: 690rpx;
				opacity: 1;
				background: #ffffff;
				border-radius: 24rpx;
				padding: 20rpx 0 30rpx;
				margin: 30rpx auto;
				.title{
					width: 100%;
					padding:0 30rpx 6rpx;
					border-bottom: 2rpx solid #D2D2D2;
					display: flex;
					justify-content: space-between;
					.title_right {
						width: 112rpx;
						height: 36rpx;
						line-height: 36rpx;
						background: linear-gradient(141deg, #FF4848 0%, #FF2929 100%);
						border-radius: 20rpx;
						font-size: 22rpx;
						color: #fff;
						text-align: center;
					}
				}
				.jifen_item {
					display: flex;
					justify-content: space-around;
					width: 100%;
					padding: 0 30rpx;
					.item_view {
						width: 25%;
						text-align: center;
						margin-top: 50rpx;
						.money {
							font-size: 36rpx;
							color: #FF5543;
						}
						.text {
							margin-top: 15rpx;
							font-size: 24rpx;
							color: #000000;
						}
					}
				}
			}

			.info-jifen {
				width: 92%;
				height: 360rpx;
				position: absolute;
				background: #FFD900;
				border-radius: 15rpx;
				z-index: 15;
				margin: 235upx 30upx 0;
				padding: 20upx;
				box-sizing: border-box;

				.wdjf {
					margin-top: 10rpx;
					font-size: 34rpx;
					font-weight: 400;
					color: #806C30;
				}

				.shouye_item {
					margin-top: 20rpx;
					display: flex;
					width: 100%;
					color: #333333;

					.shouye_item_text {
						color: #806C30;
						font-size: 24rpx;
					}

					.shouye_item_money {
						margin-top: 10rpx;
						font-size: 38rpx;
					}

					.shouye_item_left {
						width: 33%;
						text-align: left;
					}

					.shouye_item_center {
						width: 33%;
						text-align: center;
					}

					.shouye_item_right {
						width: 33%;
						text-align: right;
					}
				}



				.tuandui_item {
					margin-top: 20rpx;
					display: flex;
					width: 100%;
					color: #FFFFFF;
					border-top: 3rpx solid #ffff00;
					padding-top: 15rpx;

					.tuandui_item_left {
						width: 75%;
						color: #333333;
						padding-top: 5rpx;
					}
				}

				.yaoqing_btn {
					margin-left: 10rpx;
					background: #252323;
					border-radius: 50rpx;
					color: #FFFFFF;
					text-align: center;
					line-height: 50rpx;
					width: 150rpx;
					height: 50rpx;
					font-size: 30rpx;
					font-weight: 500;
				}

				.zsy_view {
					margin-top: 15rpx;
					display: flex;
					width: 100%;
				}

				.sumMoney_view {
					font-size: 50rpx;
					font-weight: 500;
					color: #333333;
					width: 75%;
				}

				.duihuan_btn {
					margin-left: 10rpx;
					background: #252323;
					border-radius: 50rpx;
					color: #FFFFFF;
					text-align: center;
					line-height: 60rpx;
					width: 150rpx;
					height: 60rpx;
					font-size: 30rpx;
					font-weight: 500;
				}
			}
		}
		.main {
			.integrals-box {
				margin-bottom: 50rpx;
				margin-top: 40upx;
				background-color: #FFF;
				padding: 10upx 34upx 10upx 40upx;
			}
		}

		.tui-icon-box image {
			width: 72rpx;
			height: 72rpx;
		}

		.tui-order-list {
			width: 100%;
			height: 60px;
			padding: 0 10px;
			box-sizing: border-box;
			display: flex;
			align-items: center;
			justify-content: space-between;
		}

		.tui-order-item {
			flex: 1;
			display: flex;
			flex-direction: column;
			align-items: center;
		}

		.tui-box {
			width: 100%;
			background: #fff;
			box-shadow: 0 3rpx 20rpx rgba(183, 183, 183, 0.3);
			border-radius: 10rpx;
			// overflow: hidden;
		}

		.tui-cell-header {
			width: 100%;
			height: 74rpx;
			line-height: 74rpx;
			padding: 0 26rpx;
			box-sizing: border-box;
			border-bottom: 2rpx solid #D2D2D2;
		}

		.tui-cell-title {
			font-size: 30rpx;
			line-height: 30rpx;
			font-weight: 600;
			color: #333;
		}

		// 收藏夹
		.addTo {
			display: flex;
			flex-direction: column;
			color: #ffff;
			text-align: center;
		}

		.tui-flex-wrap {
			flex-wrap: wrap;
			height: 300upx;
			padding-bottom: 30rpx;
		}
		.tui-tool-box{
			width: 100%;
			padding: 0 30rpx;
			.tui-tool-item {
				width: 100%;
				display: flex;
				align-items: center;
				padding: 12rpx 0;
				font-size: 28rpx;
				.tui-tool-icon {
					width: 45rpx;
					height: 45rpx;
					display: block;
					margin-right: 10rpx;
				}
			}
		}
		

		.tti {
			width: 20%;
		}

		.tui-tool-icon {
			width: 90rpx;
			height: 90rpx;
			display: block;
			padding: 4rpx;
		}

		.tui-badge-icon {
			width: 66rpx;
			height: 30rpx;
			position: absolute;
			right: 0;
			transform: translateX(88%);
			top: -15rpx;
		}

		.integral {
			width: 100%;
			height: 92upx;
			display: flex;
			align-items: center;
			justify-content: space-between;

			.left1 {
				display: flex;
				align-items: center;
				flex: 1;
				text {
					color: #333333;
					font-size: 38rpx;
					font-family: PingFang SC Medium, PingFang SC Medium-Medium;
					font-weight: 500;

				}
			}

			.left {
				display: flex;
				align-items: center;
				flex: 1;

				image {
					width: 35rpx;
					height: 35rpx;

				}

				text {
					margin-left: 34rpx;
					color: #333333;
					font-size: 30rpx;
					font-family: PingFang SC Medium, PingFang SC Medium-Medium;
					font-weight: 500;

				}

				button {
					flex: 1;
					padding: 0;
					margin: 0;
					border: none;
					background: transparent;
					text-align: left;
				}

				button::after {
					border: none;
				}

				button::before {
					border: none;
				}

				.view-text {
					font-size: 28upx;
					color: #333333;
					margin-left: 20upx;
				}
			}

			.right {
				font-size: 28upx;
				color: #333333;
			}
		}

		.integral1 {
			height: 48rpx;

			.left {
				text {
					font-size: 40rpx;
				}
			}
		}
	}

	.money-header {
		width: 77px;
		height: 16px;
		font-size: 11px;
		font-family: PingFang SC;
		font-weight: 400;
		line-height: 16px;
		color: #000000;
		text-align: center;
		margin-left: 32px;
		margin-right: 11px;
		margin-bottom: 8px;
	}

	

	.sellers-in {
		width: 87px;
		height: 32px;
		background: #FF5543;
		border-radius: 30px 0px 0px 30px;
	}

	.sellers-in .text {
		line-height: 32px;
		font-size: 14px;
		font-family: PingFang SC;
		font-weight: 500;
		color: #FFFFFF;
	}
</style>
