<template>
	<view class="page">
		<view>
			<u-navbar title="" :background="background"></u-navbar>
		</view>
		<view class="section_1">
			<view class="box_1">
				<image src="/static/default-logo.png" class="image_2"></image>
				<view class="group_1">
					<view class="image-text_1" v-if="isLogin">
						<text lines="1" class="text-group_1">{{userInfo.nick_name}}</text>
						<image :src="userInfo.avatar_url" class="thumbnail_1"></image>
					</view>
					<view class="image-text_1" v-if="!isLogin" @click="goLogin">
						未登录
					</view>
					<view class="text-wrapper_1" v-if="isLogin">
						<text lines="1" class="text_1" v-if="userInfo.user_type==40">店长</text>
						<text lines="1" class="text_1" v-else-if="userInfo.user_type==30">分销</text>
						<text lines="1" class="text_1" v-else-if="userInfo.user_type==20">Plus会员</text>
						<text lines="1" class="text_1" v-else-if="userInfo.user_type==10">游客</text>
					</view>
				</view>
				<view class="group_2">
					<image src="/static/home/news.png" class="thumbnail"></image>
					<text lines="1" class="text_2">消息</text>
				</view>
				<view class="group_4" @click="lookMemberCode('2')">
					<image src="/static/user/code.png" class="thumbnail_2"></image>
					<text lines="1" class="text_3">会员码</text>
				</view>
				<view class="group_5" v-if="userInfo.user_type!=20&&userInfo.user_type!=10"
					@click="lookMemberCode('3')">
					<image src="/static/user/code.png" class="thumbnail_3"></image>
					<text lines="1" class="text_4">分销码</text>
				</view>
			</view>
			<view class="plus" v-if="userInfo.user_type!=40&&userInfo.user_type!=10&&userInfo.effective_time" 
				@click="goMember(userInfo.user_type==20?'hy':'fx')">
				<view class="plusLeft">
					<view class="leftTop">
						<text v-if="userInfo.user_type==20">Plus</text>
						<text v-if="userInfo.user_type==30">分销</text>
						会员
					</view>
					<view class="leftBottom">
						{{userInfo.effective_time}}到期
					</view>
				</view>
				<view class="plusLine">

				</view>
				<view class="plusRight">
					<view class="rightTop">
						年终百款好物热兑中！
					</view>
					<view class="rightBot">
						兑换好物别浪费！
					</view>
				</view>
			</view>
			<!-- v-if="userInfo.user_type!=30&&userInfo.user_type!=40" -->
			<view class="newplus" v-if="userInfo.effective_time==''">
				<view class="memVip" @click="goMember('hy')">
					<view class="vipLine">
						<image src="/static/user/vip.png" mode="" class="vipIcon"></image>
						<text>Plus会员</text>
					</view>
					<view class="sec">
						<text class="inVip">加入会员</text>
						<text class="enjoyVip">享受会员价</text>
						<u-icon name="arrow-right"></u-icon>
					</view>
				</view>
				<view class="memVip fxVip" @click="goMember('fx')">
					<view class="vipLine">
						<image src="/static/user/vip.png" mode="" class="vipIcon"></image>
						<text>分销会员</text>
					</view>
					<view class="sec">
						<text class="inVip">加入会员</text>
						<text class="enjoyVip">享受分销价</text>
						<u-icon name="arrow-right"></u-icon>
					</view>
				</view>
			</view>
			<view class="goodsManage" v-if="userInfo.user_type==40">
				<view class="manageTitle">
					<text lines="1" class="text_5 titleLeft">商品管理</text>
					<text lines="1" class="text_6 titleRight">查看全部</text>
					<image
						src="https://lanhu.oss-cn-beijing.aliyuncs.com/FigmaDDSSlicePNG734520a67fe8e1d927b6d6e351bd2ade.png"
						class="thumbnail_4"></image>
				</view>
				<view class="grounding" v-if="userInfo.user_type==1">
					<view class="image-text_2">
						<image src="/static/user/shelf.png" class="label_1"></image>
						<view class="text-group_2">
							<text lines="1" class="text_7">2</text>
							<text lines="1" class="text_8">一键上架</text>
						</view>
					</view>
					<view class="box_3">
						<image src="/static/user/deal.png" class="image_4"></image>
						<text lines="1" class="text_9">删除商品</text>
					</view>
					<view class="image-text_4">
						<image src="/static/user/search.png" class="label_3"></image>
						<text lines="1" class="text-group_4">商品查询</text>
					</view>
				</view>
			</view>
			<view class="userSell" v-if="userInfo.user_type==40">
				<view class="sell">
					会员分销
				</view>
				<view class="type">
					<view class="typeLeft common">
						会员管理
					</view>
					<view class="typeRight common">
						<image src="/static/user/sale.png" mode="" class="sale"></image>
						分销管理
					</view>
				</view>
			</view>
			<view class="coupon" v-if="userInfo.user_type!=40">
				<view class="walletList">
					<view class="listItem">
						<view class="num">
							235
						</view>
						<view class="info">
							预约记录
						</view>
					</view>
					<view class="listItem">
						<view class="num">
							2
						</view>
						<view class="info">
							浏览记录
						</view>
					</view>
					<view class="listItem">
						<view class="num">
							2
						</view>
						<view class="info">
							发货记录
						</view>
					</view>
					<view class="listItem" @click="getCoupon">
						<view class="num">
							2
						</view>
						<view class="info">
							优惠券
						</view>
					</view>
				</view>
			</view>
			<view class="goodsManage">
				<view class="manageTitle">
					<text lines="1" class="text_5 titleLeft">商品订单</text>
					<text lines="1" class="text_6 titleRight" @click="goOrder">查看全部</text>
					<image
						src="https://lanhu.oss-cn-beijing.aliyuncs.com/FigmaDDSSlicePNG734520a67fe8e1d927b6d6e351bd2ade.png"
						class="thumbnail_4"></image>
				</view>
				<view class="grounding goodsOrder">
					<view class="image-text_2" @click="goGoodsOrder('payment')">
						<image src="/static/user/unpay.png" class="label_1"></image>
						<view class="text-group_2">
							<text lines="1" class="text_7">2</text>
							<text lines="1" class="text_8">待付款</text>
						</view>
					</view>
					<view class="image-text_3 send" @click="goGoodsOrder('delivery')">
						<image src="/static/user/unsend.png" class="label_2"></image>
						<text lines="1" class="text-group_3">待发货</text>
					</view>
					<view class="box_3 send" @click="goGoodsOrder('received')">
						<image src="/static/user/untake.png" class="image_4"></image>
						<text lines="1" class="text_9">待收货</text>
					</view>
					<view class="box_3 send" @click="goGoodsOrder('received')">
						<image src="/static/user/over.png" class="image_4"></image>
						<text lines="1" class="text_9">已完成</text>
					</view>
				</view>
			</view>
			<view class="goodsManage">
				<view class="manageTitle">
					<text lines="1" class="text_5 titleLeft">服务订单</text>
					<text lines="1" class="text_6 titleRight">查看全部</text>
					<image
						src="https://lanhu.oss-cn-beijing.aliyuncs.com/FigmaDDSSlicePNG734520a67fe8e1d927b6d6e351bd2ade.png"
						class="thumbnail_4"></image>
				</view>
				<view class="grounding goodsOrder">
					<view class="image-text_2">
						<image src="/static/user/unpay.png" class="label_1"></image>
						<view class="text-group_2">
							<text lines="1" class="text_7">2</text>
							<text lines="1" class="text_8">待确认</text>
						</view>
					</view>
					<view class="image-text_3 send">
						<image src="/static/user/unsend.png" class="label_2"></image>
						<text lines="1" class="text-group_3">待服务</text>
					</view>
					<view class="box_3 send">
						<image src="/static/user/untake.png" class="image_4"></image>
						<text lines="1" class="text_9">待支付</text>
					</view>
					<view class="image-text_4 send">
						<image src="/static/user/detail.png" class="label_3"></image>
						<text lines="1" class="text-group_4">待验收</text>
					</view>
				</view>
			</view>
			<view class="goodsManage" v-if="userInfo.user_type!=20&&userInfo.user_type!=10">
				<view class="manageTitle">
					<text lines="1" class="text_5 titleLeft">分销订单</text>
					<text lines="1" class="text_6 titleRight">查看全部</text>
					<image
						src="https://lanhu.oss-cn-beijing.aliyuncs.com/FigmaDDSSlicePNG734520a67fe8e1d927b6d6e351bd2ade.png"
						class="thumbnail_4"></image>
				</view>
				<view class="grounding goodsOrder">
					<view class="image-text_2">
						<image src="/static/user/unpay.png" class="label_1"></image>
						<view class="text-group_2">
							<text lines="1" class="text_7">2</text>
							<text lines="1" class="text_8">待付款</text>
						</view>
					</view>
					<view class="image-text_3 send">
						<image src="/static/user/unsend.png" class="label_2"></image>
						<text lines="1" class="text-group_3">待发货</text>
					</view>
					<view class="box_3 send">
						<image src="/static/user/untake.png" class="image_4"></image>
						<text lines="1" class="text_9">待收货</text>
					</view>
					<view class="box_3 send">
						<image src="/static/user/over.png" class="image_4"></image>
						<text lines="1" class="text_9">已完成</text>
					</view>
					<view class="image-text_4 send">
						<image src="/static/user/detail.png" class="label_3"></image>
						<text lines="1" class="text-group_4">退款中</text>
					</view>
				</view>
			</view>
			<view class="wallet">
				<view class="myWallet">
					我的钱包
				</view>
				<view class="walletList">
					<view class="listItem" @click="myWallet">
						<view class="num">
							{{userInfo.balance}}
						</view>
						<view class="info">
							余额
						</view>
					</view>
					<view class="listItem">
						<view class="num">
							{{userInfo.income}}
						</view>
						<view class="info">
							收入
						</view>
					</view>
					<view class="listItem">
						<view class="num">
							{{userInfo.finace_count}}
						</view>
						<view class="info">
							提现记录
						</view>
					</view>
				</view>
			</view>
			<view class="myServe">
				<view class="myservice">
					我的服务
				</view>
				<view class="serve">
					<view class="serveIcon" v-if="userInfo.user_type==40" @click="goPage()">
						<image src="/static/user/record.png" mode="" class="icons"></image>
						<view class="serveInfo">
							发货记录
						</view>
					</view>
					<view class="serveIcon" v-if="userInfo.user_type==40" @click="goPage()">
						<image src="/static/user/car.png" mode="" class="icons"></image>
						<view class="serveInfo">
							物流查询
						</view>
					</view>
					<view class="serveIcon" v-if="userInfo.user_type==40">
						<image src="/static/user/member.png" mode="" class="icons"></image>
						<view class="serveInfo">
							会员价
						</view>
					</view>
					<view class="serveIcon" v-if="userInfo.user_type==40">
						<image src="/static/user/retail.png" mode="" class="icons"></image>
						<view class="serveInfo">
							分销价
						</view>
					</view>
					<view class="serveIcon" @click="goPage('/pages/news1/MerchantSettlement')">
						<image src="/static/user/checkIn.png" mode="" class="icons"></image>
						<view class="serveInfo">
							商家入驻
						</view>
					</view>
					<view class="serveIcon" v-if="userInfo.user_type==40">
						<image src="/static/user/staff.png" mode="" class="icons"></image>
						<view class="serveInfo">
							员工管理
						</view>
					</view>
					<view class="serveIcon" v-if="userInfo.user_type==40">
						<image src="/static/user/setHome.png" mode="" class="icons"></image>
						<view class="serveInfo">
							店铺设置
						</view>
					</view>
					<view class="serveIcon" @click="goPage('/pages/news/park/addressList')">
						<image src="/static/user/address.png" mode="" class="icons"></image>
						<view class="serveInfo">
							地址
						</view>
					</view>
					<view class="serveIcon" @click="goPage('/pages/invite/index')">
						<image src="/static/user/invite.png" mode="" class="icons"></image>
						<view class="serveInfo">
							邀请朋友
						</view>
					</view>
					<view class="serveIcon">
						<image src="/static/user/invites.png" mode="" class="icons"></image>
						<view class="serveInfo">
							<text v-if="userInfo.user_type!=20&&userInfo.user_type!=10">邀请分销</text>
							<text v-if="userInfo.user_type==20||userInfo.user_type==10">加入分销</text>
						</view>
					</view>
					<view class="serveIcon">
						<image src="/static/user/customer.png" mode="" class="icons"></image>
						<view>
							<!-- 客服 class="serveInfo" -->
							<button type="default" open-type="contact" class="infoBtn"
								style="border: none;display: inline-block;width: 120rpx;padding:0;color">客服</button>
						</view>
					</view>
					<view class="serveIcon">
						<image src="/static/user/set.png" mode="" class="icons"></image>
						<view class="serveInfo">
							设置
						</view>
					</view>
					<view class="serveIcon">
						<image src="/static/user/complaint.png" mode="" class="icons"
							@click="goPage('/pages/news1/feedback')"></image>
						<view class="serveInfo">
							投诉
						</view>
					</view>
					<view class="serveIcon" @click="goPage('/pages/news/consult/about')">
						<image src="/static/user/about.png" mode="" class="icons"></image>
						<view class="serveInfo">
							联系我们
						</view>
					</view>
					<view class="serveIcon" @click="goPage('/pages/news1/help')">
						<image src="/static/user/help.png" mode="" class="icons"></image>
						<view class="serveInfo">
							帮助中心
						</view>
					</view>
					<view class="serveIcon" @click="goPage('/pages/news1/huoyuan')">
						<image src="/static/user/help.png" mode="" class="icons"></image>
						<view class="serveInfo">
							我要找货
						</view>
					</view>
					<view class="serveIcon" v-if="userInfo.user_type!=10&&userInfo.user_type!=20">
						<image src="/static/user/help.png" mode="" class="icons"></image>
						<view class="serveInfo">
							数据统计
						</view>
					</view>
					<view class="serveIcon" v-if="userInfo.user_type!=10&&userInfo.user_type!=20">
						<image src="/static/user/help.png" mode="" class="icons"></image>
						<view class="serveInfo">
							会员管理
						</view>
					</view>
					<view class="serveIcon" @click="goPage('/pages/news1/jinqun')"
						v-if="userInfo.user_type!=10&&userInfo.user_type!=20">
						<image src="/static/user/help.png" mode="" class="icons"></image>
						<view class="serveInfo">
							进群有礼
						</view>
					</view>
				</view>
			</view>
			<view class="goodsSuggest" v-if="userInfo.user_type!=40">
				<view class="line">
					<image src="/static/user/left.png" mode=""></image>
					<text>专属推荐</text>
					<image src="/static/user/right.png" mode=""></image>
				</view>
				<view class="goodsList">
					<view class="group_11" v-for="(item,index) in 8" :key="index" @click="goodsDetail(item)">
						<view class="block_2">
							<image src="/static/home/phone.jpg" class="image_3"></image>
							<view class="box_6">
								<view class="text-wrapper_4">
									<text lines="1" class="text_12">自营</text>
								</view>
								<text lines="1" decode="true" class="text_13">iphone13&nbsp;绿色&nbsp;128GB</text>
							</view>
							<view class="text-wrapper_5">
								<text lines="1" class="text_14">¥</text>
								<text lines="1" class="text_15">7599</text>
								<text lines="1" class="text_16">到手价</text>
								<text lines="1" class="text_17">¥7089</text>
							</view>
							<text lines="1" decode="true" class="text_18">200+条评论&nbsp;99%好评率</text>
						</view>

					</view>
				</view>
			</view>
		</view>
		<view class="memberCode" v-if="memberCode" @click="memberCode=false">
			<view class="codeMain">
				<view class="myCode">
					<text v-if="userInfo.user_type==20">我的专属会员识别码</text>
					<text v-if="userInfo.user_type==30">我的专属分销识别码</text>
				</view>
				<view class="codeImg">
					<image src="" mode="" class="img"></image>
				</view>
				<view class="codeName">
					SJIHIHOHOOHOH
				</view>
			</view>
		</view>
	</view>
