index.wxss 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899
  1. /* 水平间距 */
  2. /* 水平间距 */
  3. .content.data-v-167827a6 {
  4. display: flex;
  5. flex-direction: column;
  6. align-items: center;
  7. width: 100vw;
  8. height: 100vh;
  9. background-color: #0bb78f;
  10. }
  11. .content .one.data-v-167827a6 {
  12. width: 80vw;
  13. height: 60vw;
  14. margin: 4vw 0;
  15. padding: 4vw 2vw;
  16. border-radius: 2px;
  17. background-color: var(--mainColor);
  18. }
  19. .content .one .one_1.data-v-167827a6 {
  20. display: flex;
  21. justify-content: flex-start;
  22. align-items: center;
  23. font-size: var(--font14Size);
  24. color: var(--f85Color);
  25. margin: 2vw;
  26. }
  27. .content .one .one_1 .image.data-v-167827a6 {
  28. width: 10vw;
  29. height: 10vw;
  30. border-radius: 10vw;
  31. }
  32. .content .one .one_1 text.data-v-167827a6 {
  33. padding: 0 2vw;
  34. }
  35. .content .one .one_2.data-v-167827a6 {
  36. display: flex;
  37. flex-direction: column;
  38. align-items: center;
  39. margin: 2vw 0;
  40. font-size: var(--font14Size);
  41. }
  42. .content .one .one_2 .image.data-v-167827a6 {
  43. width: 15vw;
  44. height: 15vw;
  45. border-radius: 2px;
  46. }
  47. .content .one .one_2 .name.data-v-167827a6 {
  48. margin: 2vw 0 0 0;
  49. }
  50. .content .one .one_3.data-v-167827a6 {
  51. text-align: center;
  52. font-weight: bold;
  53. font-size: var(--font18Size);
  54. font-family: "Times New Roman" , Times, serif;
  55. margin: 2vw 0;
  56. }
  57. .content .one .one_4.data-v-167827a6 {
  58. display: flex;
  59. justify-content: space-around;
  60. margin: 2vw 0;
  61. }
  62. .content .one .one_4 .list.data-v-167827a6 {
  63. display: flex;
  64. flex-direction: column;
  65. align-items: center;
  66. justify-content: center;
  67. }
  68. .content .one .one_4 .list .num.data-v-167827a6 {
  69. font-weight: bold;
  70. font-size: var(--font18Size);
  71. color: #0bb78f;
  72. }
  73. .content .one .one_4 .list .name.data-v-167827a6 {
  74. font-size: var(--font12Size);
  75. color: var(--f85Color);
  76. }
  77. .content .two.data-v-167827a6 {
  78. font-weight: bold;
  79. font-size: var(--font18Size);
  80. }
  81. .content .thr.data-v-167827a6 {
  82. margin: 2vw 0;
  83. font-style: italic;
  84. font-size: var(--font14Size);
  85. }
  86. .content .thr .list.data-v-167827a6 {
  87. padding: 2vw;
  88. color: var(--mainColor);
  89. }
  90. .content .four.data-v-167827a6 {
  91. margin: 2vw 0 0 0;
  92. font-style: italic;
  93. color: #0bb78f;
  94. }
  95. .content .four text.data-v-167827a6 {
  96. border-radius: 2px;
  97. padding: 2vw 32vw;
  98. background-color: var(--mainColor);
  99. }