<template>
	<view class="document">
		<view class="head-bar" :style="{'margin-top': barHeight + 5 + 'px'}">
			<view class="go-back" @click="goback"></view>
			<text>生涯档案</text>
		</view>
		<view class="person-info" style="display:none;">
			<view class="img-wrap">
				<image v-if="customInfo.AllHeadimgUrl" :src="customInfo.AllHeadimgUrl"></image>
				<image v-else src="https://51xuanxiao.oss-cn-hangzhou.aliyuncs.com/Resource/xcx_sygh/avatar.png"  mode=""></image>
			</view>
			<view class="txt-wrap">
				<view class="top">
					<view class="name">{{user.RealName}}</view>
					<!-- <view class="grades">{{user.GradeName}}{{user.ClassName}}</view> -->
				</view>
				<view class="bottom">{{user.SchoolName}}</view>
			</view>
		</view>
		<view class="section" style="margin-top:60rpx;">
			<view class="head">
				<view class="left-txt">
					<view class="icon icon-1"></view>
					意向职业
				</view>
				<view class="right-txt">
					限5种
				</view>
			</view>
			<view class="content" v-if="intentionJobList != null && intentionJobList.length > 0">
				<view class="list">
					<view class="item" v-for="(item, index) in intentionJobList" :key="index">
						<text class="name">{{(index + 1) + '.' +item.Name}}</text>
						<view class="cancel-btn" v-on:click="cancleIntention(index,2,item.EnCodeId)">取消</view>
					</view>
				</view>
			</view>
			<view class="content" v-else>
				<view class="empty">
					<view class="icon"></view>
					<text>您还未添加意向职业</text>
				</view>
			</view>
			<view class="footer">
				<navigator url="/packageCa/job/index" class="btn">添加意向职业</navigator>
			</view>
		</view>
		<view class="section">
			<view class="head">
				<view class="left-txt">
					<view class="icon icon-4"></view>
					职业兴趣测评
				</view>
			</view>
			<view class="content" v-if="interestResult != null && interestResult !=''">
				<view class="text-wrap">
					<view class="row">
						<text class="label">兴趣代码：</text>
						<view class="value">
							<text v-for="(item, index) in interestCodeList" :key="index">
								{{item}} <text v-if="index < interestCodeList.length -1">、</text>
							</text>
						</view>
					</view>
					<view class="row">
						<text class="label">对应学类：</text>
						<view class="value"><text v-for="(item, index) in interestRecommendSpecialty" :key="index">
								{{item}} <text v-if="index < interestRecommendSpecialty.length -1">、</text>
							</text></view>
					</view>
				</view>
			</view>
			<view class="content" v-else>
				<view class="empty">
					<view class="icon"></view>
					<text>您还未测评</text>
				</view>
			</view>
			<view class="footer">
				<navigator v-if="interestResult != null && interestResult !=''" url="/packageCa/testReport/interestTestReport" class="btn">查看报告</navigator>
				<navigator v-if="!(interestResult != null && interestResult !='')" url="/packageCa/pagesTest/interestTestTitle" class="btn">去测评</navigator>
			</view>
		</view>
		<view class="section">
			<view class="head">
				<view class="left-txt">
					<view class="icon icon-6"></view>
					工作价值观测评
				</view>
			</view>
			<view class="content" v-if="workValueResult != null && workValueResult !=''">
				<view class="text-wrap">
					<view class="row">
						<text class="label">高分价值观： </text>
						<view class="long-value" v-if="workValueHight != null && workValueHight.length > 0">
							<text  v-for="(item, index) in workValueHight" :key="index">
									{{item}} <text v-if="index < workValueHight.length -1">、</text>
							</text>
						</view>
						<view class="long-value"  v-else>
							<text>无</text>
						</view>
					</view>
				</view>
			</view>
			<view class="content" v-else>
				<view class="empty">
					<view class="icon"></view>
					<text>您还未测评</text>
				</view>
			</view>
			<view class="footer">
				<navigator class="btn" v-if="workValueResult != null && workValueResult !=''" url="/packageCa/testReport/workValuesTestReport">查看报告</navigator>
				<navigator class="btn" v-else url="/packageCa/pagesTest/workValuesTestTitle">去测评</navigator>
			</view>
		</view>
		<view class="section">
			<view class="head">
				<view class="left-txt">
					<view class="icon icon-8"></view>
					人格测评
				</view>
			</view>
			<view class="content" v-if="personResult != null && personResult !=''">
				<view class="text-wrap">
					<view class="row">
						<text class="label">内外向：</text>
						<view class="value"  v-if="personGroupList1 != null && personGroupList1.length > 0">
							<text v-for="(item, index) in personGroupList1" :key="index">
								{{item}} <text v-if="index < personGroupList1.length -1">、</text>
							</text>
						</view>
						<view class="value"  v-else>
							<text>无</text>
						</view>
					</view>
					<view class="row">
						<text class="label">人际关系：</text>
						<view class="value" v-if="personGroupList2 != null && personGroupList2.length > 0" >
							<text v-for="(item, index) in personGroupList2" :key="index">
								{{item}} <text v-if="index < personGroupList2.length -1">、</text>
							</text>
						</view>
						<view class="value"  v-else>
							<text>无</text>
						</view>
					</view>
					<view class="row">
						<text class="label">严谨性：</text>
						<view class="value" v-if="personGroupList3 != null && personGroupList3.length > 0">
							<text  v-for="(item, index) in personGroupList3" :key="index">
								{{item}} <text v-if="index < personGroupList3.length -1">、</text>
							</text>
						</view>
						<view class="value"  v-else>
							<text>无</text>
						</view>
					</view>
					<view class="row">
						<text class="label">开放性：</text>
						<view class="value" v-if="personGroupList4 != null && personGroupList4.length > 0" >
							<text v-for="(item, index) in personGroupList4" :key="index">
								{{item}} <text v-if="index < personGroupList4.length -1">、</text>
							</text>
						</view>
						<view class="value"  v-else>
							<text>无</text>
						</view>
					</view>
				</view>
			</view>
			<view class="content" v-else>
				<view class="empty">
					<view class="icon"></view>
					<text>您还未测评</text>
				</view>
			</view>
			<view class="footer">
				<navigator class="btn" v-if="personResult != null && personResult !=''" url="/packageCa/testReport/personalTestReport">查看报告</navigator>
				<navigator class="btn" v-else url="/packageCa/pagesTest/personalTestTitle">去测评</navigator>
			</view>
		</view>
		<view class="section" v-if="user.GradeLevel == 3">
			<view class="head">
				<view class="left-txt">
					<view class="icon icon-11"></view>
					多元能力测评
				</view>
			</view>
			<view class="content" v-if="multResult != null&&multResult !=''">
				<view class="text-wrap">
					<view class="row">
						<text class="label">能力强： </text>
						<view class="long-value" v-if="multResult != null && multResult.length > 0 && multGroupList1.length > 0">
							<text  v-for="(item, index) in multGroupList1" :key="index">
									{{item}} <text v-if="index < multGroupList1.length -1">、</text>
							</text>
						</view>
						<view class="long-value"  v-else>
							<text>无</text>
						</view>
					</view>
				</view>
			</view>
			<view class="content" v-else>
				<view class="empty">
					<view class="icon"></view>
					<text>您还未测评</text>
				</view>
			</view>
			<view class="footer">
				<navigator class="btn"  v-if="multResult != null && multResult !=''" :url="`/packageCa/testReport/multipleAbilityTestReport`">查看报告</navigator>
				<navigator class="btn" v-else url="/packageCa/pagesTest/customTestTitle?testType=-27">去测评</navigator>
			</view>
		</view>
		<view class="section" v-if="user.GradeLevel == 3">
			<view class="head">
				<view class="left-txt">
					<view class="icon icon-12"></view>
					通用能力测评
				</view>
			</view>
			<view class="content" v-if="universalResult != null&&universalResult !=''">
				<view class="text-wrap">
					<view class="row">
						<text class="label">优势的能力： </text>
						<view class="long-value" v-if="universalResult != null && universalResult.length > 0 && universalGroupList1.length > 0">
							<text  v-for="(item, index) in universalGroupList1" :key="index">
									{{item}} <text v-if="index < universalGroupList1.length -1">、</text>
							</text>
						</view>
						<view class="long-value"  v-else>
							<text>无</text>
						</view>
					</view>
				</view>
			</view>
			<view class="content" v-else>
				<view class="empty">
					<view class="icon"></view>
					<text>您还未测评</text>
				</view>
			</view>
			<view class="footer">
				<navigator class="btn" v-if="universalResult != null&&universalResult !=''" :url="`/packageCa/testReport/generalCareerTestReport`">查看报告</navigator>
				<navigator class="btn" v-else url="/packageCa/pagesTest/customTestTitle?testType=-28">去测评</navigator>
			</view>
		</view>
		
		
	</view>
