sub-health-pool.css 1009 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  1. .wrap {
  2. width: 100%;
  3. display: flex;
  4. flex-direction: column;
  5. }
  6. .swiper-box {
  7. width: 100%;
  8. position: relative;
  9. }
  10. .swiper {
  11. width: 100%;
  12. height: 434rpx;
  13. }
  14. .banner-img {
  15. width: 100%;
  16. height: 434rpx;
  17. }
  18. .module {
  19. width: 100%;
  20. border-radius: 32rpx 32rpx 0 0;
  21. background: linear-gradient(180deg, #FFFFFF, #F2F2F2);
  22. margin-top: -20rpx;
  23. z-index: 10;
  24. display: flex;
  25. flex-wrap: wrap;
  26. justify-content: space-between;
  27. padding: 20rpx 24rpx 4rpx;
  28. box-sizing: border-box;
  29. margin-bottom: 30rpx;
  30. }
  31. .top-module-item {
  32. width: calc(50% - 11rpx);
  33. height: fit-content;
  34. display: flex;
  35. flex-direction: column;
  36. background-color: #FFFFFF;
  37. border-radius: 16rpx;
  38. margin-bottom: 20rpx;
  39. padding: 0 22rpx 24rpx;
  40. box-sizing: border-box;
  41. }
  42. .top-module-item-name {
  43. width: 100%;
  44. height: 82rpx;
  45. display: flex;
  46. align-items: center;
  47. color: #202020;
  48. font-size: 32rpx;
  49. }
  50. .top-module-item-img {
  51. width: 100%;
  52. height: 234rpx;
  53. border-radius: 8rpx;
  54. }