自定义各个可公用弹框，完善我的问卷页面

components/CusNotice/index.vue

@@ -0,0 +1,111 @@
+<template>
+	<view class="notice adffc" v-if="show">
+		<view class="notice-box adffc">
+			<view class="notice-box-title">{{title}}</view>
+			<image class="notice-box-close" :src="imgBase+'remind_close.png'" @click="close"></image>
+			<view class="notice-box-content">
+				<u-parse :content='content' style="color: #667E90;font-size: 26rpx;line-height: 42rpx;"></u-parse>
+			</view>
+			<view class="notice-box-bottom">
+				<view class="notice-box-bottom-btn" @click="handleKnow">{{btnText}}</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		props:{
+			title:{
+				typeof:String,
+				default:'问卷须知'
+			},
+			btnText:{
+				typeof:String,
+				default:'我已知晓'
+			},
+			show:{
+				typeof:Boolean,
+				default:false
+			},
+			content:{
+				typeof:String,
+				default:''
+			}
+		},
+		data(){
+			return {
+				
+			}
+		},
+		methods:{
+			close(){
+				this.$emit('close')
+			},
+			handleKnow(){
+				this.$emit('handleKnow')
+			}
+		}
+	}
+</script>
+
+<style scoped lang="scss">
+	.notice{
+		position: fixed;
+		left: 0;
+		right: 0;
+		top: 0;
+		bottom: 0;
+		background: rgba(0, 0, 0, .6);
+		z-index: 1000;
+		justify-content: flex-end;
+		&-box{
+			height: calc(100% - 317rpx);
+			background: #FFFFFF;
+			border-radius: 24rpx 24rpx 0rpx 0rpx;
+			position: relative;
+			&-title{
+				font-family: PingFang-SC, PingFang-SC;
+				font-weight: bold;
+				font-size: 36rpx;
+				color: #002846;
+				line-height: 36rpx;
+				text-align: center;
+				margin-top: 48rpx;
+			}
+			&-close{
+				width: 48rpx;
+				height: 48rpx;
+				position: absolute;
+				top: 48rpx;
+				right: 30rpx;
+			}
+			&-content{
+				overflow-y: auto;
+				padding: 43rpx 40rpx 182rpx;
+			}
+			&-bottom{
+				background: #FFFFFF;
+				box-shadow: 0rpx -2rpx 6rpx 0rpx rgba(0,0,0,0.07);
+				padding: 20rpx 50rpx 54rpx;
+				position: absolute;
+				left: 0;
+				right: 0;
+				bottom: 0;
+				&-btn{
+					width: 100%;
+					height: 88rpx;
+					background: #904A87;
+					border-radius: 44rpx;
+					font-family: PingFang-SC, PingFang-SC;
+					font-weight: bold;
+					font-size: 32rpx;
+					color: #FFFFFF;
+					line-height: 88rpx;
+					text-align: center;
+					letter-spacing: 2rpx;
+				}
+			}
+		}
+	}
+</style>

components/CusTeamInfo/index.vue

