index.wxss 1.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667
  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. }
  16. .main .one .one_1 .image.data-v-4dcceeb0 {
  17. width: 15vw;
  18. height: 15vw;
  19. border-radius: 2vw;
  20. margin: 0 2vw;
  21. }
  22. .main .one .one_1 .right.data-v-4dcceeb0 {
  23. display: flex;
  24. flex-direction: column;
  25. }
  26. .main .one .one_1 .right .name.data-v-4dcceeb0 {
  27. font-size: var(--font18Size);
  28. }
  29. .main .one .one_1 .right .phone.data-v-4dcceeb0 {
  30. margin: 1vw 0 0 0;
  31. font-size: var(--font14Size);
  32. color: var(--f99Color);
  33. }
  34. .main .two.data-v-4dcceeb0 {
  35. display: flex;
  36. flex-direction: column;
  37. padding: 2vw;
  38. margin: 2vw;
  39. border-radius: 10px;
  40. background-color: var(--mainColor);
  41. }
  42. .main .two .list.data-v-4dcceeb0 {
  43. display: flex;
  44. justify-content: space-between;
  45. padding: 2vw;
  46. border-bottom: 1px solid var(--f9Color);
  47. }
  48. .main .two .list .left.data-v-4dcceeb0 {
  49. display: flex;
  50. align-items: center;
  51. }
  52. .main .two .list .left .icon.data-v-4dcceeb0 {
  53. padding: 0 1vw 0 0;
  54. }
  55. .main .two .list .left .icon .iconfont.data-v-4dcceeb0 {
  56. color: var(--f3CColor);
  57. font-size: var(--font18Size);
  58. }
  59. .main .two .list .left .title.data-v-4dcceeb0 {
  60. display: inline-block;
  61. font-size: var(--font14Size);
  62. }
  63. .main .two .list .right.data-v-4dcceeb0 {
  64. font-size: var(--font12Size);
  65. color: var(--f99Color);
  66. }