.page { position: absolute; height: 100vh; width: 100vw; overflow: hidden; display: flex; justify-content: center; align-items: center; background: url(https://humeng-res.oss-cn-beijing.aliyuncs.com/hm_aigc/applet/bg_%E4%B8%BB%E8%83%8C%E6%99%AF%402x.png) 100% no-repeat; background-size: 100% 100%; } .back { position: absolute; width: 56px; height: 56px; left: 0; background-image: url(https://humeng-res.oss-cn-beijing.aliyuncs.com/humeng/vlog/lv2_icon_backBlack%402x.png); background-size: 100% 100%; } .title { position: absolute; font-size: 16px; line-height: 22px; color: #454F63; z-index: 999; font-weight: 500; } .content { position: absolute; display: flex; flex-direction: column; flex-wrap: wrap; width: 100%; height: 95%; align-items: center; } .img_1 { height: 55%; width: 80%; margin-top: 40rpx; border-radius: 11px; } .tries-limit { margin-top: 20rpx; font-size: 18px; color: rgba(134, 137, 139, 0.8); } .section_11 { align-self: center; margin-top: 50rpx; } .section_8 { background-color: rgba(244, 249, 253, 1); border-radius: 10px; padding: 12px 30px 12px 32px; margin-right: 20rpx; height: 200rpx; display: flex; justify-content: center; align-items: center; } .image-text_7 {} .label_1 { width: 40px; height: 40px; margin: 0 23px 0 21px; } .text-group_3 { overflow-wrap: break-word; color: rgba(80, 92, 115, 1); font-size: 14px; font-family: PingFangSC-Medium; font-weight: 500; text-align: left; white-space: nowrap; line-height: 14px; margin-top: 12px; } .section_9 { background-color: rgba(244, 249, 253, 1); border-radius: 10px; padding: 17px 45px 12px 45px; margin-left: 20rpx; height: 200rpx; display: flex; justify-content: center; align-items: center; } .image-text_8 {} .label_2 { width: 40px; height: 40px; align-self: center; } .text-group_4 { overflow-wrap: break-word; color: rgba(80, 92, 115, 1); font-size: 14px; font-family: PingFangSC-Medium; font-weight: 500; text-align: left; white-space: nowrap; line-height: 14px; margin-top: 17px; }