|
@ -142,23 +142,65 @@ ul.loginWaySort li.liactive{border-bottom: 2px solid #ff9900;}
|
142
|
142
|
/*--------------发现--------------*/
|
143
|
143
|
.contentCon{padding-top:80px;}
|
144
|
144
|
.leftconBox{width:820px;padding-bottom:20px;margin-bottom:20px;background: #FFFFFF;}
|
145
|
|
.table-item{/*padding:10px;*/}
|
146
|
|
.table-item>li{position:relative;padding:25px 20px;}
|
147
|
|
.table-item>li:after{content:"";position:absolute; left:0; right:0; bottom:0;height: 2px;background: #f7f7f8;}
|
148
|
|
.table-item-media{height: 40px;margin-bottom:20px;}
|
149
|
|
.table-item-media .table-item-logo{position:absolute;border:1px solid #f2f3f4;display: inline-block;width: 40px; height:40px;z-index:4;}
|
150
|
|
.table-item-media .table-item-name{position:relative;width:90%;padding-left:50px;}
|
151
|
|
.table-item-media .table-item-name .nameSpan{color:#000;font-size: 16px;line-height: 18px;}
|
152
|
|
.table-item-media .table-item-name .timeLabel{color:#AAAAAA;}
|
153
|
|
.table-item-media .authicon{bottom:9px;}
|
154
|
|
.table-item-cell{position:relative;font-size:16px;color:#000;cursor: pointer;}
|
155
|
|
.table-item-cell a{display:block;min-height: 110px;color:#000;}
|
156
|
|
.table-item-cell a:hover{background: #f4f6f8;color:#5c99d8;}
|
157
|
|
|
158
|
|
.table-item-cell .table-item-img{position:absolute;border:1px solid #f2f3f4;width: 164px;height: 110px;top:50%;left:0;margin-top:-55px;}
|
159
|
|
.table-item-cell .table-item-img.artical-default{background:url(../images/default-artical.jpg) center center;background-size:cover;}
|
160
|
|
.table-item-cell .table-item-img.resource-default{background:url(../images/default-resource.jpg) center center;background-size:cover;}
|
161
|
|
.table-item-cell .table-item-body{position:absolute;top:50%;width:100%;margin-top:-28px;padding-left:184px;padding-right: 10px;}
|
|
145
|
/*顶部轮播*/
|
|
146
|
.slide-box{/*background:#f4f6f8;*/margin-bottom: 20px;width:820px;height: 300px;}
|
|
147
|
.slide-list {position: relative;width:760px;height: 300px;overflow: hidden;
|
|
148
|
background-image: linear-gradient(to bottom right,rgba(0,0,0,.3),#000);}
|
|
149
|
.slide-list .slide-item {position: absolute;width: 100%;height: 100%;opacity: 0; transition-property: opacity; transition-duration: .8s;z-index: 1;}
|
|
150
|
.slide-list .slide-item>a {display: block;width: 100%;height: 100%;background-size:cover;background-position: center;}
|
|
151
|
.slide-list .slide-item-active{opacity: 1;z-index: 10;}
|
|
152
|
.slide-tab {width: 60px;height: 300px;color: #fff;font-size: 14px;background-color: #444;padding:10px 0;}
|
|
153
|
.slide-tab-item {position: relative;cursor: pointer; text-align: center;line-height:46px;margin:8px 0;}
|
|
154
|
.slide-tab-item-active, .slide-tab-item:hover { background: #ff9900;background: rgba(255,153,0,.9);z-index: 11;}
|
|
155
|
.slide-tab-item-active:before, .slide-tab-item:hover:before{
|
|
156
|
content: "";position:absolute;top:50%;margin-top: -8px;left:-8px;width:0;height: 0;
|
|
157
|
border-top:8px transparent solid;
|
|
158
|
border-bottom:8px transparent solid;
|
|
159
|
border-right:8px #ff9900 solid;}
|
|
160
|
.slide-list .slide-item .title {position: absolute;left: 0;bottom: 0;width: 100%;height: 44px;
|
|
161
|
line-height: 44px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;
|
|
162
|
padding-left: 22px;color: #fff;font-size: 20px;font-weight: 700;
|
|
163
|
background-image: linear-gradient(-180deg,transparent,rgba(0,0,0,.8)); box-sizing: border-box;}
|
|
164
|
/*栏目分类导航*/
|
|
165
|
.table-tab{width: 100%;margin: 6px auto 10px;background: #fff;}
|
|
166
|
.table-tab-item{position: relative;z-index: 20;}
|
|
167
|
.table-tab-item>li{position:relative;color:#666;float: left;width:16.666666666666664%;text-align: center;font-size: 16px;line-height:60px;cursor: pointer;margin-bottom: -3px;}
|
|
168
|
.table-tab-item>li.rightbtn:hover{color:#ff9900}
|
|
169
|
.table-tab-item>li.rightbtn .foldtr{top:27px;right:46px;}
|
|
170
|
.table-tab-item>li.rightbtn .unfoldtr{top:34px;right:46px;}
|
|
171
|
.table-tab-slide {text-align: center;font-size: 16px;line-height:60px;cursor: pointer; }
|
|
172
|
.table-tab-slide:hover{color:#ff9900}
|
|
173
|
.table-tab-slide:hover:after{position: absolute;left: 30px;right: 30px;bottom: 0;content:"";height:3px;background:#ff9900;}
|
|
174
|
.table-tab-item .table-tab-slide-active{color:#ff9900}
|
|
175
|
.table-tab-item .table-tab-slide-active:after{position: absolute;left: 30px;right: 30px;bottom: 0;content:"";height:3px;background:#ff9900;}
|
|
176
|
.table-drop{display: none;z-index: 40;position: absolute;width: 130px;height:120px;top: 56px;right: 2px;background: #fff;
|
|
177
|
box-shadow: 0px 0px 10px 0px rgba(204,204,204,.8);
|
|
178
|
-webkit-box-shadow: 0px 0px 10px 0px rgba(204,204,204,.8);}
|
|
179
|
.table-drop>li{position:relative;color: #333;border-bottom:1px solid #ddd;}
|
|
180
|
.table-drop>li:last-child{border: none;}
|
|
181
|
.table-drop>li.table-tab-slide-active{border:none}
|
|
182
|
/*列表*/
|
|
183
|
.table-body {position: relative;min-height: 200px;background: #fff;margin-top:20px;margin-bottom: -20px;padding-bottom: 20px;}
|
|
184
|
.table-body .table-item-list{display: none;}
|
|
185
|
.table-body .table-item-list:first-child{display: block;}
|
|
186
|
.columTag{position: absolute;background: rgba(0,0,0,.6);color:#fff;padding:4px 10px;bottom:6px;left: 6px;font-size: 13px;}
|
|
187
|
/*.table-item{position: relative;min-height:500px;}
|
|
188
|
.table-item>li{position:relative;padding:25px 20px;}
|
|
189
|
.table-item>li:after{content:"";position:absolute; left:0; right:0; bottom:0;height: 2px;background: #f7f7f8;}
|
|
190
|
.table-item-media{height: 40px;margin-bottom:20px;}
|
|
191
|
.table-item-media .table-item-logo{position:absolute;border:1px solid #f2f3f4;display: inline-block;width: 40px; height:40px;z-index:4;}
|
|
192
|
.table-item-media .table-item-name{position:relative;width:90%;padding-left:50px;}
|
|
193
|
.table-item-media .table-item-name .nameSpan{color:#000;font-size: 16px;line-height: 18px;}
|
|
194
|
.table-item-media .table-item-name .timeLabel{color:#AAAAAA;}
|
|
195
|
.table-item-media .authicon{bottom:9px;}
|
|
196
|
.table-item-cell{position:relative;font-size:16px;color:#000;cursor: pointer;}
|
|
197
|
.table-item-cell a{display:block;min-height: 110px;color:#000;}
|
|
198
|
.table-item-cell a:hover{background: #f4f6f8;color:#5c99d8;}
|
|
199
|
|
|
200
|
.table-item-cell .table-item-img{position:absolute;border:1px solid #f2f3f4;width: 164px;height: 110px;top:50%;left:0;margin-top:-55px;}
|
|
201
|
.table-item-cell .table-item-img.artical-default{background:url(../images/default-artical.jpg) center center;background-size:cover;}
|
|
202
|
.table-item-cell .table-item-img.resource-default{background:url(../images/default-resource.jpg) center center;background-size:cover;}
|
|
203
|
.table-item-cell .table-item-body{position:absolute;top:50%;width:100%;margin-top:-28px;padding-left:184px;padding-right: 10px;}*/
|
162
|
204
|
|
163
|
205
|
.cmplogohead{ background: #fff;background-size: cover;border-radius:4px;}
|
164
|
206
|
.cmplogohead .boxBlock{width:38px;height:38px;}
|
|
@ -167,7 +209,7 @@ ul.loginWaySort li.liactive{border-bottom: 2px solid #ff9900;}
|
167
|
209
|
.cmpLable.articalLabel{border-color:#ff6b57;color:#ff6b57;}
|
168
|
210
|
.cmpLable.resourceLabel{border-color:#28b8fa;color:#28b8fa;}
|
169
|
211
|
/*发现右侧新闻*/
|
170
|
|
.advertBox{min-height: 100px;margin-left: 20px;}
|
|
212
|
.rightconBox .conItem.advertBox{min-height: 100px;padding:0}
|
171
|
213
|
.advertItem li{width: 260px;margin-bottom:20px;}
|
172
|
214
|
.advertItem li img{width: 100%;}
|
173
|
215
|
|
|
@ -188,12 +230,12 @@ ul.filterListNew>li:last-child:after{height: 0;}
|
188
|
230
|
.filterListNew .leftsort{position: absolute;left: 0;top:12px;color:#666;}
|
189
|
231
|
.filterListNew .rightbtn{position: absolute;right:0;padding-right:32px;top:12px;color:#999;cursor: pointer;}
|
190
|
232
|
/*展开fold关闭unfold三角*/
|
191
|
|
.filterListNew .rightbtn .foldtr{position: absolute;top:8px;right: 42px;}
|
192
|
|
.filterListNew .rightbtn .foldtr:after{ border:solid transparent;border-top-color:#fff;border-width:5px;content:" ";position:absolute;top:100%;left:20px;}
|
193
|
|
.filterListNew .rightbtn .foldtr:before{border:solid transparent;border-top-color:#ff9900;border-width:7px;content:" ";position:absolute;top:100%;left:18px;}
|
194
|
|
.filterListNew .rightbtn .unfoldtr{position: absolute;top:15px;right: 42px;}
|
195
|
|
.filterListNew .rightbtn .unfoldtr:after{ border:solid transparent;border-bottom-color:#fff;border-width:5px;content:" ";position:absolute;bottom:100%;left:20px;}
|
196
|
|
.filterListNew .rightbtn .unfoldtr:before{border:solid transparent;border-bottom-color:#ff9900;border-width:7px;content:" ";position:absolute;bottom:100%;left:18px;}
|
|
233
|
.rightbtn .foldtr{position: absolute;top:8px;right: 42px;}
|
|
234
|
.rightbtn .foldtr:after{ border:solid transparent;border-top-color:#fff;border-width:5px;content:" ";position:absolute;top:100%;left:20px;}
|
|
235
|
.rightbtn .foldtr:before{border:solid transparent;border-top-color:#ff9900;border-width:7px;content:" ";position:absolute;top:100%;left:18px;}
|
|
236
|
.rightbtn .unfoldtr{position: absolute;top:15px;right: 42px;}
|
|
237
|
.rightbtn .unfoldtr:after{ border:solid transparent;border-bottom-color:#fff;border-width:5px;content:" ";position:absolute;bottom:100%;left:20px;}
|
|
238
|
.rightbtn .unfoldtr:before{border:solid transparent;border-bottom-color:#ff9900;border-width:7px;content:" ";position:absolute;bottom:100%;left:18px;}
|
197
|
239
|
|
198
|
240
|
ul.filterUl{overflow: hidden;width: 100%;height:26px;overflow:hidden;margin:10px 0;padding-left:64px;padding-right: 60px;}
|
199
|
241
|
ul.filterUl.filterUlactive{height:auto;}
|
|
@ -254,7 +296,6 @@ ul.artAbout .uploadFile input.upInp[type="file"]{position:absolute;height: 46px;
|
254
|
296
|
ul.artAbout .uploadFile .upbtn{display:inline-block;padding:7px 23px;background: #E5E5E5;color:#333333;margin-top:30px;}
|
255
|
297
|
ul.artAbout .uploadFile .uploadblock .upBackbtn{position:absolute;bottom:30px;left:50%;margin-left:-55px;background:rgba(0,0,0,.5);color:#FFFFFF;z-index:10;display: none;}
|
256
|
298
|
.conBlock .aboutTit{font-size:16px;line-height:40px;color:#666666;margin-top:18px;}
|
257
|
|
/*ul.artAbout .editBlock{height:320px;border:1px solid #E5E5E5;}*/
|
258
|
299
|
ul.artAbout #filePicker{position:absolute;left:50%; bottom:25px; margin-left:-52px;opacity:0; z-index:88;}
|
259
|
300
|
ul.artAbout .frmadd{width:auto;position:absolute;right:0;top:0;background: #ff9900;color:#fff;border:none;padding:6px 25px; z-index:4;}
|
260
|
301
|
|
|
@ -284,14 +325,6 @@ ul.artAbout .frmadd{width:auto;position:absolute;right:0;top:0;background: #ff99
|
284
|
325
|
.conItem .aboutTit{margin-top:-10px;}
|
285
|
326
|
.conItem .otherBlock{padding-bottom: 30px;border-bottom:1px dashed #E5E5E5;margin-bottom: 30px;text-align: left;}
|
286
|
327
|
.conItem .otherBlock:last-child{padding:0;margin:0;border: 0;}
|
287
|
|
.rightconBox .conItem .currentArt.form-result{margin-top:0}
|
288
|
|
.rightconBox .conItem .currentArt.form-result li{padding:6px 20px;min-height:62px;}
|
289
|
|
#relateArt li{min-height: 40px;}
|
290
|
|
.rightconBox .conItem.conItemG .currentArt.form-result .ellipsisSty-2{max-height:42px;line-height: 20px;}
|
291
|
|
.rightconBox .conItem.conItemG .currentArt.form-result .smalltip{display:inline-block;color:#999;margin-top:6px}
|
292
|
|
.rightconBox .conItem.conItemG .currentBlock{margin-top:30px;padding-top:16px;border-top:1px solid #E5E5E5}
|
293
|
|
.rightconBox .conItem.conItemG .currentBlock .madiaHead{width:50px;height: 50px;margin-top:-25px}
|
294
|
|
.conItem .otherBlock.currentBlock{border:none;margin-bottom: 0;padding-bottom: 0;}
|
295
|
328
|
|
296
|
329
|
.flexCenter{position: relative;width: 100%; min-height:90px;
|
297
|
330
|
display: -webkit-box;
|
|
@ -314,7 +347,7 @@ ul.artAbout .frmadd{width:auto;position:absolute;right:0;top:0;background: #ff99
|
314
|
347
|
.form-item .madiaHead.artHead{background-image: url(../images/default-artical.jpg);border-radius:0;}
|
315
|
348
|
.form-item .madiaInfo{width:100%;padding-left:62px;margin:2px 0;}
|
316
|
349
|
.form-item ul .h1Font{font-size:16px;color:#333;line-height: 20px;margin-bottom:4px;}
|
317
|
|
.form-item ul .h2Font{font-size:14px;color:#666;line-height: 22px;}
|
|
350
|
.form-item ul .h2Font,.form-item ol .h2Font{font-size:14px;color:#666;line-height: 22px;}
|
318
|
351
|
.form-item ul .time{font-size:14px;color:#666;line-height: 22px;}
|
319
|
352
|
.form-item ul .h3Font{font-size:13px;color:#999;line-height:20px;}
|
320
|
353
|
.form-item ul .circlePre{display: inline-block;content:"";width:5px;height: 5px;border-radius: 50%;background:#ff9900;position: relative;top:-3px;margin-right:5px;}
|
|
@ -337,13 +370,27 @@ ul.artAbout .frmadd{width:auto;position:absolute;right:0;top:0;background: #ff99
|
337
|
370
|
.keyResult>ul>li .closeThis{display:none;position:absolute;top:-8px;right:-12px;width:28px;height:28px;background:url(../images/g_article_button_guanbi_hig.png);background-size:cover;cursor:pointer;}
|
338
|
371
|
.keyResult>ul>li:hover{background: #E5E5E5;}
|
339
|
372
|
.keyResult>ul>li:hover .closeThis{display:block;}
|
|
373
|
|
|
374
|
.rightconBox .conItem .currentArt.form-result{margin-top:0}
|
|
375
|
.rightconBox .conItem .currentArt.form-result li{padding:6px 20px;min-height:62px;}
|
|
376
|
.rightconBox .conItem .currentArt2.form-result li{min-height: 40px;}
|
|
377
|
.rightconBox .conItem.conItemG .currentArt.form-result .ellipsisSty-2{max-height:42px;line-height: 20px;}
|
|
378
|
.rightconBox .conItem .smalltip{display:inline-block;color:#999;margin-top:6px}
|
|
379
|
.rightconBox .conItem.conItemG .currentBlock{margin-top:30px;padding-top:16px;border-top:1px solid #E5E5E5}
|
|
380
|
.rightconBox .conItem.conItemG .currentBlock .madiaHead{width:50px;height: 50px;margin-top:-25px}
|
|
381
|
.conItem .otherBlock.currentBlock{border:none;margin-bottom: 0;padding-bottom: 0;}
|
|
382
|
.rightconBox .hotList{list-style-type:none;counter-reset:li;}
|
|
383
|
.rightconBox .hotList>li a {position: relative;display: block;padding: 4px 2px;padding-left:26px;color: #444;width: 100%;}
|
|
384
|
.rightconBox .hotList>li a::before {content: counter(li);counter-increment: li;
|
|
385
|
position: absolute;left: 0;top: 4px;background:#ccc;width: 20px;height: 20px;line-height: 22px;text-align: center;}
|
|
386
|
.rightconBox .hotList>li:nth-child(1) a::before,.rightconBox .hotList>li:nth-child(2) a::before,.rightconBox .hotList>li:nth-child(3) a::before{background: #FF9e3a;}
|
340
|
387
|
/*文章浏览*/
|
341
|
388
|
.showDetail .h1Font{font-size: 20px;line-height:32px;color:#000;}
|
342
|
389
|
.showDetail .h2Font{font-size:14px;color:#999;}
|
343
|
390
|
.showDetail .readNum{margin-left: 20px;}
|
344
|
391
|
.showDetail .showBigOpen{width:100%;height:300px;margin:24px 0;background-position:center;background-size:cover;background-repeat:no-repeat;}
|
345
|
|
.showMain{font-size:16px;color:#333;line-height: 30px;/*text-indent: 2em;*/}
|
346
|
|
.showMain img{max-width: 100%;/*margin-left:-32px;*/}
|
|
392
|
.showMain{font-size:16px;color:#333;line-height: 30px;}
|
|
393
|
.showMain img{max-width: 100%;}
|
347
|
394
|
.showMain p{margin-bottom:10px;text-align:justify}
|
348
|
395
|
ul.tagList{margin:20px 0 -10px;overflow: hidden;}
|
349
|
396
|
ul.tagList>li{float: left;margin-right:10px;margin-bottom:10px;padding:0 12px;color: #999;border: 1px solid #E5E5E5;border-radius: 20px;cursor: pointer;}
|