indexVert.less 1.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586
  1. .iframeWrap {
  2. margin: 10px auto 50px;
  3. padding: 20px;
  4. min-width: 340px;
  5. }
  6. .recommendInfoWrapper {
  7. border: 1px solid #F2F2F2;
  8. margin-bottom: 15px;
  9. h4 {
  10. color: #000;
  11. height: 40px;
  12. line-height: 40px;
  13. background-color: #FAEBEC;
  14. font-size: 16px;
  15. font-weight: bold;
  16. }
  17. }
  18. .recommendInfoWrapper h4 i {
  19. content: '';
  20. width: 40px;
  21. height: 40px;
  22. float: left;
  23. }
  24. .symptomRecommend, .physiExamRecommend, .labAndPacsRecommend{
  25. h4{
  26. background-color: #ECF4FC;
  27. }
  28. }
  29. .treatRecommend {
  30. h4 {
  31. background-color: #E3FEFE;
  32. }
  33. }
  34. .ConditTips {
  35. h4 {
  36. background-color: #FDF4EE;
  37. }
  38. }
  39. .recommendInfoBox {
  40. padding: 17px;
  41. }
  42. .treatRecommend h4 i {
  43. background: url(/images/zhiliao.png) center center no-repeat;
  44. }
  45. .ConditTips h4 i {
  46. background: url(/images/tips.png) center center no-repeat;
  47. }
  48. .symptomRecommend h4 i {
  49. background: url(/images/inquire.png) center center no-repeat;
  50. }
  51. .physiExamRecommend h4 i {
  52. background: url(/images/tgjc.png) center center no-repeat;
  53. }
  54. .labAndPacsRecommend h4 i {
  55. background: url(/images/inspect.png) center center no-repeat;
  56. }
  57. .warning h4 i {
  58. background: url(/images/warings.png) center center no-repeat;
  59. }
  60. .diagRecommend h4 i {
  61. background: url(/images/yszd.png) center center no-repeat;
  62. }
  63. .recommendInfoItem {
  64. margin-right: 18px;
  65. float: left;
  66. line-height: 24px;
  67. }
  68. .infoMsg, .infoMsgOn {
  69. position: relative;
  70. top: 4px;
  71. }
  72. .infoMsg, .infoMsgOn{
  73. display: none;
  74. }
  75. .recommendInfoItem:hover {
  76. .infoMsg {
  77. display: inline-block;
  78. width: 16px;
  79. height: 16px;
  80. background: url(/images/msg1.png) center center no-repeat;
  81. }
  82. .infoMsg:hover {
  83. background: url(/images/msg2.png) center center no-repeat;
  84. }
  85. }