@@ -0,0 +1,163 @@
+<template>
+	<div class="dialog adffc" v-if="show">
+		<div class="dialog-box">
+			<div class="dialog-box-title">{{title}}</div>
+			<image class="dialog-box-close" :src="imgBase+'remind_close.png'" @click="close"></image>
+			<div class="dialog-box-form">
+				<div class="dialog-box-form-item adfacjb">
+					<div class="dialog-box-form-item-left">团队名称</div>
+					<div class="dialog-box-form-item-right">{{teamInfo.aaa||'暂无'}}</div>
+				</div>
+				<div class="dialog-box-form-item adfacjb">
+					<div class="dialog-box-form-item-left">所在公司</div>
+					<div class="dialog-box-form-item-right">{{teamInfo.bbb||'暂无'}}</div>
+				</div>
+				<div class="dialog-box-form-item adfacjb">
+					<div class="dialog-box-form-item-left">所属地区</div>
+					<div class="dialog-box-form-item-right">{{teamInfo.ccc||'暂无'}}</div>
+				</div>
+				<div class="dialog-box-form-item adfacjb">
+					<div class="dialog-box-form-item-left">所属行业</div>
+					<div class="dialog-box-form-item-right">{{teamInfo.ddd||'暂无'}}</div>
+				</div>
+				<div class="dialog-box-form-item adfacjb">
+					<div class="dialog-box-form-item-left">团队职能类型</div>
+					<div class="dialog-box-form-item-right">{{teamInfo.eee||'暂无'}}</div>
+				</div>
+				<div class="dialog-box-form-item adfacjb">
+					<div class="dialog-box-form-item-left">团队架构类型</div>
+					<div class="dialog-box-form-item-right">{{teamInfo.fff||'暂无'}}</div>
+				</div>
+				<div class="dialog-box-form-item adfacjb">
+					<div class="dialog-box-form-item-left">团队规模</div>
+					<div class="dialog-box-form-item-right">{{teamInfo.ggg||'暂无'}}</div>
+				</div>
+				<div class="dialog-box-form-item adfacjb">
+					<div class="dialog-box-form-item-left">团队层级</div>
+					<div class="dialog-box-form-item-right">{{teamInfo.hhh||'暂无'}}</div>
+				</div>
+			</div>
+			<div class="dialog-box-intro">
+				<div class="dialog-box-intro-title">团队简介</div>
+				<div class="dialog-box-intro-content">{{teamInfo.iii||'暂无'}}</div>
+			</div>
+		</div>
+	</div>
+</template>
+
+<script>
+	export default {
+		props:{
+			title:{
+				typeof:String,
+				default:'团队信息'
+			},
+			show:{
+				typeof:Boolean,
+				default:false
+			},
+			teamInfo:{
+				typeof:Object,
+				default:null
+			}
+		},
+		data(){
+			return {
+				
+			}
+		},
+		methods:{
+			close(){
+				this.$emit('close')
+			}
+		}
+	}
+</script>
+
+<style scoped lang="scss">
+	.dialog{
+		position: fixed;
+		left: 0;
+		right: 0;
+		top: 0;
+		bottom: 0;
+		z-index: 1001;
+		background: rgba(0,0,0,.4);
+		justify-content: flex-end;
+		&-box{
+			width: 100%;
+			background: #F7F7F7;
+			border-radius: 24rpx 24rpx 0rpx 0rpx;
+			padding: 30rpx 24rpx 50rpx;
+			box-sizing: border-box;
+			position: relative;
+			&-title{
+				font-family: PingFang-SC, PingFang-SC;
+				font-weight: bold;
+				font-size: 32rpx;
+				color: #002846;
+				line-height: 32rpx;
+				text-align: center;
+			}
+			&-close{
+				width: 48rpx;
+				height: 48rpx;
+				position: absolute;
+				top: 30rpx;
+				right: 30rpx;
+			}
+			&-form{
+				background: #FFFFFF;
+				border-radius: 24rpx 24rpx 0rpx 0rpx;
+				margin-top: 48rpx;
+				&-item{
+					padding: 28rpx 24rpx;
+					box-shadow: inset 0rpx -1rpx 0rpx 0rpx #EFEFEF;
+					&-left{
+						font-family: PingFangSC, PingFang SC;
+						font-weight: 400;
+						font-size: 30rpx;
+						color: #002846;
+						line-height: 42rpx;
+						width: 200rpx;
+					}
+					&-right{
+						width: calc(100% - 200rpx);
+						padding-left: 20rpx;
+						box-sizing: border-box;
+						font-family: PingFangSC, PingFang SC;
+						font-weight: 400;
+						font-size: 30rpx;
+						color: #667E90;
+						line-height: 32rpx;
+						text-align: right;
+					}
+				}
+			}
+			&-intro{
+				background: #FFFFFF;
+				box-shadow: inset 0rpx -1rpx 0rpx 0rpx rgba(229,231,235,0.5);
+				border-radius: 24rpx;
+				margin-top: 20rpx;
+				width: 100%;
+				padding: 28rpx 24rpx;
+				box-sizing: border-box;
+				&-title{
+					font-family: PingFangSC, PingFang SC;
+					font-weight: 400;
+					font-size: 30rpx;
+					color: #002846;
+					line-height: 42rpx;
+				}
+				&-content{
+					font-family: PingFangSC, PingFang SC;
+					font-weight: 400;
+					font-size: 28rpx;
+					color: #667E90;
+					line-height: 42rpx;
+					margin-top: 36rpx;
+				}
+			}
+		}
+	}
+</style>