</template>
<script>
	import img from "@/static/member/head.png"
	import {
		checkLogin
	} from '@/core/app'
	import * as UserApi from '@/api/user'
	export default {
		data() {
			return {
				background: {
					background: 'url(' + img + ') center top no-repeat',
					backgroundSize: '100% auto',
				},
				userType: 2,
				memberCode: false,
				isLogin: false,
				userInfo: {
					user_type: 40
				},
			}
		},
		onShow(options) {
			this.onRefreshPage()
		},
		methods: {
			// 刷新页面
			onRefreshPage() {
				this.isLogin = checkLogin()
				console.log(this.isLogin, '是否登录')
				// 获取页面数据
				this.getUserInfo()
			},
			// 获取当前用户信息
			getUserInfo() {
				const that = this
				return new Promise((resolve, reject) => {
					!that.isLogin ? resolve(null) : UserApi.info({}, {
							load: that.isFirstload
						})
						.then(result => {
							that.userInfo = result.data.userInfo
							resolve(that.userInfo)
						})
						.catch(err => {
							if (err.result && err.result.status == 401) {
								that.isLogin = false
								resolve(null)
							} else {
								reject(err)
							}
						})
				})
			},
			goLogin() {
				// 去登录
				uni.navigateTo({
					url: '/pages/login/index'
				})
			},
			goMember(type) {
				uni.navigateTo({
					url: '/pages/member/index?type=' + type
				})
			},
			goOrder() {
				uni.navigateTo({
					url: '/pages/order/index'
				})
			},
			lookMemberCode(val) {
				this.memberCode = true;
			},
			getCoupon() {
				// 跳转领券中心
				uni.navigateTo({
					url: '/pages/news/coupon/index'
				})
			},
			myWallet() {
				// 我的钱包
				uni.navigateTo({
					url: '/pages/news1/wallet'
				})
			},
			goGoodsOrder(val) {
				// 我的订单
				uni.navigateTo({
					url: '/pages/order/index?dataType=' + val
				})
			},
			goodsDetail(item) {
				// 跳转商品详情
				uni.navigateTo({
					url: '/pages/goods/detail'
				})
			},
			goPage(url) {
				uni.navigateTo({
					url: url
				})
			},
		}
	}
