.tui-loadmore { width: 48%; margin: 1.5em auto; line-height: 1.5em; font-size: 24rpx; text-align: center; } .tui-nomore { position: relative; text-align: center; display: flex; justify-content: center; margin-top: 10rpx; padding-bottom: 44rpx; } .tui-nomore::before { content: ''; position: absolute; border-bottom: 1rpx solid #e5e5e5; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); width: 360rpx; top: 18rpx; } .tui-text { position: absolute; color: #999; font-size: 24rpx; text-align: center; padding: 0 18rpx; height: 36rpx; line-height: 36rpx; z-index: 1; } .tui-nomore-dot { position: relative; text-align: center; display: flex; justify-content: center; margin-top: 10rpx; padding-bottom: 40rpx; } .tui-nomore-dot::before { content: ''; position: absolute; border-bottom: 1rpx solid #e5e5e5; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); width: 360rpx; top: 18rpx; } .tui-dot-text { position: absolute; color: #e5e5e5; font-size: 10px; text-align: center; width: 50rpx; height: 36rpx; line-height: 36rpx; transform: scale(0.8); transform-origin: center center; z-index: 1; }