base.css 4.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267
  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. .bgc-ccc{
  14. background-color: #ccc;
  15. }
  16. .h40{
  17. height: 40px;
  18. }
  19. .lh40{
  20. line-height: 40px;
  21. }
  22. .h34{
  23. height: 34px;
  24. }
  25. .lh34{
  26. line-height: 34px;
  27. }
  28. .h36{
  29. height: 36px;
  30. }
  31. .lh36{
  32. line-height: 36px;
  33. }
  34. .w-120{
  35. width: 120px;
  36. }
  37. .mb60{
  38. margin-bottom: 60px;
  39. }
  40. .c-ff8273{
  41. color: #ff8273;
  42. }
  43. .c-error{
  44. color: #ff6a56;
  45. }
  46. .c-waiting{
  47. color: #ff9526;
  48. }
  49. .c-info{
  50. color: #74bf00;
  51. }
  52. .c-success{
  53. color: #47a8ef;
  54. }
  55. .header-icon{
  56. vertical-align: baseline;
  57. margin-bottom: -3px;
  58. }
  59. .c-list > .c-list-li{
  60. margin-left: 0;
  61. }
  62. .c-list .c-list-key{
  63. margin-right: 10px;
  64. }
  65. .c-list .c-list-info.pr0{
  66. padding-right: 0;
  67. }
  68. .pill-list li{
  69. border-top: 1px solid #f1f1f1;
  70. }
  71. .pill-list li:first-child{
  72. border: 0;
  73. background-image: none;
  74. }
  75. .c-list .box{
  76. margin-left: 0;
  77. border-top: 0;
  78. }
  79. .c-list .box,
  80. .pill-list li .box{
  81. display: -webkit-box;
  82. display: box;
  83. }
  84. .c-list .box-info,
  85. .pill-list li .box-info{
  86. -webkit-box-flex: 1;
  87. box-flex: 1;
  88. display: box;
  89. display: -webkit-box;
  90. -webkit-box-orient: vertical;
  91. -webkit-box-pack: center;
  92. }
  93. .footer-bar{
  94. position: fixed;
  95. bottom: 0;
  96. left:0;
  97. width: 100%;
  98. height: 49px;
  99. line-height: 49px;
  100. }
  101. .footer-bar2{
  102. position: fixed;
  103. bottom:0;
  104. left: 0;
  105. width: calc(100% - 40px);
  106. width: -webkit-calc(100% - 40px);
  107. width: -moz-calc(100% - 40px);
  108. }
  109. .arrow-r{
  110. position: absolute;
  111. top: 50%;
  112. right: 10px;
  113. margin-top: -5px;
  114. display: inline-block;
  115. width: 10px;
  116. height: 10px;
  117. border: solid #909090;
  118. border-width: 2px 2px 0 0;
  119. -webkit-transform: rotate(45deg);
  120. transform: rotate(45deg);
  121. }
  122. .arrow-d{
  123. position: absolute;
  124. top: 50%;
  125. right: 0px;
  126. margin-top: -8px;
  127. display: inline-block;
  128. width: 10px;
  129. height: 10px;
  130. border: solid #909090;
  131. border-width:0 2px 2px 0;
  132. -webkit-transform: rotate(45deg);
  133. transform: rotate(45deg);
  134. }
  135. .word-wrap{
  136. word-wrap: break-word;
  137. }
  138. .c-btn2,
  139. .c-btn3
  140. {
  141. width: 100%;
  142. height: 100%;
  143. display: inline-block;
  144. zoom: 1;
  145. vertical-align: baseline;
  146. outline: none;
  147. cursor: pointer;
  148. border: 0;
  149. background: none;
  150. text-align: center;
  151. text-decoration: none;
  152. color: #fff;
  153. background-color: #eee;
  154. position: relative;
  155. border-radius: 6px;
  156. }
  157. .c-btn3{
  158. width: auto;
  159. padding: 0 10px;
  160. background-color: #47a8ef;
  161. }
  162. .c-btn-green{
  163. height: 40px;
  164. line-height: 40px;
  165. background-color: #74bf00;
  166. }
  167. .c-btn-red{
  168. height: 40px;
  169. line-height: 40px;
  170. background-color: #ff6a56;
  171. }
  172. input[type=text].select-input{
  173. width: 100%;
  174. height: 36px;
  175. line-height: 36px;
  176. border: none;
  177. margin-bottom: 0;
  178. padding: 0;
  179. position: relative;
  180. }
  181. input[type=text].border-input,
  182. input[type=number].border-input{
  183. height: 34px;
  184. line-height: 34px;
  185. border: 1px solid #e1e1e1;
  186. padding: 0;
  187. padding-left: 5px;
  188. padding-right: 5px;
  189. width: calc(100% - 10px);
  190. width: -webkit-calc(100% - 10px);
  191. width: -moz-calc(100% - 10px);
  192. margin-bottom: 0;
  193. position: relative;
  194. }
  195. input.error{
  196. border-color: #ff8274;
  197. }
  198. .text-area{
  199. border-color: #e1e1e1;
  200. padding-left: 5px;
  201. padding-right: 5px;
  202. width: calc(100% - 10px);
  203. width: -webkit-calc(100% - 10px);
  204. width: -moz-calc(100% - 10px);
  205. }
  206. .straight-line{
  207. position: absolute;
  208. top: 36px;
  209. left: 24px;
  210. width: 1px;
  211. height: calc(100% - 95px);
  212. height: -webkit-calc(100% - 95px);
  213. height: -moz-calc(100% - 95px);
  214. background-color: #dcdcdc;
  215. z-index: 0;
  216. }.mui-picker{
  217. background-color: #fff;
  218. }
  219. .xfzx-btn{
  220. position: fixed;
  221. right: 10px;
  222. bottom: 70px;
  223. }
  224. .layui-m-layercont{
  225. padding-top: 0px !important;
  226. }
  227. #input_1{
  228. border: 20px !important;
  229. }
  230. .layui-m-layercont{
  231. padding-bottom: 0 !important;
  232. }
  233. input{
  234. color: #46b7f5;
  235. }
  236. input[type="checkbox"]+label::before {
  237. content: "\a0";
  238. display: inline-block;
  239. vertical-align: .2em;
  240. width: .8em;
  241. height: .8em;
  242. margin-right: .2em;
  243. border-radius: .2em;
  244. text-indent: .15em;
  245. line-height: .65;
  246. border: 1px solid #000;
  247. color: #000;
  248. }
  249. input[type="checkbox"]:checked+label::before {
  250. content: "\2713";
  251. }
  252. input {
  253. position: absolute;
  254. clip: rect(0, 0, 0, 0);
  255. }
  256. input[type="checkbox"]:focus+label::before {
  257. /* box-shadow: 0 0 .1em .1em #58a; */
  258. }
  259. input[type="checkbox"]:disabled+label::before {
  260. background-color: gray;
  261. box-shadow: none;
  262. color: #555;
  263. }