appointment.css 3.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206
  1. .bgc-ebf4f3 {
  2. background-color: #EBF4F3;
  3. }
  4. .bgc-f6f6f6 {
  5. background-color: #f6f6f6;
  6. }
  7. .c-fea7a8 {
  8. color: #FEA7A8;
  9. }
  10. .c-f4b87f {
  11. color: #F4B87F;
  12. }
  13. .c-ffb5b6 {
  14. color: #ffb5b6;
  15. }
  16. .c-f3be88 {
  17. color: #f3be88;
  18. }
  19. .div-table {
  20. display: table;
  21. width: 100%;
  22. border-top: 1px solid #e1e1e1;
  23. border-left: 1px solid #e1e1e1;
  24. }
  25. .table-row {
  26. display: table-row;
  27. }
  28. .table-cell {
  29. display: table-cell;
  30. border-bottom: 1px solid #e1e1e1;
  31. border-right: 1px solid #e1e1e1;
  32. padding: 15px 0 8px;
  33. text-align: center;
  34. vertical-align: middle;
  35. }
  36. .table-cell.arrow-cell {
  37. width: 54px;
  38. }
  39. .table-cell.arrow-cell.active {
  40. background-color: #0AD8C8;
  41. }
  42. .table-cell.arrow-cell.active>i {
  43. color: #fff;
  44. }
  45. .table-cell.active {
  46. border: 2px solid #0AD8C8;
  47. position: relative;
  48. }
  49. .table-cell.active:after {
  50. content: '';
  51. position: absolute;
  52. right: 0;
  53. bottom: 0;
  54. width: 25px;
  55. height: 27px;
  56. background: url(../../../images/icon_xuanzhong.png) no-repeat;
  57. background-size: 100% 100%;
  58. }
  59. .table-cell.arrow-cell.active:after {
  60. background: none;
  61. }
  62. .yy-tag {
  63. display: inline-block;
  64. background-color: #c1c1c1;
  65. color: #fff;
  66. padding: 1px 10px;
  67. border-radius: 12px;
  68. margin-top: 5px;
  69. }
  70. .yy-tag.active {
  71. background-color: #0AD8C8;
  72. }
  73. .source-tag {
  74. border: 1px solid #e1e1e1;
  75. width: calc(100% - 20px);
  76. padding: 10px 0;
  77. }
  78. .source-tag span {
  79. display: inline-block;
  80. width: 50%;
  81. text-align: center;
  82. }
  83. .source-tag span:first-child {
  84. border-right: 1px solid #e1e1e1;
  85. }
  86. .source-tag.active {
  87. border: 1px solid #0AD8C8;
  88. position: relative;
  89. }
  90. .source-tag.active:after {
  91. content: '';
  92. position: absolute;
  93. right: 0;
  94. bottom: 0;
  95. width: 25px;
  96. height: 27px;
  97. background: url(../../../images/icon_xuanzhong.png) no-repeat;
  98. background-size: 100% 100%;
  99. }
  100. .c-border-t-dashed {
  101. border-bottom: 1px dashed #e1e1e1;
  102. }
  103. .btn-white {
  104. border-color: #d1d7d4;
  105. color: #d1d7d4;
  106. }
  107. .c-border-dashed {
  108. border: 1px dashed #e1e1e1;
  109. }
  110. .my-dialog .ui-dialog-footer button {
  111. color: #909090;
  112. border-color: #e1e1e1;
  113. }
  114. .my-dialog .ui-dialog-footer button:hover,
  115. .my-dialog .ui-dialog-footer button:focus,
  116. .my-dialog .ui-dialog-footer button:active {
  117. color: #909090;
  118. border-color: #e1e1e1;
  119. background-color: #fff;
  120. }
  121. .my-dialog .ui-dialog-footer button:focus {
  122. outline: none;
  123. outline: 5px auto -webkit-focus-ring-color;
  124. outline-offset: -2px;
  125. }
  126. .my-dialog .ui-dialog-footer button.ui-dialog-autofocus {
  127. color: #fff;
  128. background-color: #0AD8C8;
  129. border-color: #0AD8C8;
  130. }
  131. .ui-dialog-footer button.ui-dialog-autofocus:hover,
  132. .ui-dialog-footer button.ui-dialog-autofocus:focus,
  133. .ui-dialog-footer button.ui-dialog-autofocus:active {
  134. color: #ffffff;
  135. background-color: #0AD8C8;
  136. border-color: #0AD8C8;
  137. }
  138. .h50 {
  139. height: 50px;
  140. }
  141. .h684 {
  142. height: 684px;
  143. }
  144. .btn-primary {
  145. border-color: #0AD8C8;
  146. }
  147. .div-btn {
  148. height: 50px;
  149. line-height: 50px;
  150. width: 130px;
  151. text-align: center;
  152. }
  153. .ml67 {
  154. margin-left: 67px;
  155. }
  156. .mr16 {
  157. margin-right: 16px;
  158. }
  159. .mt26 {
  160. margin-top: 26px;
  161. }
  162. .mt18 {
  163. margin-top: 18px;
  164. }
  165. #div_map {
  166. height: 474px;
  167. border: 1px solid #dcdcdc;
  168. }