index.module.scss 1.9 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889
  1. .A1home {
  2. position: relative;
  3. :global {
  4. .A1main {
  5. width: 100%;
  6. height: calc(100% - 60px);
  7. overflow-y: auto;
  8. .A1top {
  9. img {
  10. width: 100%;
  11. height: auto;
  12. pointer-events: none;
  13. }
  14. }
  15. .A1tit {
  16. font-size: 22px;
  17. font-weight: 700;
  18. margin-bottom: 16px;
  19. }
  20. .A1box1 {
  21. padding: 24px;
  22. .A1_1list {
  23. width: 100%;
  24. height: auto;
  25. overflow-x: auto;
  26. white-space: nowrap;
  27. display: inline-block;
  28. padding-bottom: 24px;
  29. border-bottom: 1px solid #ccc;
  30. .A1_1row {
  31. width: 40%;
  32. height: auto;
  33. display: inline-block;
  34. margin-right: 15px;
  35. vertical-align: top;
  36. & > img {
  37. cursor: pointer;
  38. width: 100%;
  39. height: auto;
  40. }
  41. .A1_1row1 {
  42. font-weight: 700;
  43. font-size: 16px;
  44. margin: 10px 0 2px;
  45. width: 100%;
  46. white-space: break-spaces;
  47. word-wrap: break-word;
  48. }
  49. .A1_1row2 {
  50. color: #9a9a9a;
  51. width: 100%;
  52. white-space: break-spaces;
  53. word-wrap: break-word;
  54. }
  55. .A1_1row3 {
  56. display: flex;
  57. align-items: center;
  58. margin-top: 3px;
  59. color: #9a9a9a;
  60. transition: all 1s;
  61. }
  62. .A1_1row3Ac {
  63. color: var(--themeColor);
  64. font-weight: 700;
  65. }
  66. }
  67. }
  68. }
  69. .A1BottomTxt {
  70. text-align: center;
  71. color: #9a9a9a;
  72. }
  73. }
  74. .A1logo {
  75. pointer-events: none;
  76. height: 60px;
  77. display: flex;
  78. justify-content: center;
  79. align-items: center;
  80. img {
  81. pointer-events: none;
  82. height: 30px;
  83. }
  84. }
  85. }
  86. }