index.wxss 1.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465
  1. @charset "UTF-8";
  2. /* 水平间距 */
  3. /* 水平间距 */
  4. .main.data-v-4dcceeb0 {
  5. background-color: var(--footColor);
  6. }
  7. .main .one.data-v-4dcceeb0 {
  8. margin: 2vw;
  9. border-radius: 10px;
  10. background-color: var(--mainColor);
  11. }
  12. .main .one .one_1.data-v-4dcceeb0 {
  13. padding: 4vw;
  14. }
  15. .main .one .one_1 .top.data-v-4dcceeb0 {
  16. display: flex;
  17. justify-content: space-between;
  18. align-items: center;
  19. }
  20. .main .one .one_1 .top .top_left.data-v-4dcceeb0 {
  21. display: flex;
  22. align-items: center;
  23. }
  24. .main .one .one_1 .top .top_left .name.data-v-4dcceeb0 {
  25. margin: 0 2vw;
  26. font-size: var(--font16Size);
  27. }
  28. .main .one .one_1 .top .top_left .t-icon.data-v-4dcceeb0 {
  29. width: 70px !important;
  30. height: 70px !important;
  31. }
  32. .main .one .one_1 .top .top_right .t-icon.data-v-4dcceeb0 {
  33. width: var(--font14Size) !important;
  34. height: var(--font14Size) !important;
  35. color: var(--f99Color) !important;
  36. }
  37. .main .two.data-v-4dcceeb0 {
  38. display: flex;
  39. flex-direction: column;
  40. padding: 2vw;
  41. margin: 0 2vw;
  42. border-radius: 10px;
  43. background-color: var(--mainColor);
  44. }
  45. .main .two .list.data-v-4dcceeb0 {
  46. display: flex;
  47. justify-content: space-between;
  48. padding: 3vw 2vw;
  49. border-bottom: 1px solid var(--f9Color);
  50. }
  51. .main .two .list .left.data-v-4dcceeb0 {
  52. display: flex;
  53. align-items: center;
  54. }
  55. .main .two .list .left .title.data-v-4dcceeb0 {
  56. margin: 0 0 0 5px;
  57. display: inline-block;
  58. font-size: var(--font14Size);
  59. }
  60. .main .two .list .right .t-icon.data-v-4dcceeb0 {
  61. width: var(--font14Size) !important;
  62. height: var(--font14Size) !important;
  63. color: var(--f99Color) !important;
  64. }