components/CusTeamUser/index.vue

@@ -0,0 +1,152 @@
+<template>
+	<div class="dialog adffc" v-if="show">
+		<div class="dialog-box">
+			<div class="dialog-box-title">{{title}}</div>
+			<image class="dialog-box-close" :src="imgBase+'remind_close.png'" @click="close"></image>
+			<div class="dialog-box-list">
+				<div class="dialog-box-list-item" v-for="(item,index) in list" :key="index">
+					<div class="dialog-box-list-item-status" :class="{'wzd':item.status===0,'yzd':item.status===1}">{{statusCfg[item.status]}}</div>
+					<div class="dialog-box-list-item-name adfac">
+						<text>{{item.name}}</text>
+						<div class="type">{{typeCfg[item.type]}}</div>
+					</div>
+					<div class="dialog-box-list-item-email">{{item.email}}</div>
+				</div>
+			</div>
+		</div>
+	</div>
+</template>
+
+<script>
+	export default {
+		props:{
+			title:{
+				typeof:String,
+				default:'团队人员'
+			},
+			show:{
+				typeof:Boolean,
+				default:false
+			},
+			list:{
+				typeof:Array,
+				default:[]
+			}
+		},
+		data(){
+			return {
+				typeCfg:{
+					1:'赞助人Sponsor',
+					2:'团队Leader',
+					3:'利益相关者Stakeholder'
+				},
+				statusCfg:{
+					0:'未作答',
+					1:'已作答'
+				}
+			}
+		},
+		methods:{
+			close(){
+				this.$emit('close')
+			}
+		}
+	}
+</script>
+
+<style scoped lang="scss">
+	.dialog{
+		position: fixed;
+		left: 0;
+		right: 0;
+		top: 0;
+		bottom: 0;
+		z-index: 1001;
+		background: rgba(0,0,0,.4);
+		justify-content: flex-end;
+		&-box{
+			width: 100%;
+			background: #F7F7F7;
+			border-radius: 24rpx 24rpx 0rpx 0rpx;
+			padding: 30rpx 24rpx 50rpx;
+			box-sizing: border-box;
+			position: relative;
+			&-title{
+				font-family: PingFang-SC, PingFang-SC;
+				font-weight: bold;
+				font-size: 32rpx;
+				color: #002846;
+				line-height: 32rpx;
+				text-align: center;
+			}
+			&-close{
+				width: 48rpx;
+				height: 48rpx;
+				position: absolute;
+				top: 30rpx;
+				right: 30rpx;
+			}
+			&-list{
+				height: 900rpx;
+				margin-top: 40rpx;
+				overflow-y: auto;
+				&-item{
+					background: #FFFFFF;
+					box-shadow: inset 0rpx -1rpx 0rpx 0rpx #EFEFEF;
+					border-radius: 24rpx;
+					margin-top: 20rpx;
+					position: relative;
+					padding: 36rpx 24rpx;
+					&-status{
+						padding: 11rpx 16rpx 29rpx 37rpx;
+						box-sizing: border-box;
+						position: absolute;
+						top: 0;
+						right: 0;
+						font-family: PingFangSC, PingFang SC;
+						font-weight: 400;
+						font-size: 24rpx;
+						color: #FFFFFF;
+						line-height: 24rpx;
+						&.wzd{
+							background: url('https://gitee.com/hw_0302/chuang-heng-wechat-images/raw/master/team_user_wzd.png') no-repeat;
+							background-size: 100% 100%;
+						}
+						&.yzd{
+							background: url('https://gitee.com/hw_0302/chuang-heng-wechat-images/raw/master/team_user_yzd.png') no-repeat;
+							background-size: 100% 100%;
+						}
+					}
+					&-name{
+						text{
+							font-family: PingFang-SC, PingFang-SC;
+							font-weight: bold;
+							font-size: 30rpx;
+							color: #002846;
+							line-height: 32rpx;
+						}
+						.type{
+							margin-left: 20rpx;
+							background: #F8F4F8;
+							border-radius: 20rpx;
+							padding: 5rpx 16rpx;
+							font-family: PingFangSC, PingFang SC;
+							font-weight: 400;
+							font-size: 22rpx;
+							color: #9F6196;
+							line-height: 30rpx;
+						}
+					}
+					&-email{
+						font-family: PingFangSC, PingFang SC;
+						font-weight: 400;
+						font-size: 28rpx;
+						color: #667E90;
+						line-height: 28rpx;
+						margin-top: 24rpx;
+					}
+				}
+			}
+		}
+	}
+</style>