</template>

<script>
import api from "@/packageCa/apiCa/user.js"
import api1 from "@/packageCa/apiCa/studentProfile.js"
	export default {
		data() {
			return {
				refreshIfNeeded: false, //是否返回刷新
				barHeight: wx.getWindowInfo().statusBarHeight,
				user: uni.getStorageSync("CAuserInfo").user,
				customInfo: uni.getStorageSync("customInfo"),
				intentionJobList: [],//意向职业
				intentionSpecialtyList: [],//意向专业
				intentionUniversityList: [],//意向院校
				
				interestCodeList: [],//兴趣码
				interestRecommendSpecialty: [],//兴趣码
				interestResult: "",//兴趣测评结果
				customerGroup1: [],//学科效能
				customerGroup2: [],//学科效能
				customerResult: "",//学科效能
				workValueHight: [],//工作价值
				workValueResult: "",//工作价值
				multHight: "",//多元智能
				multResult: "",//多元智能
				personGroupList1: [],//人格
				personGroupList2: [],//人格
				personGroupList3: [],//人格
				personGroupList4: [],//人格
				personResult: "",//人格
				viewScores: false, //是否查看成绩
				groupDataList: [],//志愿
				examSoreInfo: {},//科目成绩
				subjectMatching: 0,//学科信心匹配度 0无，1低 2中 3高
				groupMatching: 0,//选科组合匹配度 0无，1低 2中 3高
				specialtyMatching: 0,//意向专业院校匹配度 0无，1低 2中 3高
				recommendGroups: "",//推荐组合
				suggestGroupName: null,//学校建议组合
				suggestReason: null,//学校建议原因
				scoreMatch: false,
				subjectMatch: false,
				specialtyUniversityMatch: false,
				myStudyCourseList: [],
				
				multResult: "",//多元能力
				multGroupList1: [],//多元能力能力强
				universalResult: "",//通用能力
				universalGroupList1: [],//通用能力 优势
			}
		},
		onShow() {
			this.user = uni.getStorageSync("CAuserInfo").user;
			this.customInfo = uni.getStorageSync('customInfo');
			this.queryStudentProfile();
		},
		created() {
		},
		methods: {
			goback(){
				uni.navigateBack(-1);
			},
			// 获取个人档案
			async queryStudentProfile() {
				uni.showLoading({
					title: "加载中"
				})
				const gradeLevel = this.user.GradeLevel;
				const res = gradeLevel == 3? await api1.getGXWechatStudentProfile() : await api.queryStudentProfile();
				uni.hideLoading();
				if(res.Result == 1){
					let data = gradeLevel == 3? res.Data.list : res.Data;
					// 意向职业
					this.intentionJobList = data.IntentionJobList;
					// 意向专业
					this.intentionSpecialtyList = data.IntentionSpecialtyList;
					// 意向院校
					this.intentionUniversityList = data.IntentionUniversityList;
					// 兴趣测评
					this.interestCodeList = data.InterestCodeList;
					this.interestRecommendSpecialty = data.InterestRecommendSpecialty;
					this.interestResult = data.InterestResult;
					// 人格测评
					this.personGroupList1 = data.PersonGroupList1;
					this.personGroupList2 = data.PersonGroupList2;
					this.personGroupList3 = data.PersonGroupList3;
					this.personGroupList4 = data.PersonGroupList4;
					this.personResult = data.PersonResult;
					// 工作价值
					this.workValueHight = data.WorkValueHight;
					this.workValueResult = data.WorkValueResult;
					if(gradeLevel < 3){
						// 多元智能
						this.multHight = data.MultHight;
						this.multResult = data.MultResult;
						// 学科信心测评
						this.customerGroup1 = data.CustomerGroup1;
						this.customerGroup2 = data.CustomerGroup2;
						this.customerResult = data.CustomerResult;
						// 个人选科报告
						this.viewScores = data.ViewScores;
						this.scoreMatch = data.ScoreMatch;
						this.subjectMatch = data.SubjectMatch;
						this.specialtyUniversityMatch = data.SpecialtyUniversityMatch;
						this.groupDataList = data.GroupDataList;
						this.examSoreInfo = data.ExamSoreInfo;
						this.subjectMatching = data.SubjectMatching;
						this.groupMatching = data.GroupMatching;
						this.specialtyMatching = data.SpecialtyMatching;
						if (data.RecommendGroups != null && data.RecommendGroups != '') {
							this.recommendGroups = data.RecommendGroups.split(",").join("、");
						}else{
							this.recommendGroups = "无"
						}
						if (data.SelectGroup != null) {
							this.suggestGroupName = data.SelectGroup.SuggestGroupName;
							this.suggestReason = data.SelectGroup.SuggestReason;
						}
					}else {
						// 多元能力
						this.multGroupList1 = data.MultGroupList1;
						this.multResult = data.MultResult;
						// 通用能力
						this.universalGroupList1 = data.UniversalGroupList1;
						this.universalResult = data.UniversalResult;
					}
				}
			},
			// 取消意向
			cancleIntention(index,type,ids) {
				uni.showLoading({
					title: "取消中"
				})
				api.doIntention(type,ids,1).then((res)=>{
					uni.hideLoading();
					if(res.Result == 1){
						this.queryStudentProfile()
						// if(type == 2){
						// 	this.intentionJobList.splice(index, 1);
						// }else if(type == 3){
						// 	this.intentionUniversityList.splice(index, 1);
						// }else {
						// 	this.intentionSpecialtyList.splice(index, 1);
						// }
						uni.showToast({
							title: "取消成功",
							icon: "success"
						})
					}
				})
			},
		}
	}
