济源12345的前端

init.css 4.7KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327
  1. /*导航样式开始*/
  2. .syIcon {
  3. display: inline-block;
  4. background: url(../img/syIcon.png) no-repeat;
  5. height: 20px;
  6. width: 20px;
  7. vertical-align: middle;
  8. }
  9. .daoHang {
  10. padding:8px 15px;
  11. }
  12. .daoHang .dhLeft{
  13. float: left;
  14. }
  15. .daoHang .dhLeft a {
  16. font-size: 14px;
  17. color: #999;
  18. }
  19. .dhLeft {
  20. font-size: 14px;
  21. color: #999;
  22. }
  23. .dhLeft a {
  24. font-size: 14px;
  25. color: #999;
  26. }
  27. .daoHang .dhRight{
  28. float: right;
  29. color: #1ab394;
  30. font-size: 18px;
  31. cursor: pointer;
  32. }
  33. .nowPosition{
  34. color: #01a1cb!important;
  35. }
  36. /*导航样式结束*/
  37. /*公共样式*/
  38. .btns {
  39. background: #00a1cb;
  40. color: #fff;
  41. padding: 6px 10px;
  42. outline: none;
  43. font-size: 12px;
  44. margin-left: 15px;
  45. border: 0;
  46. border-radius: 3px;
  47. box-sizing: border-box;
  48. cursor: pointer;
  49. vertical-align: middle;
  50. }
  51. .export.btns {
  52. padding: 7px 10px;
  53. }
  54. .clearfix:after {
  55. content: "";
  56. display: block;
  57. clear: both;
  58. }
  59. .toolBar {
  60. padding: 15px 0;
  61. border-bottom: 1px solid #ccc;
  62. margin-bottom: 25px;
  63. padding-right: 45px;
  64. }
  65. .toolLeft {
  66. float: left;
  67. }
  68. .toolRight {
  69. float: right;
  70. }
  71. .toolBar input {
  72. width: 128px;
  73. padding: 2px 2PX 2PX 10PX;
  74. height: 27px;
  75. border: 1px solid #ebebeb;
  76. /*color: #1ab394;*/
  77. outline: none;
  78. vertical-align: middle;
  79. }
  80. .model {
  81. position: fixed;
  82. top: 0;
  83. right: 0;
  84. bottom: 0;
  85. left: 0;
  86. height: 100%;
  87. width: 100%;
  88. background: rgba(0, 0, 0, 0.48);
  89. z-index: 100;
  90. display: none;
  91. }
  92. .delModel .box {
  93. width: 23%;
  94. }
  95. .box {
  96. width: 55%;
  97. margin: 0 auto;
  98. margin-top: 5%;
  99. }
  100. .box .btop {
  101. height: 35px;
  102. background: #1ab394;
  103. color: #fff;
  104. line-height: 35px;
  105. padding: 0 15px;
  106. /*margin-bottom: 15px;*/
  107. }
  108. .box .btop p.btl {
  109. float: left;
  110. margin: 0;
  111. }
  112. .box .btop p.btr {
  113. float: right;
  114. cursor: pointer;
  115. margin: 0;
  116. font-size: 20px;
  117. }
  118. .box>input {
  119. display: block;
  120. height: 34px;
  121. padding: 6px 12px;
  122. font-size: 14px;
  123. line-height: 1.42857143;
  124. color: #555;
  125. background-color: #fff;
  126. background-image: none;
  127. border: 1px solid #ccc;
  128. border-radius: 4px;
  129. margin: 35px auto;
  130. }
  131. .boxCon {
  132. width: 100%;
  133. background: #fff;
  134. text-align: center;
  135. padding: 10px 15px;
  136. height: auto;
  137. overflow-y: auto;
  138. }
  139. .boxCon>div {
  140. padding: 15px 0;
  141. }
  142. .boxCon table {
  143. width: 100%;
  144. }
  145. .boxCon table th {
  146. padding: 5px 8px 5px 0;
  147. text-align: right;
  148. width: 32%;
  149. }
  150. .boxCon table td {
  151. padding: 6px 0 5px 10px;
  152. text-align: left;
  153. color: #717171;
  154. line-height: 200%;
  155. }
  156. .boxCon table td textarea {
  157. width: 70%;
  158. vertical-align: middle;
  159. resize: none;
  160. }
  161. .boxCon table td>input[type="text"] {
  162. height: 27px;
  163. }
  164. .kong {
  165. display: none;
  166. vertical-align: middle;
  167. margin-left: 3px;
  168. }
  169. .Importent {
  170. color: #fe6604;
  171. }
  172. .layui-layer-title {
  173. background: #00a1cb;
  174. }
  175. .table-head table thead {
  176. width: calc( 100% - 5px)
  177. }
  178. .table-body{width:100%; height:515px;overflow-y:scroll;overflow-x: scroll;}
  179. .table-head table,.table-body table{width:100%;}
  180. .table-head{
  181. background: #00a0cd;
  182. }
  183. /*公共弹框样式*/
  184. .Common {
  185. width: 100%;
  186. background: #fff;
  187. text-align: center;
  188. padding: 10px 15px;
  189. height: auto;
  190. overflow-y: auto;
  191. }
  192. .Common table {
  193. width: 100%;
  194. }
  195. .Common table th {
  196. padding: 5px 8px 5px 0;
  197. text-align: right;
  198. width: 20%;
  199. }
  200. .Common table td {
  201. padding: 6px 0 5px 10px;
  202. text-align: left;
  203. color: #717171;
  204. line-height: 200%;
  205. }
  206. .Common table td textarea {
  207. width: 100%;
  208. vertical-align: middle;
  209. resize: none;
  210. outline: none;
  211. }
  212. .select_ {
  213. width: 150px;
  214. background-color: #FFF;
  215. background-image: none;
  216. border: 1px solid #ccc;
  217. border-radius: 1px;
  218. color: inherit;
  219. padding: 6px 12px;
  220. outline: none;
  221. vertical-align: middle;
  222. }
  223. .Common span{
  224. background-image: none;
  225. border: 1px solid #ccc;
  226. border-radius: 1px;
  227. color: inherit;
  228. padding: 6px 12px
  229. }
  230. .btn_box{
  231. margin-top: 30px;
  232. }
  233. .imgs a{
  234. margin-right: 5px;
  235. }
  236. .input_{
  237. width: 128px;
  238. padding: 2px 2PX 2PX 10PX;
  239. height: 27px;
  240. border: 1px solid #ebebeb;
  241. outline: none;
  242. vertical-align: middle;
  243. }
  244. .Hidens{
  245. display: none;
  246. }
  247. .xg{
  248. margin-right: 5px;
  249. }
  250. /*修改 手机客户端管理弹出框导航颜色*/
  251. .model .box .btop {
  252. background-color: #00A1CB;
  253. }
  254. .Reds{
  255. color:#ed5565;
  256. }
  257. .Greens{
  258. color: #46be8a;
  259. }
  260. .Yellows{
  261. color: #FF9800;
  262. }
  263. /*工单上传附件*/
  264. .files{
  265. display: inline-block;
  266. background: #666;
  267. color: #fff!important;
  268. font-size: 12px;
  269. padding: 0 5px!important;
  270. border: 0!important;
  271. margin-left: 8px!important;
  272. margin-bottom: 3px;
  273. }
  274. .files i{
  275. margin-left: 3px;
  276. color: #a9a5a5;
  277. cursor: pointer;
  278. }
  279. .files:hover i{
  280. color: #fff;
  281. }
  282. #scwj{
  283. padding: 0 12px!important;
  284. outline: none;
  285. }
  286. #scwj:hover{
  287. background: #03a0cb;
  288. color: #fff;
  289. transition: .25s;
  290. }
  291. .fileBox{
  292. display: inline-block;
  293. }
  294. .btn-default{
  295. background: #FFFFFF;
  296. color: #000000;
  297. }