.page { background-color: rgba(248,248,248,1.000000); position: relative; padding: 0 28rpx; } .image_3 { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 0; } .box_1 { background-size: 100% 100%; padding-bottom: 60rpx; position: relative; z-index: 1; } .image_1 { height: 88rpx; } .box_2 { padding-top: 12rpx; } .image_2 { width: 24rpx; height: 48rpx; margin: 8rpx 0 8rpx 0; } .text_1 { overflow-wrap: break-word; color: rgba(0,0,0,1); font-size: 34rpx; font-family: PingFangSC-Medium; font-weight: 500; text-align: right; white-space: nowrap; line-height: 40rpx; margin: 8rpx 0 0 252rpx; } .box_3 { background-color: rgba(255,255,255,1.000000); border-radius: 40rpx; margin-top: 36rpx; display: flex; justify-content: space-between; padding: 10rpx 10rpx 10rpx 24rpx; } .text_2 { display: block; font-size: 28rpx; font-family: PingFangSC-Regular; height: 60rpx; width: 86%; } .image-wrapper_1 { display: flex; flex-direction: column; padding: 14rpx 30rpx 14rpx 30rpx; background: linear-gradient( 270deg, #EBF5FE 0%, #D1E4F2 100%); border-radius: 30rpx; } .thumbnail_1 { width: 32rpx; height: 32rpx; } .box_4 { margin-bottom: 28rpx; .text_4 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } background-color: rgba(255,255,255,1.000000); border-radius: 24rpx; align-self: center; margin-top: 24rpx; flex-direction: row; display: flex; justify-content: space-between; padding: 24rpx 24rpx 24rpx 24rpx; } .text-group_1 { margin-bottom: 4rpx; display: flex; flex-direction: column; } .text_3 { overflow-wrap: break-word; color: rgba(34,34,34,1); font-size: 32rpx; white-space: nowrap; line-height: 32rpx; // margin-right: 92rpx; overflow: hidden; text-overflow: ellipsis; } .text_4 { width: 470rpx; height: 132rpx; overflow-wrap: break-word; color: rgba(96,98,102,1); font-size: 28rpx; font-family: Alibaba-PuHuiTi-R; font-weight: normal; text-align: justify; line-height: 44rpx; margin-top: 20rpx; } .group_1 { border-radius: 16rpx; background-image: url(https://lanhu-dds-backend.oss-cn-beijing.aliyuncs.com/merge_image/imgs/c36a4489e9c740cf9939dc341c42e819_mergeImage.png); width: 140rpx; height: 140rpx; margin-top: 48rpx; display: flex; flex-direction: column; } .image_4 { height: 68rpx; margin-top: 956rpx; } .box_5 { background-color: rgba(255,255,255,1.000000); border-radius: 24rpx; // height: 236rpx; display: flex; flex-direction: column; padding: 24rpx 24rpx 24rpx 24rpx; margin-top: 28rpx; } .text_5 { color: rgba(34,34,34,1); font-size: 32rpx; white-space: nowrap; line-height: 32rpx; overflow: hidden; text-overflow: ellipsis; margin-top: 14rpx; margin-bottom: 10rpx; } .box_6 { width: 654rpx; margin-top: 16rpx; flex-direction: row; display: flex; justify-content: space-between; } .text_6 { width: 470rpx; height: 132rpx; overflow-wrap: break-word; color: rgba(96,98,102,1); font-size: 28rpx; font-family: Alibaba-PuHuiTi-R; font-weight: normal; text-align: justify; line-height: 44rpx; margin-top: 4rpx; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .box_7 { border-radius: 16rpx; background-image: url(https://lanhu-dds-backend.oss-cn-beijing.aliyuncs.com/merge_image/imgs/370df45eeaff4baaae26de82cabfb553_mergeImage.png); width: 140rpx; height: 140rpx; display: flex; flex-direction: column; } // 加载状态和分页提示样式 .loading-container { display: flex; justify-content: center; align-items: center; padding: 40rpx 0; } .loading-text { color: rgba(96,98,102,1); font-size: 28rpx; font-family: PingFangSC-Regular; } .no-more-container { display: flex; justify-content: center; align-items: center; padding: 40rpx 0; } .no-more-text { color: rgba(96,98,102,1); font-size: 28rpx; font-family: PingFangSC-Regular; } .empty-container { display: flex; justify-content: center; align-items: center; padding: 100rpx 0; } .empty-text { color: rgba(96,98,102,1); font-size: 28rpx; font-family: PingFangSC-Regular; }