</script>
<style lang="scss">
	$image-oss-url: "https://51xuanxiao.oss-cn-hangzhou.aliyuncs.com/Resource/xcx_sygh";
	page {
		background: url('#{$image-oss-url}/17.png') no-repeat;
		background-size: contain;
		background-color: #EEF1F8;
		overflow-y:scroll;
	}
</style>
<style lang="scss" scoped>
	.head-bar {
		position: relative;
		text-align: center;
		font-size: 36rpx;
		font-weight: 600;
		height: 60rpx;
		line-height: 60rpx;
		.go-back {
			position: absolute;
			left: 10rpx;
			top: 0;
			width: 60rpx;
			height: 60rpx;
			background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAABUklEQVRoQ+3ZOwrCQBCA4UlyCVsrQauQdPYewcNYWXoHK1s9gYeYdIKlracYWYggkgiTnccuaB3D/+1sYEMKyPxXZN4Pf0DMBOu6XpZluQOANRGduq7bc+/nNoE+/gwAq3c0IrJ72H/grtDQ9UPxAPBAxDn3/uaAkfjQvUXES9IA6fiANZuARrwZQCveBKAZrw7QjlcFWMSrAaziVQCW8eIA63hRgEe8GMArXgTgGR8N8I6PAqQQPxmQSvxkQNM0VwDYfJ3dJ53nuef/7+vZx+l+9W8pxE+aQNu2CyK6ZwsI4VlvoQDI/iFOCcF+iD/3fgqTiAKkMIlogDdCBOCJEAN4IUQBHghxgDVCBWCJUANYIVQBFgh1gDbCBKCJMANoIUwBGghzwA/EExFn3HdkF8AYIpvPrO9VDu8TVVUdiKghomNWH7q5W2Xserct9Af0K/AChQ/cMY9OGScAAAAASUVORK5CYII=") center no-repeat;
			background-size: 38rpx 38rpx;
		}
	}
	.document {
		padding-bottom: 60rpx;
		padding-top: 40rpx;
		.person-info {
			position: relative;
			display: flex;
			align-items: center;
			width: 664rpx;
			height: 174rpx;
			padding: 0 20rpx;
			margin: 65rpx auto 20rpx;
			border: 3px solid #FFFFFF;
			background: #EDF5FE;
			border-radius: 12px;
			.img-wrap {
				overflow: hidden;
				width: 112rpx;
				height: 112rpx;
				border-radius: 50%;
				margin-right: 20rpx;
				image {
					width: 100%;
					height: 100%;
				}
			}
			.txt-wrap {
				.top {
					display: flex;
					align-items: flex-end;
					margin-bottom: 10rpx;
					.name {
						color: #000000;					
						margin-right: 20rpx;
						font-size: 36rpx;
					}
					.grades {
						color: #666;					
						font-size: 26rpx;
					}
				}
				.bottom {
					color: #666;
					font-size: 26rpx;
				}
			}
	
		}
		.section {
			width: 670rpx;
			padding: 30rpx 20rpx 40rpx;
			background: #FFFFFF;
			margin: 0 auto 24rpx;
			border-radius: 12rpx;
			.head {
				display: flex;
				justify-content: space-between;
				.left-txt {
					display: flex;
					align-items: center;
					font-size: 32rpx;
					color: #000;
					font-weight: 500;
					.icon-1 {
						width: 32rpx;
						height: 32rpx;
						margin-right: 10rpx;
						background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABqUlEQVR4AexXQU7DMBBcW+09B0AcywvIE8oP+AF9Qg+AuFGugFTxAvoEfhB+0PKC5gxIcK7UmpkKqjSEdB1ZJIdEHtVxdmcn663tWFFc0dBFB5duDjgN9i/cB+xOFdSiEtDpyEBEeqK8jJFIRM6AnU0lAITHayYjk9VKTsrgnAwFF34pAr3yphKwoXCSvt+b5zIg8MvGXtHxE6Ag9DVZCzi8cj0UzgCFc10ETEH8TTzC89JCtFYS2sKnB9tCPsZiYdPO4ibGnCZweMTA6A/8CMBjdWPRFvIxVrcr871z12cGxqCkMX7+r0FEhGyNKaDK24VSGlsqCcVWhYcZqOIXzKcV0GagERlIUdK1wb7emqM6Ybke+wDZEm5eeR9uLkR+fNe9xXqc+IAClkvp532wufAIxvXdi68RRciX8sUMDvmtlmMY9mveGeD8v92ZGQr3JguOYRpU58CsRG8BmP8pTjo8ov8CdtZpllzT9xaAIHxLHmCKoIm5ZeMtYMs7wE0roBEZqPT/DTD9pEiZgSf2asLELhbygOBc1bgloxu2FbHh+/FT8KHL2F8AAAD//4kh6/oAAAAGSURBVAMAtjRliSH3kwIAAAAASUVORK5CYII=") no-repeat;
						background-size: 100%;
					}
					.icon-2 {
						width: 27rpx;
						height: 32rpx;
						margin-right: 10rpx;
						background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAgCAYAAADjaQM7AAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAH4SURBVEiJ1dfBa9NgGMfx75sWUxglRdCRophTdxAlTHpz2DGvQ8GT8yjMqwevsp62y8Sz/QP0KszjYIGO7SBjAUFY8VDX0aJisSsTgyavB9vNicmbdkvR3zHv8+bD+7wvb4gAWNq0LdAWpKQEWCQS6Yrymp07o2vbySFH0fSM9nQUEIAmpSyNAgLQQFgjxEaXgTFDNzF0cygsHadIT2UpmncpmnNk0tnD57W2w2p9mY7XioWJxY1JGVVg6Cb3Llcw9HxozWp9mdetF0osso1xIICb1iPGxwonw66cm1VC/dyZeHIy7Or52VgQgKHnlQdH0cZ4q+qncHZ6OExPZcOGQtPxmsNhnt/l24/uQJiqPrKNbz6txIY6XpPd/a3hsWqjEnt11UZFWROJeX6X52/nlXsBcMm4pqxJzdw3y1EFB98/U2s76Kks42MTx8Z297d49a5Mx2tSNOfIZfLU2k7ou5TX1e/5BRbIpLN8ONg5didevzDP1MUHVBvPWN/7e0tjXcT9eH439BCs71XoeC0+ft0JnT8Qporq9P7bH8//Bvtzz14KgZsEFAS8P8R8P5h+POU6SUD99DDpJgktbkw+BG6kgXpSyFHkLRAlTQgcEHZPTzRiadO2pNTWAAukC3w5bURKYQtBTkD/lym1EATythDkThvrke5P22GeWTkOvPwAAAAASUVORK5CYII=") no-repeat;
						background-size: 100%;
					}
					.icon-3 {
						width: 31rpx;
						height: 32rpx;
						margin-right: 10rpx;
						background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAgCAYAAADqgqNBAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAMMSURBVEiJ7ZZPSJNhHMe/z97X+W7TfLNWQxPfylLDYAqSSqEdhLl5MDwUnewQiL4XDwXRwTp0CyyS6Fb3Dl0U6qQpvovAKRFOpHQSOHGo7zT1nfvz66CTbW66iXiI/W7P8/y+v8/7+/PwvAxHsE6nTeLA9TJCB4DhEAs/eFf/2ZNpHF2mAllpaeNIN2TQGe/Vnr/tEXhjBR/hJuTR1qZMY7GMwE57L4g9u3iqYrrafLMiuj++NLI4vz5jYcCrNw2DPccK73TaJJ64TzrGWazmBlHKLxcSff78/b04vjQiRij8Ld02HAqXlZY2AuszcCZLY3GrZso5Jaby3QiuqV8XBjQtuCkgwu703xoYPjI8VZkBYCO0Dn9gBWJuIYx8fpwu3TYkhR9WZveqC+4V1966srAGladr4mKk04Z90x6dZoEzVjSXtAuJYN+WF+4VF4oMpY/6GwZZgd78xL3igm/LGxenJO+ypbmkXTvoNsRlflCZo/ZL/YkZ9Yf28sZHQ3Tv8fe7vrKCqrNlYlUySco2MCC9aY7N3On9EjILxbVPq99Ovpjosnq35ifqLM0oMpWmkiVtA+t02iSOdEPpTHPURhYG4d9eVnOZoGrhzQvnjMV8naX5MFncbQjpwtVc/cPyXgNnkuzSfYuey02ZcayV5l+FwBkEI58nXiq4pqssrDlcBEDP5QpXxOt5c2vTIIR5PhLCfIALiLHTm4n5A8vwB5Yz0mxHAiCQyucEcz6EdNuN7lVXtNxNACYBqASSGDERDJMAAIKVGKkMzANABGAFMLxzlOAbEyfRFwD4gP71vq+SFQfJo7YmAOgas3d0K/a5mLMh2WnvBXaGVFYc1Om0ScDOTZEVx1DUt1uxz3WN2TsAQB61NcmKgxJZGb9qx2lZeBaehWfhWfj/B2e7v1DvCSQBAAOTCOQBgN0nUtxbg0kgqMRITeoLIPYs6pskjidC1MNkxTFRZCq1FujPnFC+gE/zwre14OEJJAq8SSsUzIsnBV8LrmqMmIUnwvNZdapv1j8lnRScQB4Cev4BQmp+U4L3kQsAAAAASUVORK5CYII=") no-repeat;
						background-size: 100%;
					}
					.icon-4 {
						width: 32rpx;
						height: 31rpx;
						margin-right: 10rpx;
						background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAfCAYAAACGVs+MAAADWElEQVR4AbRWO2wTQRB9ewln0yBDg5AoHKQ0FCRRGiQKYkGFgxRLoUTYBTWmIHEX3DlpYiihsBElkRwpcSqQI6FIaSISCppI2AUSoiEWTUIS3TKz5zvrfvadZUY3t7OzszNvZm93T8MgVMsnUC9UiJuKtxZXUSskB3EVHQAH12MNCpYl5qBJSJGHLmvgMVJGeaID0OPPADEJD5EuFlvyqPsoogFQGcp8oE8p5qIuRTQAZvaJQABAEjqeIAKFB9Av+27QbJQqhAfQP3sLQqQqhAOgtliPtbdCd9ss6i98PtSugSV5AfDEjYU5bC7kwft7s9CgdW0CIoHwRNtz5Avqi8SFivLFPjkRtZRdRyYADmoeLBKgiZpWg9BWwftbYAYDk+AqZJUv9qmjCT1+hK1CAxsF5VczPxjNOlgGDhVposQMNDQ4toYYKohWXgyNdLmqQYLWC0Ohuas3Ubk1j+TFyyH9iUn6BmQbQ6DJS9dQm36M7PVpMJCwLgmAeBXWOMguMRpXwXm8fXaM9V/fWAzDVQ3pUhWQ+/2suawzV274mi2N37fLXjz8hNbxka+dU0kx06UiVYDUp39TENhGAHGGzdQCGrefYmn8nsOKQeXH7igdZ15u7Si590uug2OSkQkgU27jQSlFfaoGvV1P+/zEzuolZWuBYGCViXllzVnnDj4ouc+rivRyBhyTDE0AJKgnXcpR6wsitfvWA6Iy8cgufe5gDQyU5vd6KLiKYds4AbCaQQh4loMzdIOwvvZycwfbv7+jJ7FP9u0y8gJgA4l33LiZQUx9fo39Pz/tIdYVDz/a/UAhwKc/gEAvUGVO7b5B9ceeWpLM3nul6zHFHDIM3/PGH4CQE+Ys/zevde7rGsYaK45q+Ft3tCPibkdyNP4AJIZ2PMMiQ/DNaPXs1h+A71+vPWcwQciQAMwfhuFXgG9c07cjAW8F9Av/IXgn5mjcUwUvgI5tqEaCzgvZ9x6BRedowUVeAKdnHiPXHO62YCCF2VKKjtUpJfNBwyOBLGkbnhA7DbwA+IyWxnOnmd1jcDmkS2N4WKLsO3qW+S5hUEE3q5RF6/zvzFKNFwCrZ1fKMIwMzKwoqOQym4HV9c1GPsxA0stTNJKjK36duE1/XAw0B/ZJA+7nHwAAAP//fvvjBQAAAAZJREFUAwCMpRtDiL0m1gAAAABJRU5ErkJggg==") no-repeat;
						background-size: 100%;
					}
					.icon-6 {
						width: 32rpx;
						height: 32rpx;
						margin-right: 10rpx;
						background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAfCAYAAACGVs+MAAACGklEQVR4AeyW0XHaQBCG/2VSgCuIzx04HZgOQgdxB9Fk8ox5zmTkDuIOkg6gA9yBDypIAR7W351sYEDCaCzkF+9o7w7dsv+/e8stAy/DVy/PH1DvWecJeyD5WFJQ/3IpeQkBsdB7SUgE3gs8434Q6CsD93q0IUV3m/O+NfRAwO8kG9rPOJMGE+3IiQnYjRXLayvi/wp3Na7mzXhCAgk8riP28vMfyb5rR1oQsBvJLir1vbPUtqysIOoMzm135uX5XLJvqpEjCRipjBOcxkqXhTIZca7aFlJtI/sRM0HAuWEdcDVedkcQ8FtAX6IJOD0TwjvILKhsQxUloTbk/T8h2CXwKUtmxobnFQJ+RxERrbi1A8D+lxWNK4wB4LME4MyKRTqaL1bEeyHsEbG/Co6pDhHA8fI6GeEQsOwQx0pr6sFTN7vSswBO+qFXBs4624bnrYNTEwEisdHmm6uSdQJnWj8A+JQCQ8MVJC/RseRUuyCpo6SOAJHYaBNR/vkQVaM/suBTgCk2JzONdrUbdQRIfYzJuorIDoEnszdpHQH+IaUiS5G3j6gtmzoC+EjAp40ckPw0EMh7vQwfBFIGcsX3ku99kBkELN12u01l37T7NwRukwEXDr/7BU1kYVb0qhdWxJSB7kNr45EjaGPevW0jAa7h4L9oMl1oGXYb2TqSWgKApwbzoE80mS5UPvffoban1BKAHh1RSXVqeQIAAP//TF3sLQAAAAZJREFUAwCBRGeYQHx5OgAAAABJRU5ErkJggg==") no-repeat;
						background-size: 100%;
					}
					.icon-7 {
						width: 32rpx;
						height: 32rpx;
						margin-right: 10rpx;
						background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAMmSURBVFiFrZfPTxNBFMc/0xaxISGLhgMEY1UuxBgK6RGT9iBX9eTR9catBWrire3ZxtabN8pfIPEIMW30SkxJ5KZxjUm9GNiYSKmA42Ha7rbsrxa+SdPJzNv3/c6bmTdvBANCrqET4ikQB+pAQRSpDeqnAxGYOEOMCBtA0mG4NqwQXwEyQ4wwOQS6rzdJhTMKooxxKQLkGjqCHIJYUIeACZQ55bUoYw4lQK7zCCgNSOwkpCCKlAMLGCjcQSExEDxz2x9dATJLDshfGvF51BCsipfUewS0Z129YLiDwkSQsouItI9WMPKoBgkdpufhqgbHJjT24PMWHBpBPGhISkCq0yFklkNA8yVeSsNy3t1mtwLbhUBCRNFa+ogv+UQM9LcwHff2mtDhdhLepIJGoyvAG/3kjTp8ranQT9yEO0n1A7gWg5UqlBeg6ZsCAghI6L3kH8vwbrXXZqeg7J5sWCKW0qo/AEKeo/fTVnu3cp7cPradt32XUfsmDIwOKyCq9c5+22dGOwUr7FENFuOwiPWbdBMgXS6OKRt50wy2sRq2HDMTsxZ4FJh1FuIegeNgm6iLcWDMx6YtRL6gKp8T9xZgn3FUU8fRDTPAXeC6LWpHhosxECaJVCLcBTRNddw6WM45240CN4C5HIy0U8qJCb9qzvYWNCQl71Owu2m1Ezo8cBAxBsxmYC5v9X3xvIHtiAu5zjfPi2ilaiUagAMD9rdUIopqcO8h3LKNHxnwfkFFwQ2fgJZq+guIakqEXyrukH9Iea9/n4AQwqdsappQWuhNNE74XlEz9yMHOLWaQq6zEbgCmoip5ZieV5EBONiDVsU75Ha0UBHoCrhoQTKOOoJByffphh8gJMoYnJGCIR8XfwLa/QT2esmBWm9RmiUJ5HB+fLhjBpULnPAb+NH+74Uqz5y+Gaosn2yL6Nx+LcAADhxsBVucsCrKGK4PE5lBI0IayOBXNXUQBqb4iwAaXOGs3ykGkoJ4RcXS4oOBhLSfZoBJhBygo1KugaAiipy70wd7nLo9WiQGIR731/wyg8YIsf7+oQR0nWZJIkgjSQJ1/rFpD+mg+A9dEv37gzwmcAAAAABJRU5ErkJggg==") no-repeat;
						background-size: 100%;
					}
					.icon-5 {
						width: 32rpx;
						height: 32rpx;
						margin-right: 10rpx;
						background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAKSSURBVFiF7ZdNSBRxGMZ/s7Pp6n44SplEwUBGeSjWPhErBmI7FQ2UFFi0EXTNoIsn7VLQxfZWEhh0KiIvnjqkh8AOsbtgFB1qIy1py7RWzY216fDfcdd1x51dZe3gA8uwzDvP87zvfz6eP/zHUNeSqw8wgBgQLNGMAnQAg2muSDEXx9SDLmPPSY/hrJSMNEEfoNm4VgN6gEmnSzJ2n/AY7XcbTI4lcFqxuLwO9JubCFyvI/wkwatHiWAingoCD4BLOeUKYlKnAK12m5N9bT78uofqWpmf4ylLt5YGTLjrZI5cUWi9XMO757OEnyZa3r/4bZ5WgYtAhyShNB6t5sA5H42HqwrR2jdgwiFLNAXcNAXcO5EIzyVSvbdbRm+562Sl+bSXvWe8KFts0xVvYBEMmmWn3A0oF+43UL+joiQaAAfi5ooh1rHscJB5zPQya0eASGlLsHJogB/EBNYU6wbWDawbsDQwPTHPzI/5VRGZS/wt2kBoLJokdHyU/s5vfHmdLEn4U3iOx9fi9LZ9BvEZXwKrN+EdYCiVNK6ODEwHRwam2eqv5FB7DbuOVSNvkCxFU38M3j6b4eXDX4y/SU4BQ0AofbRtACCKCB43AG0smuwai8ZVz0aZ/Wd9bG+t2pxT//XD8Oxwf+d3fWZi/iOi4xAwtYwGIKKSgYhRaoFajXRelCtEVGvrqTfO32vo7o6prnRNIQ4F6MrSZTLrj93spyK+ojFE6CwkaprvyaOHTia5Zv9i2JvKcjC7jeThH0Sk5gWoZMJJvuIg9kOLRv6mJhFNaYUIdDJ7g1wCqyXSyD9iswG9iAYWoCI6zzdCc9OSvfnIPd9ViqgV/FgvUdEjXimCLO7avKHKHmxVVncTW378A9QT5wUjCfL+AAAAAElFTkSuQmCC") no-repeat;
						background-size: 100%;
					}
					.icon-8 {
						width: 32rpx;
						height: 32rpx;
						margin-right: 10rpx;
						background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAgCAYAAADjaQM7AAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAJtSURBVEiJ7ZfbVdtAFEX3zHIBooLYFTBTAZ6VAmJXgKkAqABcAbiCuIPQgUwFGiqI6EAFZM3kY65svQAR7L/cL83z3HPuQ5JirOXFFJiDugQyYCorHpQnhFc0W5yt3rpCjQNRd8BqhEsVWj0SwmYI9H2wvLgB9TACpGslxCXO+nFgzy93hHjfvwSPVp4/4XU/O9HfCHEOGJEYoILomoDDYH1GJcQ1zm7f5dOXvAWoBw7MO0BbnJmNAgoscOYKrWpFMlC/6i19sORZbTucuRp0KC+y9qS+RqsH8sJwcb5uAE7JixU9GROr/DARnaR2DpQ4s0z7fC6pv0vlEF2SDIOzuz3TdG4qYXAdZuqyMSjlYB34BXlhZK2SS1ayr8TZag8E4GxJiJs9OzBdGRc9yZx9SpLEK5z15P5nZ5+Rgu+bppH6+mLSkHDaSFtazxfn6/1ziM9olTUAK0kokbhYCFsvpSIWW8w6AScb9Pi73UrsSoi3KVMllgCoHyI9hLYChwTpJQcATyJfv9/lxQJnn3rzh/VmggCUH4HR6HcvgMfZcmBPF2glJdRUxh9iFjBDVQdkqW2JX7mvJBs9qBJNYh1iHfP5QEgAKiWeZKCKjifHNa3uExetr08KBBDCRgmr329QP5btcMZpYXVKICCuATQh3pwY6LZuYzpl1clsi7OP9UBDXEKcodUJGMZ1czSR7lCRFy9jvn++YsNl/B/sn8FSen7cZI8CBkDcSJOtrTpmabTBnH2EOINoIZ7hzBnE22OBTXozqRS+ysaD2uFMKyx9sM9Z1fmL8fKCHfyTGQNWyqUlUKKVJ4Tn/SfcJ+wvprryJJDJBdEAAAAASUVORK5CYII=") no-repeat;
						background-size: 100%;
					}
					.icon-9 {
						width: 26rpx;
						height: 32rpx;
						margin-right: 10rpx;
						background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAgCAYAAAAMq2gFAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAHESURBVEiJ3ZcxctpAFIa/X5MZ4845gcUNnBNk0nhUkgqTCt8gnAB0AuwbyI0hVXCnSRNuYN8gOoKrgBu9FEjMSsgWxIhk/Fc7b7Xvf//u27dPAgi+2RCjD/jsFwkiirsKlZGM9kxQhBh5mZJmYfQ99r9dVfC9A5AAcDCid2WDwUzGIO4pce3BxHwTY0HHtacpn3980cy1nd9ax/P47to2FFWRAMQ9JTIGu+lw/AZTs4LDC+mlBeXvt8XbS4Z/l3XBxPyqZMjn8nFVtuXYKutMjF2HLomJcW3oz2Aj65rC20uG/4hIjDDaBg9NEiVxV2FW566bIzLCfBj3FAFJcZpHg8fXEiWZc85vrQOgtKAqkfHhaUEbiOqICpXB4ErGHcByuToTp0OaLZ6Ijo4ZCk4wQqeCXAYTuylJ+Og2PYULu1zwfn6p9VYEE/MRPwEf41Pc0zwnji/UzgOJuwopIVv7q1JR65j7YGp5lBicCU5WITEE5svfXLda3DhqR8HU+mye35n7sO1WgjJVecQm7teB1GC3C7tStR5vSwJ/UVSVMkg9TgVfd1m38R7VwTzGLzYVz8CjdIgNIfFQ/WV7NUQkOMxvyx8J8rz3lpEgKQAAAABJRU5ErkJggg==") no-repeat;
						background-size: 100%;
					}
					.icon-10 {
						width: 27rpx;
						height: 32rpx;
						margin-right: 10rpx;
						background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAfCAYAAAAWRbZDAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAL6SURBVEiJvZY/TBNxFMc/r9dKQ69QjG0RNDmQBBbiDUJqXBCcaRyMiWEyYXBSF4yJDAQTBwdxYlIXQsJmd8HEBHVgKGHRmEATA+Gf4QTqn5T25wAt0N5xUMDv+N6993nv/d798hPKlFEbMrScZioRQ0QuK+gQRUiJGppdXB2wixHXpKFQCJ/P0DRMUVxWgonCRAg5xWT/ZGpSlmUV272u1YKR96vd0iyUeitISgnT2SzJ1MpKsrE2PCdg4CcElMKMcNjUNF6gMIEQnt12RWEpSIqQVEpNe4Tk80cXrI6Y3/J6vYZSOQPAA6bevpJ0m5IUqrFRle6xNE28mke8Z3ziL/YHdQ893TXEb1SlAlcmG/K5FKQKHyksEZJZMgNeJxDA+mbO8VwAWIaF5QwKSe0178u5PSZTw2cUzmxyrIlgQCt8k3j3k/6hReJdVQw+PF+wD4+uMjz6g8EHtcRvVO8Uv63ZxZUGu5ouRcNrgFmA7QUdVQId6alrc8V2lVM39faPSSVYAobXLrhMpFECE9l3DJ6Tg7nrULCRxBrXbn9jeHT1WDDXMU583iQxvg7A8OgP6iK+smGunW2kczQ3VvDq2UWux3QWljOnB+vuqub1s4u0tVby8kk9PfGasmGOY+y8qgO7/1Jefb0RmhsqaGutPDlYMKCVgPJysrvpv66+bWcb6SwLSxnW07l99vqIj7qoj410li+zf20TtjRWFG6jra2tlCvs/tN5pmZ+2yabHGvi7uPvfHWAdcZ0hp7U2/psYT3xs7S1/imxBwMawYDGvTvn+Dpb6ge4csDi2MI6YzqdMd0xyM1/JNhIYo2pmV+sp7OHStLS6KevN1IebGrmFxOfNw8FAlhY2iof5nTAx5Xj6k98OnxnxWprraQuWnph28L6XyweaYzFclp/W1hfb4TrZWxbAXbVPtYWVhf1EY+Wd/8dpNO9G/1+C0DU9lNdLtWG3wMdwYDnWC8sO80vZ1Kw845UWNJ7yzDHP6TfiGCeKGmvFJZCDfwDa27tlQaAF3UAAAAASUVORK5CYII=") no-repeat;
						background-size: 100%;
					}
					.icon-11 {
						width: 32rpx;
						height: 32rpx;
						margin-right: 10rpx;
						background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAMfSURBVFiFvZc9SFtRFMf/574YGk0hkx+bBDIKcYtC2yc42CyxICnoUBuhU8F26xYDHTpVQzsJajroIF1c1MFiaEEz1bRuDQ3Z/Jgc1KDx3dPB+Exi3st9UfuHB+/j3nN+9757zzmX4FDF/vA4Mb8goiAxZw3mhCeznnZq50qk7Dg01E1EC0Sk3zDCnG4WpCFAMTTULYSIAxhXsJeSUiY8mfXCnQAU+8PjAogD6FY1COAIwIz79DRJ2fRRUwBnfU+HQTTt0PENEGZOPNhem1EGcDjdqipIKV9arQ8T4Kw/HAcwdYeOqx0xp0H01r21mq16Xx715i2nW1VHBAxUQrg0ogVWdE6d7aCA37x4/xCcy0P+/A3sH6qY8EnmaQADJgATBVV6arFRaBNjlt+N5RUYc4vA8Yn9IGriiADgs+3hbUPL13lb5wCgRSNoSX0CdbbbtquVq1EDbWIM1NVhPvPeAeSPDDiXN3+F6O0BAFBXB1yfP6A0ErsbAPEoBC0aMZ+NuUUY80s320UjcE2+MiG02GjddnV92H58Pmzey+/blkbl1f+v0+9WABTwm/cXyVlbQ8b8Eri8AMnbprwWBJjrJ47OdpC3DQAuDStsM/7zty68PYCF6KFXyUB1J7XsXgwNmVvREoBzecdTWjlqmctbthNCbJZDv/0aqJzShnEgNur0l00VQ0O6LYBc+3ZNHR6EVt5qtRLhwSrAyh1hJyHEE9s4IFc3YAT8ZizQohGI3h7Ind3LQFTODeJx33WfnV3I5RUlAKhEQmNusTraBfzQLFY47x3AeP9R2Tkx+wSI7Mum4xNcvH6Hi+SsuSitQEsjMbBaVrwEJvK5AGQBNMyIcnkFcnWjKh1j7+Byt+TyjhxX6n8XJLVKCU9mvSClHCDmpg8XzYqZf9UWpbpGFOc6h497UMF9etp7n2W5ncwDjGXw5qDuO29tnQTwpmHVpK6CBBKerdXU1YuG2cMhSKoEJFuASE37AjMn6x1SHB1OhRDTAOpVG4US8MxbUW5zUPedezw6ALiLxbTVMU0ZoAJEF0JMAtCZOctEXyqn1Kn+Acc8R+azqi7AAAAAAElFTkSuQmCC") no-repeat;
						background-size: 100%;
					}
					.icon-12 {
						width: 32rpx;
						height: 32rpx;
						margin-right: 10rpx;
						background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAALaSURBVFiFxZdPVtpQFMZ/92nBYXbQuILSFYjTUs+BFagrMAykmamzVAfqCrQriD1op2UHxRWYJWQo9JjbQQImkMDDQ9s74rx3893v3f/AfxZ501f9XpsN2SGRBgZAh7zId/aCwd8lEHoO9foJKl45ml4xGp3RuYptITdXIlCr36DSrrxX8ahtOcChLaSxNt7vtWGB8Vc54ME/WD8BI/vWuoq1rj0BaFprijbWS+DBPwFxrAkgDve98kSd1Vx4G/ouNb20jH0Z+oDRc2dRVVQTCD2H2tYvwM1OotzvJaJxzmMRY3bpBFGZZnUI6lthzuApY3atjY/lY1qKGgMudW6qtMsJ3Pc8dJp0p7SCs+wFFvUtXTpBRCu4BemmnGimeVSiPXcSeg61+lPmwltaQdFo32+ywUmOYPZwBshLl9bFsHCeGj4FYMz2bCjmCUw/0JjxaLsygULfZTNJy81oNGe4iPkEuGjS5fP5Vf6qpBWrBwIiw4U9PX1JaWLNiegdKh5ijoACgWIOhL47zV7lmxW4jWgywXJ5OC40qSKBiUsBxs93ayPQuhhmFQHJRqGhFUMguTqvbV1y33tEzfAtcx4yj75L2hh5j05sJA1giveahPlsnRXRKz597a5kfBHepLSnBBYrT2S+JKvkx5fLyqVlhoTQ95sYfloBw2HaYBZIv9fGmNAKLWHXYPTI0rjdnN8w9niGfQNiPbut5rza7wKgDWM/4UjnfOhX6+f7iJ24BmWFEtO4aqzCpDuq9UYMRAaj1T18VkSW66qFzhSPgWEk19Y9/YWzpTq/bVdyjRnJtclcuhwYwLBD6FXHOPRdapxYhUH1jE4QvXbCtB/clCRlBOoUkksYoOSmoTZQcZDCjjD/3eQ8t6KV7APHDVSaiIkZM6ATRNl+eJSN6mVZnnq0FdwSeg6bteZ0xogOZveG1f+cpp3uQ+opbaASIxqDDEmSR/bO1zdF/4X8AW6TCGj4xKy6AAAAAElFTkSuQmCC") no-repeat;
						background-size: 100%;
					}
				}
				.right-txt {
					font-size: 28rpx;
					color: #999;
				}
			}
			.content {
				.report-wrap {
					padding: 40rpx 0 0;
					.row {
						display: flex;
						align-items: center;
						justify-content: space-between;
						margin-bottom: 35rpx;
						&:last-child {
							margin-bottom: 0;
						}
						.item {
							.label {
								color: #999999;
								font-size: 28rpx;
							}
							.value {
								color: #333;
								font-size: 28rpx;
							}
						}
					}
				}
				.course-list {
					display: flex;
					flex-wrap: wrap;
					justify-content: space-between;
					padding: 40rpx 0 15rpx;
					.item {
						width: 320rpx;
						background: #F8F9FB;
						border-radius: 12rpx;
						overflow: hidden;
						margin-bottom: 20rpx;
						.img-wrap {
							display: flex;
							justify-content: center;
							overflow: hidden;
							width: 320rpx;
							height: 184rpx;
							image {
								height: 100%;
							}
						}
						.title {
							padding: 10rpx 20rpx 0;
							height: 76rpx;
							color: #333333;
							font-size: 28rpx;
							overflow: hidden;
							display: -webkit-box;
							-webkit-line-clamp: 2;
							/*! autoprefixer: ignore next */
							-webkit-box-orient: vertical;
						}
						.count {
							margin-top: 10rpx;
							font-size: 24rpx;
							color: #999999;	
							padding: 0 20rpx 20rpx;
						}
					}
				}
				.text-wrap {
					padding: 40rpx 0 15rpx;
					.row {
						display: flex;
						margin-bottom: 25rpx;
						.label {
							font-size: 28rpx;
							color: #999;
						}
						.value {
							width: 500rpx;
							overflow: hidden;
							text-overflow: ellipsis;
							white-space: nowrap;
							font-size: 28rpx;
							color: #333;
							&.w450 {
								width: 450rpx;
							}
						}
						.long-value {
							width: 450rpx;
							font-size: 28rpx;
							color: #333;
							overflow: hidden;
							display: -webkit-box;
							-webkit-line-clamp: 2;
							/*! autoprefixer: ignore next */
							-webkit-box-orient: vertical;
						}
					}
				}
				.list {
					padding: 40rpx 0 15rpx;
					.item {
						display: flex;
						align-items: center;
						margin-bottom: 25rpx;
						.name {
							color: #1676FF;
							font-size: 28rpx;
							margin-right: 20rpx;
						}
						.cancel-btn {
							width: 92rpx;
							height: 48rpx;
							line-height: 48rpx;
							text-align: center;
							background: #FCF6EC;
							border-radius: 8rpx 8rpx 8rpx 8rpx;
							border: 2rpx solid #FAECD8;
							font-size: 26rpx;
							color: #E6A23C;
						}
					}
				}
				.empty {
					display: flex;
					flex-direction: column;
					align-items: center;
					justify-content: center;
					padding: 40rpx 0 25rpx;
					.icon {
						width: 128rpx;
						height: 128rpx;
						background: url("data:image/png;base64,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") no-repeat;
						background-size: 100%;
						margin-bottom: 30rpx;
					}
					text {
						font-size: 24rpx;
						color: #A4B3E5;
					}
				}
			}
			.footer {
				display: flex;
				justify-content: center;
				padding-top: 10rpx;
				.btn {
					width: 400rpx;
					height: 80rpx;
					text-align: center;
					line-height: 80rpx;
					background: #1676FF;
					font-size: 28rpx;
					color: #fff;
					border-radius: 60rpx;
				}
			}
		}
	}
	
</style>
