generalServices.acss 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
  1. .hospital-new-component .general-services-all {
  2. background-color: #fff;
  3. padding: 12rpx 0 36rpx 0;
  4. }
  5. .hospital-new-component .general-services {
  6. display: flex;
  7. flex-wrap: wrap;
  8. background-color: #fff;
  9. }
  10. .hospital-new-component .general-services .service-item {
  11. height: 145rpx;
  12. padding: 16rpx;
  13. }
  14. .hospital-new-component .general-services .service-item-content {
  15. height: 100%;
  16. display: flex;
  17. align-items: center;
  18. justify-content: center;
  19. flex-direction: column;
  20. }
  21. .hospital-new-component .general-services .service-item-contentjiuyi {
  22. height: 80%;
  23. width: 25%;
  24. display: flex;
  25. align-items: center;
  26. justify-content: center;
  27. flex-direction: column;
  28. border: none;
  29. }
  30. .hospital-new-component .general-services .icon-container {
  31. width: 64rpx;
  32. height: 64rpx;
  33. }
  34. .hospital-new-component .general-services .icon-container-jiuyi {
  35. margin-top: 10px;
  36. }
  37. .hospital-new-component .general-services .icon-container .icon {
  38. width: 100%;
  39. height: 100%;
  40. }
  41. .hospital-new-component .general-services .title {
  42. color: #333;
  43. margin-top: 16rpx;
  44. font-size: 24rpx;
  45. }
  46. .hospital-new-component .general-services .jiutu-title {
  47. margin-top: -8px !important;
  48. }
  49. .hospital-new-component .general-services.style-a .service-item {
  50. width: 25%;
  51. }
  52. .hospital-new-component .general-services.style-b .service-item {
  53. width: 20%;
  54. }