|
|
@@ -0,0 +1,535 @@
|
|
|
1
|
+@charset "utf-8";
|
|
|
2
|
+/* CSS Document */
|
|
|
3
|
+
|
|
|
4
|
+*{padding:0;margin:0;font-family:"微软雅黑";font-size: 16px;font-weight:400;color:#555;}
|
|
|
5
|
+html,body{ width:100%; height:100%;}
|
|
|
6
|
+body{background:#edf1fa;}
|
|
|
7
|
+
|
|
|
8
|
+a:link,a:visited,a:active{text-decoration:none;}
|
|
|
9
|
+a:hover{text-decoration:none;color:#333;}
|
|
|
10
|
+a:focus{outline:none;}
|
|
|
11
|
+
|
|
|
12
|
+div,ul,ol,li,dl,dt,dd,p,label{padding:0;margin:0;list-style:none;text-align:left;font-weight:400;}
|
|
|
13
|
+
|
|
|
14
|
+input,button,select{outline:none;}
|
|
|
15
|
+
|
|
|
16
|
+img{border: 0;}
|
|
|
17
|
+*,
|
|
|
18
|
+*:after,
|
|
|
19
|
+*:before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
|
|
|
20
|
+
|
|
|
21
|
+/*主题框架*/
|
|
|
22
|
+
|
|
|
23
|
+.header{position:absolute;z-index:100;top:0;left:0;width:100%;}
|
|
|
24
|
+.left{position:absolute;z-index:98;top:98px;bottom:40px;left:0;}
|
|
|
25
|
+.layout-content{position:absolute;z-index:97;top:98px;bottom:40px;left:240px;right:0;}
|
|
|
26
|
+
|
|
|
27
|
+.footer{background:var(--main-bg);text-align:center;height:40px;line-height:40px;color:#FFF;position:absolute;left:0;right:0;bottom:0;}
|
|
|
28
|
+
|
|
|
29
|
+/*头部样式*/
|
|
|
30
|
+
|
|
|
31
|
+.header{height:94px;background:var(--main-bg);
|
|
|
32
|
+ -moz-box-shadow:0 2px 3px rgba(0,0,0,.3); /* For Firefox3.6+ */
|
|
|
33
|
+ -webkit-box-shadow:0 2px 3px rgba(0,0,0,.3); /* For Chrome5+, Safari5+ */
|
|
|
34
|
+ box-shadow:0 2px 3px rgba(0,0,0,.3);}
|
|
|
35
|
+.header .logo{height:94px; padding-left:36px;display: -webkit-flex;display: flex;float:left;
|
|
|
36
|
+ -webkit-align-items: center;
|
|
|
37
|
+ align-items: center;
|
|
|
38
|
+ -webkit-justify-content: center;
|
|
|
39
|
+ justify-content: center;}
|
|
|
40
|
+
|
|
|
41
|
+/*头部右侧菜单*/
|
|
|
42
|
+.header .nav{float:right;height:94px; padding-right:20px;display: -webkit-flex;display: flex;
|
|
|
43
|
+ -webkit-align-items: center;
|
|
|
44
|
+ align-items: center;
|
|
|
45
|
+ -webkit-justify-content: center;
|
|
|
46
|
+ justify-content: center;}
|
|
|
47
|
+
|
|
|
48
|
+.header .nav > ul > li > a > span{display:inline-block;color:#fff;}
|
|
|
49
|
+
|
|
|
50
|
+.header .nav .dropdown-menu{border-radius:5px;right:0;left:auto;min-width:148px;padding:10px;}
|
|
|
51
|
+.header .nav .dropdown-menu > li > a:hover,
|
|
|
52
|
+.header .nav .dropdown-menu > li > a:focus{color:#fff;background-color:var(--primary-bg);text-decoration:none;}
|
|
|
53
|
+
|
|
|
54
|
+.header .nav .dropdown-menu li{height:auto; border:0; width:100%;}
|
|
|
55
|
+.header .nav .dropdown-menu li a{height:auto;width:100%;text-align:left;color:#666; padding:5px 10px;}
|
|
|
56
|
+.header .nav .dropdown-menu li a i{color:#4c88fe;margin:2px 10px 0 0;}
|
|
|
57
|
+.header .nav .dropdown-menu li a:hover i{color:#FFF}
|
|
|
58
|
+
|
|
|
59
|
+.nav .open > a, .nav .open > a:hover, .nav .open > a:focus{background:none;}
|
|
|
60
|
+
|
|
|
61
|
+.header .nav .dropdown-toggle .icon,.header .nav .dropdown-toggle .iconfont{margin:0 6px;color:#fff;}
|
|
|
62
|
+
|
|
|
63
|
+
|
|
|
64
|
+/*－－－－－－－－－－－－－－－－首页主题－－－－－－－－－－－－－－－*/
|
|
|
65
|
+
|
|
|
66
|
+
|
|
|
67
|
+/*左侧*/
|
|
|
68
|
+.left{background:#fff;width: 240px;-moz-box-shadow:2px 0 3px rgba(0,0,0,.3);-webkit-box-shadow:2px 0 3px rgba(0,0,0,.3);box-shadow:2px 0 3px rgba(0,0,0,.3);}
|
|
|
69
|
+.leftNav{position:absolute; top:10px;right:0;bottom:10px;left:0;overflow-y: auto;padding:10px 0;}
|
|
|
70
|
+.leftNav::-webkit-scrollbar {display:none}
|
|
|
71
|
+
|
|
|
72
|
+.tree-menu{border:0;border-radius:0;}
|
|
|
73
|
+.tree-menu > li{border-left: transparent 3px solid;}
|
|
|
74
|
+
|
|
|
75
|
+.tree-menu li:hover,
|
|
|
76
|
+.tree-menu li:focus,
|
|
|
77
|
+.tree-menu li.active,
|
|
|
78
|
+.tree-menu li.open{background:#f3f7ff;border-color: #4c88fe;}
|
|
|
79
|
+.tree-menu li a{height: 48px; line-height: 48px; color:#6780b1;display:block;padding:0 0 0 20px;border:0;}
|
|
|
80
|
+.tree-menu li a .icon{color:#6780b1;margin-right: 8px;opacity: 1;}
|
|
|
81
|
+.tree-menu li:focus > a,.tree-menu li > a:focus{color:#6780b1;}
|
|
|
82
|
+
|
|
|
83
|
+
|
|
|
84
|
+.tree-menu li:hover > a,
|
|
|
85
|
+.tree-menu li.active > a,
|
|
|
86
|
+.tree-menu li:hover > a .icon,
|
|
|
87
|
+.tree-menu li.active > a .icon,
|
|
|
88
|
+.tree-menu li > a:hover,
|
|
|
89
|
+.tree-menu li > a:active,
|
|
|
90
|
+.tree-menu li:hover > a .iconfont,
|
|
|
91
|
+.tree-menu li.active > a .iconfont,
|
|
|
92
|
+.tree-menu li > a:hover .iconfont,
|
|
|
93
|
+.tree-menu li > a:active .iconfont,
|
|
|
94
|
+.tree-menu li.open > a,
|
|
|
95
|
+.tree-menu li.open > a .icon{background: transparent; color:#4c88fe;opacity: 1;}
|
|
|
96
|
+
|
|
|
97
|
+.tree-menu li > ul{background: #fff;padding:10px 0;border-bottom: #ddd 1px solid;}
|
|
|
98
|
+.tree-menu > li > a{height: 40px; line-height: 40px;color:#555;padding-left:32px;}
|
|
|
99
|
+.tree-menu > li > a .iconfont{color:#555;margin-right:10px;font-size:15px;}
|
|
|
100
|
+
|
|
|
101
|
+.tree-menu > li > a:focus,
|
|
|
102
|
+.tree-menu li.active {background: var(--primary-bg); color:#fff;}
|
|
|
103
|
+.tree-menu > li > a:focus .iconfont,
|
|
|
104
|
+.tree-menu li.active a,
|
|
|
105
|
+.tree-menu li.active a .iconfont{color:#fff;}
|
|
|
106
|
+
|
|
|
107
|
+.tree-menu > li > a > i:nth-of-type(2){display: none;}
|
|
|
108
|
+.tree-menu > li:hover > a > i:nth-of-type(1),
|
|
|
109
|
+.tree-menu > li:focus > a > i:nth-of-type(1),
|
|
|
110
|
+.tree-menu > li.active > a > i:nth-of-type(1),
|
|
|
111
|
+.tree-menu > li > a:focus > i:nth-of-type(1){display: none;}
|
|
|
112
|
+.tree-menu > li:hover > a > i:nth-of-type(2),
|
|
|
113
|
+.tree-menu > li:focus > a > i:nth-of-type(2),
|
|
|
114
|
+.tree-menu > li.active > a > i:nth-of-type(2),
|
|
|
115
|
+.tree-menu > li > a:focus > i:nth-of-type(2){display: inline-block;}
|
|
|
116
|
+
|
|
|
117
|
+.tree-menu li .list-toggle{top:12px;font-size: 18px;font-weight: bold;}
|
|
|
118
|
+.tree-menu li .list-toggle:before,
|
|
|
119
|
+.tree-menu li.open > .list-toggle:before{content: '\e6e1';}
|
|
|
120
|
+
|
|
|
121
|
+/*-----------内容区-----------*/
|
|
|
122
|
+
|
|
|
123
|
+.mainList{padding:15px;}
|
|
|
124
|
+.layout-content > iframe{overflow:auto;height:100%;}
|
|
|
125
|
+.con-middle{margin-right: 235px;}
|
|
|
126
|
+.con-right{width: 220px;float: right;}
|
|
|
127
|
+
|
|
|
128
|
+/*内容块*/
|
|
|
129
|
+.panelGroup{padding:0 30px 30px 0;width: 100%;float: left;}
|
|
|
130
|
+.panelGroup .panel-row-2{width: calc(50% - 30px);float:left;}
|
|
|
131
|
+.panel{margin:5px 30px 30px 30px;background: transparent;border-color: transparent;border-radius:0;box-shadow: none;}
|
|
|
132
|
+.panel > .panel-heading{background: transparent;border-color: transparent; font-size: 16px;color: #6780b1;font-weight: 400;padding:0 0 0 4px;margin-bottom: 10px;}
|
|
|
133
|
+.panel > .panel-heading a{color:#888;}
|
|
|
134
|
+.panel > .panel-heading a:hover{color:#4c88fe;}
|
|
|
135
|
+.panel > .panel-body{background: #fff;padding:20px;z-index: 9;position: sticky;-moz-box-shadow:0 2px 3px rgba(0,0,0,.3); /* For Firefox3.6+ */
|
|
|
136
|
+ -webkit-box-shadow:0 2px 3px rgba(0,0,0,.3); /* For Chrome5+, Safari5+ */
|
|
|
137
|
+ box-shadow:0 2px 3px rgba(0,0,0,.3);}
|
|
|
138
|
+
|
|
|
139
|
+iframe body>.panel{margin:34px 40px 0 40px;}
|
|
|
140
|
+
|
|
|
141
|
+.con-panel-heading{height: 42px;}
|
|
|
142
|
+.con-panel-heading a{background:#d9dfeb;font-size:18px;padding: 10px 20px;border-top: transparent 3px solid;color: #4c88fe;float: left;}
|
|
|
143
|
+
|
|
|
144
|
+.con-panel-heading a.active{background:#fff;border-color: #4c88fe;box-shadow: -1px 2px 2px rgba(0,0,0,.15);min-width: 130px;}
|
|
|
145
|
+.con-panel-heading .iconfont{font-size:20px;color: #4c88fe;margin-right: 12px;vertical-align: baseline;}
|
|
|
146
|
+.con-panel-heading .pull-right a{background:transparent;}
|
|
|
147
|
+
|
|
|
148
|
+
|
|
|
149
|
+/*信息统计*/
|
|
|
150
|
+.count{padding:15px 15px 0 15px;display: flex;}
|
|
|
151
|
+.count > dl{display:block; margin:0 15px;padding: 24px 0 36px 0;border-radius:8px;flex: 1; background: no-repeat bottom center; background-size:cover;position: relative;
|
|
|
152
|
+ -moz-box-shadow:0 2px 3px rgba(0,0,0,.3); /* For Firefox3.6+ */
|
|
|
153
|
+ -webkit-box-shadow:0 2px 3px rgba(0,0,0,.3); /* For Chrome5+, Safari5+ */
|
|
|
154
|
+ box-shadow:0 2px 3px rgba(0,0,0,.3);}
|
|
|
155
|
+.count > dl::before{font-family: "iconfont" !important;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;
|
|
|
156
|
+ font-size: 42px;color: #fff;position: absolute;top:24px;left: 40px;}
|
|
|
157
|
+
|
|
|
158
|
+.count > dl:first-child{background-image:url(../images/count-bg01.svg);}
|
|
|
159
|
+.count > dl:nth-child(2){background-image:url(../images/count-bg02.svg);}
|
|
|
160
|
+.count > dl:nth-child(3){background-image:url(../images/count-bg03.svg);}
|
|
|
161
|
+.count > dl:nth-child(4){background-image:url(../images/count-bg04.svg);}
|
|
|
162
|
+.count > dl:first-child::before{content: "\e61a";}
|
|
|
163
|
+.count > dl:nth-child(2)::before{content: "\e61b";}
|
|
|
164
|
+.count > dl:nth-child(3)::before{content: "\e620";}
|
|
|
165
|
+.count > dl:nth-child(4)::before{content: "\e614";}
|
|
|
166
|
+
|
|
|
167
|
+.count > dl> dt,.count > dl> dd{color:#FFF;}
|
|
|
168
|
+.count > dl> dt{font-size:36px;font-weight: 400;padding-left: 100px;}
|
|
|
169
|
+.count > dl> dd{font-size:16px;padding-left: 104px;}
|
|
|
170
|
+
|
|
|
171
|
+@media screen and (max-width:1400px ) {
|
|
|
172
|
+ .count > dl> dt{font-size:32px;}
|
|
|
173
|
+ .count > dl> dd{font-size:15px;}
|
|
|
174
|
+}
|
|
|
175
|
+
|
|
|
176
|
+@media screen and (max-width:1200px ) {
|
|
|
177
|
+ .count > dl> dt{font-size:28px;}
|
|
|
178
|
+ .count > dl> dd{font-size:14px;}
|
|
|
179
|
+}
|
|
|
180
|
+
|
|
|
181
|
+/* 任务统计 */
|
|
|
182
|
+
|
|
|
183
|
+.selectGroup{margin-bottom:0; text-align:center;}
|
|
|
184
|
+.selectGroup label{background:#a8c0f0;color:#fff;line-height:30px;height:30px;padding:0 20px;font-size:16px;display:inline-block;}
|
|
|
185
|
+.selectGroup select{line-height:30px;height:30px; width:140px; text-align:center; border:#a8c0f0 1px solid;text-align-last: center;margin-left: -6px;vertical-align: top;}
|
|
|
186
|
+
|
|
|
187
|
+/* 军供任务&任务评价 */
|
|
|
188
|
+
|
|
|
189
|
+.task> ol > li > span,.appraise> ol > li > span{display:inline-block;width:30%; text-align:center; font-weight:bold;}
|
|
|
190
|
+.task> ol > li > span:first-child,
|
|
|
191
|
+.appraise> ol > li > span:first-child{text-align:left;padding-left: 5px;}
|
|
|
192
|
+.task> ol > li > span:first-child{width:40%;}
|
|
|
193
|
+.appraise> ol > li > span:nth-of-type(n+2){width:23.333%;}
|
|
|
194
|
+
|
|
|
195
|
+.task> ul,.appraise> ul{ display:block;}
|
|
|
196
|
+.task> ul > li,.appraise> ul > li{padding:6px 0; margin:10px 0; display:block;clear:both;}
|
|
|
197
|
+.task> ul > li:nth-child(odd),.appraise> ul > li:nth-child(odd){background:#f3f5f9;}
|
|
|
198
|
+
|
|
|
199
|
+.task> ul > li > a > h2,.appraise> ul > li > a > h2{font-size:16px;font-weight:400;margin:0;display:inline-block;color:#555;padding-left: 5px;}
|
|
|
200
|
+.task> ul > li > a > h2{width:40%;}
|
|
|
201
|
+.appraise> ul > li > a > h2{width:30%;}
|
|
|
202
|
+.task> ul > li > a > span,.appraise> ul > li > a > span{display:inline-block;text-align:center;}
|
|
|
203
|
+.task> ul > li > a > span{width:30%;}
|
|
|
204
|
+.appraise> ul > li > a > span{width:23.333%;}
|
|
|
205
|
+
|
|
|
206
|
+/* 军供保障能力 */
|
|
|
207
|
+.info-text{padding-bottom: 4px;margin: 0 -2px}
|
|
|
208
|
+.info-text .label{margin:0 2px 8px 2px;display: inline-block;line-height: 21px;padding: 2px 8px;}
|
|
|
209
|
+.info-text .label:nth-child(6n+1){background:#27aaee;}
|
|
|
210
|
+.info-text .label:nth-child(6n+2){background:#97a6f5;}
|
|
|
211
|
+.info-text .label:nth-child(6n+3){background:#e69192;}
|
|
|
212
|
+.info-text .label:nth-child(6n+4){background:#e2be26;}
|
|
|
213
|
+.info-text .label:nth-child(6n+5){background:#72bfa5;}
|
|
|
214
|
+.info-text .label:nth-child(6n+6){background:#82c247;}
|
|
|
215
|
+
|
|
|
216
|
+.info-list li{padding:5px 0;width: 100%;float: left;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
|
|
|
217
|
+.info-list li > span{min-width:80px;float: right;white-space: nowrap;text-align: center;}
|
|
|
218
|
+.info-list li:nth-child(odd){background:#f3f5f9;}
|
|
|
219
|
+
|
|
|
220
|
+/*----------------列表页---------------------*/
|
|
|
221
|
+/*编辑栏*/
|
|
|
222
|
+
|
|
|
223
|
+.editBar{clear:both;display:block;margin-top:10px;margin-bottom:-15px;}
|
|
|
224
|
+.editBar .btn-group{margin:0 10px 15px 0;}
|
|
|
225
|
+.editBar .btn-group a.btn,
|
|
|
226
|
+.editBar .input-group .input-group-addon,
|
|
|
227
|
+.editBar .form-control,
|
|
|
228
|
+.editBar .input-group-btn .btn{height: 36px;font-size:16px;line-height: 26px;color:#555;padding: 4px 20px;border-radius: 0;}
|
|
|
229
|
+
|
|
|
230
|
+.editBar .btn-group a.btn{background:#f8f8f8;}
|
|
|
231
|
+.editBar .btn .icon{margin-right:8px;}
|
|
|
232
|
+.editBar .input-group{min-width:190px;vertical-align:middle;display: inline-flex;margin-bottom: 15px;}
|
|
|
233
|
+.editBar .input-group .input-group-addon{width:auto;background:#f8f8f8;}
|
|
|
234
|
+
|
|
|
235
|
+.editBar .form-control{margin: 0 -1px;}
|
|
|
236
|
+.editBar .input-group-btn .btn{border-color: transparent;color: #fff;}
|
|
|
237
|
+.editBar .input-group-btn .btn .icon{color:#fff;}
|
|
|
238
|
+
|
|
|
239
|
+.editBar .selectTree{background:#FFF;border:#CCC 1px solid;height:260px;padding-left:10px;left:0; right:0;top:28px;z-index:999;overflow:auto;display:block;border-radius:4px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:0 4px 5px rgba(0,0,0,.15);box-shadow:0 4px 5px rgba(0,0,0,.15);}
|
|
|
240
|
+.editBar .selectIcon{top:5px;right:10px;z-index:9998;}
|
|
|
241
|
+.editBar .form-control[readonly]{background:none; cursor:pointer;}
|
|
|
242
|
+.editBar .btn[disabled]{pointer-events: none;
|
|
|
243
|
+ cursor: not-allowed;
|
|
|
244
|
+ filter: alpha(opacity=100);
|
|
|
245
|
+ -webkit-box-shadow: none;
|
|
|
246
|
+ box-shadow: none;
|
|
|
247
|
+ opacity: 1;}
|
|
|
248
|
+
|
|
|
249
|
+
|
|
|
250
|
+/*表格*/
|
|
|
251
|
+
|
|
|
252
|
+.conCoverTable{margin-top:20px;}
|
|
|
253
|
+.table > thead > tr > th{background: #f0f2f7; border-bottom: #d9dfeb 1px solid;padding:8px 10px;text-align: center;}
|
|
|
254
|
+.table td{border-color: transparent;text-align: center;}
|
|
|
255
|
+.table > tbody > tr:nth-of-type(even){background: #f8f8f8;}
|
|
|
256
|
+.table > tbody > tr:hover{background: #f0f2f7;cursor: pointer;}
|
|
|
257
|
+.table > tbody > tr td .btn{margin-right: 10px;}
|
|
|
258
|
+.table > tbody > tr td .btn:last-child{margin-right: 0;}
|
|
|
259
|
+
|
|
|
260
|
+/*表格折叠*/
|
|
|
261
|
+.conForm button .icon-double-angle-down,
|
|
|
262
|
+.conForm button.collapsed .icon-double-angle-up{display:none;}
|
|
|
263
|
+.conForm button.collapsed .icon-double-angle-down,
|
|
|
264
|
+.conForm button .icon-double-angle-up{display:block;line-height:16px;}
|
|
|
265
|
+.conForm .icon-double-angle-up,.mainFormCon .conCover .collapsed .icon-double-angle-down{display:block;line-height:16px;}
|
|
|
266
|
+.conForm .title button.btn-mini{padding:3px 5px;}
|
|
|
267
|
+
|
|
|
268
|
+/*分页样式*/
|
|
|
269
|
+
|
|
|
270
|
+.mainPager{line-height:26px;}
|
|
|
271
|
+
|
|
|
272
|
+.mainPager .pager{margin:0 10px 0 0;float:left;}
|
|
|
273
|
+.mainPager .pager li{float:left;}
|
|
|
274
|
+.pager > li > a{padding:4px 12px;color: #555;}
|
|
|
275
|
+.mainPager > span .btn{vertical-align:middle;padding:5px 15px;border:0;border-radius: 0;}
|
|
|
276
|
+.mainPager .form-condensed .form-control{width:48px;font-size: 16px;text-align:center;padding:0 6px; display:inline-block; min-height:34px;height:34px;margin:0 8px;border-radius: 0;}
|
|
|
277
|
+
|
|
|
278
|
+.pager > .active > a, .pager > .active > span, .pager > .active > a:hover, .pager > .active > span:hover, .pager > .active > a:focus, .pager > .active > span:focus{background-color:#2784c0;}
|
|
|
279
|
+.pager > li:first-child > a, .pager > li:first-child > span,
|
|
|
280
|
+.pager > li:last-child > a, .pager > li:last-child > span{border-radius: 0;}
|
|
|
281
|
+
|
|
|
282
|
+.mainPager .text-red{margin: 0 5px;}
|
|
|
283
|
+
|
|
|
284
|
+/*----------------------表单页面样式－－－－－－－－－－－－－－*/
|
|
|
285
|
+
|
|
|
286
|
+.conForm .title{margin-bottom:20px;padding:0 20px;height:40px;font-size:16px;line-height:40px;font-weight: 400; background:#f0f2f7;width: 100%;display: inline-block;}
|
|
|
287
|
+.conForm h1:nth-of-type(1){margin-top: 0;}
|
|
|
288
|
+.conForm .form-group{margin-bottom:20px;padding-left:40px;display:flow-root}
|
|
|
289
|
+.conForm .form-group>label{line-height:30px;font-weight:400;color:#888;display: table;}
|
|
|
290
|
+.conForm .form-group>label + div{padding:0;min-height:36px;position:relative;}
|
|
|
291
|
+
|
|
|
292
|
+.form-control{border-radius: 0;min-height: 36px;font-size: 16px;line-height: 26px;}
|
|
|
293
|
+.form-control::-webkit-input-placeholder {color: #aaa;}
|
|
|
294
|
+.form-control::-moz-placeholder {color: #aaa;}
|
|
|
295
|
+.form-control::placeholder {color: #aaa;}
|
|
|
296
|
+
|
|
|
297
|
+.radio-inline, .checkbox-inline{line-height:36px;margin-right:20px;}
|
|
|
298
|
+.radio-inline input[type="radio"], .checkbox-inline input[type="checkbox"]{margin-top:12px;}
|
|
|
299
|
+
|
|
|
300
|
+.form-border {width: 100%;border-top: #ededed 1px solid;padding-top: 20px;position: relative;float: left;}
|
|
|
301
|
+.title + .form-border {border-top: 0;padding-top: 0;}
|
|
|
302
|
+.form-border .editGroup{position: absolute;top: 50%;right: 40px;margin-top: -20px;}
|
|
|
303
|
+.form-border .editGroup .btn{padding: 15px;}
|
|
|
304
|
+
|
|
|
305
|
+.contacts-add {text-align: center;width: 100%;padding: 20px 0;float: left;}
|
|
|
306
|
+.contacts-add .btn{background: #f3f7ff;color: #4c88fe;width: 30%;border: #a8c0f0 1px dotted;height: 40px;line-height: 30px;}
|
|
|
307
|
+.contacts-add .btn .icon{color: #4c88fe;}
|
|
|
308
|
+
|
|
|
309
|
+.btnEnd{text-align:center;padding:20px 0; width: 100%;float: left;}
|
|
|
310
|
+.btnEnd .btn{background: #d9dfeb;margin:0 40px; font-size:16px;height: 40px;line-height: 30px;width: 180px;border: 0;}
|
|
|
311
|
+.btnEnd .btn-primary{background: #4c88fe;}
|
|
|
312
|
+
|
|
|
313
|
+.btn{border-radius: 0;}
|
|
|
314
|
+
|
|
|
315
|
+.conForm .form-group label.error{color:#f00;}
|
|
|
316
|
+.conForm .form-group input.error,.conForm .form-group select.error,.conForm .form-group>div label.error{border-color: #f00;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(255, 0, 0, .6);
|
|
|
317
|
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(255, 0, 0, .6);}
|
|
|
318
|
+.conForm .form-group>div label.error{position:absolute;top:-2px;left:104%;background: #fff;padding:4px 15px;white-space:nowrap;border: #f00 1px solid;z-index:99;}
|
|
|
319
|
+.conForm .form-group>div label.error:before{content:"";border-top: #f00 1px solid;border-left: #f00 1px solid;width:12px;height:12px;display:block;position:absolute;top:50%;left:-6px;margin-top:-6px;background:#fff;
|
|
|
320
|
+ transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);}
|
|
|
321
|
+
|
|
|
322
|
+.conForm .form-group>div.col-sm-10 label.error{left:102%;}
|
|
|
323
|
+
|
|
|
324
|
+.form-control[disabled],
|
|
|
325
|
+.form-control[readonly],
|
|
|
326
|
+fieldset[disabled] .form-control {background-color: #f5f5f5;}
|
|
|
327
|
+
|
|
|
328
|
+.dateGroup{}
|
|
|
329
|
+.dateGroup span{width: calc(50% - 15px);float: left;}
|
|
|
330
|
+.dateGroup .form-control[disabled],
|
|
|
331
|
+.dateGroup .form-control[readonly],
|
|
|
332
|
+.form-date[readonly],.form-date[disabled]{background-color: #fff;}
|
|
|
333
|
+
|
|
|
334
|
+.uploader{margin:0 20px;clear: both;}
|
|
|
335
|
+.uploader .btn-link {background: #f8f8f8;border-color: #DDD;color: #353535;margin-top: 10px;}
|
|
|
336
|
+.uploader .actions .btn-link{margin:0;}
|
|
|
337
|
+.uploader .file-list-grid{min-height: 0;}
|
|
|
338
|
+.uploader .divider {border: 0;}
|
|
|
339
|
+.file-list-grid .file-wrapper>.content {margin: 0;}
|
|
|
340
|
+
|
|
|
341
|
+.uploader .file-icon .icon{line-height: 32px;}
|
|
|
342
|
+
|
|
|
343
|
+.list-unstyled>p{padding-bottom: 20px;}
|
|
|
344
|
+.list-unstyled>li input[type="radio"]{margin:0 10px 0 20px;}
|
|
|
345
|
+
|
|
|
346
|
+
|
|
|
347
|
+/* 帮助输入提示信息 */
|
|
|
348
|
+.form-group .help,.conForm .title .help{display: inline-block;margin-right: 5px;cursor: pointer;position: relative;}
|
|
|
349
|
+.form-group .help .icon,.conForm .title .help .icon{font-size: 20px;color: #4c88fe;}
|
|
|
350
|
+.form-group .help:hover .popover,
|
|
|
351
|
+.conForm .title .help:hover .popover,
|
|
|
352
|
+.popover:hover{display: block;}
|
|
|
353
|
+
|
|
|
354
|
+.conForm .title .help{margin-left: 8px;vertical-align: text-bottom;}
|
|
|
355
|
+
|
|
|
356
|
+.popover {width: 300px;text-align: left;white-space: normal;background-color: #fff;border: 1px solid #ddd;border-radius: 4px;display: none;
|
|
|
357
|
+ position: absolute;top: -30px;left: 18px;z-index: 1010;margin-left: 10px;
|
|
|
358
|
+ -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
|
|
|
359
|
+ box-shadow: 0 5px 10px rgba(0, 0, 0, .2);}
|
|
|
360
|
+.popover-title {padding: 0 14px;margin: 0;font-size: 16px;font-weight: normal;line-height: 36px;color: #fff;background-color: #4c88fe;border-radius: 4px 4px 0 0;}
|
|
|
361
|
+.popover-content {padding: 9px 14px;}
|
|
|
362
|
+.popover .arrow,
|
|
|
363
|
+.popover .arrow:after {position: absolute;display: block;width: 0;height: 0;border-color: transparent;border-style: solid;}
|
|
|
364
|
+.popover .arrow {border-width: 11px;top: 34px;left: -11px;border-right-color: #999;border-right-color: rgba(0, 0, 0, .25);border-left-width: 0;}
|
|
|
365
|
+.popover .arrow:after {content: "";border-width: 10px;bottom: -10px;left: 1px;border-right-color: #fff;border-left-width: 0;}
|
|
|
366
|
+/* 添加组 */
|
|
|
367
|
+
|
|
|
368
|
+.add-group{width:128px; padding:20px 0;display:inline-block;background:#f8f8f8;border:#EEE 1px solid;text-align:center; vertical-align:bottom;}
|
|
|
369
|
+.add-group i{line-height:64px;font-size:64px;color:#DDD;}
|
|
|
370
|
+.add-group h3{text-align:center;}
|
|
|
371
|
+
|
|
|
372
|
+.form-group .add-group{height:126px;}
|
|
|
373
|
+.form-group .add-group i{line-height:56px;}
|
|
|
374
|
+.form-group .add-group h3{margin-top:15px;color:#888;}
|
|
|
375
|
+
|
|
|
376
|
+.edit-photo{background:#f8f8f8;border:#EEE 1px solid;padding:2px;width:166px;height:126px;display:inline-block;}
|
|
|
377
|
+.edit-photo img{width:160px;height:120px;}
|
|
|
378
|
+
|
|
|
379
|
+.photo{}
|
|
|
380
|
+.photo > div{text-align:center;margin:10px 20px;display:inline-block; position:relative;}
|
|
|
381
|
+.photo > div a img{background:#f8f8f8;border:#EEE 1px solid;padding:3px;width:160px;height:120px;margin:0 auto;}
|
|
|
382
|
+.photo > div a h3{display:block;text-align:center;margin:15px 0 0 0;}
|
|
|
383
|
+
|
|
|
384
|
+.photo .close{top:-10px;right:-10px;}
|
|
|
385
|
+
|
|
|
386
|
+/*表单嵌套菜单树*/
|
|
|
387
|
+.frameTreeBor{width:100%;height:400px;overflow:auto;display: block;vertical-align: middle;border:1px solid #DDD;border-radius:4px; margin-left:-6px;
|
|
|
388
|
+ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
|
|
|
389
|
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
|
|
|
390
|
+ -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
|
|
|
391
|
+ -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
|
|
|
392
|
+ transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;}
|
|
|
393
|
+
|
|
|
394
|
+
|
|
|
395
|
+/*-------------------查看页----------------------*/
|
|
|
396
|
+
|
|
|
397
|
+.view-info span{padding:3px 0;}
|
|
|
398
|
+.view-info>div>label,.view-info>.form-border>div>label{display:inline-block;min-width:128px;text-align:right;margin:0 10px 0 40px;color:#999;font-weight:400;line-height:36px;}
|
|
|
399
|
+.view-info .name{color:#ff9c00;font-size:18px; width:100%;margin:0 0 15px 0;}
|
|
|
400
|
+.view-info .name .btn{margin-left:20px;}
|
|
|
401
|
+.view-info .name .btn i{margin-right:8px;}
|
|
|
402
|
+.view-info .text{padding:0 30px;line-height: 28px;}
|
|
|
403
|
+
|
|
|
404
|
+/* 年份切换 */
|
|
|
405
|
+.changeYear{text-align: center;padding:0 80px 20px 0;}
|
|
|
406
|
+.changeYear>span{display: inline-block; margin: 0 auto;}
|
|
|
407
|
+.changeYear .changeBtn{background: #a8c0f0; border: 0; color: #fff;line-height: 30px;height: 30px;padding: 0 20px;float: left; cursor: pointer;}
|
|
|
408
|
+.changeYear .changeBtn:disabled{opacity: .4;cursor:default;}
|
|
|
409
|
+.changeYear .text{font-size: 16px;color:#598ed6;line-height: 28px;height: 30px;width: 140px;text-align: center;border: #a8c0f0 1px solid;float: left;}
|
|
|
410
|
+.arrow-left,.arrow-right{width:6px;height:6px;transform: rotate(45deg);-webkit-transform: rotate(45deg);display: block;border: 2px solid transparent;margin-top:11px;}
|
|
|
411
|
+.arrow-left {border-bottom-color: #fff;border-left-color: #fff;}
|
|
|
412
|
+.arrow-right{border-right-color: #fff;border-top-color: #fff;}
|
|
|
413
|
+
|
|
|
414
|
+/*-------------底部--------------*/
|
|
|
415
|
+.foot{text-align:center; padding:40px;}
|
|
|
416
|
+
|
|
|
417
|
+.foot span{display:inline-block;padding-left:30px;}
|
|
|
418
|
+
|
|
|
419
|
+
|
|
|
420
|
+.conArea{margin:12px 12px 0 12px;padding:10px;background:#FFF;
|
|
|
421
|
+ -moz-box-shadow:0 1px 2px rgba(0,0,0,.2); /* For Firefox3.6+ */
|
|
|
422
|
+ -webkit-box-shadow:0 1px 2px rgba(0,0,0,.2); /* For Chrome5+, Safari5+ */
|
|
|
423
|
+ box-shadow:0 1px 2px rgba(0,0,0,.2);}
|
|
|
424
|
+
|
|
|
425
|
+/*按钮*/
|
|
|
426
|
+.btn{font-size:16px;padding:5px 15px;outline: 0;}
|
|
|
427
|
+.btn-sm,
|
|
|
428
|
+.btn-xs,
|
|
|
429
|
+.btn-mini,
|
|
|
430
|
+.form-condensed .btn{padding:3px 12px;font-size:16px;}
|
|
|
431
|
+
|
|
|
432
|
+a.btn-primary ,a:visited.btn-primary,
|
|
|
433
|
+a.btn-success ,a:visited.btn-success,
|
|
|
434
|
+a.btn-danger ,a:visited.btn-danger,
|
|
|
435
|
+a.btn-warning ,a:visited.btn-warning,
|
|
|
436
|
+.btn-primary ,
|
|
|
437
|
+.btn-success ,
|
|
|
438
|
+.btn-danger ,
|
|
|
439
|
+.btn-warning {color:#FFF;}
|
|
|
440
|
+
|
|
|
441
|
+.btn:focus {outline:0;}
|
|
|
442
|
+
|
|
|
443
|
+.text-primary{color:#fe4545;}
|
|
|
444
|
+
|
|
|
445
|
+@media (min-width: 768px) {
|
|
|
446
|
+ .modal-dialog {
|
|
|
447
|
+ width: 880px;
|
|
|
448
|
+ margin: 30px auto;
|
|
|
449
|
+ -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
|
|
|
450
|
+ box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
|
|
|
451
|
+ }
|
|
|
452
|
+}
|
|
|
453
|
+
|
|
|
454
|
+/*弹出窗口*/
|
|
|
455
|
+.modal-dialog{width:880px;border-radius: 0;background:none;}
|
|
|
456
|
+.body-modal{width:100%;background:#FFF;min-height:480px;max-height:680px;padding-bottom:95px;overflow-y:auto;display:table;}
|
|
|
457
|
+.modal-title-name{font-size:16px;}
|
|
|
458
|
+
|
|
|
459
|
+.modal-header{background:var(--main-bg);border:0; padding:8px 20px;}
|
|
|
460
|
+.modal-header .modal-title-name{color:#FFF;}
|
|
|
461
|
+.modal-header button.close{color:#FFF;font-weight:500;font-size:24px; opacity:.4;}
|
|
|
462
|
+
|
|
|
463
|
+.body-modal .panel{margin: 0;}
|
|
|
464
|
+.body-modal .panel>.panel-body{margin:0;box-shadow:none;padding-top: 0;}
|
|
|
465
|
+.body-modal .panel>.con-panel-heading{display:none;}
|
|
|
466
|
+
|
|
|
467
|
+.body-modal .btnEnd,
|
|
|
468
|
+.modal-btnEnd{text-align:center;padding:15px 0 20px 0;background:#f8f8f8; border-top:#DDD 1px solid;position:fixed;left:0;right:0;bottom:0;}
|
|
|
469
|
+.body-modal .btnEnd .btn,
|
|
|
470
|
+.modal-btnEnd .btn{padding:5px 30px;margin:0 20px; font-size:16px;letter-spacing:4px;width:auto;line-height: 30px;}
|
|
|
471
|
+
|
|
|
472
|
+.modal-content{background: #fff;}
|
|
|
473
|
+/*日期样式*/
|
|
|
474
|
+
|
|
|
475
|
+.datetimepicker-days{ padding:10px 20px;}
|
|
|
476
|
+
|
|
|
477
|
+/*服务评价统计*/
|
|
|
478
|
+.serve {overflow: hidden;clear: both;}
|
|
|
479
|
+.serve dl{background:#f5f5f5;width: calc(33.333% - 10px);margin:0 5px;float:left;}
|
|
|
480
|
+.serve dl dt{width:100%;text-align:center;height:30px;font-size: 16px;margin-top:8px;}
|
|
|
481
|
+.serve dl dd{background:#fff; padding:15px 0;text-align:center;margin:0 8px 8px 8px;}
|
|
|
482
|
+.serve dl dd a{width:32%;display:inline-block;text-align:center;text-decoration:none;color:#555;}
|
|
|
483
|
+.serve dl dd a span{border-radius:50%;width:68px;height:68px;line-height:68px;display:block;text-align:center;color:#FFF;font-size:20px;margin:0 auto 10px auto;}
|
|
|
484
|
+
|
|
|
485
|
+.serve dl dd a:nth-child(1)>span{background:#ff7575;}
|
|
|
486
|
+.serve dl dd a:nth-child(2)>span{background:#95b8e7;}
|
|
|
487
|
+.serve dl dd a:nth-child(3)>span{background:#aaa;}
|
|
|
488
|
+
|
|
|
489
|
+.serve dl.gray{-webkit-filter: grayscale(100%);filter: grayscale(100%);user-select:none;cursor: context-menu;}
|
|
|
490
|
+.serve dl.gray dd{opacity: .6;}
|
|
|
491
|
+.serve dl.gray dd a{cursor: default;}
|
|
|
492
|
+
|
|
|
493
|
+/* radio checkbox */
|
|
|
494
|
+.form-group.col-xs-12>div.checkboxStyle{margin-bottom:-30px;}
|
|
|
495
|
+.radioStyle,.checkboxStyle{margin-bottom:-15px;}
|
|
|
496
|
+.radioStyle input,
|
|
|
497
|
+.checkboxStyle input {display: none}
|
|
|
498
|
+.radioStyle label,
|
|
|
499
|
+.checkboxStyle label {min-width: 102px;border: 1px solid #ddd;font-size:16px;line-height: 34px;text-align: center;margin: 0 15px 15px 0;padding: 0 20px;position: relative;cursor: pointer;}
|
|
|
500
|
+.radioStyle input:checked+label,
|
|
|
501
|
+.checkboxStyle input:checked+label{border-color: #8daef7;color: #4c88fe;}
|
|
|
502
|
+.radioStyle input:checked+label:before,
|
|
|
503
|
+.checkboxStyle input:checked+label:before {content: "";border: transparent 5px solid;border-right-color: #8daef7;border-bottom-color: #8daef7;position: absolute;right: 0;bottom: 0;}
|
|
|
504
|
+.radioStyle input:disabled+label,
|
|
|
505
|
+.checkboxStyle input:disabled+label {opacity: 0.6;background: #f5f5f5;}
|
|
|
506
|
+
|
|
|
507
|
+/* 下拉菜单多选 */
|
|
|
508
|
+.panel-body .chosen-container-multi .chosen-choices{border-radius:0;height:36px;line-height:26px;padding: 2px 10px;border-right:0;min-width: 220px;display: flex;}
|
|
|
509
|
+.panel-body .chosen-container-multi .chosen-choices li.search-choice{line-height: 24px;padding-top:0;padding-bottom:0;margin:2px 3px;float: left;}
|
|
|
510
|
+.panel-body .chosen-container-multi .chosen-choices li.search-choice span{white-space:nowrap;}
|
|
|
511
|
+.panel-body .chosen-container-multi .chosen-choices li.search-choice .search-choice-close{line-height:20px;}
|
|
|
512
|
+.panel-body .chosen-container-multi .chosen-choices li.search-field{display:none;}
|
|
|
513
|
+
|
|
|
514
|
+hr{width: calc(100% - 34px);overflow: hidden;display: inline-block;margin: 15px;border-color: #e6e6e6;}
|
|
|
515
|
+
|
|
|
516
|
+/* 1280兼容 */
|
|
|
517
|
+@media (max-width: 1280px) {
|
|
|
518
|
+.panel{margin:0 15px 30px 15px}
|
|
|
519
|
+.left{width: 180px;}
|
|
|
520
|
+.layout-content{left:180px;}
|
|
|
521
|
+
|
|
|
522
|
+.count > dl{margin: 0 10px;}
|
|
|
523
|
+.panelGroup{padding: 0 15px 30px 0;}
|
|
|
524
|
+.panelGroup .panel-row-2{width: calc(50% - 15px);}
|
|
|
525
|
+.panelGroup .panel > .panel-body{padding: 20px 10px;}
|
|
|
526
|
+
|
|
|
527
|
+.editBar .btn-group{margin-right: 5px;}
|
|
|
528
|
+.editBar .btn-group a.btn, .editBar .input-group .input-group-addon, .editBar .form-control, .editBar .input-group-btn .btn{padding: 4px 15px;}
|
|
|
529
|
+.editBar .btn .icon{margin-right: 4px;}
|
|
|
530
|
+
|
|
|
531
|
+.panel-body .chosen-container{max-width: ;}
|
|
|
532
|
+.panel-body .chosen-container-multi .chosen-choices{min-width: 160px;padding: 2px 5px;}
|
|
|
533
|
+}
|
|
|
534
|
+
|
|
|
535
|
+
|
