wechat.css 3.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253
  1. body, html {
  2. height: 100%;
  3. -webkit-tap-highlight-color: transparent;
  4. }
  5. .mt-0 {
  6. margin-top:0px;
  7. }
  8. .mt-1 {
  9. margin-top:1px;
  10. }
  11. .mt-2 {
  12. margin-top:2px;
  13. }
  14. .mt-3 {
  15. margin-top:3px;
  16. }
  17. .mt-4 {
  18. margin-top:4px;
  19. }
  20. .mt-5 {
  21. margin-top:5px;
  22. }
  23. .text-lowercase {
  24. text-transform: lowercase !important;
  25. }
  26. .text-uppercase {
  27. text-transform: uppercase !important;
  28. }
  29. .text-capitalize {
  30. text-transform: capitalize !important;
  31. }
  32. .font-weight-light {
  33. font-weight: 300 !important;
  34. }
  35. .font-weight-lighter {
  36. font-weight: lighter !important;
  37. }
  38. .font-weight-normal {
  39. font-weight: 400 !important;
  40. }
  41. .font-weight-bold {
  42. font-weight: 700 !important;
  43. }
  44. .font-weight-bolder {
  45. font-weight: bolder !important;
  46. }
  47. .font-italic {
  48. font-style: italic !important;
  49. }
  50. .text-white {
  51. color: #fff !important;
  52. }
  53. .text-black {
  54. color: black !important;
  55. }
  56. .text-muted {
  57. color: #6c757d !important;
  58. }
  59. .text-primary {
  60. color: #007bff !important;
  61. }
  62. a.text-primary:hover, a.text-primary:focus {
  63. color: #0056b3 !important;
  64. }
  65. .text-secondary {
  66. color: #6c757d !important;
  67. }
  68. a.text-secondary:hover, a.text-secondary:focus {
  69. color: #494f54 !important;
  70. }
  71. .text-success {
  72. color: #28a745 !important;
  73. }
  74. a.text-success:hover, a.text-success:focus {
  75. color: #19692c !important;
  76. }
  77. .text-info {
  78. color: #17a2b8 !important;
  79. }
  80. a.text-info:hover, a.text-info:focus {
  81. color: #0f6674 !important;
  82. }
  83. .text-warning {
  84. color: #ffc107 !important;
  85. }
  86. a.text-warning:hover, a.text-warning:focus {
  87. color: #ba8b00 !important;
  88. }
  89. .text-danger {
  90. color: #dc3545 !important;
  91. }
  92. a.text-danger:hover, a.text-danger:focus {
  93. color: #a71d2a !important;
  94. }
  95. .text-light {
  96. color: #f8f9fa !important;
  97. }
  98. a.text-light:hover, a.text-light:focus {
  99. color: #cbd3da !important;
  100. }
  101. .text-dark {
  102. color: #343a40 !important;
  103. }
  104. a.text-dark:hover, a.text-dark:focus {
  105. color: #121416 !important;
  106. }
  107. .text-body {
  108. color: #212529 !important;
  109. }
  110. .text-muted {
  111. color: #6c757d !important;
  112. }
  113. .text-black-50 {
  114. color: rgba(0, 0, 0, 0.5) !important;
  115. }
  116. .text-white-50 {
  117. color: rgba(255, 255, 255, 0.5) !important;
  118. }
  119. a.text-warning:hover, a.text-warning:focus {
  120. color: #ba8b00 !important;
  121. }
  122. .text-danger {
  123. color: #dc3545 !important;
  124. }
  125. .art-title {
  126. text-align: center;
  127. font-size: 20px;
  128. color: #3cc51f;
  129. font-weight: 400;
  130. margin: 0 5%;
  131. }
  132. .art-sub-title {
  133. text-align: center;
  134. color: #888;
  135. font-size: 14px;
  136. }
  137. .art-header {
  138. padding: 15px 0;
  139. }
  140. .art-content-padded {
  141. padding: 15px;
  142. }
  143. .art-second-title {
  144. text-align: center;
  145. font-size: 24px;
  146. color: #3cc51f;
  147. font-weight: 400;
  148. margin: 0 15%;
  149. }
  150. .weui-footer {
  151. margin: 25px 0 10px 0;
  152. }
  153. /* 重写弹框,使能居中 */
  154. .weui-dialog, .weui-toast {
  155. -webkit-transform: translate(0%, -50%);
  156. transform: translate(0%, -50%);
  157. }
  158. /* 重写弹框,使能居中 */
  159. .weui-toast {
  160. margin: 0 0 0 -15%;
  161. }
  162. /* 重写btn,使拉长 */
  163. .weui-btn {
  164. box-sizing: content-box;
  165. width: auto;
  166. }
  167. /* 按钮区域 */
  168. .button-sp-area {
  169. margin: 20px 20px;
  170. }
  171. /** 修正不显示超出部分的内容 ****/
  172. .weui-media-box__title {
  173. white-space: normal
  174. }
  175. /** 重写文本描述去,使能显示所有内容 */
  176. .weui-media-box__desc {
  177. display:block
  178. }
  179. .art-choose:after {
  180. content: " ";
  181. display: inline-block;
  182. height: 8px;
  183. width: 8px;
  184. border-width: 2px 2px 0 0;
  185. border-color: #b2b2b2;
  186. border-style: solid;
  187. -webkit-transform: matrix(.71,.71,-.71,.71,0,0);
  188. transform: matrix(.71,.71,-.71,.71,0,0);
  189. position: relative;
  190. top: -2px;
  191. position: absolute;
  192. top: 50%;
  193. margin-top: -5px;
  194. margin-right:10px;
  195. right: 0;
  196. }
  197. /** 预约分组 **/
  198. .appointment-group {
  199. color: blue;
  200. }
  201. /** 预约科目 **/
  202. .appointment-subject {
  203. color: rgba(0,0,0,.5);
  204. font-size:10pt;
  205. }