dingdangenzong.css 4.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170
  1. .ptb8 {
  2. padding-top: 8px;
  3. padding-bottom: 8px;
  4. }
  5. .c-w100 {
  6. width: 100%;
  7. }
  8. .c-ccc {
  9. color: #ccc;
  10. }
  11. .c-width-100 {
  12. width: 90px;
  13. }
  14. .c-width-90 {
  15. width: 90px;
  16. }
  17. .c-width-70 {
  18. width: 70px;
  19. }
  20. .c-btn-17b3ec {
  21. background-color: #17b3ec;
  22. }
  23. .c-list > .list-arrow-r, .c-list > .list-arrow-u, .c-list > .list-arrow-d { padding-right: 1.5rem; }
  24. .c-list > .list-arrow-r:after, .c-list > .list-arrow-u:after, .c-list > .list-arrow-d:after { position: absolute; top: 50%; right: 0.75rem; margin-top: -0.25rem; content: ""; display: block; width: 0.6rem; height: 0.6rem; border: solid #cdcdcd; border-width: 0.1rem 0.1rem 0 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
  25. .c-list > .list-arrow-u:after { right: 0.65rem; margin-top: -0.1rem; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
  26. .c-list > .list-arrow-d:after { right: 0.65rem; margin-top: -0.4rem; -webkit-transform: rotate(135deg); transform: rotate(135deg); }
  27. .icon-xufangjilu:before,
  28. .icon-quyaoma:before,
  29. .icon-yaopin:before,
  30. .icon-jilu:before,
  31. .icon-genzong:before,
  32. .icon-shouyaoxinxi:before {
  33. display: inline-block;
  34. content: '';
  35. width: 20px;
  36. height: 20px;
  37. vertical-align: middle;
  38. background-repeat: no-repeat;
  39. background-position: 50%;
  40. background-size: 20px;
  41. }
  42. .icon-xufangjilu:before {
  43. background-image: url(../images/xufangjilu_icon.png);
  44. }
  45. .icon-quyaoma:before {
  46. background-image: url(../images/quyaoma_icon.png);
  47. }
  48. .icon-yaopin:before {
  49. background-image: url(../images/yaopingxinxi_icon.png);
  50. }
  51. .icon-jilu:before {
  52. background-image: url(../images/dingdanjilu_icon.png);
  53. }
  54. .icon-genzong:before {
  55. background-image: url(../images/dingdangengzong_icon.png);
  56. }
  57. .icon-shouyaoxinxi:before {
  58. background-image: url(../images/shouyaoxinxi_icon.png);
  59. }
  60. .time-line .line-item {
  61. position: relative;
  62. }
  63. .time-line .line-item:first-child {
  64. color: #17B3EC;
  65. }
  66. .time-line .line-item:first-child:after {
  67. content: '';
  68. position: absolute;
  69. left: 0;
  70. bottom: 0;
  71. width: 1px;
  72. height: 40px;
  73. background-color: #e1e1e1;
  74. }
  75. .time-line .line-item:not(:first-child):after {
  76. content: '';
  77. position: absolute;
  78. left: 0;
  79. top: 0;
  80. width: 1px;
  81. height: 80px;
  82. background-color: #e1e1e1;
  83. }
  84. .time-line .line-item:last-child:after {
  85. content: '';
  86. position: absolute;
  87. left: 0;
  88. top: 0;
  89. width: 1px;
  90. height: 20px;
  91. background-color: #e1e1e1;
  92. }
  93. .time-line .line-item:only-child:after {
  94. height: 0;
  95. width: 0
  96. }
  97. .time-line .line-item:before {
  98. content: '';
  99. position: absolute;
  100. left: -8px;
  101. top: 20px;
  102. width: 16px;
  103. height: 16px;
  104. margin-top: -8px;
  105. background-image: url(../images/huiyuan_gengzong_icon.png);
  106. background-repeat: no-repeat;
  107. background-size: 16px;
  108. background-position: 50%;
  109. z-index: 99;
  110. }
  111. .time-line .line-item:first-child:before {
  112. background-image: url(../images/lanyuan_gengzong_icon.png);
  113. }
  114. .time-line .line-item:first-child .ui-col-1:first-child {
  115. color: #17B3EC;
  116. }
  117. .line-col {
  118. display: inline-block;
  119. vertical-align: middle;
  120. }
  121. .c-list>li:first-child {
  122. margin-left: 0;
  123. padding-left: 10px;
  124. border-bottom: 1px solid #dcdcdc;
  125. }
  126. .c-list>li:nth-of-type(2) {
  127. border-top: 0;
  128. }
  129. #confirmBtn, #quyaoBtn {
  130. display: none;
  131. position:absolute;
  132. top:7px;
  133. right: 0;
  134. margin-right: 10px;
  135. border-radius: 5px;
  136. padding: 5px 10px;
  137. color:#fff;
  138. background-color: #17B3EC;
  139. }
  140. .jg-info,
  141. .qk-info,
  142. .c-list > li.jg-info,
  143. .c-list > li.qk-info {
  144. display: none;
  145. }
  146. .mui-poppicker-body {
  147. height: 250px;
  148. }
  149. .ui-col-1 {
  150. word-wrap: break-word;
  151. word-break: break-all;
  152. }
  153. .dd-drugname{font-size: 14px;color: #17B3EC;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
  154. .no-bbt{border-bottom: none!important;}
  155. .dd-all{font-size: 14px;color: #333;width: 100px;}
  156. .dd-all span{color: #909090;}
  157. .dd-li{margin-left:0px!important; padding-bottom:10px}
  158. .dd-format{font-size: 14px;color: #333;}
  159. .dd-format span{color: #909090;}
  160. .dd-list{margin: 0px 10px;border-bottom: solid 1px #f1f1f1;}
  161. .no-pl{padding-left: 0px!important;}
  162. #drugsInfo{background-color: #fff;}
  163. .dd-pad{padding: 10px 0px 5px 0px;}
  164. .dd-list:last-child{border-bottom: none;}
  165. .c-list > li{font-size: 14px;margin-left: 10px;margin-right: 10px;}
  166. .c-f16{font-size: 16px!important;}