</script>
<style lang="scss" scoped>
	.page {
		background-color: rgba(247, 248, 250, 1.000000);
		position: relative;
		width: 750rpx;
		height: 100%;
		overflow: hidden;
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
	}

	.section_1 {
		position: relative;
		width: 902rpx;
		background: url('../../static/home/homeback.png') 100% no-repeat;
		background-size: 100% 100%;
		display: flex;
		flex-direction: column;
		margin: -26rpx 0 0 -60rpx;
	}


	.box_1 {
		width: 668rpx;
		height: 114rpx;
		flex-direction: row;
		display: flex;
		margin: 50rpx 0 0 108rpx;
	}

	.image_2 {
		width: 114rpx;
		height: 114rpx;
		border-radius: 50%;
	}

	.group_1 {
		width: 288rpx;
		height: 96rpx;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		margin: 2rpx 0 0 24rpx;
	}

	.image-text_1 {
		width: 286rpx;
		height: 50rpx;
		margin-left: 2rpx;
		flex-direction: row;
		display: flex;
		justify-content: space-between;
	}

	.text-group_1 {
		width: 232rpx;
		height: 50rpx;
		overflow-wrap: break-word;
		color: rgba(0, 0, 0, 1.000000);
		font-size: 36rpx;
		font-family: PingFang SC-Medium;
		font-weight: 500;
		text-align: left;
		white-space: nowrap;
		line-height: 36rpx;
	}

	.thumbnail_1 {
		width: 32rpx;
		height: 32rpx;
		margin-top: 10rpx;
	}

	.text-wrapper_1 {
		background-color: rgba(255, 255, 255, 0.560000);
		border-radius: 28rpx;
		height: 44rpx;
		border: 1px solid rgba(255, 255, 255, 1);
		margin-top: 2rpx;
		display: flex;
		flex-direction: column;
		width: 100rpx;
	}

	.text_1 {
		width: 48rpx;
		height: 34rpx;
		overflow-wrap: break-word;
		color: rgba(100, 100, 100, 1.000000);
		font-size: 24rpx;
		font-family: PingFang SC-Regular;
		font-weight: normal;
		text-align: left;
		white-space: nowrap;
		line-height: 24rpx;
		margin: 4rpx 0 0 18rpx;
	}

	.group_2 {
		width: 40rpx;
		height: 68rpx;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		margin: 8rpx 0 0 48rpx;

		.thumbnail {
			width: 30rpx;
			height: 30rpx;
		}
	}

	.group_3 {
		background-color: rgba(17, 17, 17, 1.000000);
		width: 32rpx;
		height: 32rpx;
		margin-left: 4rpx;
		display: flex;
		flex-direction: column;
	}

	.text_2 {
		width: 40rpx;
		height: 28rpx;
		overflow-wrap: break-word;
		color: rgba(53, 53, 53, 1.000000);
		font-size: 20rpx;
		font-family: PingFang SC-Regular;
		font-weight: normal;
		text-align: left;
		white-space: nowrap;
		line-height: 20rpx;
		margin-top: 8rpx;
	}

	.group_4 {
		width: 60rpx;
		height: 66rpx;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		margin: 10rpx 0 0 20rpx;
	}

	.thumbnail_2 {
		width: 30rpx;
		height: 30rpx;
		margin-left: 16rpx;
	}

	.text_3 {
		width: 60rpx;
		height: 28rpx;
		overflow-wrap: break-word;
		color: rgba(53, 53, 53, 1.000000);
		font-size: 20rpx;
		font-family: PingFang SC-Regular;
		font-weight: normal;
		text-align: left;
		white-space: nowrap;
		line-height: 20rpx;
		margin-top: 8rpx;
	}

	.group_5 {
		width: 60rpx;
		height: 66rpx;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		margin: 10rpx 0 0 14rpx;
	}

	.thumbnail_3 {
		width: 30rpx;
		height: 30rpx;
		margin-left: 16rpx;
	}

	.text_4 {
		width: 60rpx;
		height: 28rpx;
		overflow-wrap: break-word;
		color: rgba(53, 53, 53, 1.000000);
		font-size: 20rpx;
		font-family: PingFang SC-Regular;
		font-weight: normal;
		text-align: left;
		white-space: nowrap;
		line-height: 20rpx;
		margin-top: 8rpx;
	}

	.plus {
		width: 688rpx;
		height: 130rpx;
		background: linear-gradient(180deg, #FFF0DF 0%, #EFD4B4 100%);
		border-radius: 8rpx 8rpx 8rpx 8rpx;
		opacity: 1;
		margin: 24rpx 0 0 92rpx;
		display: flex;

		.plusLeft {
			.leftTop {
				width: 198rpx;
				height: 48rpx;
				background: linear-gradient(180deg, #FFF4E4 0%, #F3C683 100%);
				opacity: 1;
				border-radius: 8rpx 0 40rpx 0;
				font-size: 28rpx;
				font-family: PingFang SC, PingFang SC;
				font-weight: 500;
				color: #966542;
				line-height: 48rpx;
				text-align: center;
			}

			.leftBottom {
				// width: 162rpx;
				height: 34rpx;
				font-size: 24rpx;
				font-family: PingFang SC, PingFang SC;
				font-weight: 400;
				color: #885733;
				line-height: 34rpx;
				margin: 22rpx 0 0 14rpx;
			}
		}

		.plusLine {
			margin: 16rpx 0 0 42rpx;
			width: 0rpx;
			height: 98rpx;
			opacity: 1;
			border: 2rpx solid;
			border-image: linear-gradient(90deg, rgba(252, 234, 213, 1), rgba(241, 184, 116, 1), rgba(242, 217, 187, 1)) 2 2;
		}

		.plusRight {
			.rightTop {
				width: 280rpx;
				height: 40rpx;
				font-size: 28rpx;
				font-family: PingFang SC, PingFang SC;
				font-weight: 500;
				color: #654731;
				line-height: 40rpx;
				margin: 30rpx 0 0 44rpx;
			}

			.rightBot {
				width: 160rpx;
				height: 28rpx;
				font-size: 20rpx;
				font-family: PingFang SC, PingFang SC;
				font-weight: 400;
				color: #966542;
				line-height: 28rpx;
				margin: 4rpx 0 0 44rpx;

			}
		}
	}

	.coupon {
		width: 688rpx;
		height: 142rpx;
		background: #FFFFFF;
		border-radius: 10rpx 10rpx 10rpx 10rpx;
		opacity: 1;
		margin: 16rpx 0 0 92rpx;

		.walletList {
			display: flex;
			margin: 30rpx 0 0 28rpx;
			justify-content: space-around;

			.listItem {
				text-align: center;

				.num {
					height: 50rpx;
					font-size: 36rpx;
					font-family: PingFang SC, PingFang SC;
					font-weight: 600;
					color: #2F2F2F;
					line-height: 50rpx;
				}

				.info {
					height: 34rpx;
					font-size: 24rpx;
					font-family: PingFang SC, PingFang SC;
					font-weight: 400;
					color: #3D3D3D;
					line-height: 34rpx;
				}
			}
		}
	}

	.newplus {
		display: flex;
		margin: 16rpx 0 0 92rpx;

		.memVip {
			width: 334rpx;
			height: 130rpx;
			background: linear-gradient(180deg, #FFF0DF 0%, #EFD4B4 100%);
			border-radius: 8rpx 8rpx 8rpx 8rpx;
			opacity: 1;
			margin-right: 12rpx;

			.vipLine {
				width: 176rpx;
				height: 46rpx;
				background: #FCF0E3;
				opacity: 1;
				border-radius: 8rpx 0 20rpx 0;
				font-size: 24rpx;
				font-family: PingFang SC, PingFang SC;
				font-weight: 500;
				color: #966542;
				display: flex;
				align-items: center;

				.vipIcon {
					width: 42rpx;
					height: 40rpx;
					margin-left: 16rpx;
				}
			}

			.sec {
				color: #AD836C;
				margin-top: 12rpx;
				display: flex;
				align-items: center;
				justify-content: center;
				width: 100%;

				.inVip {
					font-size: 28rpx;
					font-weight: 500;
					color: #654731;
					margin-right: 6rpx;
				}

				.enjoyVip {
					height: 28rpx;
					font-size: 20rpx;
					font-weight: 400;
					color: #966542;
					line-height: 28rpx;
					margin-right: 28rpx;
				}
			}
		}

		.fxVip {
			width: 334rpx;
			height: 130rpx;
			background: linear-gradient(180deg, #F8DAC2 0%, #F5C4A6 100%);
			border-radius: 8rpx 8rpx 8rpx 8rpx;
			opacity: 1;
		}
	}

	.goodsManage {
		background-color: rgba(255, 255, 255, 1.000000);
		border-radius: 10rpx;
		height: 216rpx;
		width: 688rpx;
		display: flex;
		flex-direction: column;
		margin: 16rpx 0 0 92rpx;

		.manageTitle {
			width: 638rpx;
			height: 44rpx;
			flex-direction: row;
			display: flex;
			margin: 16rpx 0 0 28rpx;

			.titleLeft {
				width: 112rpx;
				height: 40rpx;
				overflow-wrap: break-word;
				color: rgba(36, 36, 36, 1.000000);
				font-size: 28rpx;
				font-family: PingFang SC-Medium;
				font-weight: 500;
				text-align: left;
				white-space: nowrap;
				line-height: 28rpx;
				margin-top: 4rpx;
			}

			.titleRight {
				width: 96rpx;
				height: 34rpx;
				overflow-wrap: break-word;
				color: rgba(144, 144, 144, 1.000000);
				font-size: 24rpx;
				font-family: PingFang SC-Regular;
				font-weight: normal;
				text-align: left;
				white-space: nowrap;
				line-height: 24rpx;
				margin-left: 406rpx;
			}
		}

		.grounding {
			width: 570rpx;
			height: 100rpx;
			flex-direction: row;
			display: flex;
			justify-content: space-between;
			margin: 26rpx 0 30rpx 44rpx;
		}

		.goodsOrder {
			width: 688rpx;
			margin: 26rpx 0rpx 30rpx 12rpx;
			justify-content: space-around;
			text-align: center;
			padding-right: 26rpx;
		}

		.send {
			margin: 4rpx 0 0 36rpx;
			text-align: center;
			justify-content: center;

			text {
				text-align: center;
			}
		}
	}



	.thumbnail_4 {
		width: 16rpx;
		height: 10rpx;
		margin: 26rpx 0 0 8rpx;
	}

	.image-text_2 {
		width: 104rpx;
		height: 100rpx;
		display: flex;
		flex-direction: column;
		align-items: center;
		text-align: center;
		justify-content: space-between;
	}

	.label_1 {
		width: 62rpx;
		height: 62rpx;
		// margin-left: 24rpx;
	}

	.text-group_2 {
		width: 104rpx;
		height: 34rpx;
		margin-top: 4rpx;
		flex-direction: row;
		display: flex;
		text-align: center;
		align-items: center;
	}

	.text_7 {
		width: 12rpx;
		height: 28rpx;
		overflow-wrap: break-word;
		color: rgba(255, 255, 255, 1.000000);
		font-size: 20rpx;
		font-family: PingFang SC-Semibold;
		font-weight: 600;
		text-align: left;
		white-space: nowrap;
		line-height: 20rpx;
		margin-top: 4rpx;
	}

	.text_8 {
		width: 96rpx;
		height: 34rpx;
		overflow-wrap: break-word;
		color: rgba(61, 61, 61, 1.000000);
		font-size: 24rpx;
		font-family: PingFang SC-Regular;
		font-weight: normal;
		text-align: left;
		white-space: nowrap;
		line-height: 24rpx;
	}

	.image-text_3 {
		width: 96rpx;
		height: 96rpx;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		margin: 4rpx 0 0 58rpx;
	}

	.label_2 {
		width: 54rpx;
		height: 54rpx;
		margin-left: 20rpx;
	}

	.text-group_3 {
		width: 96rpx;
		height: 34rpx;
		overflow-wrap: break-word;
		color: rgba(61, 61, 61, 1.000000);
		font-size: 24rpx;
		font-family: PingFang SC-Regular;
		font-weight: normal;
		text-align: left;
		white-space: nowrap;
		line-height: 24rpx;
		margin-top: 8rpx;
	}

	.box_3 {
		width: 96rpx;
		height: 90rpx;
		display: flex;
		flex-direction: column;
		margin: 10rpx 0 0 60rpx;
	}

	.image_4 {
		width: 54rpx;
		height: 54rpx;
		margin: 2rpx 0 0 24rpx;
	}

	.text_9 {
		width: 96rpx;
		height: 34rpx;
		overflow-wrap: break-word;
		color: rgba(61, 61, 61, 1.000000);
		font-size: 24rpx;
		font-family: PingFang SC-Regular;
		font-weight: normal;
		text-align: left;
		white-space: nowrap;
		line-height: 24rpx;
		margin-top: 12rpx;
	}

	.image-text_4 {
		width: 96rpx;
		height: 96rpx;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		margin: 4rpx 0 0 60rpx;
	}

	.label_3 {
		width: 52rpx;
		height: 52rpx;
		margin-left: 22rpx;
	}

	.text-group_4 {
		width: 96rpx;
		height: 34rpx;
		overflow-wrap: break-word;
		color: rgba(61, 61, 61, 1.000000);
		font-size: 24rpx;
		font-family: PingFang SC-Regular;
		font-weight: normal;
		text-align: left;
		white-space: nowrap;
		line-height: 24rpx;
		margin-top: 10rpx;
	}

	.userSell {
		width: 892rpx;
		width: 684rpx;
		height: 220rpx;
		background: #FFFFFF;
		border-radius: 10rpx 10rpx 10rpx 10rpx;
		opacity: 1;
		margin: 16rpx 0 0 92rpx;

		.sell {
			height: 40rpx;
			font-size: 28rpx;
			font-family: PingFang SC, PingFang SC;
			font-weight: 500;
			color: #242424;
			line-height: 40rpx;
			margin: 20rpx 0 0 28rpx;
		}

		.type {
			display: flex;

			.common {
				width: 304rpx;
				height: 120rpx;
				border-radius: 0rpx 0rpx 0rpx 0rpx;
				opacity: 1;
				background-image: url('../../static/user/manage.png');
				background-size: 100% 100%;
				line-height: 120rpx;
				text-align: center;
				align-items: center;
			}

			.typeLeft {
				margin: 20rpx 20rpx 0 28rpx;
			}

			.typeRight {
				margin: 20rpx 20rpx 0 0rpx;
				display: flex;
				align-items: center;

				.sale {
					width: 98rpx;
					height: 98rpx;
					position: relative;
					top: 0rpx;
					left: 20rpx;
					margin-right: 20rpx;
				}
			}

		}
	}

	.wallet {
		width: 688rpx;
		height: 186rpx;
		background: #FFFFFF;
		border-radius: 10rpx 10rpx 10rpx 10rpx;
		opacity: 1;
		margin: 16rpx 0 0 92rpx;

		.myWallet {
			height: 40rpx;
			font-size: 28rpx;
			font-family: PingFang SC, PingFang SC;
			font-weight: 500;
			color: #242424;
			line-height: 40rpx;
			margin: 18rpx 0 0 30rpx;
		}

		.walletList {
			display: flex;
			margin: 22rpx 0 0 18rpx;
			justify-content: space-around;

			.listItem {
				text-align: center;

				.num {
					height: 50rpx;
					font-size: 36rpx;
					font-family: PingFang SC, PingFang SC;
					font-weight: 600;
					color: #2F2F2F;
					line-height: 50rpx;
				}

				.info {
					height: 34rpx;
					font-size: 24rpx;
					font-family: PingFang SC, PingFang SC;
					font-weight: 400;
					color: #3D3D3D;
					line-height: 34rpx;
				}
			}
		}
	}

	.myServe {
		width: 688rpx;
		// height: 436rpx;
		background: #FFFFFF;
		border-radius: 10rpx 10rpx 10rpx 10rpx;
		opacity: 1;
		margin: 16rpx 0 0 92rpx;

		.myservice {
			margin: 20rpx 0 0 30rpx;
			height: 40rpx;
			font-size: 28rpx;
			font-family: PingFang SC, PingFang SC;
			font-weight: 500;
			color: #242424;
			line-height: 40rpx;
		}

		.serve {
			margin: 16rpx 0 0 42rpx;
			display: flex;
			flex-wrap: wrap;

			.serveIcon {
				width: 120rpx;
				height: 100rpx;
				text-align: center;
				display: flex;
				flex-direction: column;
				align-items: center;
				margin-bottom: 22rpx;

				.icons {
					width: 48rpx;
					height: 48rpx;
					margin-bottom: 12rpx;
				}

				.serveInfo {
					width: 96rpx;
					height: 34rpx;
					font-size: 24rpx;
					font-family: PingFang SC, PingFang SC;
					font-weight: 400;
					color: #3D3D3D;
					line-height: 34rpx;
					text-align: center;

				}

				.infoBtn {
					width: 120rpx;
					height: 34rpx;
					font-size: 24rpx;
					font-weight: 400;
					color: #3D3D3D;
					line-height: 34rpx;
					text-align: center;
					padding: 0;
				}
			}
		}
	}

	.line {
		display: flex;
		justify-content: center;
		align-items: center;
		margin: 26rpx 0 20rpx 0;

		image {
			width: 60rpx;
			height: 44rpx;
		}

		text {
			height: 44rpx;
			font-size: 32rpx;
			font-family: PingFang SC, PingFang SC;
			font-weight: 600;
			color: #3B3B3B;
			line-height: 44rpx;
			margin: 0 16rpx;
		}
	}

	.goodsList {
		margin: 0 0 0 72rpx;
		display: flex;
		flex-wrap: wrap;
		width: 100%;

		.group_11 {
			width: 340rpx;
			height: 438rpx;
			flex-direction: row;
			display: flex;
			justify-content: space-between;
			margin: 14rpx 0 0 16rpx;
		}

		.block_2 {
			background-color: rgba(255, 255, 255, 1.000000);
			border-radius: 8rpx;
			width: 340rpx;
			height: 436rpx;
			margin-top: 2rpx;
			display: flex;
			flex-direction: column;
			justify-content: flex-center;
		}

		.image_3 {
			width: 276rpx;
			height: 252rpx;
			margin: 20rpx 0 0 28rpx;
		}

		.box_6 {
			width: 300rpx;
			height: 34rpx;
			flex-direction: row;
			display: flex;
			justify-content: space-between;
			margin: 14rpx 0 0 28rpx;
		}

		.text-wrapper_4 {
			background-color: rgba(255, 68, 56, 1.000000);
			border-radius: 4rpx;
			height: 34rpx;
			display: flex;
			flex-direction: column;
			width: 58rpx;
		}

		.text_12 {
			width: 48rpx;
			height: 34rpx;
			overflow-wrap: break-word;
			color: rgba(255, 255, 255, 1.000000);
			font-size: 24rpx;
			font-family: PingFang SC-Regular;
			font-weight: normal;
			text-align: left;
			white-space: nowrap;
			line-height: 24rpx;
			margin-left: 6rpx;
		}

		.text_13 {
			width: 236rpx;
			height: 34rpx;
			overflow-wrap: break-word;
			color: rgba(30, 30, 30, 1.000000);
			font-size: 24rpx;
			font-family: PingFang SC-Regular;
			font-weight: normal;
			text-align: left;
			white-space: nowrap;
			line-height: 24rpx;
		}

		.text-wrapper_5 {
			width: 242rpx;
			height: 50rpx;
			flex-direction: row;
			display: flex;
			margin: 20rpx 0 0 34rpx;
		}

		.text_14 {
			width: 16rpx;
			height: 34rpx;
			overflow-wrap: break-word;
			color: rgba(242, 26, 28, 1.000000);
			font-size: 24rpx;
			font-family: PingFang SC-Semibold;
			font-weight: 600;
			text-align: left;
			white-space: nowrap;
			line-height: 24rpx;
			margin-top: 12rpx;
		}

		.text_15 {
			width: 86rpx;
			height: 50rpx;
			overflow-wrap: break-word;
			color: rgba(242, 26, 28, 1.000000);
			font-size: 36rpx;
			font-family: PingFang SC-Semibold;
			font-weight: 600;
			text-align: left;
			white-space: nowrap;
			line-height: 36rpx;
		}

		.text_16 {
			width: 60rpx;
			height: 28rpx;
			overflow-wrap: break-word;
			color: rgba(242, 26, 28, 1.000000);
			font-size: 20rpx;
			font-family: PingFang SC-Medium;
			font-weight: 500;
			text-align: left;
			white-space: nowrap;
			line-height: 20rpx;
			margin: 14rpx 0 0 4rpx;
		}

		.text_17 {
			width: 66rpx;
			height: 30rpx;
			overflow-wrap: break-word;
			color: rgba(148, 148, 148, 1.000000);
			font-size: 22rpx;
			font-family: PingFang SC-Regular;
			font-weight: normal;
			text-align: left;
			white-space: nowrap;
			line-height: 22rpx;
			margin: 16rpx 0 0 10rpx;
			text-decoration: line-through;
		}

		.text_18 {
			width: 220rpx;
			height: 28rpx;
			overflow-wrap: break-word;
			color: rgba(148, 148, 148, 1.000000);
			font-size: 20rpx;
			font-family: PingFang SC-Regular;
			font-weight: normal;
			text-align: left;
			white-space: nowrap;
			line-height: 20rpx;
			margin: -2rpx 0 20rpx 36rpx;
		}
	}

	.memberCode {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(9, 9, 9, 0.38);
		z-index: 20;
		display: flex;
		align-items: center;
		justify-content: center;

		.codeMain {
			width: 560rpx;
			height: 714rpx;
			background: #FFF5E8;
			border-radius: 0rpx 0rpx 0rpx 0rpx;
			opacity: 1;

			.myCode {
				width: 100%;
				height: 50rpx;
				font-size: 36rpx;
				font-weight: 500;
				color: #654731;
				line-height: 50rpx;
				text-align: center;
				margin-top: 64rpx;
			}

			.codeImg {
				display: flex;
				justify-content: center;
				width: 100%;
				height: 378rpx;
				border-radius: 0rpx 0rpx 0rpx 0rpx;
				opacity: 1;
				margin-top: 34rpx;

				.img {
					width: 388rpx;
					height: 378rpx;
					background-color: #fff;
				}
			}

			.codeName {
				width: 100%;
				height: 44rpx;
				font-size: 32rpx;
				font-family: PingFang SC, PingFang SC;
				font-weight: 500;
				color: #A8A8A8;
				line-height: 44rpx;
				text-align: center;
				margin-top: 62rpx;
			}
		}
	}
</style>