MinNan/pages/user/index.vue

<template>
	<view class="">
		<view class="box">
			<!-- <u-navbar title="个人中心" :placeholder="true" bgColor="rgba(255,255,255,0.3)" :leftIconSize="0" titleStyle="font-weight:bold;color:#7a5831"></u-navbar> -->
			<view class="group_1">
				<view class="group_6">
					<view class="group_7">
						<view @click="modifyShow = true" class="section_14">
							<view class="single-avatar_1">
								<image style="width: 100%; height: 100%; border-radius: 50%" :src="userAvatar" class=""></image>
							</view>

							<text lines="1" class="text_9">{{ userNickname }}</text>
							<view style="position: absolute; right: 50rpx; top: 190rpx">
								<u-icon name="arrow-right" color="#312520" size="24"></u-icon>
							</view>
						</view>

						<view class="mn_wd">
							<view v-for="(item, index) in myLike" :key="item.id" class="" @click="myLiktBtn(index)">
								<view class="md_item_wd">
									<uni-icons :type="item.type" :color="item.color" size="25"></uni-icons>
								</view>
								<view style="margin-top: 10rpx">{{ item.title }}</view>
							</view>
						</view>
						<!-- 订单管理 -->

						<view class="mn_dd">
							<view class="block_9">
								<view class="image-text_15">
									<uni-icons type="cart-filled" color="#312520" size="24"></uni-icons>
									<text lines="1" class="text-group_4">订单管理</text>
								</view>
								<text lines="1" class="text_10">查看更多》</text>
							</view>
						</view>
						<view class="mn_dd_item">
							<view class="juli">
								<view style="margin-bottom: 10rpx">待付款</view>
								<view class="">
									<uni-icons type="wallet" color="#ca5642" size="25"></uni-icons>
								</view>
							</view>
							<view class="juli">
								<view style="margin-bottom: 10rpx">待收获</view>
								<view class="">
									<uni-icons type="wallet-filled" color="#ca5642" size="25"></uni-icons>
								</view>
							</view>
							<view class="juli">
								<view style="margin-bottom: 10rpx">待评价</view>
								<view class="">
									<uni-icons type="chat-filled" color="#ca5642" size="25"></uni-icons>
								</view>
							</view>
							<view class="juli">
								<view style="margin-bottom: 10rpx">已完成</view>
								<view class="">
									<uni-icons type="checkbox-filled" color="#ca5642" size="25"></uni-icons>
								</view>
							</view>
							<view class="juli">
								<view style="margin-bottom: 10rpx">售后</view>
								<view class="">
									<uni-icons type="headphones" color="#ca5642" size="25"></uni-icons>
								</view>
							</view>
						</view>

						<!-- 订单管理 -->
					</view>
					<view class="image-text_14">
						<u-icon name="bookmark" color="#312520" size="24"></u-icon>

						<text lines="1" class="text-group_1">文化之路</text>
					</view>
					<view class="group_11">
						<!-- <view class="" style="background-color: rgba(255, 255, 255, 1)"> -->
						<view class="block_8">
							<view class="group_12"></view>
							<text lines="1" class="text_16">已参加课程</text>
							<text lines="1" class="text_17">查看更多》</text>
						</view>
						<!-- 已参加课程 -->
						<view class="section_5" v-for="item in 2" :key="item">
							<view class="section_6">
								<image style="width: 100%; height: 100%; border-radius: 10rpx" src="../../static/image/mn.png"></image>
							</view>
							<view class="group_21">
								<text lines="1" class="text_18">1天前</text>
								<text lines="1" class="text_19">青少年闽南话讲古传承红色历史</text>
								<view class="" style="margin-top: 18rpx">
									<u-line-progress :showText="false" height="4" :percentage="30" activeColor="#CA5642"></u-line-progress>
								</view>
							</view>
						</view>
						<!-- </view> -->
						<!-- 已参加课程end -->
						<!-- 已参加活动 -->
						<view class="section_9"></view>
						<view class="section_10">
							<view class="box_18">
								<view class="group_13"></view>
								<text lines="1" class="text_22">已参加活动</text>
								<text lines="1" class="text_23">查看更多》</text>
							</view>
							<view class="box_7" v-for="item in 2" :key="item">
								<view class="group_14">
									<image style="width: 100%; height: 100%; border-radius: 10rpx" src="../../static/image/hd.png"></image>
								</view>
								<view class="text-wrapper_11">
									<text lines="1" class="text_24">活动未开始</text>
									<text lines="1" class="text_25">非遗大课堂·漆线雕丨盘它！</text>
								</view>
							</view>
						</view>
						<!-- 已参加活动end -->

						<!-- 已分享文章 -->
						<view class="section_9"></view>
						<view class="section_12">
							<view class="box_19">
								<view class="box_10"></view>
								<text lines="1" class="text_28">已分享文章</text>
								<text lines="1" class="text_29">查看更多》</text>
							</view>
							<view class="group_16" v-for="item in 2" :key="item">
								<view class="block_5"><image style="width: 100%; height: 100%; border-radius: 10rpx" src="../../static/image/fx.png"></image></view>
								<view class="text-wrapper_13">
									<text lines="1" class="text_30">1天前</text>
									<text lines="1" class="text_31">国家级“非遗”邂逅“闽南儿歌”</text>
								</view>
							</view>
						</view>
					</view>
					<!-- 已分享文章end -->
					<!-- 文化收藏 -->
					<view class="block_9">
						<view class="image-text_15">
							<u-icon name="bookmark" color="#312520" size="24"></u-icon>
							<text lines="1" class="text-group_4">文化收藏</text>
						</view>
						<text lines="1" class="text_10">查看更多》</text>
					</view>
					<view class="block_10">
						<view class="block_4">
							<view class="text-wrapper_1">
								<text lines="1" class="text_11">非遗文化</text>
							</view>
						</view>
						<view class="block_4">
							<view class="text-wrapper_1">
								<text lines="1" class="text_11">非遗文化</text>
							</view>
						</view>
					</view>
					<!-- 文化收藏end -->
				</view>
				<!-- 文化笔记 -->
				<view class="block_11">
					<view class="image-text_16">
						<u-icon name="bookmark" color="#312520" size="24"></u-icon>
						<text lines="1" class="text-group_5">文化笔记</text>
					</view>
					<text lines="1" class="text_13">查看更多》</text>
				</view>
				<view class="group_23">
					<view class="list_8" v-for="item in 2" :key="item">
						<view class="list-items_3-0">
							<view class="image-text_17-0">
								<!-- 六边形 -->
								<text lines="1" class="text-group_6-0">闽南传统工艺蔡氏漆线雕</text>
							</view>

							<text lines="1" class="text_14-0">厦门漆线雕技艺形成于明末清初，至晚清逐渐成熟，是厦门传统的手工线雕技艺。</text>
							<text lines="1" decode="true" class="text_15-0">2023年05月23日&nbsp;20:14</text>
						</view>
					</view>
					<!-- 文化笔记end -->
				</view>
			</view>
			<u-popup :show="modifyShow" mode="bottom">
				<view class="ziLiao">
					<button open-type="chooseAvatar" @chooseavatar="onChooseAvatar">
						<image style="width: 100rpx; height: 100rpx" :src="userAvatar"></image>
					</button>

					<input class="ipt" @change="blurname" v-model="userNickname" type="nickname" placeholder="请输入昵称" />
					<button class="isOK" type="primary" @click="isOk">确定</button>
				</view>
			</u-popup>
			<mntabBar footerTab="4" :messageCount="0"></mntabBar>
		</view>
	</view>
