735 lines
35 KiB
Vue
735 lines
35 KiB
Vue
<template>
|
||
<view class="document">
|
||
<!-- <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 class="row">
|
||
<text class="label">优势的能力： </text>
|
||
<view class="long-value" v-if="universalResult != null && universalResult.length > 0 && universalGroupList2.length > 0">
|
||
<text v-for="(item, index) in universalGroupList2" :key="index">
|
||
{{item}} <text v-if="index < universalGroupList2.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: [],//通用能力 优势
|
||
universalGroupList2: [],//通用能力 优势
|
||
}
|
||
},
|
||
onShow() {
|
||
this.user = uni.getStorageSync("CAuserInfo").user;
|
||
this.customInfo = uni.getStorageSync('customInfo');
|
||
this.queryStudentProfile();
|
||
},
|
||
created() {
|
||
},
|
||
methods: {
|
||
// 获取个人档案
|
||
async queryStudentProfile() {
|
||
uni.showLoading({
|
||
title: "加载中"
|
||
})
|
||
const gradeLevel = this.user.GradeLevel;
|
||
const res = await api1.getGXWechatStudentProfile();
|
||
uni.hideLoading();
|
||
if(res.Result == 1){
|
||
let data = 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.universalGroupList2 = data.UniversalGroupList2;
|
||
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>
|