index.less 959 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445
  1. .recommend {
  2. position: relative;
  3. padding-top: 30rpx;
  4. padding-bottom: calc(140rpx + env(safe-area-inset-bottom)) !important;
  5. .firstClassify {
  6. margin: 60rpx 0rpx;
  7. width: 100%;
  8. box-sizing: border-box;
  9. display: flex;
  10. flex-wrap: wrap;
  11. align-items: center;
  12. justify-content: space-between;
  13. text-align: center;
  14. z-index: 2;
  15. .icon {
  16. width: 25%;
  17. height: 195rpx;
  18. }
  19. }
  20. .desktopTips {
  21. position: fixed;
  22. z-index: 999;
  23. right: 0rpx;
  24. .triangle {
  25. position: absolute;
  26. right: 124rpx;
  27. top: -26rpx;
  28. border: 20rpx solid #F9F9FF;
  29. border-top-color: transparent;
  30. border-left-color: transparent;
  31. border-right-color: transparent;
  32. }
  33. .tipsImg {
  34. width: 530rpx;
  35. height: 176rpx;
  36. }
  37. }
  38. }