payment.css 4.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251
  1. .bgc-f2f3f4{
  2. background-color: #f2f3f4;
  3. }
  4. .c-ff9526{
  5. color: #ff9526;
  6. }
  7. .c-ff5e6c{
  8. color: #ff5e6c;
  9. }
  10. .c-f25{
  11. font-size: 25px;
  12. }
  13. .plr35{
  14. padding-left: 35px;
  15. padding-right: 35px;
  16. }
  17. .p30{
  18. padding: 30px;
  19. }
  20. .p15{
  21. padding: 15px;
  22. }
  23. .pb25{
  24. padding-bottom: 25px;
  25. }
  26. .c-95{
  27. width: 92%;
  28. }
  29. .c-radius-5{
  30. border-radius: 5px;
  31. }
  32. .c-c8c8c8{
  33. color: #c8c8c8;
  34. }
  35. .c-t-lr-radius-20{
  36. border-top-left-radius: 20px;
  37. border-top-right-radius: 20px;
  38. }
  39. .c-b-lr-radius-20{
  40. border-bottom-left-radius: 20px;
  41. border-bottom-right-radius: 20px;
  42. }
  43. .c-radius-20{
  44. border-radius: 10px;
  45. }
  46. .ptb13{
  47. padding-top: 13px;
  48. padding-bottom: 13px;
  49. }
  50. .mt7{
  51. margin-top: 7px;
  52. }
  53. .pt12{
  54. padding-top: 12px;
  55. }
  56. [v-cloak] {
  57. display: none;
  58. }
  59. /*缺省页*/
  60. .default-div{
  61. text-align: center;
  62. position: relative;
  63. top: 100px;
  64. }
  65. /*缺省页*/
  66. /*缴费查询*/
  67. .qiehuan-txt{
  68. color:#17B3EC;
  69. text-decoration: underline;
  70. /*padding-left: 10px;*/
  71. }
  72. .date-icon{
  73. float: right;
  74. width: 20px;
  75. height: 20px;
  76. margin-top: 3px;
  77. }
  78. .labelIcon{
  79. background-repeat: no-repeat;
  80. background-image: url(../images/weixinzhifu_bg_img.png);
  81. background-size: 100% 100%;
  82. padding:9px 10px 9px 15px;
  83. /*height: 100px;*/
  84. color:#ffffff;
  85. margin-top: 15px;
  86. }
  87. .labelIcon.weixin{
  88. background-image: url(../images/weixinzhifu_bg_img.png);
  89. }
  90. .labelIcon.zhifubao{
  91. background-image: url(../images/zhifubaozhifu_bg_img.png);
  92. }
  93. .labelIcon.yinlian{
  94. background-image: url(../images/yinlianzhifu_bg_img.png);
  95. }
  96. .labelIcon.xianjin{
  97. background-image: url(../images/xianjichongzhi_bg_img.png);
  98. }
  99. .circle-btn{
  100. position: absolute;
  101. bottom: 80px;
  102. right: 20px;
  103. width: 45px;
  104. height: 45px;
  105. border-radius: 50%;
  106. background-color: #4DCD70;
  107. border: 1px solid #12AA3C;
  108. font-size: 12px;
  109. color: #FFFFFF;
  110. text-align: center;
  111. }
  112. /*缴费查询*/
  113. /*就诊卡缴费*/
  114. .jiuzhen{
  115. }
  116. .jiuzhen .card-icon{
  117. background-repeat: no-repeat;
  118. background-image: url(../images/biaoqian_lvse_img.png);
  119. background-size: 100% 100%;
  120. padding:1px 10px 1px 18px;
  121. color:#ffffff;
  122. }
  123. .jiuzhen .c-btn-full,.jiuzhen .c-btn-big{
  124. background: #4dcd70;
  125. border-bottom-left-radius: 5px;
  126. border-bottom-right-radius: 5px;
  127. }
  128. .zhuyuan{
  129. }
  130. .zhuyuan .card-icon{
  131. background-repeat: no-repeat;
  132. background-image: url(../images/biaoqian_hongse_img.png);
  133. background-size: 100% 100%;
  134. padding:1px 10px 1px 18px;
  135. color:#ffffff;
  136. }
  137. .zhuyuan .c-btn-full,.zhuyuan .c-btn-big{
  138. background: #FF5E6C;
  139. border-bottom-left-radius: 5px;
  140. border-bottom-right-radius: 5px;
  141. }
  142. .zhuyuan .createdata{
  143. color: transparent;
  144. }
  145. .p-fix-bottom-0{
  146. position: fixed;bottom: 0px;
  147. }
  148. /*就诊卡缴费*/
  149. /*缴费结果页面*/
  150. .success-pay{}
  151. .success-pay .txtColor{
  152. color: #4dcd70;
  153. }
  154. .failure-pay{}
  155. .failure-pay .txtColor{
  156. color: #FF5E6C;
  157. }
  158. .success-pay .failure-btn{display: none;}
  159. .failure-pay .success-list{display: none;}
  160. /*缴费结果页面*/
  161. /*我的就诊卡包*/
  162. .geduan{
  163. background-repeat: no-repeat;
  164. background-image: url(../images/geduan_img.png);
  165. background-size: 100% 100%;
  166. height: 15px;
  167. }
  168. .jiaoyanBtn{
  169. border:1px solid #4dcd70;
  170. border-radius: 15px;
  171. width: 90px;
  172. text-align: center;
  173. color: #4dcd70;
  174. font-size: 14px;
  175. height: 28px;
  176. line-height: 28px;
  177. float: right;
  178. margin-top: 1px;
  179. }
  180. .input-bcard{
  181. font-size: 14px;
  182. padding-left: 20px;
  183. padding-right: 20px;
  184. color:#999999;
  185. line-height: 32px;
  186. width: calc(100vw - 125px);
  187. }
  188. .w-calc-220{
  189. width: calc(100vw - 220px);
  190. }
  191. /*我的就诊卡包*/
  192. /*候诊查询*/
  193. .top-div{
  194. padding: 15px 10px;
  195. }
  196. .jiuzhen .top-div{
  197. background: #4DCD70;
  198. border-top-left-radius: 5px;
  199. border-top-right-radius: 5px;
  200. }
  201. .jiancha{}
  202. .jiancha .top-div{
  203. background: #FF9526;
  204. border-top-left-radius: 5px;
  205. border-top-right-radius: 5px;
  206. }
  207. .waitingDoctorList:after {
  208. content: '';
  209. height:100px;
  210. width: 180px;
  211. background: url(../images/paiduipeitu_img.png) no-repeat;
  212. background-size: 180px 96px;
  213. background-position: 50%;
  214. margin-left: -90px;
  215. position: fixed;
  216. left: 50%;
  217. bottom: 100px;
  218. z-index: -1;
  219. }
  220. /*候诊查询*/