12345市长热线标准版-前端

init.css 3.9KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281
  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. /*公共弹框样式*/
  176. .Common {
  177. width: 100%;
  178. background: #fff;
  179. text-align: center;
  180. padding: 10px 15px;
  181. height: auto;
  182. overflow-y: auto;
  183. }
  184. .Common table {
  185. width: 100%;
  186. }
  187. .Common table th {
  188. padding: 5px 8px 5px 0;
  189. text-align: right;
  190. width: 20%;
  191. }
  192. .Common table td {
  193. padding: 6px 0 5px 10px;
  194. text-align: left;
  195. color: #717171;
  196. line-height: 200%;
  197. }
  198. .Common table td textarea {
  199. width: 100%;
  200. vertical-align: middle;
  201. resize: none;
  202. }
  203. .select_ {
  204. width: 150px;
  205. background-color: #FFF;
  206. background-image: none;
  207. border: 1px solid #ccc;
  208. border-radius: 1px;
  209. color: inherit;
  210. padding: 6px 12px;
  211. outline: none;
  212. vertical-align: middle;
  213. }
  214. .Common span{
  215. background-image: none;
  216. border: 1px solid #ccc;
  217. border-radius: 1px;
  218. color: inherit;
  219. padding: 6px 12px
  220. }
  221. .btn_box{
  222. margin-top: 30px;
  223. }
  224. .imgs a{
  225. margin-right: 5px;
  226. }
  227. .input_{
  228. width: 128px;
  229. padding: 2px 2PX 2PX 10PX;
  230. height: 27px;
  231. border: 1px solid #ebebeb;
  232. outline: none;
  233. vertical-align: middle;
  234. }
  235. .Hidens{
  236. display: none;
  237. }
  238. .xg{
  239. margin-right: 5px;
  240. }
  241. /*修改 手机客户端管理弹出框导航颜色*/
  242. .model .box .btop {
  243. background-color: #00A1CB;
  244. }
  245. .Reds{
  246. color:#ed5565;
  247. }
  248. .Greens{
  249. color: #46be8a;
  250. }
  251. .Yellows{
  252. color: #FF9800;
  253. }