pages/publish.vue

@@ -23,26 +23,16 @@
 				<div class="dialog-box-btn" @click="handleBuy">立即购买</div>
 			</div>
 		</div>
-		<div class="notice adffc" v-if="noticeShow">
-			<div class="notice-box adffc">
-				<div class="notice-box-title">问卷须知</div>
-				<image class="notice-box-close" :src="imgBase+'remind_close.png'" @click="noticeShow=false"></image>
-				<div class="notice-box-content">
-					<u-parse :content='content' style="color: #667E90;font-size: 26rpx;line-height: 42rpx;"></u-parse>
-				</div>
-				<div class="notice-box-bottom">
-					<div class="notice-box-bottom-btn" @click="handleKnow">我已知晓</div>
-				</div>
-			</div>
-		</div>
+		<Notice :show="noticeShow" :content="content" @close="noticeShow=false" @handleKnow="handleKnow"></Notice>
 		<Tabbar :tabbarIndex="1"></Tabbar>
 	</view>
 </template>
 
 <script>
 	import Tabbar from '@/components/CusTabbar/index.vue'
+	import Notice from '@/components/CusNotice/index.vue'
 	export default {
-		components:{ Tabbar },
+		components:{ Tabbar, Notice },
 		data(){
 			return {
 				list:[
@@ -213,64 +203,5 @@
 				}
 			}
 		}
-	
-		.notice{
-			position: fixed;
-			left: 0;
-			right: 0;
-			top: 0;
-			bottom: 0;
-			background: rgba(0, 0, 0, .6);
-			z-index: 1000;
-			justify-content: flex-end;
-			&-box{
-				height: calc(100% - 317rpx);
-				background: #FFFFFF;
-				border-radius: 24rpx 24rpx 0rpx 0rpx;
-				position: relative;
-				&-title{
-					font-family: PingFang-SC, PingFang-SC;
-					font-weight: bold;
-					font-size: 36rpx;
-					color: #002846;
-					line-height: 36rpx;
-					text-align: center;
-					margin-top: 48rpx;
-				}
-				&-close{
-					width: 48rpx;
-					height: 48rpx;
-					position: absolute;
-					top: 48rpx;
-					right: 30rpx;
-				}
-				&-content{
-					overflow-y: auto;
-					padding: 43rpx 40rpx 182rpx;
-				}
-				&-bottom{
-					background: #FFFFFF;
-					box-shadow: 0rpx -2rpx 6rpx 0rpx rgba(0,0,0,0.07);
-					padding: 20rpx 50rpx 54rpx;
-					position: absolute;
-					left: 0;
-					right: 0;
-					bottom: 0;
-					&-btn{
-						width: 100%;
-						height: 88rpx;
-						background: #904A87;
-						border-radius: 44rpx;
-						font-family: PingFang-SC, PingFang-SC;
-						font-weight: bold;
-						font-size: 32rpx;
-						color: #FFFFFF;
-						line-height: 88rpx;
-						text-align: center;
-						letter-spacing: 2rpx;
-					}
-				}
-			}
-		}
 	}
 </style>

