base.css 3.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206
  1. .bgc-f2f4f6{
  2. background-color: #f2f4f6;
  3. }
  4. .bgc-74bf00{
  5. background-color: #74bf00;
  6. }
  7. .bgc-47a8ef{
  8. background-color: #47a8ef;
  9. }
  10. .bgc-ff6a56{
  11. background-color: #ff6a56;
  12. }
  13. .h40{
  14. height: 40px;
  15. }
  16. .lh40{
  17. line-height: 40px;
  18. }
  19. .h34{
  20. height: 34px;
  21. }
  22. .lh34{
  23. line-height: 34px;
  24. }
  25. .h36{
  26. height: 36px;
  27. }
  28. .lh36{
  29. line-height: 36px;
  30. }
  31. .w-120{
  32. width: 120px;
  33. }
  34. .mb60{
  35. margin-bottom: 60px;
  36. }
  37. .c-ff8273{
  38. color: #ff8273;
  39. }
  40. .header-icon{
  41. vertical-align: baseline;
  42. margin-bottom: -3px;
  43. }
  44. .c-list > .c-list-li{
  45. margin-left: 0;
  46. }
  47. .c-list .c-list-key{
  48. margin-right: 10px;
  49. }
  50. .c-list .c-list-info.pr0{
  51. padding-right: 0;
  52. }
  53. .pill-list li{
  54. border-top: 1px solid #f1f1f1;
  55. }
  56. .pill-list li:first-child{
  57. border: 0;
  58. background-image: none;
  59. }
  60. .c-list .box{
  61. margin-left: 0;
  62. border-top: 0;
  63. }
  64. .c-list .box,
  65. .pill-list li .box{
  66. display: -webkit-box;
  67. display: box;
  68. }
  69. .c-list .box-info,
  70. .pill-list li .box-info{
  71. -webkit-box-flex: 1;
  72. box-flex: 1;
  73. display: box;
  74. display: -webkit-box;
  75. -webkit-box-orient: vertical;
  76. -webkit-box-pack: center;
  77. }
  78. .footer-bar{
  79. position: fixed;
  80. bottom: 0;
  81. left:0;
  82. width: 100%;
  83. height: 49px;
  84. line-height: 49px;
  85. }
  86. .footer-bar2{
  87. position: fixed;
  88. bottom:0;
  89. left: 0;
  90. width: calc(100% - 40px);
  91. width: -webkit-calc(100% - 40px);
  92. width: -moz-calc(100% - 40px);
  93. }
  94. .arrow-r{
  95. position: absolute;
  96. top: 50%;
  97. right: 10px;
  98. margin-top: -5px;
  99. display: inline-block;
  100. width: 10px;
  101. height: 10px;
  102. border: solid #909090;
  103. border-width: 2px 2px 0 0;
  104. -webkit-transform: rotate(45deg);
  105. transform: rotate(45deg);
  106. }
  107. .arrow-d{
  108. position: absolute;
  109. top: 50%;
  110. right: 0px;
  111. margin-top: -8px;
  112. display: inline-block;
  113. width: 10px;
  114. height: 10px;
  115. border: solid #909090;
  116. border-width:0 2px 2px 0;
  117. -webkit-transform: rotate(45deg);
  118. transform: rotate(45deg);
  119. }
  120. .word-wrap{
  121. word-wrap: break-word;
  122. }
  123. .c-btn2,
  124. .c-btn3
  125. {
  126. width: 100%;
  127. height: 100%;
  128. display: inline-block;
  129. zoom: 1;
  130. vertical-align: baseline;
  131. outline: none;
  132. cursor: pointer;
  133. border: 0;
  134. background: none;
  135. text-align: center;
  136. text-decoration: none;
  137. color: #fff;
  138. background-color: #eee;
  139. position: relative;
  140. border-radius: 6px;
  141. }
  142. .c-btn3{
  143. width: auto;
  144. padding: 0 10px;
  145. background-color: #47a8ef;
  146. }
  147. .c-btn-green{
  148. height: 40px;
  149. line-height: 40px;
  150. background-color: #74bf00;
  151. }
  152. .c-btn-red{
  153. height: 40px;
  154. line-height: 40px;
  155. background-color: #ff6a56;
  156. }
  157. input[type=text].select-input{
  158. width: 100%;
  159. height: 36px;
  160. line-height: 36px;
  161. border: none;
  162. margin-bottom: 0;
  163. padding: 0;
  164. }
  165. input[type=text].border-input,
  166. input[type=number].border-input{
  167. height: 34px;
  168. line-height: 34px;
  169. border: 1px solid #e1e1e1;
  170. padding: 0;
  171. padding-left: 5px;
  172. padding-right: 5px;
  173. width: calc(100% - 10px);
  174. width: -webkit-calc(100% - 10px);
  175. width: -moz-calc(100% - 10px);
  176. margin-bottom: 0;
  177. }
  178. input.error{
  179. border-color: #ff8274;
  180. }
  181. .text-area{
  182. border-color: #e1e1e1;
  183. padding-left: 5px;
  184. padding-right: 5px;
  185. width: calc(100% - 10px);
  186. width: -webkit-calc(100% - 10px);
  187. width: -moz-calc(100% - 10px);
  188. }
  189. .straight-line{
  190. position: absolute;
  191. top: 36px;
  192. left: 24px;
  193. width: 1px;
  194. height: calc(100% - 95px);
  195. height: -webkit-calc(100% - 95px);
  196. height: -moz-calc(100% - 95px);
  197. background-color: #dcdcdc;
  198. z-index: 0;
  199. }.mui-picker{
  200. background-color: #fff;
  201. }
  202. .xfzx-btn{
  203. position: fixed;
  204. right: 10px;
  205. bottom: 70px;
  206. }