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%; }