pagesHome/components/receiveList.vue

@@ -14,7 +14,7 @@
 						<view class="name">团队名称：{{item.teamName||''}}</view>
 						<view class="bottom adfacjb">
 							<view class="bottom-left">截止时间：{{item.endTime}}</view>
-							<view class="bottom-right" v-if="item.status===0">立即作答</view>
+							<view class="bottom-right" v-if="item.status===0" @click.stop="noticeShow=true">立即作答</view>
 							<view class="bottom-right" v-else-if="item.status===1">查看报告</view>
 						</view>
 					</view>
@@ -36,20 +36,27 @@
 					<text>{{dto.status===0?'待完成':dto.status===1?'已完成':''}}</text>
 				</view>
 				<view class="dbox-menu adf">
-					<view class="dbox-menu-pre adffcac" v-for="(item,index) in menuList" :key="index">
+					<view class="dbox-menu-pre adffcac" v-for="(item,index) in menuList" :key="index" @click="handleMenuClick(index)">
 						<image :src="item.img"></image>
 						<text>{{item.text}}</text>
 					</view>
 				</view>
 			</view>
 		</view>
+		<cus-notice title="问卷答题说明" :show="noticeShow" :content="noticeContent"
+			@close="noticeShow=false" @handleKnow="handleKnow"></cus-notice>
+		<cus-team-user :show="teamUserShow" :list="teamUserList" @close="teamUserShow=false"></cus-team-user>
+		<cus-team-info :show="teamInfoShow" :teamInfo="teamInfo" @close="teamInfoShow=false"></cus-team-info>
 	</view>
 </template>
 
 <script>
