交通管理局公文项目
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

806 lines
54 KiB

2 months ago
  1. @import url("../font/awesome/css/all.css");
  2. /* 超大型屏幕(高分辨率桌面) */
  3. @media screen and (min-width:1400px) {
  4. .layui-container {width:1370px;}
  5. .layui-hide-slg {display:none!important;}
  6. .layui-show-slg-block {display:block!important;}
  7. .layui-show-slg-inline {display:inline!important;}
  8. .layui-show-slg-inline-block {display:inline-block!important;}
  9. .layui-col-slg1,.layui-col-slg2,.layui-col-slg3,.layui-col-slg4,.layui-col-slg5,.layui-col-slg6,.layui-col-slg7,.layui-col-slg8,.layui-col-slg9,.layui-col-slg10,.layui-col-slg11,.layui-col-slg12 {float:left;}
  10. .layui-col-slg1 {width:8.33333333%;}
  11. .layui-col-slg2 {width:16.66666667%;}
  12. .layui-col-slg3 {width:25%;}
  13. .layui-col-slg4 {width:33.33333333%;}
  14. .layui-col-slg5 {width:41.66666667%;}
  15. .layui-col-slg6 {width:50%;}
  16. .layui-col-slg7 {width:58.33333333%;}
  17. .layui-col-slg8 {width:66.66666667%;}
  18. .layui-col-slg9 {width:75%;}
  19. .layui-col-slg10 {width:83.33333333%;}
  20. .layui-col-slg11 {width:91.66666667%;}
  21. .layui-col-slg12 {width:100%;}
  22. /* 列偏移 */
  23. .layui-col-slg-offset1 {margin-left:8.33333333%;}
  24. .layui-col-slg-offset2 {margin-left:16.66666667%;}
  25. .layui-col-slg-offset3 {margin-left:25%;}
  26. .layui-col-slg-offset4 {margin-left:33.33333333%;}
  27. .layui-col-slg-offset5 {margin-left:41.66666667%;}
  28. .layui-col-slg-offset6 {margin-left:50%;}
  29. .layui-col-slg-offset7 {margin-left:58.33333333%;}
  30. .layui-col-slg-offset8 {margin-left:66.66666667%;}
  31. .layui-col-slg-offset9 {margin-left:75%;}
  32. .layui-col-slg-offset10 {margin-left:83.33333333%;}
  33. .layui-col-slg-offset11 {margin-left:91.66666667%;}
  34. .layui-col-slg-offset12 {margin-left:100%;}
  35. }
  36. /** 图标字体
  37. @font-face {
  38. font-family: 'unis-icon';
  39. src: url('../font/iconfont.eot?v=0.1');
  40. src: url('../font/iconfont.eot?v=0.1#iefix') format('embedded-opentype'),
  41. url('../font/iconfont.woff2?v=0.1') format('woff2'),
  42. url('../font/iconfont.woff?v=0.1') format('woff'),
  43. url('../font/iconfont.ttf?v=0.1') format('truetype'),
  44. url('../font/iconfont.svg?v=0.1#unis-icon') format('svg');
  45. }
  46. .unis-icon{ font-family:"unis-icon" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
  47. **/
  48. /*框架业务内容区、弹窗里的页面高度都是100%*/
  49. html, body { height: 100%; }
  50. body {font-family: PingFangSC, PingFangSC-Regular, 'Microsoft YaHei', , STXihei, , Georgia, 'Times New Roman', serif;}
  51. body {font-family: Tahoma,"Microsoft YaHei",;}
  52. /* 去除firefox浏览器中tab键引起的虚线框 */
  53. button::-moz-focus-inner,
  54. input[type="color"]:-moz-system-metric(color-picker-available)::-moz-focus-inner,
  55. input[type="reset"]::-moz-focus-inner,
  56. input[type="button"]::-moz-focus-inner,
  57. input[type="submit"]::-moz-focus-inner,
  58. input[type="file"] > button[type="button"]::-moz-focus-inner{
  59. border: 1px dotted transparent !important;
  60. }
  61. a{outline:none;}
  62. /*调窗口宽高的时候用这个样式*/
  63. .dialog_body_test {border: 1px solid #e2e3e8;height: 500px;width:300px;}
  64. /*重写layui.css样式区*/
  65. /*替换颜色 #5FB878 为 #0066CC*/
  66. .layui-form-select dl {padding: 0;top: 32px;}
  67. .layui-form-select dl dd.layui-this{color: #32363a;font-weight: 900;}
  68. .layui-form-select dl dd {cursor: pointer;color: #32363a;}
  69. .layui-form-select dl dd:hover{background-color: #f5f5f5;}
  70. .layui-form-select .layui-edge {border-top-color: #74777a;}
  71. .layui-form-checked, .layui-form-checked:hover{border-color: #1890ff;}
  72. .layui-form-checked span, .layui-form-checked:hover span{background-color: #1890ff;}
  73. .layui-form-checked i, .layui-form-checked:hover i{color: #1890ff;border-color: #1890ff;}
  74. .layui-form-checkbox[lay-skin="primary"] span{background: none;color: #32363a;line-height: 13px;padding-right: 0px;height: 14px;}
  75. .layui-form-checkbox[lay-skin="primary"]:hover i{border-color: #1890ff; color: #fff;}
  76. .layui-form-checkbox i,.layui-form-checked i, .layui-form-checked:hover i{height: 30px;}
  77. .layui-form-checkbox[lay-skin="primary"] i,.layui-form-checked[lay-skin="primary"] i,.layui-form-switch i{width: 18px;height: 18px;font-size: 14px;line-height: 16px;}
  78. /* .layui-form-switch{height:18px;line-height:18px;width:30px;padding: 0px;} */
  79. .layui-form-switch{padding: 0px;width: 35px;box-sizing:content-box;margin-top: 15px;background-color: #BFBFBF;border-color:#BFBFBF;}
  80. .layui-form-switch i{top: 1px;margin-left:-3px;background-color: #fff;}
  81. .layui-form-onswitch i{margin-left:-19px;}
  82. .layui-form-onswitch.layui-disabled em{color: #999999 !important;}
  83. .layui-form-onswitch.layui-disabled i{background-color: #d2d2d2;}
  84. .layui-form-radio > i{font-size:19px;color:#bfbfbf;margin-right: 5px;vertical-align: -6px;border-radius: 50%;}
  85. .layui-form-radio div{height: 14px;line-height: 12px;}
  86. .layui-form-radioed>i,.layui-form-radio>i:hover{color: #1890ff;}
  87. .layui-table-edit:focus{border-color: #0066CC!important;}
  88. /* .layui-transfer-active .layui-btn{background-color: #0066CC; border-color: #0066CC; color: #fff;} */
  89. .layui-nav-bar,.layui-nav .layui-this:after,.layui-nav-tree .layui-nav-itemed:after{background-color: #1890ff;}
  90. .layui-nav-child{border-color: #d9d9d9;}
  91. .layui-nav-child dd.layui-this{background-color: #1890ff; color: #fff;}
  92. .layui-nav .layui-nav-child dd.layui-this a{background-color: #1890ff; color: #fff;}
  93. .layui-breadcrumb a:hover{color: #0066CC !important;}
  94. .layui-tab-card > .layui-tab-more .layui-this{background: none; color: #1890ff;}
  95. /* .layui-disabled{background-color: #f2f2f2!important;color: #333!important;} */
  96. /* 边框 #ccc替换为 #d9d9d9 */
  97. .layui-btn-primary,
  98. .layui-input,
  99. .layui-textarea{border-color: #a1a7ae;color: #32363a;padding-right: 10px;}
  100. .layui-form-select .layui-select-title .layui-input{border-color: #a1a7ae;color: #32363a;}
  101. /*替换颜色 #009688 为 #0066CC*/
  102. .layui-elem-quote{border-left: 5px solid #1890ff;}
  103. /* .layui-btn-group .layui-btn-primary:hover{border-color: #C9C9C9; color: #0066CC;} */
  104. .layui-upload-drag .layui-icon{color: #1890ff;}
  105. .layui-upload-drag[lay-over]{border-color: #1890ff}
  106. /* .layui-nav-tree .layui-this,
  107. .layui-nav-tree .layui-this>a,
  108. .layui-nav-tree .layui-this>a:hover,
  109. .layui-nav-tree .layui-nav-child dd.layui-this,
  110. .layui-nav-tree .layui-nav-child dd.layui-this a{background-color: #1890ff; color: #fff;}
  111. .layui-nav-tree .layui-nav-bar{background-color: #1890ff;} */
  112. .layui-tab-brief > .layui-tab-title .layui-this{color: #1890ff;}
  113. .layui-slider-input-btn i:hover{color: #1890ff;}
  114. /* 按钮的禁用 */
  115. .layui-btn-disabled{background-color: #f5f5f5;}
  116. button.layui-btn.layui-btn-normal[disabled]{background-color: #A3D3FF;border-color: #A3D3FF;}
  117. button.layui-btn[disabled]{background-color: #f5f5f5;cursor: not-allowed}
  118. button.layui-btn.layui-btn-primary[disabled]:hover{border-color: #bfbfbf !important;color: #32363a !important;}
  119. .layui-form-danger:focus{border-color: #bb0000 !important;}
  120. /*灰*/
  121. .layui-bg-gray { background-color: #DDDDDD !important; color: #666 !important; }
  122. .layui-btn{line-height:31px;height: 35px;padding: 0 16px;}
  123. .layui-btn-lg{line-height:40px;}
  124. .layui-btn-sm{line-height:26px;height: 30px;}
  125. .layui-btn-xs{line-height:18px;}
  126. /*修改数据表格*/
  127. .layui-table-view .layui-table th, .layui-table-view .layui-table td{padding:0;}
  128. .layui-table-view .layui-table td{border-top-width:0;border-bottom-width:0; color: #32363a;}
  129. .layui-table-cell{height:38px;line-height:38px;padding: 0 10px;}
  130. .layui-table-cell .edoc-blocktag{margin-top: 9px;}
  131. .laytable-cell-checkbox, .laytable-cell-radio, .laytable-cell-space, .laytable-cell-numbers{ padding: 0; }
  132. .layui-table tbody tr[data-index]:hover, .layui-table-hover[data-index]{background-color: #fff7ca !important;}
  133. .layui-table tbody tr:hover, .layui-table-hover{background: none;}
  134. .layui-table-click{background-color: #fff7ca !important;}
  135. .layui-table-header{background-color: #F2F2F2;}
  136. .layui-table thead tr, .layui-table-header, .layui-table-tool, .layui-table-total, .layui-table-total tr, .layui-table-patch, .layui-table-mend, .layui-table[lay-even] tr:nth-child(even), .layui-table-click{background-color: #f2f2f2;}
  137. .layui-table th, .layui-table td, .layui-table[lay-skin="line"], .layui-table[lay-skin="row"], .layui-table-view, .layui-table-tool, .layui-table-header, .layui-table-col-set, .layui-table-total, .layui-table-page, .layui-table-fixed-r, .layui-table-tips-main, .layui-table-grid-down {border-color: #d9d9d9;}
  138. .layui-table th {color: #6a6d70;}
  139. /* 选项卡 */
  140. .layui-tab {margin-top:0;}
  141. .layui-tab.layui-tab-brief > .layui-tab-title .layui-this::after {height: 45px;}
  142. .layui-tab.layui-tab-brief > .layui-tab-title .layui-this:after,.layui-tab.layui-tab-brief > .layui-tab-title .layui-this after{height: 45px;}/* IE8支持 */
  143. .edoc-tab-box .layui-tab.layui-tab-brief .layui-tab-title{height: 45px;line-height: 45px;margin:6px 10px 0px 20px;border-color: #d9d9d9;}/* 标题高度 */
  144. .edoc-tab-box .layui-tab.layui-tab-brief .layui-tab-title li{padding: 0 8px ;margin: 0 15px 0 0;height: 45px;line-height: 45px;color: #6a6d70;font-size:15px;font-weight:bold;}/* 标题的水平间距 */
  145. .layui-tab.layui-tab-brief .layui-tab-title li{color: #6a6d70;}
  146. .edoc-tab-box .layui-tab-content { padding: 5px 0 5px 5px; }
  147. /* 卡片内分块——左右*/
  148. .layui-tab-item .layui-main{top: 50px;border: 0px;}
  149. /* 侧边的选项卡切换 */
  150. .layui-side .layui-tab .layui-tab-title li {font-weight:bold;font-size:15px;}
  151. .layui-side .layui-tab .layui-tab-title .layui-this {color:#1890ff;}
  152. .layui-side .layui-tab .layui-tab-title .layui-this::after {height: 41px;}
  153. .layui-side.edoc-side-w280 .layui-tab .layui-tab-title li{margin: 0 10px;}
  154. .layui-side.edoc-side-w220 .layui-tab .layui-tab-title li{margin: 0;}
  155. .layui-side.edoc-side-w250 .layui-tab .layui-tab-title li{margin: 0 5px;}
  156. /* 对 disabled 样式重新定义 */
  157. .layui-disabled.layui-input, .layui-disabled.layui-textarea{background:#f5f5f5 !important;border-color: #bfbfbf !important; color: #6a6d70 !important;}
  158. .layui-disabled.layui-radio-disbaled{background:none !important;color: #74777a !important;}
  159. .layui-radio-disbaled>i{color: #bfbfbf !important;background-color: #f5f5f5 !important;}
  160. .layui-disabled.layui-form-switch.layui-checkbox-disbaled{background:#E5E5E5;border-color: #E5E5E5;}
  161. .layui-disabled.layui-checkbox-disbaled.layui-form-checked i {color:#74777a !important;}
  162. .layui-disabled.layui-checkbox-disbaled[lay-skin="primary"] i {background-color:#f5f5f5 !important;color:#f5f5f5 !important;}
  163. .layui-disabled.layui-checkbox-disbaled[lay-skin="primary"]:hover i{border-color: #bfbfbf !important;}
  164. .layui-disabled.layui-checkbox-disbaled[lay-skin="primary"].layui-form-checked i {background-color:#f5f5f5 !important;color: #bfbfbf !important;border-color: #bfbfbf !important;}
  165. .layui-disabled.layui-checkbox-disbaled[lay-skin="_switch"] i {background-color: #ffffff !important;}
  166. .layui-disabled.layui-checkbox-disbaled[lay-skin="_switch"].layui-form-onswitch i {background-color:#FFFFFF !important;}
  167. /*重写layui.css样式区*/
  168. /*border边框*/
  169. .edoc-border { border: 1px solid #d9d9d9;}
  170. .edoc-border-t {border-top: 1px solid #d9d9d9;}
  171. .edoc-border-r {border-right: 1px solid #d9d9d9;}
  172. .edoc-border-b {border-bottom: 1px solid #d9d9d9;}
  173. .edoc-border-l {border-left: 1px solid #d9d9d9;}
  174. .edoc-border-tb {border-top: 1px solid #d9d9d9;border-bottom: 1px solid #d9d9d9;}
  175. .edoc-border-lr {border-left: 1px solid #d9d9d9;border-right: 1px solid #d9d9d9;}
  176. /*padding边距*/
  177. .edoc-padding-l-0 { padding-left: 0 !important;}
  178. .edoc-padding-l-5 { padding-left: 5px !important;}
  179. .edoc-padding-l-10 { padding-left: 10px !important;}
  180. .edoc-padding-l-15 { padding-left: 15px !important;}
  181. .edoc-padding-r-0 { padding-right: 0 !important;}
  182. .edoc-padding-r-5 { padding-right: 5px !important;}
  183. .edoc-padding-r-10 { padding-right: 10px !important;}
  184. .edoc-padding-r-15 { padding-right: 15px !important;}
  185. .edoc-padding-t-0 { padding-top: 0 !important;}
  186. .edoc-padding-t-5 { padding-top: 5px !important;}
  187. .edoc-padding-t-10 { padding-top: 10px !important;}
  188. .edoc-padding-t-15 { padding-top: 15px !important;}
  189. .edoc-padding-b-0 { padding-bottom: 0 !important;}
  190. .edoc-padding-b-5 { padding-bottom: 5px !important;}
  191. .edoc-padding-b-10 { padding-bottom: 10px !important;}
  192. .edoc-padding-b-15 { padding-bottom: 15px !important;}
  193. .edoc-padding-lr-0 { padding-left: 0 !important; padding-right: 0 !important;}
  194. .edoc-padding-lr-5 { padding-left: 5px !important; padding-right: 5px !important;}
  195. .edoc-padding-lr-10 { padding-left: 10px !important; padding-right: 10px !important;}
  196. .edoc-padding-lr-15 { padding-left: 15px !important; padding-right: 15px !important;}
  197. /*margin边距*/
  198. .edoc-margin-l-0 { margin-left: 0 !important;}
  199. .edoc-margin-l-5 { margin-left: 5px !important;}
  200. .edoc-margin-l-10 { margin-left: 10px !important;}
  201. .edoc-margin-l-15 { margin-left: 15px !important;}
  202. .edoc-margin-l-30 { margin-left: 30px !important;}
  203. .edoc-margin-r-0 { margin-right: 0 !important;}
  204. .edoc-margin-r-5 { margin-right: 5px !important;}
  205. .edoc-margin-r-10 { margin-right: 10px !important;}
  206. .edoc-margin-r-15 { margin-right: 15px !important;}
  207. .edoc-margin-r-30 { margin-right: 30px !important;}
  208. .edoc-margin-t-0 { margin-top: 0 !important;}
  209. .edoc-margin-t-5 { margin-top: 5px !important;}
  210. .edoc-margin-t-10 { margin-top: 10px !important;}
  211. .edoc-margin-t-15 { margin-top: 15px !important;}
  212. .edoc-margin-t-30 { margin-top: 30px !important;}
  213. .edoc-margin-b-0 { margin-bottom: 0 !important;}
  214. .edoc-margin-b-5 { margin-bottom: 5px !important;}
  215. .edoc-margin-b-10 { margin-bottom: 10px !important;}
  216. .edoc-margin-b-15 { margin-bottom: 15px !important;}
  217. .edoc-margin-b-30 { margin-bottom: 30px !important;}
  218. .edoc-margin-lr-0 { margin-left: 0 !important; margin-right: 0 !important;}
  219. .edoc-margin-lr-5 { margin-left: 5px !important; margin-right: 5px !important;}
  220. .edoc-margin-lr-10 { margin-left: 10px !important; margin-right: 10px !important;}
  221. .edoc-margin-lr-15 { margin-left: 15px !important; margin-right: 15px !important;}
  222. .edoc-margin-lr-30 { margin-left: 30px !important; margin-right: 30px !important;}
  223. /* 通用宽度 */
  224. .edoc-width-xs{width: 104px !important;}
  225. .edoc-width-s{width: 216px !important;}
  226. .edoc-width-m{width: 328px !important;}
  227. .edoc-width-l{width: 440px !important;}
  228. .edoc-width-xl{width: 552px !important;}
  229. /*灰色说明性文字*/
  230. .edoc-introduce{color: #32363a;font-size:12px;font-style: normal;font-weight: 400;margin-left: 15px;}
  231. .edoc-form-header .edoc-introduce {font-size: 14px;color:#8c8c8c;vertical-align: top;}
  232. /*操作链接增加下划线*/
  233. .edoc-underline{display: inline;border-bottom: 1px #1890ff solid;text-decoration: none !important; }
  234. /* 定义占位文字样式 */
  235. input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #bfbfbf; opacity: 1; }
  236. input:-moz-placeholder, textarea:-moz-placeholder { color: #bfbfbf; opacity: 1; }
  237. input::-moz-placeholder, textarea::-moz-placeholder { color: #bfbfbf; opacity: 1; }
  238. input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #bfbfbf; opacity: 1; }
  239. /* 主体内容区域内边距 */
  240. .edoc-body-padding{padding:15px;}
  241. /* 页面背景 */
  242. body {background-color:#FFFFFF;overflow:hidden;}
  243. /* 页面主外框 */
  244. .layui-main {position:absolute;top:0;right:0;bottom:0;left:0;margin:0;width:auto;background:#f2f2f2;}
  245. /* 页面头部区域(内部含左右布局) */
  246. .layui-header {line-height:44px;height:50px;}
  247. .layui-header .layui-layout-left {left:0;bottom:0;margin:2px 0 0 18px;font-size:20px;font-weight:bold;color:#32363a;}
  248. .layui-header .layui-layout-right {bottom:0;margin-right:10px;}
  249. .layui-header .layui-layout-right .far.fa-question-circle{font-size:16px;cursor:pointer;color:#6a6d70;}
  250. /* 左侧头部帮助图标 */
  251. .edoc_helpManage_Icon{background: none;padding: 0px;display: inline-block;vertical-align: middle;}
  252. .edoc_helpManage_Icon>.layui-nav-bar{display: none;}
  253. .edoc_helpManage_Icon>.layui-nav-item{line-height: 52px;}
  254. .edoc_helpManage_Icon>.layui-nav-item>a{padding: 0px;}
  255. .edoc_helpManage_Icon>.layui-nav-item>dl.layui-nav-child{top: 40px;position: fixed;min-width: auto;}
  256. .edoc_helpManage_Icon>.layui-nav-item>dl.layui-nav-child a{cursor: pointer;}
  257. .edoc_helpManage_Icon .layui-nav-child dd.layui-this{background: none;}
  258. .edoc_helpManage_Icon .layui-nav-child dd.layui-this a{background: none;color: #333333;}
  259. .edoc_helpManage_Icon .far.fa-question{font-weight: 900;font-size:14px;cursor:pointer;color:#74777a;}
  260. .edoc-side-w280 .edoc_helpManage_Icon>.layui-nav-item>dl.layui-nav-child{left: 254px;}
  261. .edoc-side-w250 .edoc_helpManage_Icon>.layui-nav-item>dl.layui-nav-child{left: 224px;}
  262. .edoc-side-w220 .edoc_helpManage_Icon>.layui-nav-item>dl.layui-nav-child{left: 194px;}
  263. /* 页面侧边区域 */
  264. .layui-side {position:absolute;}
  265. .layui-side.edoc-side-w220{width:220px;}
  266. .layui-side.edoc-side-w250{width:250px;}
  267. .layui-side.edoc-side-w280{width:280px;}
  268. .layui-side.down-left {top:50px;padding:10px;box-sizing:border-box;}
  269. .layui-side hr{margin:5px 0px;}
  270. .layui-side hr.first{margin-top:0;display:none;}
  271. .layui-side .layui-tab .layui-tab-title{margin:0 10px;}
  272. .layui-side .layui-tab .layui-tab-title li{padding:0 1px;}
  273. .layui-side .layui-tab .layui-tab-content{padding:5px 0;}
  274. .layui-side .layui-side-addnew{margin: 0 10px 10px 28px;line-height: 40px;height: 40px;font-size: 14px;color: #333333;cursor: pointer;}
  275. .layui-side.edoc-border-r{border-width:0px;}
  276. /* 页面主内容区域 */
  277. .layui-body{background:#fff;margin:15px 15px 15px 7px;box-shadow:0 4px 6px 0 rgba(31,31,31,0.05),0 0 2px 0 rgba(31,31,31,0.2);}
  278. .layui-body.edoc-body-w220{left:220px;}
  279. .layui-body.edoc-body-w250{left:250px;}
  280. .layui-body.edoc-body-w280{left:280px;}
  281. .layui-body.down {left:0;top:50px;background-color:#f2f2f2;}
  282. .layui-body.down-right {top:50px;}
  283. .layui-body.full {left: 0;}
  284. .layui-body .layui-table-view{margin:10px 0 0 0;}
  285. /* 表格区域 */
  286. .edoc-table-wrap{position:relative;}
  287. /* 表格头部按钮行区域 */
  288. .edoc-table-top-block {position:relative;height:30px;}
  289. .edoc-table-top-block .layui-layout-left {left:0;}
  290. /* 表格头部按钮行区域 -- 批量操作菜单 */
  291. .edoc-table-top-block .layui-nav {background-color:#FFFFFF;color:#333333;height:30px;padding:0;display:inline-block;border:1px solid #bfbfbf;vertical-align:5px;z-index:999;}
  292. .edoc-table-top-block .layui-nav-bar {display:none;}
  293. .edoc-table-top-block .layui-nav .layui-nav-item {line-height:30px;width:90px;box-sizing: border-box;}
  294. .edoc-table-top-block .layui-nav .layui-nav-item>a {color:#32363a;font-size:12px;text-align:left;margin-right: 12px;padding: 0 12px;}
  295. .edoc-table-top-block .layui-nav .layui-nav-more {border-top-color:#74777a;right:12px;}
  296. .edoc-table-top-block .layui-nav-child {top:31px;padding:0;}
  297. .edoc-table-top-block .layui-nav-child hr{padding:0;margin:0;}
  298. /* 表格头部按钮行区域 -- 按钮容器 */
  299. .edoc-table-top-block .layui-btn-container {display: inline-block;margin-left:15px;}
  300. /* 表格头部按钮行区域 -- 下拉框容器 */
  301. .edoc-table-top-block .edoc-table-select {display: inline-block ;vertical-align: middle; margin-left:10px;}
  302. /* 表格头部按钮行区域 -- 下拉框 */
  303. .edoc-table-top-block .layui-form-select .layui-input{height: 30px;text-align:left;}
  304. /* 表格头部按钮行区域 -- 搜索框样式 */
  305. .edoc-table-top-block .edoc-table-searchBox{float:right;}
  306. .edoc-table-top-block .edoc-table-searchBox i{position:relative;left:27px;z-index:999;color: #74777a;}
  307. .edoc-table-top-block .layui-input-search {position:relative;display:inline-block;width:512px;height:30px;border:1px solid #bfbfbf;padding: 0 10px 0 30px;}
  308. .edoc-table-top-block .layui-input-search+i {position:absolute;top:7px;left:10px;color: #6a6d70;z-index: 1000;font-size: 12px;}
  309. .edoc-table-top-block .layui-btn-link{margin:0 14px;}
  310. .edoc-table-top-block .layui-btn-link.open .layui-btn-link-more{top: 1px;border-color:transparent transparent #797979;}
  311. .edoc-table-top-block .layui-btn-link.open:hover .layui-btn-link-more{border-color:transparent transparent #0066CC;}
  312. .edoc-table-top-block .edoc-btn-search {margin-left:2px;vertical-align:top;}
  313. /* 表格头部按钮行区域 -- radio过滤容器 */
  314. .edoc-table-top-block .edoc-table-status{float: right;margin-top: -5px;}
  315. /* 表格头部按钮行区域 -- 列过滤样式 */
  316. .edoc-table-top-block .cols-filter{ width:30px; height: 30px; border: 1px solid #bfbfbf; color: #6a6d70; margin-left: 10px; padding: 3px; cursor: pointer;position: relative; display: inline-block;}
  317. .edoc-table-top-block .cols-filter .layui-table-tool-panel{left:auto;right:-1px;}
  318. /* 表格头部高级搜索区域 */
  319. .edoc-advance-query-block{margin-top:15px;transition:height .2s;-webkit-transition:height .2s;}
  320. .edoc-advance-query-block.edoc-hide{height:0;margin:0;border-width:0;overflow:hidden;}
  321. .edoc-advance-query-block.edoc-show{height:200px;}
  322. /* 强行调整原生表格工具栏的位置 */
  323. /* .edoc-table-wrap .layui-table-tool{position:absolute;width:30px;top:0;right:0;background-color:transparent;padding:0;min-height:30px;border:none;}
  324. .edoc-table-wrap .layui-table-tool .layui-table-tool-temp{display:none;}
  325. .edoc-table-wrap .layui-table-tool .layui-table-tool-self{top:0;right:0;}
  326. .edoc-table-wrap .layui-table-tool .layui-table-tool-self .layui-inline[lay-event]{width:30px;height:30px;margin:0;}
  327. .edoc-table-wrap .layui-table-tool .layui-table-tool-self .layui-inline[lay-event]:hover{border-color:#0066CC;color:#0066CC;} */
  328. /* 无头表格头部行样式 */
  329. .edoc-table-wrap .layui-table-view.edoc-noheader{border:none;}
  330. .edoc-table-wrap .layui-table-view.edoc-noheader .layui-table-header{background:none;border:none;}
  331. .edoc-table-wrap .layui-table-view.edoc-noheader .layui-table-header tr{background:none;}
  332. .edoc-table-wrap .layui-table-view.edoc-noheader .layui-table-header th{color:#999999;font-style:italic}
  333. /* 定义表格操作列更多按钮样式 */
  334. .edoc-table-more-btn-wrap { display:none; position:absolute; box-shadow:0 2px 4px rgba(0,0,0,.12); border:1px solid #d2d2d2; background-color:#fff; border-radius:2px; box-sizing:border-box; color:#333333; font-size:14px; line-height:36px; text-align:left; white-space:nowrap; z-index:999; }
  335. .edoc-table-more-btn-wrap .edoc-table-more-btn{cursor:pointer;padding:0 10px;}
  336. .edoc-table-more-btn-wrap .edoc-table-more-btn:not(.layui-disabled):hover {background-color:#f2f2f2;}
  337. .edoc-table-more-btn-wrap .edoc-table-more-btn.haschild{position:relative;padding-right:26px;}
  338. .edoc-table-more-btn-wrap .edoc-table-more-btn.haschild span{padding-right:5px;}
  339. /* .edoc-table-more-btn-wrap .edoc-table-more-btn.haschild .edoc-table-more-btn-wrap{left:97%;} */
  340. .edoc-table-more-btn-wrap .edoc-table-more-btn i{position:absolute;right:10px;}
  341. .edoc-table-more-btn-wrap hr {padding:0;margin:0;}
  342. /* 表格头部行内图标样式 */
  343. .edoc-table-wrap .layui-table-header .layui-icon{font-size:14px;padding-left: 3px;}
  344. /* 表格头部行内全选框样式 */
  345. .edoc-table-wrap .layui-table-header .layui-icon.layui-icon-ok{padding-left: 0px;}
  346. /* 表格内容悬浮按钮样式 */
  347. .table-cell-auto-link{display:none;}
  348. .layui-table-hover .table-cell-auto-link{display:inline-block;}
  349. .layui-table-cell .layui-input{height:28px;margin-top:6px;}
  350. /* 业务数据表格预览内容样式 */
  351. .edoc-preview-window{display:none;padding:10px 20px;}
  352. /* 表格内部的radio样式 */
  353. .layui-table-view .layui-form-radio > i{margin: 0 2px 0 0;line-height: 28px;}
  354. .layui-table-view .layui-form-switch, .layui-table-view .layui-form-checkbox, .layui-table-view .layui-form-radio{margin: 0 5px 0 0;}
  355. .layui-table tbody .layui-form-switch{height: 20px;line-height: 20px;width: 35px;}
  356. .layui-table tbody tr td[align="center"] .layui-form-switch{margin-left: 0;margin-right: 0; display: inline-block;}
  357. /* 表格的单选框列,复选框列的样式 */
  358. .laytable-cell-checkbox {padding:12px 16px 10px;}
  359. .laytable-cell-radio{padding:6px 10px;}
  360. .laytable-cell-checkbox .layui-form-checkbox,.laytable-cell-radio .layui-form-radio{margin: 0 !important;padding: 0 !important;display: block !important;}
  361. /* 表格的固定列的隐藏滚动条样式 */
  362. .layui-table-body.soul-fixed-scroll{overflow: hidden !important;}
  363. /* 表格的分页 */
  364. /* .layui-table-page > div,.layui-table-page .layui-laypage a,.layui-table-page .layui-laypage span{margin-left:10px;} */
  365. .layui-table-page .layui-laypage input{margin-top: 0px;}
  366. .layui-table-page .layui-laypage button{line-height: 22px;}
  367. .layui-table-page .layui-laypage-limits select[lay-ignore] ,.layui-table-view .layui-table-page select[lay-ignore] {background-color: #fff;}
  368. .layui-table-page .layui-laypage input::-webkit-outer-spin-button,
  369. .layui-table-page .layui-laypage input::-webkit-inner-spin-button {-webkit-appearance: none;}
  370. .layui-table-page .layui-laypage input[type="number"]{-moz-appearance: textfield;}
  371. .layui-table-page .layui-laypage input {width: 58px;}
  372. .layui-table-page .layui-laypage .layui-laypage-refresh{margin-left: 0px;}
  373. .layui-table-page .layui-laypage .layui-laypage-refresh{padding: 0px 5px;}
  374. /* 表格头部排序按钮 */
  375. .layui-table-sort .layui-edge{left:0;}
  376. .layui-table-sort .layui-table-sort-asc{border-bottom-color: #bfbfbf;}
  377. .layui-table-sort .layui-table-sort-asc:hover{border-bottom-color: #6A6D70;}
  378. .layui-table-sort .layui-table-sort-desc{border-top-color: #bfbfbf;}
  379. .layui-table-sort .layui-table-sort-desc:hover{border-top-color: #6a6d70;}
  380. .layui-table-sort[lay-sort="asc"] .layui-table-sort-asc{border-bottom-color: #6A6D70;}
  381. .layui-table-sort[lay-sort="desc"] .layui-table-sort-desc{border-top-color: #6a6d70;}
  382. /* 表格底部分页 */
  383. .layui-table-page .layui-laypage button{line-height: 23px;}
  384. /* 添加新的按钮样式 */
  385. .edoc-btn:hover{opacity: 1 !important;}
  386. .layui-btn:hover{opacity: 1 !important;}
  387. .edoc-btn.layui-btn-primary{background-color: #ffffff;}
  388. .layui-btn-link{position:relative;display:inline-block;height:25px;line-height:30px;margin-left:5px;color:#1890ff;cursor:pointer;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;}
  389. .layui-btn-link.gray{color:#797979;}
  390. .layui-btn-link:hover{color:#40a9ff;}
  391. .layui-btn-link .layui-btn-link-more{position:absolute;top:12px;right:-14px;content:'';display:block;width:0;height:0;border-width:6px;border-style:solid;border-color:#797979 transparent transparent;overflow:hidden;cursor:pointer;transition:all .2s;-webkit-transition:all .2s;}
  392. .layui-btn-link:hover .layui-btn-link-more{border-color:#1890ff transparent transparent;}
  393. /* 字段集区块样式 */
  394. /* .layui-elem-field {margin: 0;border-color: #e2e2e8;} */
  395. /* .layui-elem-field legend {margin:0 30px;padding:3px 10px; font-size:16px; color: #999999;background:#f2f2f2; } */
  396. /* .layui-elem-field legend a{color: #999999;} */
  397. /* .layui-field-title {border-style:dashed;} */
  398. .layui-elem-field {border-color: #d9d9d9;}
  399. .layui-elem-field legend {font-size: 20px;color: #32363a;}
  400. .layui-elem-field legend a{color: #32363a;cursor: auto;}
  401. /* 内容分区块 */
  402. .edoc-card .layui-card-header{height:16px;line-height:16px;font-style: normal;color:#000;font-size: 16px;padding: 0px;border: 0px;}
  403. .edoc-card{padding: 0px 0px 30px 0px;margin:0px;box-shadow:none;}
  404. .edoc-card .edoc-introduce{font-size: 14px;color: #8c8c8c;margin-left: 15px;}
  405. .edoc-card .layui-card-body{padding: 0px;margin-top: 15px;color: #32363a;line-height: 14px;font-size: 14px;}
  406. .edoc-card .layui-card-body>li{margin-top: 15px;}
  407. .edoc-card a{color: #1890ff;}
  408. /* 内容分区块边框和单选框测试样式 */
  409. .edoc-test1{border: 1px solid #d7d7d7;width: 600px;margin-top: 20px;margin-left: 20px;padding: 15px;}
  410. .edoc-card .layui-form-radio{display: block;}
  411. /*栏目或分类*/
  412. .edoc-navOpt {background-color:#f2f2f2;width:auto;margin: 0;}
  413. /* 栏目的效果 */
  414. .edoc-navOpt>.layui-nav-item {line-height:45px;position: relative;}
  415. .edoc-navOpt .layui-nav-item>a:hover{background: none;}
  416. .edoc-navOpt .layui-nav-item a{color:#32363a;height:45px;line-height:45px;padding-left:25px;box-sizing: border-box;transition: none;-webkit-transition: none;overflow: visible;}
  417. .edoc-navOpt .layui-nav-item a:first-child>p{display: inline-block;vertical-align: top;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width: 100px;}
  418. .edoc-navOpt .layui-this>a:before {content:"";position:absolute;top:0px;right:0px;bottom:0px;width:4px;height:100%;margin-top:0px;z-index:1;}
  419. .edoc-navOpt>.layui-this{background: none !important;}
  420. .edoc-navOpt a>i{display: inline-block;height: 45px;line-height: 48px;padding-right: 10px;vertical-align: top;}
  421. .edoc-navOpt a>i.fa-square-full{font-weight: bold;}
  422. .edoc-navOpt a>i:first-child{width: 18px;box-sizing: border-box;color: #6a6d70;font-size: 8px;}
  423. /* 个性化图标 */
  424. .edoc-navOpt.special_icon a>i{font-size: 14px;line-height: 45px;}
  425. .edoc-navOpt.special_icon a>i:first-child{width: 24px;}
  426. /* 二级栏目效果 */
  427. .edoc-navOpt>.layui-nav-bar {display: none;}
  428. .edoc-navOpt .layui-nav-itemed:hover{background-color:#f2f2f2;}
  429. .edoc-navOpt .layui-nav-itemed:hover>a{color: #1890ff;}
  430. .edoc-navOpt>.layui-nav-itemed dd{border-width:0;}
  431. .edoc-navOpt>.layui-nav-itemed dd:hover{background:none;}
  432. .edoc-navOpt>.layui-nav-itemed dd a:first-child{padding-left:50px;background-color: #f2f2f2;color: #32363a !important;}
  433. .edoc-navOpt>.layui-nav-itemed>a{color:#32363a!important;}
  434. .edoc-navOpt>.layui-nav-itemed>.layui-nav-child{background-color: #f2f2f2 !important;}
  435. .edoc-navOpt>.layui-nav-itemed .edoc-nav-addnew{background-color: #f2f2f2;}
  436. .edoc-navOpt>.layui-nav-itemed .edoc-nav-addnew.layui-this a:before{content: "";position: absolute;top: 0px;left: 2px;bottom: 0px;width: 4px;height: 100%;margin-top: 0px;background-color: #f2f2f2;z-index: 1;}
  437. .edoc-navOpt>.layui-nav-itemed .edoc-nav-addnew .layui-btn-link{color: #1890ff;background-color: #f2f2f2;padding-left: 36px;}
  438. .edoc-navOpt .layui-nav-child{background-color: #f2f2f2 !important;}
  439. /* 三级栏目 */
  440. .edoc-navOpt>.layui-nav-item>.layui-nav-child .layui-nav-child a{padding:0px 20px 0px 70px;margin: 0px;}
  441. .edoc-navOpt>.layui-nav-item>.layui-nav-child .layui-nav-child .edoc-nav-addnew .layui-btn-link{color: #1890ff !important;}
  442. /* 带子栏目项的箭头 */
  443. .edoc-navOpt.layui-nav .layui-nav-more{border: none;font-size: 16px;right: 20px;top:16px;height: 12px;width: 10px;border-width: 0px;margin: 0px !important;color: #6a6d70;}
  444. /* 栏目中每项的右侧元素 */
  445. .edoc-navOpt .layui-nav-item .edoc-navOpt-r{color: #bb0000;font-style: normal;width: auto;}
  446. /* 操作图标 */
  447. .edoc-navOpt .edoc-navOpt-more{padding: 0px;position: absolute;top: 0px;right: 10px;}
  448. .edoc-nav-icon{display: inline-block;vertical-align: top;height: 20px;position: relative;top: 15px;line-height: 17px;padding-left: 10px;}
  449. .edoc-nav-icon>.layui-icon{padding: 8px 2px;}
  450. .edoc-nav-icon>.layui-icon-more{padding: 8px;}
  451. .edoc-nav-icon.edoc-nav-icon-show{float: right;padding: 5px 0 0 5px;height: 30px;margin-top: -5px;margin-right: -8px;}
  452. /* 悬浮菜单 */
  453. .edoc-navOpt #twoNavOpt .layui-anim{background-color: #fff;box-shadow: 0 2px 4px rgba(0,0,0,.1);border: 1px solid #d9d9d9;border-radius: 2px;}
  454. .edoc-navOpt #twoNavOpt .layui-anim>div{padding-left: 15px;}
  455. .edoc-navOpt #twoNavOpt>div{position: fixed;text-align: left;line-height: 36px;background-color: rgba(0,0,0,0);box-sizing: border-box;color: #32363a;font-size: 12px;z-index: 999;right: 5px;visibility: hidden;}
  456. .edoc-navOpt #twoNavOpt .layui-anim>div:hover{background-color: #f5f5f5;cursor: pointer;}
  457. /* 时间线 */
  458. .timeLine-demo{width: 350px;height: 500px;padding: 20px 10px;border: 1px solid #cccccc;margin: 20px;float: left;}
  459. .edoc-timeline>.layui-timeline-item{padding-bottom: 25px;}
  460. .edoc-timeline>.layui-timeline-item>i{line-height: 20px;}
  461. .edoc-timeline>li>.layui-icon{font-size: 14px;}
  462. .edoc-timeline>li>.layui-text>.layui-timeline-title{font-weight: 400; font-style: normal; color: #74777a;}
  463. .edoc-timeline>.edoc-timeline-item-last:before{ display: none;}
  464. .edoc-timeline .layui-text {line-height: 18px;padding-left: 26px;}
  465. .edoc-timeline>.layui-timeline-item .edoc-timeline-content{color: #32363a;}
  466. .layui-timeline-axis:hover{color: #1890ff;}
  467. .edoc-timeline .fas.fa-check-circle,
  468. .edoc-timeline .fas.fa-times-circle,
  469. .edoc-timeline .fas.fa-paper-plane{font-weight: 400;font-size: 18px;height: 38px;line-height: 38px;top: -8px;}
  470. .edoc-timeline .edoc-timeline-endIcon.fas.fa-check-circle{font-weight: 900;}
  471. .edoc-timeline .fas.fa-times-circle{color: #bb0000 !important;}
  472. /* 时间线—标题—操作 */
  473. .edoc-timeline>.layui-timeline-item .edoc-timeline-title-opt{color: #6a6d70;font-size: 14px;}
  474. .edoc-timeline>.layui-timeline-item .edoc-timeline-title-date{color: #74777a;font-size: 14px;font-family: Tahoma;}
  475. .edoc-timeline>.layui-timeline-item .edoc-timeline-title-user{color: #74777a;font-size: 14px;}
  476. /* --分界线-- */
  477. /* 表单页面,上下结构 */
  478. .edoc-form .layui-input,.edoc-form .layui-textarea,.edoc-form .layui-select{height: 35px;line-height: 35px;margin-top: 15px;}
  479. .edoc-sign-red{color: #bb0000;margin-left: 5px;}
  480. .edoc-form-header{width:100%;margin: 0px 0px 0px 0px;height:16px;line-height: 16px;}
  481. .edoc-form .layui-form-label{width:auto;color: #000;text-align: left;padding: 0px;font-size:16px;line-height: 18px;margin-top: -2px;}
  482. .edoc-form .layui-form-item{padding: 0px 0px 10px 0px;margin-bottom: 0px;}
  483. .edoc-form .edoc-form-two{float: left;width: 50%;}
  484. /* .edoc-form input{color: #32363a;} */
  485. .edoc-form .layui-form-radio {margin-top: 15px;line-height: 14px;}
  486. .layui-checkbox-disbaled[lay-skin="primary"] span{color: #32363a;}
  487. .edoc-form .layui-form-checkbox[lay-skin="primary"] i{width: 16px;height: 16px;line-height: 16px;font-size: 10px;font-weight: 900;box-sizing: border-box;}
  488. /* 表单多选框、下拉框、单选框*/
  489. .edoc-form .layui-form-item .layui-form-checkbox[lay-skin="primary"]{margin-top: 15px;padding-left: 24px;min-height: 14px;}
  490. .edoc-form div[lay-skin='primary']{display: block;padding-top:0px;}
  491. .edoc-form div[lay-skin='primary'] .layui-icon{top: -1px;}
  492. .edoc-form .layui-form-select .layui-anim{top: 37px;border-color: #d9d9d9;box-shadow:0 2px 4px rgba(0,0,0,.1)}
  493. .edoc-form .layui-form-selectup .layui-anim{top: auto !important;bottom: 37px;}
  494. .edoc-table-top-block .edoc-form .layui-form-select .layui-anim{top: 32px;}
  495. .edoc-form .layui-form-radio{display: block;}
  496. .edoc-form div[lay-skin='primary']>i{position: absolute;}
  497. .edoc-form .layui-form-checkbox{display: block;margin-top: 15px;}
  498. .edoc-form .layui-form-checkbox[lay-skin="primary"]{padding-left: 24px;}
  499. .edoc-form .layui-form-checkbox>i{position: relative;}
  500. .edoc-form .layui-form-switch{display: block;height: 20px;line-height: 20px;}
  501. .edoc-form .layui-form-danger.layui-input:hover, .layui-form-danger.layui-textarea:hover{border-color: #bb0000 !important;}
  502. .edoc-form select.layui-form-danger+.layui-form-select .layui-input{border-color: #d9d9d9;}
  503. .layui-form-radio *{color: #32363a;}
  504. .edoc-form .layui-form-radio.layui-disabled div{color: #32363a;}
  505. .edoc-form .layui-textarea{color: #32363a;min-height: 98px;line-height:22px;padding: 4px 12px;resize:none;}
  506. .layui-form-danger:focus, .layui-form-danger+.layui-form-select .layui-input{border-color: #bb0000 !important;}
  507. /* 按钮 */
  508. .edoc-form .layui-btn{border-radius: 2px;}
  509. .edoc-form .layui-btn:hover{opacity: 1; filter:alpha(opacity=100); color: #fff;}
  510. .edoc-form .layui-btn:active{opacity: 1; filter:alpha(opacity=100);}
  511. /* 图标区 */
  512. .edoc-form .edoc-form-icon{position: absolute;top: 40px;right: 7px;width: 38px;height: 38px;line-height:38px;display: inline-block;text-align: center;}
  513. .edoc-form .layui-col-xs6 .edoc-form-icon+input{padding-right: 32px;}
  514. .edoc-form i.layui-icon-triangle-d+input,.edoc-form i.layui-icon-triangle-d+input{padding-right: 32px;}
  515. /* 错误提示 */
  516. .edoc-form .edoc-error-hint{height: 20px;line-height:20px;color:#bb0000;display:block;margin-top: 0px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
  517. .layui-form-danger{border-color: #bb0000 !important;}
  518. /* 外边框 */
  519. .edoc-test2{padding: 15px;width:100%;box-sizing:border-box;}
  520. /* ---- */
  521. /*普通弹窗一*/
  522. .edoc-dialog-body {padding: 0px 0px 59px 0px !important;height: 100%;}
  523. .edoc-dialog-content {overflow-y: auto;height: 100%;padding: 30px 30px 0 30px;}
  524. .edoc-dialog-bottom {position: fixed;bottom: 0px;width: 100%;padding: 11px 15px 11px 15px;border-top: 1px solid #d9d9d9;background-color: #fff;}
  525. .edoc-dialog-bottom .layui-inline{float: right;}
  526. .edoc-dialog-bottom .edoc-dialog-bottom-left{float: left;margin-left: 15px;}
  527. .edoc-dialog-bottom .edoc-dialog-bottom-left .layui-form-checkbox[lay-skin="primary"]{margin-top: 10px;}
  528. .edoc-dialog-layui-input-block {margin-left: 0px;}
  529. .edoc-dialog-bottom .edoc-dialog-btn{height: 35px;min-width: 50px;float: left;font-size: 15px;padding: 0 14px;}
  530. .edoc-dialog-bottom .edoc-dialog-btn>span:first-child{padding-right: 10px;}
  531. .edoc-dialog-btn+.edoc-dialog-btn{margin-left: 10px;}
  532. /*普通弹窗二*/
  533. .edoc-dialog-body-only {padding: 0px;height: 100%;}
  534. .edoc-dialog-body form{height: 100%;}
  535. /* 表格内的tips */
  536. .layui-table-tips .layui-table-tips-c.layui-icon-close{box-sizing: unset;}
  537. /* 表格的带下划线的tips*/
  538. /* .layui-table-tips .layui-layer-content .layui-table-tips-main span.edoc-underline{text-decoration: underline !important;border-bottom: none;} */
  539. /* 表格题名链接 */
  540. .edoc-table-wrap .layui-table td[data-field="title"] .edoc-underline { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 100%; margin-top: 2px; }
  541. /* 弹窗预览 */
  542. .edoc-iframe-item{height: 100%;width: 100%;border: none;}
  543. .edoc-iframe{border: 1px solid #cccccc;margin: 15px;}
  544. .layui-layer-prompt .layui-layer-input{width: 300px !important;}
  545. /* 输入弹窗地址 */
  546. .layui-layer .layui-layer-title{color: #6a6d70;font-weight: bold;}
  547. .layui-layer .layui-layer-setwin{right: 17px;}
  548. div.layui-layer-prompt .layui-layer-content{padding: 30px 30px 25px;}
  549. div.layui-layer-prompt .layui-layer-btn{padding-bottom: 30px;}
  550. div.layui-layer-prompt .layui-layer-btn>a{height: 33px !important;line-height: 33px !important;}
  551. /* 块级标签 */
  552. .edoc-blocktag {display: inline-block; padding: 0 7px 0 10px; border: none; height: 35px;line-height: 35px; border-radius: 2px; background-color: #009688; color: #fff; white-space: nowrap; text-align: center;}
  553. .edoc-blocktag .edoc-blocktag-label{max-width: 160px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: inline-block;}
  554. .edoc-blocktag .edoc-blocktag-label,.edoc-blocktag .edoc-blocktag-icon .layui-icon {font-size: 14px;}
  555. .edoc-blocktag-icon{cursor: pointer;}
  556. .edoc-blocktag-primary { border: 1px solid #bfbfbf; background-color: #ffffff; color: #32363a; line-height: 33px;}
  557. .edoc-blocktag-normal { background-color: #1E9FFF; color: #fff; }
  558. .edoc-blocktag-warn { background-color: #FFB800; color: #fff; }
  559. .edoc-blocktag-danger { background-color: #FF5722; color: #fff; }
  560. .edoc-blocktag-disabled { background-color: #FBFBFB; color: #C9C9C9; border: 1px solid #e6e6e6; cursor: not-allowed; opacity: 1; line-height: 33px;}
  561. .edoc-blocktag-green {background-color: #107e3e; color: #fff;}
  562. .edoc-blocktag-darkGreen{ background-color: rgba(115, 209, 61, 1); color: #fff; cursor: default; }
  563. .edoc-blocktag-lightGreen{ background-color: #F6FFED; color: #52C41A; border: 1px solid #B7EB8F;}
  564. .edoc-blocktag-blue{ background-color: #0a6ed1; color: #FFFFFF; }
  565. .edoc-blocktag-darkBlue{ background-color: #0a6ed1; color: #FFFFFF; }
  566. .edoc-blocktag-orange{ background-color: #e9730c; color: #FFFFFF; }
  567. .edoc-blocktag-red{ background-color: #bb0000; color: #fff; cursor: default; }
  568. .edoc-blocktag-darkGrey{ background-color: #6a6d70; color: #fff; }
  569. .edoc-blocktag-grey{ background-color: #f4f4f4; color: #6a6d70; cursor: default; border: 1px solid #6a6d70; }
  570. /* 在表格中使用时——有边框,带浅色底 */
  571. .layui-table-body .edoc-blocktag-green{border: 1px solid #107e3e; color: #107e3e; background-color: #f1fdf6;}
  572. .layui-table-body .edoc-blocktag-red{border: 1px solid #bb0000; color: #bb0000; background-color: #ffebeb;}
  573. .layui-table-body .edoc-blocktag-darkBlue{border: 1px solid #0a6ed1; color: #0a6ed1; background-color: #f5faff;}
  574. .layui-table-body .edoc-blocktag-blue{border: 1px solid #0a6ed1; color: #0a6ed1; background-color: #f5faff;}
  575. .layui-table-body .edoc-blocktag-orange{border: 1px solid #e9730c; color: #e9730c; background-color: #fef7f1;}
  576. .layui-table-body .edoc-blocktag-darkGrey{border: 1px solid #6a6d70; color: #6a6d70; background-color: #f4f4f4;}
  577. .layui-table-body .edoc-blocktag.edoc-blocktag-xs{padding: 0 9px;}
  578. /* 文字颜色 */
  579. .edoc-text-green{color: #107E3E !important;}
  580. .edoc-text-orange{color: #E9730C !important;}
  581. /* 块级标签—带边框 */
  582. .edoc-blocktag.edoc-blocktag-border.edoc-blocktag-darkGreen{background-color: #E6FFFB;border: 1px solid #87E8DE;color: #13C2C2;}
  583. .edoc-blocktag.edoc-blocktag-border.edoc-blocktag-darkGreen .leftIcon{color: #35C5C2;}
  584. .edoc-blocktag.edoc-blocktag-border.edoc-blocktag-lightBlue{background-color: #e6f7ff;border: 1px solid #91D5FF;color: #1890ff;}
  585. .edoc-blocktag.edoc-blocktag-border.edoc-blocktag-lightBlue .leftIcon{color: #2594FF;margin-top: -1px;}
  586. .edoc-blocktag.edoc-blocktag-border.edoc-blocktag-violet{background-color: #F9F0FF;border: 1px solid #D3ADF7;color: #722ED1;}
  587. .edoc-blocktag.edoc-blocktag-border.edoc-blocktag-violet .leftIcon{color: #8F4CD3;}
  588. .edoc-blocktag.edoc-blocktag-border.edoc-blocktag-pink{background-color: #FFF0F6;border: 1px solid #FFADD2;color: #F5317F;}
  589. .edoc-blocktag.edoc-blocktag-border.edoc-blocktag-pink .leftIcon{color: #F53481;}
  590. .edoc-blocktag.edoc-blocktag-border>span{float: left;line-height: 33px;}
  591. .edoc-blocktag.edoc-blocktag-border>.edoc-blocktag-label{padding: 0 5px;}
  592. /* 块级标签的大小 */
  593. .edoc-blocktag.edoc-blocktag-xs{ height: 21px;line-height: 20px;padding: 0 10px;}
  594. .edoc-blocktag.edoc-blocktag-xs .edoc-blocktag-label{max-width: 130px;}
  595. .edoc-blocktag.edoc-blocktag-xs .edoc-blocktag-label,.edoc-blocktag.edoc-blocktag-xs .edoc-blocktag-icon i {font-size: 11px;}
  596. .edoc-blocktag.edoc-blocktag-border.edoc-blocktag-xs>span{line-height: 18px;}
  597. .edoc-blocktag.edoc-blocktag-sm{height: 30px;line-height: 30px;padding:0 5px 0 7px;}
  598. .edoc-blocktag.edoc-blocktag-sm .edoc-blocktag-label,.edoc-blocktag.edoc-blocktag-sm .edoc-blocktag-icon i {font-size: 14px;}
  599. .edoc-blocktag.edoc-blocktag-border.edoc-blocktag-sm>span{line-height: 28px;}
  600. @-moz-document url-prefix() {
  601. .edoc-blocktag.edoc-blocktag-border.edoc-blocktag-sm>span{line-height: 28px;}
  602. .edoc-blocktag.edoc-blocktag-border.edoc-blocktag-xs>.edoc-blocktag-icon{margin-top: -1px;}
  603. }
  604. .edoc-blocktag.edoc-blocktag-lg{height: 44px;line-height: 44px;padding: 0 9px 0 12px;}
  605. .edoc-blocktag.edoc-blocktag-lg .edoc-blocktag-label,.edoc-blocktag.edoc-blocktag-lg .edoc-blocktag-icon i {font-size: 16px;}
  606. .edoc-blocktag.edoc-blocktag-border.edoc-blocktag-lg>span{line-height: 42px;}
  607. @-moz-document url-prefix() {
  608. .edoc-blocktag.edoc-blocktag-xs{line-height: 18px !important;}
  609. .edoc-blocktag-grey.edoc-blocktag-xs{line-height: 15px !important;}
  610. .edoc-blocktag-lg{line-height: 42px !important;}
  611. .edoc-blocktag-sm{line-height:30px !important;}
  612. }
  613. /* 微调图标 */
  614. .edoc-blocktag.edoc-blocktag-xs .edoc-blocktag-icon .fa-university{font-size: 12px;}
  615. .edoc-blocktag.edoc-blocktag-xs .edoc-blocktag-icon .fa-user{font-size: 10px;}
  616. .edoc-blocktag.edoc-blocktag-xs .edoc-blocktag-icon .fa-sitemap{font-size: 10px;}
  617. .edoc-blocktag.edoc-blocktag-sm .edoc-blocktag-icon .fa-user{font-size: 13px;}
  618. .edoc-blocktag.edoc-blocktag-sm .edoc-blocktag-icon .fa-sitemap{font-size: 12px;}
  619. /* 文本域计算字数 */
  620. .edoc-word-up{float:right;position:relative;bottom:-5px;color: #74777a;}
  621. /* 穿梭框的传递按钮 */
  622. .layui-transfer-active .layui-btn{border: none;background-color: #fff;}
  623. .layui-transfer-active .layui-btn .layui-icon{color: #1890ff;font-size: 18px!important;}
  624. /* 隐藏卡片的样式 */
  625. .edoc-hideCard { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto;text-align: center; height: 30px; line-height: 30px; }
  626. .edoc-hideCard-cardText { font-size: 16px; color: #32363a; }
  627. .edoc-hideCard-cardText .layui-btn-link { margin-left: 10px; color: #1890ff;}
  628. /* 步骤条demo样式 */
  629. .step-item {display: inline-block;line-height: 26px;position: relative;background: #ffffff;}
  630. .step-item-tail {width: 100%;padding: 0 10px;position: absolute;left: 0;top: 13px;}
  631. .step-item-tail i {display: inline-block;width: 100%;height: 1px;vertical-align: top;background: #c2c2c2;position: relative;}
  632. .step-item-tail-done {background: #009688 !important;}
  633. .step-item-head {position: relative;display: inline-block;height: 26px;width: 26px;text-align: center;vertical-align: top;color: #009688;border: 1px solid #009688;border-radius: 50%;background: #ffffff;}
  634. .step-item-head.step-item-head-active {background: #009688;color: #ffffff;}
  635. .step-item-main {background: #ffffff;display: block;position: relative;}
  636. .step-item-main-title {font-weight: bolder;color: #555555;}
  637. .step-item-main-desc {color: #aaaaaa;}
  638. .step-item-head.step-item-head-current {background: #FF5722;color: #ffffff;border: 1px solid #FF5722;}
  639. /* soulTable右键菜单样式 */
  640. #soul-table-contextmenu-wrapper .soul-table-contextmenu{line-height: 36px;box-shadow: 0 2px 4px rgba(0,0,0,.12);border: 1px solid #d2d2d2;border-radius: 2px;box-sizing: border-box;color: #333333;font-size: 12px;text-align: center;}
  641. #soul-table-contextmenu-wrapper .soul-table-contextmenu li{line-height: 36px;padding: 0 22px;}
  642. #soul-table-contextmenu-wrapper .soul-table-contextmenu li:hover{background-color: #f2f2f2;}
  643. /*文本编辑器按钮背景色*/
  644. .edoc-textEditor-btn{background-color:#1890ff !important;}
  645. /* 滑块组件的提示信息 */
  646. .layui-slider-tips{background-color: #1890ff; }
  647. .layui-slider-tips::after{border-color:#1890ff #fff #fff #fff;}
  648. .layui-slider-wrap-btn{border:2px solid #1890ff;}
  649. /* 取消a标签hover */
  650. .edoc-hover-unset:hover{color: #fff;}
  651. /* input框高度 */
  652. .edoc-input-height-30{height: 30px;line-height: 30px;}
  653. /* 字体颜色 */
  654. .edoc-color-gray-medium{color:#666666}
  655. /* 树形组件 */
  656. .far{font-family: 'Font Awesome 5 Free'!important;}
  657. .far.fa-spinner{font-weight: bold;}
  658. body .eleTree{padding-left: 25px;}
  659. .eleTree-node-content-icon .layui-icon.icon-rotate{transform: none !important;}
  660. .layui-icon-triangle-r:before{content: "\f0d4";background-color: #ffffff;position: relative;}
  661. .layui-icon-triangle-r.icon-rotate:before{content: "\e079";background-color: #ffffff;position: relative;}
  662. .eleTree-node-content-icon .layui-icon.leaf-icon:before{/* content: "\f249" !important; */background: none;position: relative;}
  663. .eleTree-node .eleTree-node-content-label{width: auto;padding: 0 3px;border-radius: 2px;margin-left: 0px;max-width: calc(100% - 42px); color: #32363a;margin-top: -2px;font-size:14px;}
  664. .eleTree-node .eleTree-node-content>.eleTree-node-content-icon{margin-right: 5px;}
  665. .eleTree-node-content:hover .eleTree-node-content-icon .layui-icon{color: #777 !important;}
  666. .eleTree-node .eleTree-node-content.eleTree-node-content-active .eleTree-node-content-icon .layui-icon{color: #777 !important;}
  667. .eleTree-node-content:hover .eleTree-node-content-label{background-color: #f5f5f5 !important;color: #32363a !important}
  668. .eleTree-node:before{content: "";height: calc(100% - 18px);border-left: 0px dotted #999;position: absolute;top: 13px;left: 5px;z-index: -1;}
  669. .eleTree-node .eleTree-node-content{padding-left: 0px !important;height: 24px !important;margin-bottom: 4px;padding-bottom: 0px;line-height: 24px;}
  670. .eleTree-node-group{margin-left: 21px;}
  671. .ajaxFrontTree-eleTree-last.eleTree-node:before{display: none;}
  672. .eleTree-node-content-icon .layui-icon{font-size: 14px !important;color: #777 !important;}
  673. .eleTree-node-content .eleTree-node-content-more{position: absolute !important;}
  674. /* .eleTree-node-content .eleTree-node-content-more .fa-bars{color: #1890ff;} */
  675. .fa-plus-square:before{background-color: #f5f5f5;}
  676. .fa-sticky-note:before{background-color: #f5f5f5;}
  677. .eleTree-node-content-icon .layui-icon.icon-rotate:before{content: "\f146";}
  678. .eleTree-more-menu .eleTree-more-item:hover{background-color: #f7f7f7 !important;}
  679. div.eleTree-more-menu{width: max-content;width: -moz-max-content;color: #32363a;}
  680. div.eleTree-more-menu .eleTree-more-item{padding-left: 15px;padding-right: 15px;text-align: left;}
  681. .eleTree-node .eleTree-checkbox{padding-left: 2px;padding-right: 2px;}
  682. .eleTree-node .eleTree-checkbox i{left: 0px;position: relative;font-size: 8px;float: left;top: 2px;}
  683. .eleTree-node .eleTree-checkbox-line:after{top: -2px;}
  684. .eleTree-node .eleTree-checkbox i{border-color: #bfbfbf;}
  685. /* nav下拉选项 */
  686. .layui-nav-child.layui-anim.layui-anim-upbit {
  687. text-align: left !important;
  688. }
  689. /* 人员弹窗 */
  690. .use-pop{width: 400px;position: absolute;z-index: 120;background-color: #ffffff;box-shadow:0px 1px 5px #cccccc;border-radius: 2px;border: 1px solid #EBEBEB;display: none;margin-top: 2px;}
  691. .use-pop .edoc-contentBlock .edoc-contentBlock-head{padding-top: 14px;height: 55px;padding-left: 24px;text-align: left;background-color: #ffffff;}
  692. .use-pop .edoc-contentBlock .edoc-contentBlock-head .edoc-contentBlock-head-font{color: #32363a;font-weight: bold;font-size: 14px;}
  693. .use-pop .edoc-contentBlock-body{overflow-y: hidden;padding:20px 24px 12px 24px !important;}
  694. .use-pop .edoc-contentBlock-head .layui-timeline-axis{right: 19px;left: auto;top: 17px !important;font-size: 16px;color:#74777a}
  695. .use-pop .edoc-contentBlock-head .layui-timeline-axis:hover{color:#1890ff;background-color: #ffffff;}
  696. .use-pop .edoc-contentBlock-head .layui-timeline-axis:active{color:#40a9ff;}
  697. .use-pop .edoc-contentBlock-body ul{padding: 0px;}
  698. .use-pop .edoc-contentBlock-body ul li{list-style-type: none;color: #32363a;padding-bottom: 11px;max-width: 338px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-top: 0px;text-align: left;line-height: 20px;height: 28px;}
  699. .use-pop .edoc-contentBlock-body ul li span{color:#74777a;padding-right:12px;width: auto;margin: 0px;}
  700. .use-pop .edoc-contentBlock-body ul li a{color:#1890ff;text-decoration: underline !important;}
  701. .use-pop .edoc-contentBlock-body ul li .front-no-underline{text-decoration: none !important;color:#32363a;vertical-align: middle;}
  702. /* 详情页内容块 */
  703. .edoc-contentBlock{width: 100%;background-color: #FFFFFF;}
  704. .edoc-contentBlock .edoc-contentBlock-head{height: 65px;box-sizing: border-box;border-bottom: 1px solid #f2f2f2;padding-top: 20px;padding-left: 24px;}
  705. .edoc-contentBlock .edoc-contentBlock-head .edoc-contentBlock-head-font{color: #6a6d70;line-height: 24px;font-size: 16px;}
  706. .edoc-contentBlock .edoc-contentBlock-body{padding-left: 24px;word-break:break-all;}
  707. /* 日期选择框 */
  708. .layui-laydate{margin-top: 2px !important;}
  709. .layui-laydate.laydate-theme-molv .layui-laydate-main .layui-laydate-header{ background-color:#ffffff !important; color: #32363a; border-bottom: 1px solid #d9d9d9; box-shadow: 0px 0px 3px rgba(0,0,0,.12) !important; }
  710. .layui-laydate.laydate-theme-molv .layui-laydate-main .layui-laydate-header .laydate-set-ym span{ color: #6A6D70;font-weight: bolder;}
  711. .layui-laydate.laydate-theme-molv .layui-laydate-header i.laydate-icon{color: #6A6D70;font-size: 10px;}
  712. .layui-laydate.laydate-theme-molv .layui-laydate-header i.laydate-icon:hover{color: #40a9ff;}
  713. .layui-laydate.laydate-theme-molv .layui-laydate-main .layui-laydate-content { border: none; }
  714. .layui-laydate.laydate-theme-molv .layui-laydate-main .layui-laydate-content ul{padding-top: 0px;}
  715. .layui-laydate.laydate-theme-molv .layui-laydate-main .layui-laydate-content ul li{ height: 30px; line-height: 30px; margin: 8px 0; border-radius: 2px; }
  716. .layui-laydate.laydate-theme-molv .layui-laydate-main .layui-laydate-content td.laydate-selected{background-color: #FFF !important;}
  717. .layui-laydate.laydate-theme-molv .layui-laydate-main .layui-laydate-content td{padding-right: 0;padding-left: 0;}
  718. .layui-laydate td.layui-this{background-color: #FFF !important;}
  719. .layui-laydate td.layui-this .edoc-laydate-dayspan{border-radius: 2px;}
  720. .layui-laydate.laydate-theme-molv .layui-laydate-main .layui-laydate-content td.laydate-selected .edoc-laydate-dayspan {background-color: #e6f7ff !important;padding:0 5px;width: 100%;}
  721. .laydate-theme-molv .layui-laydate-footer .laydate-btns-time{}
  722. .layui-laydate-footer .laydate-footer-btns span:hover{color: #fff;}
  723. /* 表格头部工具栏的样式 */
  724. .edoc-table-top-block .layui-btn +.layui-btn{margin-left: 5px;}
  725. .edoc-table-top-block.edoc-form .layui-btn,.edoc-table-top-block .edoc-form .layui-btn{min-width: auto;}
  726. .edoc-username{color:#1890ff;}
  727. /* 吸顶提示 */
  728. .layui-layer-tips:not(.layui-table-tips) .layui-layer-content {color: #32363a !important;padding: 5px 10px !important;}
  729. .noUser{padding-bottom: 14px;text-align: center;color: #74777a;}
  730. .use-pop .edoc-contentBlock-body .noUser{padding-bottom:8px !important;}
  731. .layui-table-view .layui-form-checkbox[lay-skin="primary"] i{width:16px;height: 16px;line-height: 16px;}
  732. /* 上传文件状态居中 */
  733. .statusDom{text-align: center;}
  734. /* 进度条颜色 */
  735. .layui-bg-blue{background-color: #1890ff !important;}
  736. /* 带复选框选择单位弹窗 */
  737. .selectorgfrontmuti .edoc-dialog-bottom{position: fixed;bottom: 0px;width: 100%;padding: 11px 24px 11px 0px;background-color: #ffffff;height: 55px;border-top: 1px solid #d9d9d9;}
  738. .selectorgfrontmuti .edoc-dialog-bottom .layui-inline {float: right;}
  739. .selectorgfrontmuti .edoc-dialog-bottom .edoc-dialog-layui-input-block {margin-left: 0px;min-height: 32px;}
  740. .selectorgfrontmuti .edoc-dialog-bottom .edoc-front-btn {height: 32px;line-height: 26px;border-radius: 2px;padding: 0 16px;background-color: #FFFFFF;color: #32363A;border: 1px solid #bfbfbf;cursor: pointer;-webkit-transition: all .3s cubic-bezier(.645,.045,.355,1);transition: all .3s cubic-bezier(.645,.045,.355,1);}
  741. .selectorgfrontmuti .edoc-dialog-bottom .edoc-front-btn.edoc-front-btn-normal {background-color: #1890ff;color: #FFFFFF;border: none;}
  742. .selectorgfrontmuti .edoc-dialog-content{overflow-y: auto;height: 100%;padding: 24px 24px 0 24px;}
  743. .selectorgfrontmuti .fa-plus-square.icon-rotate:before {background-color: #ffffff;position: relative;}
  744. /* 外单位利用档案详情 */
  745. .split-archdetail{padding-top: 20px !important;}
  746. #hideHtml{display: none;}
  747. .edoc-blocktag.edoc-blocktag-primary.edoc-blocktag-sm>span{float: left;}
  748. .edoc-blocktag.edoc-blocktag-primary.edoc-blocktag-sm span.edoc-blocktag-icon{display: contents;}
  749. .archdestruction-title{display: inline-block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;vertical-align: top;}