index.wxss 782 B

1234567891011121314151617181920212223242526272829303132333435363738394041
  1. @charset "UTF-8";
  2. /* 水平间距 */
  3. /* 水平间距 */
  4. .main .one {
  5. padding: 0 0 2vw 0;
  6. }
  7. .main .one .swiper {
  8. height: 65vw;
  9. }
  10. .main .one .swiper .list .image {
  11. width: 100%;
  12. height: 100%;
  13. }
  14. .main .two .swiper {
  15. height: 45vw;
  16. }
  17. .main .two .swiper .swiper-item {
  18. display: flex;
  19. flex-direction: column;
  20. flex-wrap: wrap;
  21. }
  22. .main .two .swiper .swiper-item .list {
  23. display: flex;
  24. flex-direction: column;
  25. justify-content: space-between;
  26. align-items: center;
  27. width: 20vw;
  28. padding: 1vw 0 0 0;
  29. }
  30. .main .two .swiper .swiper-item .list .image {
  31. width: 15vw;
  32. height: 15vw;
  33. border-radius: 15vw;
  34. box-shadow: 0 0 5px var(--f1Color);
  35. }
  36. .main .two .swiper .swiper-item .list .text {
  37. font-size: var(--font14Size);
  38. margin-top: 5px;
  39. color: var(--f85Color);
  40. }