+	import CusNotice from '@/components/CusNotice/index.vue'
+	import CusTeamUser from '@/components/CusTeamUser/index.vue'
+	import CusTeamInfo from '@/components/CusTeamInfo/index.vue'
 	import PageEmpty from '@/components/pageEmpty/index.vue'
 	export default {
-		components:{ PageEmpty },
+		components:{ CusNotice, CusTeamUser, CusTeamInfo, PageEmpty },
 		props:{
 			list:{
 				typeof:Array,
@@ -59,6 +66,9 @@
 		data(){
 			return {
 				show:false,
+				noticeShow:false,
+				teamInfoShow:false,
+				teamUserShow:false,
 				dto:null,
 				menuList:[
 					{
@@ -77,7 +87,46 @@
 						img:this.$imgBase+'questionnaire_report.png',
 						text:'查看报告'
 					}
-				]
+				],
+				teamUserList:[
+					{
+						name:'张三',
+						email:'2233983769@qq.com',
+						type:1,
+						status:0
+					},
+					{
+						name:'李四',
+						email:'2233983769@qq.com',
+						type:2,
+						status:0
+					},
+					{
+						name:'王五',
+						email:'2233983769@qq.com',
+						type:3,
+						status:1
+					},
+					{
+						name:'赵六',
+						email:'2233983769@qq.com',
+						type:1,
+						status:1
+					}
+				],
+				teamInfo:null,
+				noticeContent:`Transcend International PERILL Assessment is designed to provide insight into the key factors that underpin high value-creating team. It consists of six elements, focusing on Purpose & Motivation, External Systems and Processes, Relationships, Internal Systems and Processes, Learning Processes, Leadership Qualities and Behaviours.
+创衡国际PERILL团队发展动态评估旨在深入了解支撑高价值团队的关键因素。这些关键因素涵盖六个维度：宗旨和动机、外部流程/系统和结构、人际关系、外部流程/系统和结构、学习、领导力。
+<br/>
+All information will be kept confidential.
+您所填写的所有信息将被保密的。
+<br/>
+The following statements in the assessment describe the ideal state of a team. Please score the actual performance of the team being tested on each statement from two perspectives:
+以下问卷中的各条陈述是对团队理想状态的描述，请您对受测团队当下在每项描述上所呈现的实际表现从两个角度进行打分：
+<br/>
+1. Agreement: There are 5 levels ranging from 1 to 5. Score of 5 if you completely agree that the team has reached the statement. Score of 1 if you completely disagree.
+1、同意度：1-5分共5个等级，假如您完全同意该团队当下达到了所描述的状态为5分，假如您完全不同意该团队当下达到了所描述的状态为1分
+`
 			}
 		},
 		methods:{
@@ -87,6 +136,15 @@
 			showDialog(item){
 				this.dto = item;
 				this.show = true;
+			},
+			handleMenuClick(type){
+				if(type===0) this.teamUserShow = true
+				else if(type===2) this.teamInfoShow = true
+			},
+			handleKnow(){
+				uni.navigateTo({
+					url:'/pagesPublish/questionnaireFill'
+				})
 			}
 		}
 	}

pagesHome/questionnaire.vue

@@ -73,6 +73,7 @@
 						endTime:'2025-05-28 24:00:00'
 					},
 				],
