index.wxss 1.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859
  1. @charset "UTF-8";
  2. /* 水平间距 */
  3. /* 水平间距 */
  4. .main.data-v-4dcceeb0 {
  5. display: flex;
  6. flex-direction: column;
  7. width: 100vw;
  8. height: 100vh;
  9. background-image: linear-gradient(to top, #f1f1f1, #f1f1f1, #007aff);
  10. }
  11. .main .one .one_1.data-v-4dcceeb0 {
  12. padding: 15vw 5vw;
  13. display: flex;
  14. align-items: center;
  15. font-size: var(--font18Size);
  16. }
  17. .main .one .one_1 .image.data-v-4dcceeb0 {
  18. width: 15vw;
  19. height: 15vw;
  20. border-radius: 2vw;
  21. margin: 0 2vw;
  22. }
  23. .main .two.data-v-4dcceeb0 {
  24. display: flex;
  25. flex-direction: column;
  26. padding: 2vw;
  27. margin: 2vw;
  28. border-radius: 10px;
  29. background-color: var(--mainColor);
  30. }
  31. .main .two .list.data-v-4dcceeb0 {
  32. display: flex;
  33. justify-content: space-between;
  34. padding: 2vw;
  35. border-bottom: 1px solid var(--f9Color);
  36. }
  37. .main .two .list .left.data-v-4dcceeb0 {
  38. display: flex;
  39. align-items: center;
  40. font-size: var(--font12Size);
  41. }
  42. .main .two .list .left .icon.data-v-4dcceeb0 {
  43. padding: 0 1vw 0 0;
  44. }
  45. .main .two .list .left .icon .iconfont.data-v-4dcceeb0 {
  46. color: var(--f3CColor);
  47. font-size: var(--font18Size);
  48. }
  49. .main .two .list .left .title.data-v-4dcceeb0 {
  50. display: inline-block;
  51. font-size: var(--font12Size);
  52. }
  53. .main .two .list .right.data-v-4dcceeb0 {
  54. display: flex;
  55. align-items: center;
  56. font-size: var(--font12Size);
  57. color: var(--f99Color);
  58. }