efunbox-schedule-miniApps/pages/schedule/scheduleSubject/scheduleSubject.wxss

page {
	height: 100%;
	background-image: url('https://efunimgs.ai160.com/resource/wechat/subject/schedule/schedule_bg.jpg');
	overflow: hidden;
	background-size: cover;
}
.scheduleSubject {
	width: 100%;
}
swiper {
	padding-top: 99rpx;
	height: 850rpx;
}
.avatar-wrapper {
	width: 100%;
	overflow: hidden;
	margin-top: 10rpx;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;

}
.avatar {
	-webkit-flex: 0 0 80rpx;
	-ms-flex: 0 0 80rpx;
	flex: 0 0 80rpx;
	width: 80rpx;
	height: 80rpx;
	border-radius: 50%;
	margin: 8rpx;
}
.look-num {
	position: relative;
	width: 100rpx;
	height: 40rpx;
	margin-top: 20rpx;
	margin-left: 50%;
	line-height: 40rpx;
	font-size: 36rpx;
	color: #fff;
}
.look-num::before {
	display: block;
	width: 36rpx;
	height: 36rpx;
	line-height: 40rpx;
	position: absolute;
	top: 0rpx;
	left: -40rpx;
	content: ' ';
	background-image: url('https://efunimgs.ai160.com/resource/wechat/subject/schedule/person.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: 80%;
}

.content-wrapper {
	position: relative;
	width: 670rpx;
	height: 730rpx;
	-webkit-box-sizing: border-box;
					box-sizing: border-box;
	padding: 40rpx 44rpx 85rpx;
	margin-left: auto;
	margin-right: auto;
	background-color: #ffffff;
	border-radius: 20rpx;
}
.content {
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.title {
	font-size: 36rpx;
	line-height: 40rpx;
	font-weight: bold;
	color: #2d2e4c;
	margin-bottom: 25rpx;
}
.rate-title {
	font-size: 30rpx;
	line-height: 30rpx;
	color: #f06231;
}
.rate-num {
	font-size: 110rpx;
	font-weight: bold;
	line-height: 110rpx;
	color: #f06231;
}
.percentage {
	font-size: 60rpx;
	font-weight: normal;
}
.remind {
	font-size: 26rpx;
	color: #5252d4;
	margin-bottom: 20rpx;
}
.keywords-title, .goal-title {
	font-size: 30rpx;
	font-weight: bold;
	color: #2d2e4d;
}
.goal-title {
	margin-top: 10rpx;
}
.keyword-item {
	display: inline-block;
	-webkit-box-sizing: border-box;
					box-sizing: border-box;
	height: 40rpx;
	font-size: 28rpx;
	line-height: 40rpx;
	font-weight: lighter;
	padding: 0 14rpx;
	margin: 0 10rpx 15rpx 0rpx;
	background-color: #5252d4;
	color: #fff;
	border-radius: 20rpx;
}
.goal-desc {
	height:170rpx;
	overflow:hidden;
	font-size: 30rpx;
	color: #2d2e4c;
}
.touch {
	position: absolute;
	bottom: -83rpx;
	left: 253rpx;
	width: 165rpx;
	height: 165rpx;
}
.touch image {
	width: 100%;
	height: 100%;
}