| 1 |
- .all{width:100vw;position:relative;background:linear-gradient(to bottom, #4F9AF7, #FFFFFF)}.all .navbox{width:100vw;display:flex;align-items:flex-end}.all .navbox .nav{width:100%;display:flex;justify-content:center;position:relative;margin-bottom:20rpx;height:40rpx}.all .navbox .nav image{position:absolute;left:38rpx;top:8rpx;width:44rpx;height:35rpx}.all .navbox .nav .nav-title{height:36rpx;font-family:MicrosoftYaHei;font-size:36rpx;color:#333333;line-height:40rpx;text-align:center}.all .trends{width:100%;padding-top:20rpx}.all .trends .activebox{width:685rpx;height:auto;padding:15rpx;background-color:white;border-radius:20rpx;box-shadow:0 8rpx 4rpx #DEE1E6;margin-bottom:20rpx;margin-left:32rpx}.all .trends .activebox .titlebox{width:100%;height:36rpx;display:flex;align-items:center;border-left:#58A5FE 8rpx solid}.all .trends .activebox .titlebox .title{font-family:MicrosoftYaHei;font-size:30rpx;color:#333333;margin-left:10rpx}.all .trends .activebox .titlebox .alltitlebox{height:20rpx;display:flex;align-items:center;margin-left:auto}.all .trends .activebox .titlebox .alltitlebox .all-text{font-family:MicrosoftYaHei;font-size:20rpx;color:#333333}.all .trends .activebox .titlebox .alltitlebox image{width:14rpx;height:20rpx;margin-left:10rpx}.all .trends .activebox .acbox{width:100%;justify-content:space-around;margin-top:20rpx;display:flex;flex-wrap:wrap;margin-bottom:16rpx}.all .trends .activebox .acbox .ac-picbox{width:310rpx;height:177rpx;position:relative;margin-top:20rpx}.all .trends .activebox .acbox .ac-picbox image{width:310rpx;height:177rpx;border-radius:20rpx}.all .trends .activebox .acbox .ac-picbox .picbox{width:100rpx;height:44rpx;display:flex;justify-content:center;align-items:center;background-image:url(https://file-cloud.fmode.cn/qpFbRRSZrO/20241224/u1uhl1104441535.png);background-position:center;background-size:cover;background-repeat:no-repeat;position:absolute;bottom:0rpx;right:0rpx}.all .trends .activebox .acbox .ac-picbox .picbox .pic-tex{font-family:MicrosoftYaHei;font-size:18rpx;color:#FFFEFE}.all .trends .no-more{width:100%;display:flex;justify-content:center;font-size:28rpx;margin-bottom:35rpx}.all .trends::-webkit-scrollbar{display:none}.all .publishbox{position:absolute;bottom:214rpx;right:12rpx}.all .publishbox image{width:80rpx;height:80rpx}
|