+				teamUserShow:false,
 			}
 		},
 		methods:{

pagesPublish/questionnaireFill.vue

@@ -21,57 +21,16 @@
 			</div>
 			<div class="bottom-right" @click="confirmSubmit">提交问卷</div>
 		</div>
-		<div class="dialog adffc" v-if="teamShow">
-			<div class="dialog-box">
-				<div class="dialog-box-title">团队信息</div>
-				<image class="dialog-box-close" :src="imgBase+'remind_close.png'" @click="teamShow=false"></image>
-				<div class="dialog-box-form">
-					<div class="dialog-box-form-item adfacjb">
-						<div class="dialog-box-form-item-left">团队名称</div>
-						<div class="dialog-box-form-item-right">{{teamInfo.aaa||'暂无'}}</div>
-					</div>
-					<div class="dialog-box-form-item adfacjb">
-						<div class="dialog-box-form-item-left">所在公司</div>
-						<div class="dialog-box-form-item-right">{{teamInfo.bbb||'暂无'}}</div>
-					</div>
-					<div class="dialog-box-form-item adfacjb">
-						<div class="dialog-box-form-item-left">所属地区</div>
-						<div class="dialog-box-form-item-right">{{teamInfo.ccc||'暂无'}}</div>
-					</div>
-					<div class="dialog-box-form-item adfacjb">
-						<div class="dialog-box-form-item-left">所属行业</div>
-						<div class="dialog-box-form-item-right">{{teamInfo.ddd||'暂无'}}</div>
-					</div>
-					<div class="dialog-box-form-item adfacjb">
-						<div class="dialog-box-form-item-left">团队职能类型</div>
-						<div class="dialog-box-form-item-right">{{teamInfo.eee||'暂无'}}</div>
-					</div>
-					<div class="dialog-box-form-item adfacjb">
-						<div class="dialog-box-form-item-left">团队架构类型</div>
-						<div class="dialog-box-form-item-right">{{teamInfo.fff||'暂无'}}</div>
-					</div>
-					<div class="dialog-box-form-item adfacjb">
-						<div class="dialog-box-form-item-left">团队规模</div>
-						<div class="dialog-box-form-item-right">{{teamInfo.ggg||'暂无'}}</div>
-					</div>
-					<div class="dialog-box-form-item adfacjb">
-						<div class="dialog-box-form-item-left">团队层级</div>
-						<div class="dialog-box-form-item-right">{{teamInfo.hhh||'暂无'}}</div>
-					</div>
-				</div>
-				<div class="dialog-box-intro">
-					<div class="dialog-box-intro-title">团队简介</div>
-					<div class="dialog-box-intro-content">{{teamInfo.iii||'暂无'}}</div>
-				</div>
-			</div>
-		</div>
+		<cus-team-info :show="teamShow" :teamInfo="teamInfo" @close="teamShow=false"></cus-team-info>
 	</view>
 </template>
 
 <script>
 	import QuestionItem from '@/components/QuestionItem/index3.vue'
+	import CusTeamInfo from '@/components/CusTeamInfo/index.vue'
+	import CusTeamUser from '@/components/CusTeamUser/index.vue'
 	export default {
-		components:{ QuestionItem },
+		components:{ QuestionItem, CusTeamInfo, CusTeamUser },
 		data(){
 			return {
 				teamShow:false,
@@ -227,91 +186,5 @@
 				letter-spacing: 2rpx;
 			}
 		}
-	
-		.dialog{
-			position: fixed;
-			left: 0;
-			right: 0;
-			top: 0;
-			bottom: 0;
-			z-index: 1001;
-			background: rgba(0,0,0,.4);
-			justify-content: flex-end;
-			&-box{
-				width: 100%;
-				background: #F7F7F7;
-				border-radius: 24rpx 24rpx 0rpx 0rpx;
-				padding: 30rpx 24rpx 50rpx;
-				box-sizing: border-box;
-				position: relative;
-				&-title{
-					font-family: PingFang-SC, PingFang-SC;
-					font-weight: bold;
-					font-size: 32rpx;
-					color: #002846;
-					line-height: 32rpx;
-					text-align: center;
-				}
-				&-close{
-					width: 48rpx;
-					height: 48rpx;
-					position: absolute;
-					top: 30rpx;
-					right: 30rpx;
-				}
-				&-form{
-					background: #FFFFFF;
-					border-radius: 24rpx 24rpx 0rpx 0rpx;
-					margin-top: 48rpx;
-					&-item{
-						padding: 28rpx 24rpx;
-						box-shadow: inset 0rpx -1rpx 0rpx 0rpx #EFEFEF;
-						&-left{
-							font-family: PingFangSC, PingFang SC;
-							font-weight: 400;
-							font-size: 30rpx;
-							color: #002846;
-							line-height: 42rpx;
-							width: 200rpx;
-						}
-						&-right{
-							width: calc(100% - 200rpx);
-							padding-left: 20rpx;
-							box-sizing: border-box;
-							font-family: PingFangSC, PingFang SC;
-							font-weight: 400;
-							font-size: 30rpx;
-							color: #667E90;
-							line-height: 32rpx;
-							text-align: right;
-						}
-					}
-				}
-				&-intro{
-					background: #FFFFFF;
-					box-shadow: inset 0rpx -1rpx 0rpx 0rpx rgba(229,231,235,0.5);
-					border-radius: 24rpx;
-					margin-top: 20rpx;
-					width: 100%;
-					padding: 28rpx 24rpx;
-					box-sizing: border-box;
-					&-title{
-						font-family: PingFangSC, PingFang SC;
-						font-weight: 400;
-						font-size: 30rpx;
-						color: #002846;
-						line-height: 42rpx;
-					}
-					&-content{
-						font-family: PingFangSC, PingFang SC;
-						font-weight: 400;
-						font-size: 28rpx;
-						color: #667E90;
-						line-height: 42rpx;
-						margin-top: 36rpx;
-					}
-				}
-			}
-		}
 	}
 </style>