health-symptomatic-video-explain.css 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283
  1. .wrap {
  2. width: 100%;
  3. display: flex;
  4. flex-direction: column;
  5. padding: 20rpx 24rpx;
  6. box-sizing: border-box;
  7. }
  8. .list {
  9. width: 100%;
  10. display: flex;
  11. flex-direction: column;
  12. }
  13. .item {
  14. width: 100%;
  15. display: flex;
  16. flex-direction: column;
  17. background-color: #FFFFFF;
  18. border-radius: 16rpx;
  19. padding: 0 24rpx;
  20. box-sizing: border-box;
  21. margin-bottom: 20rpx;
  22. }
  23. .row-between {
  24. width: 100%;
  25. line-height: 72rpx;
  26. height: 72rpx;
  27. display: flex;
  28. justify-content: space-between;
  29. align-items: center;
  30. }
  31. .name {
  32. width: 100%;
  33. height: 70rpx;
  34. line-height: 70rpx;
  35. color: #000000;
  36. font-size: 32rpx;
  37. display: -webkit-box;
  38. -webkit-line-clamp: 1;
  39. overflow: hidden;
  40. text-overflow: ellipsis;
  41. -webkit-box-orient: vertical;
  42. }
  43. .row-right {
  44. display: flex;
  45. align-items: center;
  46. }
  47. .row-right button {
  48. display: flex;
  49. align-items: center;
  50. background-color: initial;
  51. border-radius: initial;
  52. margin-right: 24rpx;
  53. }
  54. .row-right button:last-child {
  55. margin-right: 0;
  56. }
  57. .row-right button image {
  58. width: 37rpx;
  59. }
  60. .row-left {
  61. color: #A7A7A7;
  62. font-size: 26rpx;
  63. }
  64. .row-left text {
  65. margin-left: 20rpx;
  66. }
  67. .row-right text {
  68. margin-right: 45rpx;
  69. color: #A7A7A7;
  70. font-size: 26rpx;
  71. }