Home Explore Help
Register Sign In
jiapeng
/
portal-front
Watch 3
Star 0
Fork 0
Code Issues 0 Pull Requests 0 Commits 80 Releases 0 Wiki
Browse Source

【我的工作台】添加关注模块

luyanan 8 years ago
parent
0144ef872b
commit
0d2e13d8f6
6 changed files with 284 additions and 70 deletions
Split View Show Diff Stats
  1. 8 0
      css/common.css
  2. 80 7
      css/index.css
  3. 36 47
      css/workspace.css
  4. BIN
      images/favoricon.png
  5. 26 5
      workindex.html
  6. 134 11
      workspaces.html

+ 8 - 0
css/common.css
View File 

@ -5,6 +5,12 @@
5 5 
.clearfix{ clear:both;}
6 6 
.clearfix:before,.clearfix:after{display:table;content:" "}
7 7 
.clearfix:after{clear:both}
8
9 
/* 显示和隐藏样式 */
10 
.displayNone{display:none;}
11 
.displayBlock{display:block;}
12 
.inline {display:inline-block;}
13
8 14 
/*默认/主题颜色*/
9 15 
.mainColor{color:#ff9900;}
10 16 
.defaultColor{ color:#333;}

@ -17,6 +23,8 @@
17 23 
.h6Font{font-size:13px;color:#888;margin-left:8px;}
18 24 
.pIndent{ padding-left: 13px;color: #888;font-size: 12px;}
19 25 
/* .h4tit{ color:#078DEF;} */
26 
.thistime{position:relative;padding:0 20px; font-size: 12px; color: #ccc;}
27 
.thistime:before{content:"";display:inline-block;width:4px; height: 4px;border-radius:50%;background: #ccc;position: absolute;top:36%;left:10px;}
20 28 
.paddingSpace{ padding:4px 0;}
21 29 
/*圆角*/
22 30 
/*头像、资源圆角*/

+ 80 - 7
css/index.css
View File 

@ -216,13 +216,20 @@ input[type='radio'].radio:checked + .radio {background:url(../images/redio.png)
216 216 
.coulstblock .coulstbox .prohead{ width:80px;margin-left:40px; overflow:hidden;}
217 217 
.coulstblock .coulstbox .proinfomation{margin:0 2%;width:60%; overflow:hidden;}
218 218 
.coulstblock .coulstbox .coulstbtn{padding:24px 10px; margin-right: 20px;}
219 
.coulstbtn span,#conbtn span{padding:5px 40px;margin-right:6px; border-radius:4px; text-align:center; color:#fff; background:#ff9900;cursor:pointer}
219 
.coulstbtn span,#conbtn span{padding:5px 30px;margin-right:6px; border-radius:4px; text-align:center; color:#fff; background:#ff9900;cursor:pointer}
220 
.coulstbtn .shareWeixin{background: #52DA4D;}
221 
.shareCode{position: absolute;top:-146px;left: 50%;margin-left: -70px;display: none;width: 140px;height:140px;}
222 
.shareCode img{width: 100%;}
223 
.coulstbtn .attentBtn{position:relative;padding-left:42px;border:1px solid #ff9900;color:#ff9900;background: transparent;}
224 
.coulstbtn .attentBtn em{position:absolute;top:4px;left:24px;display:inline-block; width:16px;height:18px;background:url(../images/favoricon.png) 0 -31px no-repeat;background-size:100% auto;}
225 
.coulstbtn .attentBtn i{font-style: normal;}
226 
.coulstbtn .attentBtn.attented{color:#ffffff;padding-left:44px;background: #f4c600;border:1px solid #f4c600;}
227 
.coulstbtn .attentBtn.attented em{background:url(../images/favoricon.png) 0 -48px no-repeat;background-size:100% auto;}
220 228 
/*专家信息头部*/
221 229 
.information-head{ width:1050px; margin:auto;background:#fff; border:1px  solid #eaeaea; margin-top:30px; padding:20px 30px; position: relative;}
222 230 
.head-left{ float:left;width:200px; height:200px; position:relative;overflow:hidden;}
223 231 
.replace-photo{ display:block; width:100%; height:50px; position:absolute; bottom:-50px;background:url(../images/take-photo.png) no-repeat center center; background-color:rgba(0,0,0,0.4);font-size:16px;line-height:44px; color:#fff; text-align:center;}
224 
/*.take-photo{ display:block; width:20px; height:20px; position:absolute; top:50%; margin-top:-10px; left:50%; margin-left:-10px;background:url(../images/take-photo.png) no-repeat center center; }*/
225 
.head-center{ float:left; min-height:150px;margin: 0px 30px;}
232 
.head-center{ float:left; min-height:150px;margin: 0px 30px;min-width: 50%;}
226 233 
.input-txt{ width:180px; height:26px; color:#666; border-radius:5px; border:1px #f99550 solid; box-shadow:0 0 1px #f99550 inset; float:left; padding-left:10px;}
227 234 
.infor{clear:both; width:100%;overflow:hidden; margin:10px; }
228 235 
.infor2{clear:both; width:100%; margin:10px; }

@ -318,7 +325,7 @@ label.edu-radio{ float:none;font-size:16px;line-height:26px; color:#868686; }
318 325 
.edu-infor li{list-style:disc inside;margin:0 35px;}
319 326 
.edu-about li{ list-style:none;position:relative;padding-left: 0;}
320 327 
.edu-about li div.h4tit{position: relative;padding-left:12px;}
321 
.edu-about li div.h4tit:before{content: ' '; background: #888;display: block;width: 5px;height: 5px;border-radius: 50%; position: absolute;top:12px;left:0;}
328 
.edu-about li div.h4tit:before{content: ' '; background: #888;display: block;width: 4px;height: 4px;border-radius: 50%; position: absolute;top:12px;left:0;}
322 329 
.edu-about li .listdata{position:relative;margin:0 35px; padding-left:16px;}
323 330 
/*.edu-about li .listdata .listpoint{display: block;width: 5px;height: 5px; background: #888;border-radius: 50%; position: absolute;top: 10px;left:0;}*/
324 331 
/*  .edu-about li.listnone{margin: 0; list-style: none;padding-left: 0;}  */

@ -422,8 +429,10 @@ label.edu-radio{ float:none;font-size:16px;line-height:26px; color:#868686; }
422 429 
.resouLeft{ width: 79%;/*border:1px solid #eaeaea;*/}
423 430 
.resTop{padding:6px;position: relative;padding:20px 10px;background:#FFFFFF;}
424 431 
.resBrief{width:60%;min-height: 300px;margin-right:1%;}
432 
.resBrief .h2Font{line-height: 26px;}
433 
.resBrief .h2Font small{color:#888888;line-height: 12px;}
425 434 
.subtit{color:#888888; padding-right:6px; }
426 
.resAbout{margin:6px 0;padding: 4px 6px; background: #f0f0f0;margin-bottom: 46px;}
435 
.resAbout{margin:6px 0;padding: 4px 6px; background: #F4F4F4;margin-bottom: 46px;}
427 436 
.resAbout .subtit{line-height: 36px; }
428 437 
.resUlbox {margin: 1% 2%;}
429 438 
.resUl {width:85%;color:#666666}

@ -443,5 +452,69 @@ label.edu-radio{ float:none;font-size:16px;line-height:26px; color:#868686; }
443 452 
.otherRes li a{display: block;}
444 453 
.otherRes li .resoumag .resourceImgBox{ max-width:168px;width:168px;height: 168px;}
445 454 
.otherRes li .resoumag h2{color: #666666; text-align: center; padding:10px;}
446
447
455 
/*文章详细信息页面*/
456 
.resBrief2{width: 98%;margin: auto;min-height:100px;}
457 
.resBrief2 .subtit{line-height: 42px; }
458 
.resBrief2 .resAbout{margin-bottom: 20px;}
459 
.art_topicBox{position: relative;display: block;}
460 
.art_topicbox{ position:absolute;top:0;width:100%;height:100%;
461 
	background: -webkit-linear-gradient( rgba(0,0,0,0), rgba(0,0,0,0.2)); /* Safari 5.1 - 6.0 */
462 
	background: -o-linear-gradient( rgba(0,0,0,0), rgba(0,0,0,0.2)); /* Opera 11.1 - 12.0 */
463 
	background: -moz-linear-gradient( rgba(0,0,0,0), rgba(0,0,0,0.2)); /* Firefox 3.6 - 15 */
464 
	background: linear-gradient( rgba(0,0,0,0), rgba(0,0,0,0.2)); /* 标准的语法 */
465 
}
466 
#artical_topic{position: absolute;bottom:0;padding:6px 10px;font-size:14px;line-height:16px;color:#FFFFFF}
467 
.art_img{ width: 100%; height:160px; overflow: hidden;background: url(../images/default-artical.jpg) center center no-repeat;background-size:100% auto;}
468
469 
.tagsBox{padding:4%; overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
470 
.tagsBox span{color:#666;margin:0 2px;font-size: 13px;}
471 
.main_content{width:94%; margin: auto;}
472 
#artical_real p{margin:6px 0;padding:2px;text-indent:2em;font-size: 15px; line-height: 26px;color:#666666;}
473 
#artical_real p.indentNone{text-indent: 0;text-align: center;}
474 
#artical_real p.indentNone img{width:90%; margin: 10px 0;}
475 
#artical_real .indentNone .imgTit{ font-size: 12px;line-height: 20px;}
476 
#artical_real .artSTit{text-indent: 0.5em;font-size:16px; color:#069E21;}
477
478 
.share-nav{position:static;background:rgba(245, 248, 251, 0.94); padding:10px 20px;border-top:1px solid transparent;border-bottom:1px solid transparent;}
479 
.share-nav.fixed{position:fixed;width:810px;bottom:0;display:block;border-top:1px solid #d3d7db;border-bottom:1px solid #d3d7db;}
480 
.navOperate{color:#888888;margin:6px 8px;}
481 
.navOperate:hover{color:#ff9900;}
482 
.share-nav .wrapicon{display: inline-block;cursor:pointer;padding:0 10px;width: 24px;height: 24px;}
483 
.share-nav .upTop{background: url(../images/wrapIcon.png) 0 0 no-repeat; background-size:100% auto ;}
484 
.share-nav .upTop:hover{background: url(../images/wrapIcon.png) 0 -24px no-repeat; background-size:100% auto ;}
485 
.share-nav .shareBtn{display: inline-block;position:relative;border:1px solid #52DA4D;color: #52DA4D; border-radius: 999em;cursor:pointer;padding:2px 24px;}
486 
.share-nav .shareCode{position: absolute;top:-166px;left: 50%;margin-left: -80px;display: none;width: 160px;height:160px;}
487 
.share-nav .shareCode img{width: 100%;}
488 
.share-nav .shareBtn:hover{background: #52DA4D;color: #FFFFFF;}
489 
.share-nav .wordHave{background: url(../images/wrapIcon.png) 0 -46px no-repeat; background-size:100% auto ;}
490 
.share-nav .wordHave:hover{background: url(../images/wrapIcon.png) 0 -69px no-repeat; background-size:100% auto;}
491 
.share-nav .listtit2{line-height: 40px;margin-left:10px;width:86%;color:#888;text-overflow:ellipsis;white-space: nowrap; overflow:hidden;}
492
493 
.commentsArea{padding-bottom: 40px;}
494 
.comments-title{font-size:22px;line-height:40px;margin: 10px 0 40px 0;padding-bottom: 6px;border-bottom: 1px solid #dadada;}
495 
.respondBtn.frmtype{display:block;width:96%;margin:auto;color:#666666;text-align: center;cursor: pointer;line-height: 40px;}
496 
.respondBtn.frmtype:focus{border:1px solid #dadada;}
497 
.commentsArea .media-body{width: 90%;margin-left: 10px;}
498 
.commentsArea .media-body .listtit{color:#ff9900;line-height: 24px;font-size:15px}
499 
.commentsArea .media-body .listtit3{color:#666666;line-height: 21px;font-size:14px}
500
501 
.commentList li{padding:20px 10px;border-bottom:1px dashed #dadada;}
502 
.commentList li:last-child{border-bottom:1px dashed transparent;}
503 
.commentsArea .goMsgbox{padding:20px 10px;width: 100%;}
504 
.commentsArea textarea{
505 
 	-webkit-user-select: none;
506 
    background-color: #fafafa;
507 
    color: #b6cad9;
508 
 	outline: none;
509 
    -webkit-appearance: none;
510 
    padding: .2rem;
511 
    width: 100%;
512 
    border: 1px solid #d3d7db;
513 
    border-radius: 3px;
514 
    font-size: 14px;
515 
    resize: vertical;
516 
    margin-bottom: 15px;
517 
    height: 5rem;
518 
    }
519 
.commentsArea .msgContbox{width:90%;}
520 
.commentsArea .msgCont{ min-height:160px;width: 100%;padding:4px 6px;margin-left:10px}

+ 36 - 47
css/workspace.css
View File 

@ -75,9 +75,11 @@
75 75 
.workinfor p{ color:#444; font-size:15px;}
76 76 
.worklinkbtn{ color:#ff9900;font-size:12px;line-height:24px;cursor:pointer;}
77 77
78 
.workcountup{position:relative; padding:6px 0; text-align:center;/*  margin:10px; */margin: 38px;}
78 
.workcountup{position:relative; padding:6px 0; text-align:center;  margin:10px; /*margin: 38px;*/}
79 79 
.workcountup:nth-child(2){ border-top:1px solid #d6d6d6;}
80 80 
.workcount{position:relative; top: 10px;}
81 
.workcountup .myAttention{padding:16px 0 0 6px;line-height: 36px;cursor: pointer;}
82 
.workcountup .myAttention:hover{color:#ff9900}
81 83 
/* .workcount:nth-child(1){ border-bottom:1px solid #d6d6d6;} */
82 84 
.workcountnum{ font-size:18px;line-height:30px; margin:6px; font-style: italic; color: #ff9900; }
83 85 
@ -248,50 +250,37 @@
248 250 
.dialogfoot .sendbox_bar .sendbtn {}
249 251 
.dialogfoot .sendbox_bar .sendbtn .W_btn { display: inline-block;text-align: center;border-radius: 4px;line-height: 30px; padding: 0px 20px; font-size: 14px; background: #ff9900; border: 1px solid #ff9900; color: #fff; box-shadow: 0px 1px 2px rgba(0,0,0,0.25);}
250 252
251 
/* 对话页面，按钮显示和隐藏样式 */
252 
.displayNone{
253 
	display:none;
254 
}
255
256 
.displayBlock{
257 
	display:block;
258 
}
259 253 
/* 对话页咨询内容 */
260 
#dialog_consultContentTitle,#dialog_consultContent,#dialog_switch {
261 
	display:inline-block;
262 
}
263 
#dialog_consultContentContainer {
264 
	width:440px;
265 
	height:auto;
266 
	position:relative;
267 
}
268 
#dialog_consultContent {
269
270 
}
271 
#dialog_switch {
272 
	font-size:12px;
273 
	text-align:center;
274 
	cursor:pointer;
275 
	font-family:Verdana;
276 
	font-weight:800;
277 
	position:absolute;
278 
	bottom:12px;
279 
	left:55%;
280 
	width:100%;
281 
	/*background:url(more-bg.png) repeat-x bottom;*/
282 
	height:40px;
283 
	line-height:80px;
284 
	cursor:pointer;
285 
}
286 
.dialog_sj{
287 
	position: absolute;
288 
	right: -16px;
289 
    top: 6px;
290 
	border: 6px solid #fff;
291 
	border-color: #ff9900 transparent transparent;
292 
	display: block;font-size: 0;height: 0;width: 0;}
293
294 
.inline {
295 
	display:inline-block;
296 
}
297
254 
#dialog_consultContentTitle,#dialog_consultContent,#dialog_switch {display:inline-block;}
255 
#dialog_consultContentContainer {width:440px;height:auto;position:relative;}
256 
#dialog_consultContent {}
257 
#dialog_switch {font-size:12px;text-align:center;cursor:pointer;font-family:Verdana;font-weight:800;position:absolute;bottom:12px;left:55%;width:100%;height:40px;line-height:80px;cursor:pointer;}
258 
.dialog_sj{position: absolute;right: -16px;top: 6px;border: 6px solid #fff;border-color: #ff9900 transparent transparent;display: block;font-size: 0;height: 0;width: 0;}
259
260 
/*////////////我的关注/////////////////*/
261 
.attentionBox{position:absolute;width:640px;left:50%;margin:60px 0 0 -300px;background:#fff;border-radius:10px;font-size:14px; z-index:1001; margin-bottom:40px;box-shadow: 2px 4px 10px 4px #555; -webkit-box-shadow: 2px 4px 10px 4px #555; -moz-box-shadow: 2px 4px 10px 4px #555; }
262 
.topTit{text-align:center;color:#FFFFFF; font-size:20px;line-height:46px;background: #ff9900;border-radius:10px 10px 0 0;height:46px;width: 100%;}
263 
.fixbox{ background: #FFFFFF;/* position:fixed;top:46px;left:0;*/width:100%; z-index:1;}
264 
.fixbox .fixbtn{ padding:0; margin: 0; overflow: hidden;}
265 
.fixbox .fixbtn li{ list-style: none; float: left;height:40px;cursor:pointer;line-height:30px; padding:6px 10px; border-bottom:1px solid #F0F0F0;text-align: center;font-size: 14px;}
266 
.fixbox .fixbtn li:first-child{ border-right:1px solid #F0F0F0;}
267 
.fixbox .fixbtn li.liactive{ color: #FF9900;border-bottom-color: #FF9900;}
268 
.childlist{ display: none;}
269 
.alllist{ margin-top: 45px;}
270
271 
.attentsCon{padding:10px;}
272 
.attentsCon .proinfor .headblock {margin-right:16px;}
273 
.attentsCon .proinfor .headimg{width:100px;}
274 
.ellipsisSty {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
275 
.attentsCon .listtit{ font-size: 16px;line-height:28px; color: #333333;}/*中标题*/
276 
.attentsCon .listtit2{font-size: 14px;line-height:24px; color: #666666;}/*较小标题*/
277 
.attentsCon .listtit3{font-size: 13px;line-height:18px; color: #888888;}/*小标题*/
278 
.attentList{padding:10px;display: none;}
279 
.attentList:first-child{display: block;}
280 
.attentList li{padding: 14px;margin:6px 0;position: relative;}
281 
.attentList li:hover{background: #EFEFEF;}
282 
.attentList li:first-child{margin-top:0}
283 
.attentList li:after{position: absolute;bottom: 0;right: 0;left:126px;height: 1px;content: '';background-color: #c8c7cc;
284 
    -webkit-transform: scaleY(.5);
285 
            transform: scaleY(.5);}
286 
.attentList li:last-child:after{background: none;}

BIN
images/favoricon.png
View File


+ 26 - 5
workindex.html
View File 

@ -1,5 +1,4 @@
1 
<!-- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
2 
 -->
1
3 2 
<!--// 我的工作台-->
4 3 
<div class="workconitem">
5 4 
    <div class="workcontit">我的工作台</div>

@ -25,7 +24,7 @@
25 24 
                </div>
26 25 
                <div class="worksubblock floatL">
27 26 
                    <div class="workcountup">
28 
                        <div class="workcount">
27 
                        <div class="workcount" style="height: 50%;">
29 28 
                            <p><span class="workcountnum" id="unreadConsult"></span>条未读的咨询消息</p>
30 29 
                            <a class="worklinkbtn" id="lookMyConsult">>>查看我的咨询</a>
31 30 
                        </div>

@ -34,7 +33,10 @@
34 33 
                            <a   class="worklinkbtn" id="worklinkre">>>查看我的资源</a>
35 34 
                        </div> -->
36 35 
                    </div>
37 
                    <!-- <div class="workcountup">
36 
                    <div class="workcountup" id="lookMyAttention" >
37 
                        <p class="myAttention">我的关注</p>
38 
                    </div>
39 
                     <!--<div class="workcountup">
38 40 
                        <p><span class="workcountnum">2</span>个项目正在进行</p>
39 41 
                        <a href=""  class="worklinkbtn">>>查看我的科研项目</a>
40 42 
                    </div> -->

@ -138,6 +140,25 @@
138 140 
        </div>
139 141 
    </div>
140 142 
</div>
143
141 144 
<!-- 我的工作台 //-->
142 145 
<!-- <script type="text/javascript" src="js/consultFlat.js"></script> -->
143 
<script type="text/javascript" src="js/workindex.js"></script>
146 
<script type="text/javascript" src="js/workindex.js"></script>
147 
<script type="text/javascript">
148 
	$("#fixbtn li").on("click",function(){
149 
		var indexLi=$(this).index();
150 
		$("#fixbtn li").removeClass("liactive");
151 
		$(".attentsCon .attentList").hide();
152 
		$("#fixbtn li").eq(indexLi).addClass("liactive");
153 
		$(".attentsCon .attentList").eq(indexLi).show();
154 
	});
155 
	$("#lookMyAttention").click(function(){
156 
		$("body").css("position","fixed");
157 
		$("#attentCover").fadeIn();
158 
	})
159 
	//关闭按钮
160 
	$("#workclose").click(function(){
161 
		$("#attentCover").fadeOut();
162 
		$("body").css("position","static");
163 
	});
164 
</script>

+ 134 - 11
workspaces.html
View File 

@ -25,7 +25,138 @@
25 25 
</head>
26 26
27 27 
<body>
28
28 
<!--我的关注-->
29 
<div class="blackcover" id="attentCover" style="display: none;">
30 
	<div class="attentionBox">
31 
		<div class="topTit">我的关注</div>
32 
		<div class="fixbox">
33 
			<ul class="fixbtn" id="fixbtn">
34 
				<li index="0" class="col-xs-6 liactive">专家</li><!--当前选中状态    'liactive'-->
35 
				<li index="1" class="col-xs-6">资源</li>
36 
			</ul>
37 
		</div>
38 
		<div class="attentsCon">
39 
			<ul class="attentList">
40 
				<li>
41 
					<a class="proinfor clearfix" target="_blank" href="information-brow.html">
42 
						<div class="headblock floatL"><img id="proHead" class="headimg headRadius" src="images/default-photo.jpg"></div>
43 
						<div class="media-body">
44 
							<span class="listtit" ><span id="proName">章先生</span><em class="authicon authicon-cu" style="position:absolute;margin:4px 0 0 2px ;"></em></span>
45 
							<div class="listtit2"><span id="proTitle">国家级营养师</span><span id="proOffice">，教授</span><span id="proOrg">，北京体育大学</span><span id="proAddress"> | 北京</span></div>
46 
							<div class="ellipsisSty listtit3" id="proRlist">国家级营养师国家级营养师国家级营养师国家级营养师国家级营养师国家级营养师</div>
47 
							<div class="ellipsisSty listtit3" id="proZlist">国家级营养师国家级营养师国家级营养师国家级营养师国家级营养师国家级营养师国家级营养师</div>
48 
						</div>
49 
					</a>
50 
				</li>
51 
				<li>
52 
					<a class="proinfor clearfix" target="_blank"  href="information-brow.html">
53 
						<div class="headblock floatL"><img id="proHead" class="headimg headRadius" src="images/default-photo.jpg"></div>
54 
						<div class="media-body">
55 
							<span class="listtit" ><span id="proName">章先生</span><em class="authicon authicon-cu" style="position:absolute;margin:4px 0 0 2px ;"></em></span>
56 
							<div class="listtit2"><span id="proTitle">国家级营养师</span><span id="proOffice">，教授</span><span id="proOrg">，北京体育大学</span><span id="proAddress"> | 北京</span></div>
57 
							<div class="ellipsisSty listtit3" id="proRlist">国家级营养师国家级营养师国家级营养师国家级营养师国家级营养师国家级营养师</div>
58 
							<div class="ellipsisSty listtit3" id="proZlist">国家级营养师国家级营养师国家级营养师国家级营养师国家级营养师国家级营养师国家级营养师</div>
59 
						</div>
60 
					</a>
61 
				</li>
62 
				<li>
63 
					<a class="proinfor clearfix" target="_blank"  href="information-brow.html">
64 
						<div class="headblock floatL"><img id="proHead" class="headimg headRadius" src="images/default-photo.jpg"></div>
65 
						<div class="media-body">
66 
							<span class="listtit" ><span id="proName">章先生</span><em class="authicon authicon-cu" style="position:absolute;margin:4px 0 0 2px ;"></em></span>
67 
							<div class="listtit2"><span id="proTitle">国家级营养师</span><span id="proOffice">，教授</span><span id="proOrg">，北京体育大学</span><span id="proAddress"> | 北京</span></div>
68 
							<div class="ellipsisSty listtit3" id="proRlist">国家级营养师国家级营养师国家级营养师国家级营养师国家级营养师国家级营养师</div>
69 
							<div class="ellipsisSty listtit3" id="proZlist">国家级营养师国家级营养师国家级营养师国家级营养师国家级营养师国家级营养师国家级营养师</div>
70 
						</div>
71 
					</a>
72 
				</li>
73 
				<li>
74 
					<a class="proinfor clearfix" target="_blank"  href="information-brow.html">
75 
						<div class="headblock floatL"><img id="proHead" class="headimg headRadius" src="images/default-photo.jpg"></div>
76 
						<div class="media-body">
77 
							<span class="listtit" ><span id="proName">章先生</span><em class="authicon authicon-cu" style="position:absolute;margin:4px 0 0 2px ;"></em></span>
78 
							<div class="listtit2"><span id="proTitle">国家级营养师</span><span id="proOffice">，教授</span><span id="proOrg">，北京体育大学</span><span id="proAddress"> | 北京</span></div>
79 
							<div class="ellipsisSty listtit3" id="proRlist">国家级营养师国家级营养师国家级营养师国家级营养师国家级营养师国家级营养师</div>
80 
							<div class="ellipsisSty listtit3" id="proZlist">国家级营养师国家级营养师国家级营养师国家级营养师国家级营养师国家级营养师国家级营养师</div>
81 
						</div>
82 
					</a>
83 
				</li>
84 
				<li>
85 
					<a class="proinfor clearfix" target="_blank"  href="information-brow.html">
86 
						<div class="headblock floatL"><img id="proHead" class="headimg headRadius" src="images/default-photo.jpg"></div>
87 
						<div class="media-body">
88 
							<span class="listtit" ><span id="proName">章先生</span><em class="authicon authicon-cu" style="position:absolute;margin:4px 0 0 2px ;"></em></span>
89 
							<div class="listtit2"><span id="proTitle">国家级营养师</span><span id="proOffice">，教授</span><span id="proOrg">，北京体育大学</span><span id="proAddress"> | 北京</span></div>
90 
							<div class="ellipsisSty listtit3" id="proRlist">国家级营养师国家级营养师国家级营养师国家级营养师国家级营养师国家级营养师</div>
91 
							<div class="ellipsisSty listtit3" id="proZlist">国家级营养师国家级营养师国家级营养师国家级营养师国家级营养师国家级营养师国家级营养师</div>
92 
						</div>
93 
					</a>
94 
				</li>
95 
				<li>
96 
					<a class="proinfor clearfix" target="_blank"  href="information-brow.html">
97 
						<div class="headblock floatL"><img id="proHead" class="headimg headRadius" src="images/default-photo.jpg"></div>
98 
						<div class="media-body">
99 
							<span class="listtit" ><span id="proName">章先生</span><em class="authicon authicon-cu" style="position:absolute;margin:4px 0 0 2px ;"></em></span>
100 
							<div class="listtit2"><span id="proTitle">国家级营养师</span><span id="proOffice">，教授</span><span id="proOrg">，北京体育大学</span><span id="proAddress"> | 北京</span></div>
101 
							<div class="ellipsisSty listtit3" id="proRlist">国家级营养师国家级营养师国家级营养师国家级营养师国家级营养师国家级营养师</div>
102 
							<div class="ellipsisSty listtit3" id="proZlist">国家级营养师国家级营养师国家级营养师国家级营养师国家级营养师国家级营养师国家级营养师</div>
103 
						</div>
104 
					</a>
105 
				</li>
106 
				<li>
107 
					<a class="proinfor clearfix" target="_blank"  href="information-brow.html">
108 
						<div class="headblock floatL"><img id="proHead" class="headimg headRadius" src="images/default-photo.jpg"></div>
109 
						<div class="media-body">
110 
							<span class="listtit" ><span id="proName">章先生</span><em class="authicon authicon-cu" style="position:absolute;margin:4px 0 0 2px ;"></em></span>
111 
							<div class="listtit2"><span id="proTitle">国家级营养师</span><span id="proOffice">，教授</span><span id="proOrg">，北京体育大学</span><span id="proAddress"> | 北京</span></div>
112 
							<div class="ellipsisSty listtit3" id="proRlist">国家级营养师国家级营养师国家级营养师国家级营养师国家级营养师国家级营养师</div>
113 
							<div class="ellipsisSty listtit3" id="proZlist">国家级营养师国家级营养师国家级营养师国家级营养师国家级营养师国家级营养师国家级营养师</div>
114 
						</div>
115 
					</a>
116 
				</li>
117 
				<li>
118 
					<a class="proinfor clearfix" target="_blank"  href="information-brow.html">
119 
						<div class="headblock floatL"><img id="proHead" class="headimg headRadius" src="images/default-photo.jpg"></div>
120 
						<div class="media-body">
121 
							<span class="listtit" ><span id="proName">章先生</span><em class="authicon authicon-cu" style="position:absolute;margin:4px 0 0 2px ;"></em></span>
122 
							<div class="listtit2"><span id="proTitle">国家级营养师</span><span id="proOffice">，教授</span><span id="proOrg">，北京体育大学</span><span id="proAddress"> | 北京</span></div>
123 
							<div class="ellipsisSty listtit3" id="proRlist">国家级营养师国家级营养师国家级营养师国家级营养师国家级营养师国家级营养师</div>
124 
							<div class="ellipsisSty listtit3" id="proZlist">国家级营养师国家级营养师国家级营养师国家级营养师国家级营养师国家级营养师国家级营养师</div>
125 
						</div>
126 
					</a>
127 
				</li>
128 
				<li>
129 
					<a class="proinfor clearfix" target="_blank"  href="information-brow.html">
130 
						<div class="headblock floatL"><img id="proHead" class="headimg headRadius" src="images/default-photo.jpg"></div>
131 
						<div class="media-body">
132 
							<span class="listtit" ><span id="proName">章先生</span><em class="authicon authicon-cu" style="position:absolute;margin:4px 0 0 2px ;"></em></span>
133 
							<div class="listtit2"><span id="proTitle">国家级营养师</span><span id="proOffice">，教授</span><span id="proOrg">，北京体育大学</span><span id="proAddress"> | 北京</span></div>
134 
							<div class="ellipsisSty listtit3" id="proRlist">国家级营养师国家级营养师国家级营养师国家级营养师国家级营养师国家级营养师</div>
135 
							<div class="ellipsisSty listtit3" id="proZlist">国家级营养师国家级营养师国家级营养师国家级营养师国家级营养师国家级营养师国家级营养师</div>
136 
						</div>
137 
					</a>
138 
				</li>
139
140 
			</ul>
141 
			<ul class="attentList">
142 
				<li>
143 
					<a class="proinfor clearfix" target="_blank"  href="resourceInfo.html">
144 
						<div class="headblock floatL ResImgBox"><img id="proHead" class="resImg" src="images/default-resource.jpg"></div>
145 
						<div class="media-body">
146 
							<span class="listtit">资源名称</span>
147 
							<p class="ellipsisSty listtit2">资源用途资源用途资源用途资源用途资源用途资源用途资源用途资源用途</p>
148 
							<span class="listtit" ><span id="proName">章先生</span><em class="authicon authicon-cu" style="position:absolute;margin:4px 0 0 2px ;"></em></span>
149 
							<div class="listtit2"><span id="proTitle">国家级营养师</span><span id="proOffice">，教授</span><span id="proOrg">，北京体育大学</span><span id="proAddress"> | 北京</span></div>
150 
						</div>
151 
					</a>
152 
				</li>
153
154 
			</ul>
155 
		</div>
156 
		<div style="height: 20px;"></div>
157 
		<span class="workclose" id="workclose"></span>
158 
	</div>
159 
</div>
29 160 
<div id="header">
30 161 
	<a href="index.html" alt="科袖" class="logo"></a>
31 162 
	<div class="searchblock" style="display:block;">

@ -91,12 +222,6 @@
91 222 
            <span> | </span>
92 223 
            <span class="listlink">客服热线： 010-62343359（9:00-17:00）</span>
93 224 
        </div>
94 
        <!--<div class="inner_wrapper floatR">
95 
        	<div class="codebox">
96 
           		<span class="code weixin_code"></span>
97 
                <p>科袖微信公众号</p>
98 
           </div>
99 
        </div>-->
100 225 
    </div>
101 226 
    <div class="copyright">
102 227 
        <span><em> © </em>2016 北京科袖科技有限公司</span>

@ -107,8 +232,7 @@
107 232 
<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
108 233 
<script type="text/javascript" charset="utf-8" src="js/ueditor/ueditor.config.js"></script>
109 234 
<script type="text/javascript" charset="utf-8" src="js/ueditor/ueditor.all.js"> </script>
110 
<script type="text/javascript">
111
235 
<script type="text/javascript">
112 236 
	//下拉菜单
113 237 
	function showSelect(obj1,obj2,attrPa){
114 238 
	    $("."+ obj2).css("display","block"); 

@ -139,12 +263,11 @@
139 263 
</script>
140 264
141 265 
<script src="//apps.bdimg.com/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
266 
<script type="text/javascript"src="js/jquery.cookie.js"></script>
142 267 
<script type="text/javascript" src="js/common.js"></script>
143 268 
<script type="text/javascript" src="js/webuploader/webuploader.js"></script>
144 269
145
146 270 
<script src="js/jquery.page.js"></script>
147 
<script type="text/javascript"src="js/jquery.cookie.js"></script>
148 271 
<script type="text/javascript"src="js/jquery.similar.msgbox.js"></script>
149 272 
<script type="text/javascript" src="js/index.js"></script>
150 273 
<script type="text/javascript" src="js/popup.js"></script>