</template>
<script>
var _token = '';
var _this;

import { uploadImage } from '@/service/api/common.js';
import { mapState } from 'vuex';
export default {
	components: {},
	data() {
		return {
			id: '',
			body_id: '',
			modifyShow: false /*修改资料  */,
			isLogin: false,
			show: false,
			user: {
				nickname: '',
				avatar: 'https://mmbiz.qpic.cn/mmbiz/icTdbqWNOwNRna42FI242Lcia07jQodd2FJGIYQfG0LAJGFxM4FbnQP6yfMxBgJ0F3YRqJCJ1aPAK2dQagdusBZg/0'
			},
			mainBodyUserInfo: {},
			avatarUrl: '',
			getFace: false,
			myLike: [
				{
					title: '我的投稿',
					id: 0,
					type: 'upload-filled',
					color: '#329fff'
				},
				{
					title: '我的收藏',
					id: 1,
					type: 'star-filled',
					color: '#ff9617'
				},
				{
					title: '我的喜欢',
					id: 2,
					type: 'heart-filled',
					color: '#ff6644'
				}
			]
		};
	},
	onShow() {
		this.mainBodyUserInfo = this.$db.get('mainBodyUserInfo');
		this.id = this.mainBodyUserInfo.id;
		this.body_id = this.$db.get('main_body_id');

		this.refreshUser();
		/* 调用userInfo()从本地获取用户信息 */
		this.user = this.$common.userInfo();
		if (this.user && this.user.nickname.indexOf('微信') >= 0) {
			this.getFace = true;
		}
	},
	onLoad(option) {
		/* 来到我的页面判断用户是否登录 */
		_this = this;
		this.user = this.$common.userInfo();
		this.mainBodyUserInfo = this.$db.get('mainBodyUserInfo');
		console.log(this.user, 9999999999);
		if (this.user === 'undefined' || this.user === '' || this.user === [] || this.user === null) {
			/* 跳转到登录页 */
			this.$common.toLogin();
		} else {
			/* 刷新 */
			// this.refreshUser();
			this.isLogin = true;
		}
	},
	computed: {
		userAvatar() {
			return this.mainBodyUserInfo.avatar ? this.mainBodyUserInfo.avatar : this.user.avatar;
		},
		userNickname() {
			return this.mainBodyUserInfo.nickname ? this.mainBodyUserInfo.nickname : this.user.nickname;
		}
	},
	methods: {
		// 刷新信息
		refreshUser() {
			this.$api.refreshUser(
				{
					main_body_id: this.body_id,
					main_body_user_id: this.id
				},
				(val) => {
					console.log(val, 333333);
					if (val.code == 401) {
						this.$common.navigateTo('/pages/user/login');
						return;
					}
					_this.user = val.data.user;
					_this.avatarUrl = _this.user.avatar;
					_this.auth = val.data.auth;
					_this.$db.set('user', val.data.user);
					_this.$db.set('auth', val.data.auth);
					_this.$db.set('mainBodyUserInfo', val.data.mainBodyUserInfo);
				}
			);
		},
		// 获取头像
		onChooseAvatar(e) {
			this.mainBodyUserInfo.avatar = e.detail.avatarUrl;
		},
		// 获取昵称
		blurname(e) {
			this.mainBodyUserInfo.nickname = e.detail.value;
		},

		isOk() {
			this.modifyShow = false;
			// 修改信息
			this.$api.editMainBodyUser(
				{
					main_body_id: this.body_id,
					main_body_user_id: this.id,
					nickname: this.mainBodyUserInfo.nickname,
					avatar: this.mainBodyUserInfo.avatar
				},
				function (res) {
					if (res.code == 1) {
						_this.$common.successToShow('修改成功');
						_this.$db.set('mainBodyUserInfo', _this.mainBodyUserInfo);
					}
				}
			);
		},
		myLiktBtn(i) {
			uni.navigateTo({
				url: '/user_fenbao/myLike?id=' + this.myLike[i].id
			});
		},
		// 积分
		jifenBtn() {
			uni.navigateTo({
				url: '/user_fenbao/cs_fenbao/jiFen/jiFen'
			});
		}
	}
};
</script>
<style>
.mn_wd {
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: #ffffff;
	padding: 35rpx;
	border-radius: 20rpx;
	margin: 20rpx 32rpx 0 32rpx;
}
.ipt {
	height: 60rpx;
	border: 1px solid #efefef;
}
.isOK {
	margin-top: 30rpx;
}
.md_item_wd {
	text-align: center;
}
.mn_dd {
	margin-bottom: 20rpx;
}
.mn_dd_item {
	padding: 35rpx;
	display: flex;
	justify-content: space-around;
	background-color: #ffffff;

	border-radius: 20rpx;
}
.juli {
	text-align: center;
}
.box {
	height: auto;
	width: 100%;
	/* background-image: url('https://huli-app.wenlvti.net/app_static/wuyuan/static/shouhu/wyj-feiyi3-001.png'); */
	/* background-size: 100% 100%; */
	background-color: #f0f2f5;
	background-attachment: fixed;
	border-radius: 16px 16px 0 0;
	position: relative;
	display: flex;
	flex-direction: column;
}
/* .u-icon__icon.data-v-2ee87dc9 {
	left: 200rpx;
} */
.fenge {
	width: 638rpx;
	height: 1rpx;
	background: #dedede;
	margin: auto;
}
.group_1 {
	width: 750rpx;
	display: flex;
	flex-direction: column;
}
.section_9 {
	background-color: #f8f8f8;
	border-radius: 15rpx;
	width: 640rpx;
	height: 30rpx;
	display: flex;
	flex-direction: column;
	margin: 30rpx 0 0 25rpx;
}
.group_6 {
	background-color: rgba(248, 248, 248, 1);
	width: 750rpx;

	display: flex;
	flex-direction: column;
}
.group_7 {
	position: relative;
	width: 750rpx;
	height: 452rpx;
	background: linear-gradient(180deg, #ffe7ba, #f8f8f8);
	display: flex;
	flex-direction: column;
}

.section_14 {
	width: 674rpx;
	height: 120rpx;
	flex-direction: row;
	display: flex;
	margin: 150rpx 0 0 45rpx;
}
.single-avatar_1 {
	width: 120rpx;
	height: 120rpx;
	border-radius: 50%;
}
.text_9 {
	width: 243rpx;
	height: 40rpx;
	overflow-wrap: break-word;
	color: rgba(49, 37, 32, 1);
	font-size: 42rpx;
	font-family: SourceHanSansCN-Regular;
	font-weight: normal;
	text-align: left;
	white-space: nowrap;
	line-height: 42rpx;
	margin: 41rpx 0 0 35rpx;
}

.icon_2-0 {
	width: 15rpx;
	height: 25rpx;
	margin: 39rpx 35rpx 0 493rpx;
}

.image-text_14 {
	width: 160rpx;
	height: 32rpx;
	flex-direction: row;
	display: flex;
	justify-content: space-between;
	margin: 300rpx 0 0 53rpx;
}
xt-group_3 {
	width: 119rpx;
	height: 29rpx;
	overflow-wrap: break-word;
	color: rgba(49, 37, 32, 1);
	font-size: 30rpx;
	font-family: SourceHanSansCN-Bold;
	font-weight: 700;
	text-align: left;
	white-space: nowrap;
	line-height: 30rpx;
	margin-top: 2rpx;
}
.group_11 {
	background-color: rgba(255, 255, 255, 1);
	border-radius: 20rpx;
	width: 690rpx;

	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	margin: 23rpx 0 0 30rpx;
}
.block_8 {
	width: 671rpx;
	height: 41rpx;
	margin-top: 24rpx;
	flex-direction: row;
	display: flex;
}
.group_12 {
	background-color: rgba(202, 86, 66, 1);
	width: 8rpx;
	height: 41rpx;
	display: flex;
	flex-direction: column;
}
.text_16 {
	width: 137rpx;
	height: 27rpx;
	overflow-wrap: break-word;
	color: rgba(49, 37, 32, 1);
	font-size: 28rpx;
	font-family: SourceHanSansCN-Regular;
	font-weight: normal;
	text-align: left;
	white-space: nowrap;
	line-height: 28rpx;
	margin: 7rpx 0 0 17rpx;
}
.text_17 {
	width: 89rpx;
	height: 20rpx;
	overflow-wrap: break-word;
	color: rgba(18, 18, 18, 1);
	font-size: 22rpx;
	font-family: SourceHanSansCN-Regular;
	font-weight: normal;
	text-align: left;
	white-space: nowrap;
	line-height: 22rpx;
	margin: 10rpx 0 0 420rpx;
}
.section_5 {
	background-color: rgba(255, 255, 255, 1);
	border-radius: 10rpx;
	width: 690rpx;

	margin-top: 1rpx;
	flex-direction: row;
	display: flex;
}
.section_6 {
	background-color: rgba(202, 86, 66, 1);
	border-radius: 10rpx;
	width: 199rpx;
	height: 111rpx;
	display: flex;
	flex-direction: column;
	margin: 29rpx 0 0 25rpx;
}
.group_21 {
	width: 335rpx;
	height: 95rpx;
	display: flex;
	flex-direction: column;
	margin: 42rpx 113rpx 0 18rpx;
}
.text_18 {
	width: 59rpx;
	height: 23rpx;
	overflow-wrap: break-word;
	color: rgba(153, 153, 153, 1);
	font-size: 24rpx;
	font-family: SourceHanSansCN-Regular;
	font-weight: normal;
	text-align: left;
	white-space: nowrap;
	line-height: 24rpx;
	margin-left: 1rpx;
}
.text_19 {
	width: 335rpx;
	height: 24rpx;
	overflow-wrap: break-word;
	color: rgba(49, 37, 32, 1);
	font-size: 24rpx;
	font-family: SourceHanSansCN-Bold;
	font-weight: 700;
	text-align: left;
	white-space: nowrap;
	line-height: 24rpx;
	margin-top: 24rpx;
}

.section_10 {
	background-color: rgba(255, 255, 255, 1);
	border-radius: 20rpx;
	width: 690rpx;
	margin-top: 20rpx;
	display: flex;
	flex-direction: column;
}
.box_18 {
	width: 671rpx;
	height: 41rpx;
	margin-top: 24rpx;
	flex-direction: row;
	display: flex;
}
.group_13 {
	background-color: rgba(202, 86, 66, 1);
	width: 8rpx;
	height: 41rpx;
	display: flex;
	flex-direction: column;
}
.text_22 {
	width: 136rpx;
	height: 27rpx;
	overflow-wrap: break-word;
	color: rgba(49, 37, 32, 1);
	font-size: 28rpx;
	font-family: SourceHanSansCN-Regular;
	font-weight: normal;
	text-align: left;
	white-space: nowrap;
	line-height: 28rpx;
	margin: 7rpx 0 0 17rpx;
}
.text_23 {
	width: 89rpx;
	height: 20rpx;
	overflow-wrap: break-word;
	color: rgba(18, 18, 18, 1);
	font-size: 22rpx;
	font-family: SourceHanSansCN-Regular;
	font-weight: normal;
	text-align: left;
	white-space: nowrap;
	line-height: 20rpx;
	margin: 10rpx 0 0 421rpx;
}
.box_7 {
	border-radius: 10rpx;
	width: 690rpx;
	margin-top: 1rpx;
	flex-direction: row;
	display: flex;
}
.group_14 {
	background-color: rgba(202, 86, 66, 1);
	border-radius: 10rpx;
	width: 199rpx;
	height: 111rpx;
	display: flex;
	flex-direction: column;
	margin: 29rpx 0 0 25rpx;
}
.text-wrapper_11 {
	width: 287rpx;
	height: 70rpx;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	margin: 42rpx 162rpx 0 17rpx;
}
.text_24 {
	width: 119rpx;
	height: 23rpx;
	overflow-wrap: break-word;
	color: rgba(202, 86, 66, 1);
	font-size: 24rpx;
	font-family: SourceHanSansCN-Regular;
	font-weight: normal;
	text-align: left;
	white-space: nowrap;
	line-height: 24rpx;
	margin-left: 1rpx;
}
.text_25 {
	width: 287rpx;
	height: 23rpx;
	overflow-wrap: break-word;
	color: rgba(49, 37, 32, 1);
	font-size: 24rpx;
	font-family: SourceHanSansCN-Bold;
	font-weight: 700;
	text-align: left;
	white-space: nowrap;
	line-height: 24rpx;
	margin-top: 24rpx;
}

.section_12 {
	background-color: rgba(255, 255, 255, 1);
	border-radius: 20rpx;
	width: 690rpx;
	display: flex;
	flex-direction: column;
}
.box_19 {
	width: 671rpx;
	height: 41rpx;
	margin-top: 24rpx;
	flex-direction: row;
	display: flex;
}
.box_10 {
	background-color: rgba(202, 86, 66, 1);
	width: 8rpx;
	height: 41rpx;
	display: flex;
	flex-direction: column;
}
.text_28 {
	width: 137rpx;
	height: 27rpx;
	overflow-wrap: break-word;
	color: rgba(49, 37, 32, 1);
	font-size: 28rpx;
	font-family: SourceHanSansCN-Regular;
	font-weight: normal;
	text-align: left;
	white-space: nowrap;
	line-height: 28rpx;
	margin: 7rpx 0 0 17rpx;
}
.text_29 {
	width: 89rpx;
	height: 20rpx;
	overflow-wrap: break-word;
	color: rgba(18, 18, 18, 1);
	font-size: 22rpx;
	font-family: SourceHanSansCN-Regular;
	font-weight: normal;
	text-align: left;
	white-space: nowrap;
	line-height: 20rpx;
	margin: 10rpx 0 0 420rpx;
}
.group_16 {
	background-color: rgba(255, 255, 255, 1);
	border-radius: 10rpx;
	width: 690rpx;

	margin-top: 1rpx;
	flex-direction: row;
	display: flex;
}
.block_5 {
	background-color: rgba(202, 86, 66, 1);
	border-radius: 10rpx;
	width: 199rpx;
	height: 111rpx;
	display: flex;
	flex-direction: column;
	margin: 29rpx 0 0 25rpx;
}
.text-wrapper_13 {
	width: 345rpx;
	height: 70rpx;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	margin: 42rpx 103rpx 0 18rpx;
}
.text_30 {
	width: 59rpx;
	height: 23rpx;
	overflow-wrap: break-word;
	color: rgba(153, 153, 153, 1);
	font-size: 24rpx;
	font-family: SourceHanSansCN-Regular;
	font-weight: normal;
	text-align: left;
	white-space: nowrap;
	line-height: 24rpx;
	margin-left: 1rpx;
}
.text_31 {
	width: 345rpx;
	height: 23rpx;
	overflow-wrap: break-word;
	color: rgba(49, 37, 32, 1);
	font-size: 24rpx;
	font-family: SourceHanSansCN-Bold;
	font-weight: 700;
	text-align: left;
	white-space: nowrap;
	line-height: 24rpx;
	margin-top: 24rpx;
}

.block_9 {
	width: 648rpx;
	height: 33rpx;
	flex-direction: row;
	display: flex;
	justify-content: space-between;
	margin: 40rpx 0 0 53rpx;
}
.image-text_15 {
	width: 165rpx;
	height: 33rpx;
	flex-direction: row;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.text-group_4 {
	width: 119rpx;
	height: 29rpx;
	overflow-wrap: break-word;
	color: rgba(49, 37, 32, 1);
	font-size: 30rpx;
	font-family: SourceHanSansCN-Bold;
	font-weight: 700;
	text-align: left;
	white-space: nowrap;
	line-height: 30rpx;
	margin-top: 3rpx;
}
.text_10 {
	width: 89rpx;
	height: 20rpx;
	overflow-wrap: break-word;
	color: rgba(18, 18, 18, 1);
	font-size: 22rpx;
	font-family: SourceHanSansCN-Regular;
	font-weight: normal;
	text-align: left;
	white-space: nowrap;
	line-height: 20rpx;
	margin-top: 7rpx;
}
.block_10 {
	width: 687rpx;
	height: 166rpx;
	flex-direction: row;
	display: flex;
	justify-content: space-between;
	margin: 32rpx 0 0 32rpx;
}
.block_4 {
	background-color: rgba(202, 86, 66, 1);
	border-radius: 20rpx;
	height: 166rpx;
	display: flex;
	flex-direction: column;
	width: 330rpx;
}
.text-wrapper_1 {
	height: 166rpx;
	background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/psavh7feffxa7l23xrfrl7zl9wkqtfn7b96po9joumqwptlnmi9006fb82-30dc-439a-a4ba-91c459305e8f) 100% no-repeat;
	background-size: 100% 100%;
	display: flex;
	flex-direction: column;
	width: 330rpx;
}
.text_11 {
	width: 109rpx;
	height: 27rpx;
	overflow-wrap: break-word;
	color: rgba(255, 228, 176, 1);
	font-size: 28rpx;
	font-family: Adobe Heiti Std R;
	font-weight: normal;
	text-align: left;
	white-space: nowrap;
	line-height: 28rpx;
	margin: 70rpx 0 0 110rpx;
}
.block_11 {
	width: 647rpx;
	height: 31rpx;
	flex-direction: row;
	display: flex;
	justify-content: space-between;
	margin: 37rpx 0 7rpx 54rpx;
}
.image-text_16 {
	width: 159rpx;
	height: 31rpx;
	flex-direction: row;
	display: flex;
	justify-content: space-between;
}
.text-group_5 {
	width: 119rpx;
	height: 29rpx;
	overflow-wrap: break-word;
	color: rgba(49, 37, 32, 1);
	font-size: 30rpx;
	font-family: SourceHanSansCN-Bold;
	font-weight: 700;
	text-align: left;
	white-space: nowrap;
	line-height: 30rpx;
	margin-top: 1rpx;
}
.text_13 {
	width: 89rpx;
	height: 20rpx;
	overflow-wrap: break-word;
	color: rgba(18, 18, 18, 1);
	font-size: 22rpx;
	font-family: SourceHanSansCN-Regular;
	font-weight: normal;
	text-align: left;
	white-space: nowrap;
	line-height: 20rpx;
	margin-top: 5rpx;
}
.group_23 {
	width: 750rpx;
	display: flex;
	flex-direction: column;
	padding-bottom: 20rpx;
}
.list_8 {
	width: 690rpx;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	margin: 27rpx 0 0 30rpx;
}
.list-items_3-0 {
	background-color: rgba(255, 255, 255, 1);
	border-radius: 20rpx;
	width: 690rpx;
	display: flex;
	flex-direction: column;
}
.image-text_17-0 {
	width: 366rpx;
	height: 29rpx;
	flex-direction: row;
	display: flex;
	justify-content: space-between;
	margin: 34rpx 0 0 30rpx;
}

.text-group_6-0 {
	width: 327rpx;
	height: 29rpx;
	overflow-wrap: break-word;
	color: rgba(49, 37, 32, 1);
	font-size: 30rpx;
	font-family: SourceHanSansCN-Bold;
	font-weight: 700;
	text-align: left;
	white-space: nowrap;
	line-height: 30rpx;
}

.text_14-0 {
	width: 622rpx;
	height: 66rpx;
	overflow-wrap: break-word;
	color: rgba(102, 102, 102, 1);
	font-size: 24rpx;
	font-family: SourceHanSansCN-Regular;
	font-weight: normal;
	text-align: left;
	line-height: 28rpx;
	margin: 24rpx 0 0 29rpx;
}
.text_15-0 {
	width: 242rpx;
	height: 22rpx;
	overflow-wrap: break-word;
	color: rgba(153, 153, 153, 1);
	font-size: 24rpx;
	font-family: SourceHanSansCN-Normal;
	font-weight: normal;
	text-align: left;
	white-space: nowrap;
	line-height: 24rpx;
	margin: 26rpx 0 30rpx 422rpx;
}
.ziLiao {
	height: 400rpx;
}
</style>