index copy.less 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970
  1. .recommend {
  2. position: relative;
  3. padding-bottom: calc(140rpx + env(safe-area-inset-bottom)) !important;
  4. .desktopTips {
  5. position: fixed;
  6. z-index: 999;
  7. right: 0rpx;
  8. .triangle {
  9. position: absolute;
  10. right: 124rpx;
  11. top: -26rpx;
  12. border: 20rpx solid #F9F9FF;
  13. border-top-color: transparent;
  14. border-left-color: transparent;
  15. border-right-color: transparent;
  16. }
  17. .tipsImg {
  18. width: 530rpx;
  19. height: 176rpx;
  20. }
  21. }
  22. .scrollBox {
  23. width: 100%;
  24. }
  25. .selectType {
  26. padding: 30rpx 15rpx 30rpx 26rpx;
  27. display: flex;
  28. align-items: center;
  29. justify-content: space-between;
  30. .type {
  31. padding: 14rpx 0rpx;
  32. width: 200rpx;
  33. box-sizing: border-box;
  34. text-align: center;
  35. border: 1rpx solid #9f9f9fa4;
  36. border-radius: 50rpx;
  37. color: #1A1A1A;
  38. font-size: 28rpx;
  39. }
  40. .currentType {
  41. color: white;
  42. box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
  43. background-color: #00C657;
  44. border-color: #00C657;
  45. font-weight: bold;
  46. }
  47. .search {
  48. font-size: 0rpx;
  49. padding: 14rpx 14rpx;
  50. text-align: center;
  51. border: 1rpx solid #9f9f9fa4;
  52. border-radius: 50rpx;
  53. .searchImg {
  54. width: 26rpx;
  55. height: 26rpx;
  56. }
  57. }
  58. }
  59. }