index.css 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566
  1. .more_func_container {
  2. width: 100%;
  3. height: 200px;
  4. padding: 16px 0;
  5. background: #fff;
  6. display: flex;
  7. flex-direction: row;
  8. flex-wrap: wrap;
  9. justify-content: flex-start;
  10. align-items: flex-start;
  11. padding: 0 30px;
  12. }
  13. .more_func_item {
  14. /* flex-basis: 25%; */
  15. box-sizing: border-box;
  16. display: flex;
  17. flex-direction: column;
  18. align-items: center;
  19. }
  20. .more_func_item text {
  21. /* 照片 */
  22. width: 24px;
  23. height: 16px;
  24. /* 简体中文/文本/小 */
  25. font-family: 'PingFang SC';
  26. font-style: normal;
  27. font-weight: 400;
  28. font-size: 12px;
  29. line-height: 16px;
  30. /* identical to box height, or 133% */
  31. text-align: center;
  32. /* Neutral/3 */
  33. color: #464e53;
  34. /* Inside auto layout */
  35. flex: none;
  36. order: 1;
  37. flex-grow: 0;
  38. }
  39. .more_func_item_icon {
  40. width: 64px;
  41. height: 64px;
  42. border-radius: 12px;
  43. background-color: #f1f2f3;
  44. display: flex;
  45. justify-content: center;
  46. align-items: center;
  47. }
  48. .more_func_item_icon_img {
  49. width: 32px;
  50. height: 32px;
  51. }
  52. .more_func_item_icon_common {
  53. width: 26.67px;
  54. height: 21.33px;
  55. }
  56. .more_func_item_icon_profile {
  57. width: 21.33px;
  58. height: 24px;
  59. }