index.css 1.0 KB

12345678910111213141516
  1. /* topic.css */
  2. page{background: #fff;}
  3. .tab{height: 85rpx;font-size: 28rpx;color: #999;border-bottom: 1rpx solid #EDEDED;position: fixed;top: 0;left: 0;right: 0;background: #fff;z-index: 50;}
  4. .tab .li{width: 50%;text-align: center;position: relative;line-height: 85rpx;}
  5. .tab .li.active{color: #000;font-weight: bold;}
  6. .tab .li.active::after{content: '';display: block;width: 39rpx;height: 2rpx;background: var(--mina);border-radius: 4rpx;position: absolute;left: 50%;bottom: 0;transform: translateX(-50%);}
  7. .placeholder-view{height: 85rpx;}
  8. .list{padding: 0 30rpx 50rpx;}
  9. .list .li{margin-top: 50rpx;}
  10. .team-img{width: 76rpx;height: 76rpx;border-radius: 15rpx;margin-right: 20rpx;}
  11. .team-tit{font-size: 32rpx;color: #333;}
  12. .team-sta{margin-top: 8rpx;font-size: 24rpx;color: #999;}
  13. .team-sta text{margin-right: 20rpx;}
  14. .join-btn{width: 133rpx;height: 60rpx;border-radius: 37rpx;border: 2rpx solid rgba(235, 28, 36, .5);font-size: 28rpx;color: #EB1C24;text-align: center;line-height: 60rpx;margin-left: 20rpx;}
  15. .sta{font-size: 24rpx;color: #e6a23c;}
  16. .fail{color: #f56c6c;}