portal-front/css/workspace.css

@charset "utf-8";
/* CSS Document */
.con-center{ width:1170px;position:relative; margin:auto; overflow:hidden;padding:20px 10px; margin-top:60px;}
.frmtype{ width:100%; border-radius:5px; border:1px #dadada solid; padding:0 10px; min-height:30px;font-size:14px;line-height:30px;}
.sendCon{ width:100%; border-radius:5px; border:1px #dadada solid; padding:0 10px; min-height:30px;font-size:14px;line-height:30px;}
.frmtype:focus{ border:1px solid #ff8500;}
.frmbtn{ width:100px; margin:10px; background:#ff9900; color:#fff; border:none; }
.frmrbtn{ background:none; color:#303030; border:none; }
.updownbtn{text-decoration:underline; color:#333;}

/*左侧菜单*/
.workmenu{ float:left; width:12%; height:300px; background: #fafafa;border-radius: 6px;overflow: hidden;}
.workmenutit{height: 60px;padding: 0 20px;font-size:16px;line-height:60px; border-bottom:1px #ff9900 solid;cursor:pointer;}
.worksubmenu{width:100%; height:40px; margin:10px 0; padding-left:30px;font-size:15px;line-height:40px; color:#313131; cursor:pointer;}
.worksubmenu.subcolor{ background:#ff9900; color:#fff;}

/*右侧内容*/
.workcon{float:right; margin-left:10px; width:87%; min-height:800px; background: #fafafa;border-radius:6px;overflow: hidden;}
.workcon .workconitem{ display:none;}
.workcon .workconitem:first-child{display:block;}
/*////////////科研资源/////////////////*/
.worktel{ position:relative;}
.workcon .worktelbtn{ position:absolute; top:-10px;right:-20px; display:block; width:20px; height:20px;background:url(../images/contact.png) center center no-repeat;  }
.workcontit{height: 60px;padding: 0 20px;font-size:16px;line-height:60px;color: #606060; border-bottom:1px solid #e7e7e7;}
.worksubcon{ padding:20px 16px; }
/*我的资源、需求*/
.workmysrc{ margin-bottom:30px;}
.workmysrctit{font-size:16px;line-height:30px;position:relative;}
.worksamlltit{ font-size:13px;line-height:30px; margin:0 10px; padding:10px;cursor:pointer;}
.worksamlltitnow{ border-bottom:1px solid #ff9900; color:#ff9900;text-decoration: none;}
.workcontit a:link,.workcontit a:active,.workcontit a:visited  {color:#313131;}

.workmysrc{display:none;}
.workmysrc:first-child{display:block;}
.workmysrc .workbtn{ display:block;background:#ff9900;text-align: center;font-size:14px;line-height:30px;color:#fff; width:140px; padding:0 20px; border-radius:4px; cursor:pointer; margin-bottom:10px;}
.maintab{ border-bottom:1px dashed #d7d7d7; margin-top:20px; overflow:hidden;}
.maintab:last-child{border-bottom:none;}
.worktab *{ text-align:center; color:#333;}
.lefttab{ width:16%;min-width: 162px; max-height:400px; overflow:hidden;}
.resoubrief{width:100%;height:300px; overflow:hidden;}
.resoubrief tr td{ /*border-bottom:1px solid #d6d6d6;*/ max-height:180px; padding:6px 0;}
.resoubrief tr td ul{max-height: 260px;overflow: hidden;}
.resoubrief tr td ul li{ width:100%; max-width:160px; text-indent:0.5em; word-break: break-all;text-align: justify; max-height: 144px;}
.resoubrief tr td ul li:first-child{text-indent:0;font-size: 15px;color: #ff9900;}
.resoubrief tr td .resoimgbox{width: 160px; height: 160px;border-radius: 4px; overflow:hidden;}
.managebtn{ display:block; background:#ff9900;margin:auto;width:120px;font-size:14px;line-height:30px;color:#fff; border-radius:4px; text-align:center; cursor:pointer;}

.righttab{ width:80%;}
.worktab a{ color:#333;}
.worktab a:hover{color:#ff9900;}
.worktab tr td{ padding:0 4px;max-width:60px;word-break:break-all;/*text-overflow:ellipsis; overflow:hidden; white-space:nowrap;*/}
.worktab .worktabtit{ height:40px;background:#fff9ef;border-bottom:1px #D8D8D8 solid;}
.worktab .workitem{ border-bottom:1px #D8D8D8 solid;height:110px; padding:10px 0;}
.worktab .workitem:nth-child(odd){background:#fff;}
.workitemsrc{/* cursor:pointer;*/ color:#702C40;}
.operatebtn,.opbtn{ display:block;margin-top:10px;}
.operatebtn span,.opbtn span{ color:#ff9900; cursor:pointer; }
.modification{padding:10px 0;}

/*////////////我的工作台/////////////////*/
.workblock{width:100%; padding:10px; overflow:hidden;  background:#fff;margin-bottom:16px;}
.workhs{ width:34%; overflow:hidden;}
.workconleft{width:70%; /*  width:100%; */}
.workhead{ display:block; margin:10px auto 2px auto; width:76px; overflow:hidden;}
.workstat{font-size: 12px; float:left; width:100%; text-align:center;}
.workstat span{font-size:18px;line-height:30px;margin: 0 4px;}

.workinfor{width:64%;padding:5px 16px;}
.workinfor h4{ overflow:hidden;}
.workinfor .named{display:block;font-size:18px;line-height:34px;color:#333; float:left;}
.workinfor .named:hover,.workinfor .named:focus,.workinfor .named:active{color:#333; text-decoration:none;}

.workinfor h5{font-size:16px;line-height:26px;color:#666;}
.workinfor h6{ font-size:13px;line-height:24px;color:#888;}
.workinfor p{ color:#444; font-size:15px;}
.worklinkbtn{ color:#ff9900;font-size:12px;line-height:24px;cursor:pointer;}

.workcountup{position:relative; padding:6px 0; text-align:center;/*  margin:10px; */margin: 38px;}
.workcountup:nth-child(2){ border-top:1px solid #d6d6d6;}
.workcount{position:relative; top: 10px;}
/* .workcount:nth-child(1){ border-bottom:1px solid #d6d6d6;} */
.workcountnum{ font-size:18px;line-height:30px; margin:6px; font-style: italic; color: #ff9900; }

.worksubblock{ width:50%; padding:0 10px;position: relative;}
.worksubblock:nth-child(1){ border-right:1px solid #d6d6d6;}
.worktit{ width:100%;border-bottom:1px solid #d6d6d6; padding:4px 0; font-size:16px; }
.leftwb{ width:30%; margin:auto; text-align:center;}
.wbcon{ padding:20px 0; overflow:hidden;}
.wbimg{ display:block; margin:auto; width:60px; height:60px; overflow:hidden;}
.rightwb{ width:66%; margin-left:10px; }
.evasort{ line-heigth:20px;}
.worktopic{text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.topictime{color: #999;font-size: 13px;}
.workrecord{/*  list-style:inside disc; */max-height:94px; overflow:hidden;font-size:13px;/*  color:#666; */}
.writeback{ margin:10px 0;padding:2px 16px; border-radius:4px; font-size:12px; text-align:center; cursor:pointer; background: #ff9900;border: 1px solid #ff9900;color:#fff; }
/* .writeback:hover,.writeback:active{border:1px solid #ff9900; color:#ff9900;} */
.writebackbox{/*display:none;*/}
.writespan{ margin:10px 0 4px 0; font-weight:bold;}

/*资源、项目*/
.sharesrcbox11{ overflow:hidden; width:100%; padding:1%; height:320px;}
.sharesrcbox11 .sharesrc{ width:186px; margin:10px 2%; float:left;cursor:pointer;}
.sharesrcbox11 .briefinfor{ width:100%; max-height:100px; text-overflow:ellipsis; overflow:hidden; }
.sharesrcbox11 .shareshow{ position:relative; overflow:hidden;border-radius: 4px;margin: 8px 0;font-size: 13px; color:#666;}
.sharesrcbox11 .shareopeart{ position:absolute;background:rgba(0,0,0,.4); line-height:30px; text-align:center; bottom:-30px; left:0px; z-index:100; overflow:hidden; width:100%; cursor:pointer;}
.sharesrcbox11 .shareshow .statuswork{font-size: 12px;color:#ff9900/* #006DBD */;}

.objectsrcbox{ overflow:hidden; width:100%; padding:10px; height:160px;}
.objectsrc{float:left;  width:28%; margin:10px 20px;  height:120px; border-radius:4px; background:#fbeed5; /*border:1px dashed #e5e5e5;*/ padding:30px 10px; cursor:pointer; }
.objectsrc:hover{ background:#F1D299;}
.objectsrc p{ line-height:24px; text-align:center;}
.objectsrc .objectstate{/* background:url(../images/progressing.png) 52px 2px no-repeat;*/}
/*公告*/
.workconright{ width:29%;}
.worknotice{ width:100%; height:464px;/*  border:1px solid #d6d6d6; */background:#fff; position: relative;text-align: center; margin:1px;}

/*////////////咨询/////////////////*/
.workset{padding:4px 20px; background:#fff; border:1px solid #e8e8e8; line-height:20px; cursor:pointer;}
.workmenubox{ width:100%; background:#fff; padding:10px 20px;}
.workmenufrm{ max-width:100%;}
.workselectbox{ position:relative; /*border:1px red solid;*/ padding:4px 10px; }
.workselectmenu{ padding:4px 20px; position:relative;background: url(../images/downselect.png) no-repeat right center;cursor:pointer;}
.workdropdown { position:absolute;right:0; background:#fff; border-radius:6px;border: 1px #d6d6d6 solid; box-shadow:0px 2px 2px 1px #CECEB8;-moz-box-shadow:0px 2px 2px 1px #CECEB8;-webkit-box-shadow:0px 2px 2px 1px #CECEB8; z-index:99;}
.workdropdown li{padding:0 20px;width:100px; line-height:40px;cursor:pointer;}
.workdropdown li:hover{ background-color:#f7f7f7;}
.workdropdown2 li{width:200px;}
.workcurrent{ background:url(../images/selected.png) no-repeat 90% center #f7f7f7; }

.orderedbtn{ padding:1px 6px;  cursor:pointer; }
.orderedbtn div{width:20px; height:20px; background:url(../images/order.png) no-repeat 0 1px #ff9900 ; border-radius:4px;}

.workselectcon{ padding:10px;}
.workselectitem{/*  overflow:hidden; */ margin:6px 0;padding: 0 10px; padding-left: 20px;}
.workselectitem:nth-child(odd){background:#fff;}
.workselectitem table tr .workcheck{ text-align:center;}
.worksitcon{ width:100%;margin-top:0; overflow:hidden; }
.worksitcon .lasttime{ font-size:13px; color:#666;}
.worksitcon span{ padding-right:4px;}
.rebackcon{ height:60px; overflow:hidden;} 
.lastReplyCon { 
	width:650px;
	display:block;
	white-space:nowrap; 
	overflow:hidden;
	text-overflow:ellipsis;
}

.modifyicon{ margin-left:2px;margin-top:8px;}
.workitimg{ width:120px; height:120px; }
.messagebox{position:relative;}
.msgprompt{position:absolute; top:26px; left:-14px; padding:0 10px;text-align:center;  border-radius:14px; background:#ff6432; color:#fff;}
.workhandle{ position:absolute;  top:10px; right:20px;}
.workhandle span{ padding:2px 20px;border:1px #d7d7d7 solid;margin: 2px;}
.workhandle .complain{display:none;}/* 更多操作按钮... */
.workhandle .coultstate{/* background: #ff9900; position: relative;top:-10px;right: 20px; padding: 10px 30px; border-radius: 0 0 6px 6px; box-shadow: 1px 1px 2px 1px #ccc; z-index: 20; */color: #fff;border-radius: 6px 0 0 6px;}
.workhandle .coultstate i{font-style: normal;}
.workhandle .status-1{background:#FF9900;border: solid 1px #FF9900;}/*进行中*//*咨询状态*/
.workhandle .status-2{background:#dd524d;border: solid 1px #dd524d;}/*待评价*/
.workhandle .status-3{background:#03CE30;border: solid 1px #03CE30;}/*已完成*/


.workhandle .coultstate em{ position: absolute; width: 0px; height: 0px;border-top: 6px solid transparent; border-bottom: 0px solid rgb(204, 106, 6); border-left: 0px solid transparent; border-right: 5px solid rgb(204, 106, 6);left: -6px; top: -1px;z-index: 10;}
#evastarbox {position: relative;top: -4px; overflow: hidden; border: 1px solid transparent; width: 110px; margin: auto;}
#evastarbox .startStyle{background: url(../images/evastar.png) 0 -3px no-repeat;}
.workhandle .replybtn:hover{ background:#ff9900;cursor:pointer;color:#fff;border:1px #ff9900 solid;}

.workhandle .moreopert:hover{ background:#ff9900;cursor:pointer;color:#fff;border:1px #ff9900 solid;}
.workhandle .moreopertbtn{box-shadow:0px 2px 2px 1px #CECEB8;-moz-box-shadow:0px 2px 2px 1px #CECEB8;-webkit-box-shadow:0px 2px 2px 1px #CECEB8;width: 80px;right: 0;position: absolute;background: #fff; display:none;}
.workhandle .moreopertbtn li{ cursor:pointer;padding:2px 20px;border:1px #d7d7d7 solid;}
.workhandle .moreopertbtn li:hover{background:#ff9900;cursor:pointer;color:#fff;border:1px #ff9900 solid;}
/*////////////科研项目/////////////////*/

.workobjcon{ overflow:hidden; background:#fff; min-height:600px; margin-top:10px; padding:20px;}
.workobjcon .objectsrc{ width:20%; height:200px; /*border:1px solid #e5e5e5;*/ }
.workobjcon .objectsrc div{ margin:20px 4px;}
.workobjcon .objectsrc .objectstate{/* background:url(../images/progressing.png) 40px 2px no-repeat; */margin:20px;}
.workobjcon .newobjects{ border:2px dashed #e5e5e5;background:#F5F5F5;}
.workobjcon .newobjects ul li{ float:left;}
.workobjcon .newobjects .newobjectbox{ margin: 10px 30px;}
.workobjcon .newobjects .newobjecticon{ line-height:100px; font-size:30px;}
.workobjcon .newobjects .newobjectword{ line-height:106px;}



/*咨询对话*/

.consultdialogbox{ width:100%; padding:20px;color:#666;font-size:14px; }
.dialoghead{ padding:20px; border-radius:10px 10px 0 0; text-align:center; border-bottom:1px #d6d6d6 solid; background-color:#F3F3F3; position:relative;}
.dialoghead .backupbtn{ background:url(../images/backup.png) no-repeat center center; width:24px; height:24px; padding:20px; position:absolute; top:50%; left:16px; margin-top:-16px; cursor:pointer;}
.dialoghead .dheadtit{width:680px; margin:auto; font-size: 13px; }
.dialoghead .dheadtit .dialogpro{ padding:0 10px; font-size: 16px; color:#333;}

.dialogcontain{ background:#fff; text-align:center; border-bottom:1px #d6d6d6 solid; position:relative;}
.dialogcontain .dialoginfo{ max-width:460px; padding:10px;  margin:auto;}
.dialogcontain .dialoginfo .dialoginfotype{ padding: 1px 10px;}
.dialogcontain .dialoginfo .dialogtit{ color: #333;font-size:14px;}
.dialogcontain .dialoginfo .thanksblock{width:400px; margin:auto;}
.dialogcontain .dialoginfo .thankbox{ margin:2px 6px;}
.dialogcontain .dialoginfo .evadbox{ overflow:hidden;  position: relative; width:164px;}
.dialogcontain .dialoginfo .evadbox .evadegree{position: absolute;right: 2px;top: 2px;}
.dialogcontain .dialoginfo .evamargin{ margin:auto;}

.dialogcontain .dialoginfo .evadtit{ margin:2px 6px;}
.dialogcontain .dialoginfo .thankbox{ width:190px;}
.dialogcontain .dialoginfo .thankbox span{ padding:0 12px;}
.dialogcontain .dialoginfo .dialogsurebtn{margin: 10px auto;}
.dialogcontain .dialoginfo .dialogsurebtn span {padding:6px 20px; border-radius:6px; background:#ff9900;color:#fff; cursor:pointer; }

.dialogcontain .dialogstatus{ position:absolute; top:-20px; right: -8px;background: #ff9900; color: #fff; padding: 0 60px;border-radius: 20px 0 0 20px;z-index: 2; line-height: 40px; }
.dialogcontain .dialogstatus em{position: absolute;width: 0px; height: 0px;border-top: 0px solid  rgb(180, 60, 6);border-bottom: 6px solid transparent;border-left: 8px solid  rgb(180, 60, 6); border-right: 0px solid transparent;right: 0px; bottom: -5px;}

.dialogbody{ padding:20px; background:#E8F5FF; border-bottom:1px #d6d6d6 solid; min-height: 320px; overflow-y:auto;}
.dialog{max-height: 500px;}
.dialogbody .scrollBar{position: absolute; top: 0;width: 4px; height: 100%; border-radius: 2px;overflow: hidden;}
.dialogbody .scrollBar .bar{ position: absolute;left: 0; width: 100%; height: 40%;border-radius: 2px; background:#888; overflow: hidden; cursor: pointer;}
.dialogbody .dialoghistory{display: block; padding: 0 0 0 20px;border-style: solid;border-width: 1px 0 0 0;position: relative; margin: 25px 82px 14px; border-style: dashed; border-color: #d9d9d9;}
.dialogbody .dialoghistory .dialogword{ font-size: 14px; text-decoration:none; position: absolute; top: -9px;left: 50%;width: 108px; margin-left: -54px;text-align: center;font-weight: normal;}

.dialogleftitem,.dialogrightitem{ padding:4px; }
.dilmod{ overflow:hidden;}
.dilmod .diluser{ width:60px; height:60px;}
.dilmod .diluser .userface{ display:block; width:100%; height:100%;/*  border-radius:50%; */overflow:hidden;}

.dilmod .dilinfobox{ max-width: 700px; padding:10px 20px; margin:8px 16px; border-radius:6px; position:relative;}
.dilmod .dilinfobox_l{ background:#fff ; border: 1px  rgba(0,0,0,.1) solid;}
.dilmod .dilinfobox_r{ background:#ADE0F9; border: 1px #C8ECFD solid;}
.dilmod .dilinfobox .dilarrow{ display: block; width: 0px;height: 0px; margin:20px;border-width:10px;border-style:solid; position: absolute; top:-10px; }
.dilmod .dilinfobox .dilarrow_l{border-color:transparent rgba(0,0,0,.1) transparent transparent;left:-40px; }
.dilmod .dilinfobox .dilarrow_l_bor{border-color:transparent #fff transparent transparent;  left:-39px; }
.dilmod .dilinfobox .dilarrow_r{ border-color:transparent transparent transparent #C8ECFD;  right:-40px;}
.dilmod .dilinfobox .dilarrow_r_bor{ border-color:transparent transparent transparent #ADE0F9;  right:-39px;}


.dialogfoot{ padding:20px; background:#fff; border-radius:0 0 10px 10px;}
.dialogfoot .sendbox_area .W_input { width: 100%; height: 32px; padding: 5px 12px 0; box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.10) inset;margin: 0px; padding: 5px 12px;font-size: 12px; word-wrap: break-word; line-height: 20px;outline: none; border-radius:4px; }
.dialogfoot .sendbox_bar { overflow:hidden;margin:10px 0;}
.dialogfoot .sendbox_bar .sendtype { overflow:hidden;}
.dialogfoot .sendbox_bar .sendtype a{ float:left;width:30px; height:30px;  margin:0 10px; background-image:url(../images/linkicon.png); background-repeat:no-repeat;}

.dialogfoot .sendbox_bar .sendtype .mlink1{ background-position: 0 0;}
.dialogfoot .sendbox_bar .sendtype .mlink2{ background-position: -30px 0;}
.dialogfoot .sendbox_bar .sendtype .mlink3{ background-position: -60px 0;}

.dialogfoot .sendbox_bar .sendtype .mlink1:hover{ background-position: 0 -30px;}
.dialogfoot .sendbox_bar .sendtype .mlink2:hover{ background-position: -30px -30px;}
.dialogfoot .sendbox_bar .sendtype .mlink3:hover{ background-position: -60px -30px;}

.dialogfoot .sendbox_bar .sendbtn {}
.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);}

/* 对话页面，按钮显示和隐藏样式 */
.displayNone{
	display:none;
}

.displayBlock{
	display:block;
}
/* 对话页咨询内容 */
#dialog_consultContentTitle,#dialog_consultContent,#dialog_switch {
	display:inline-block;
}
#dialog_consultContentContainer {
	width:440px;
	height:auto;
	position:relative;
}
#dialog_consultContent {
	
}
#dialog_switch {
	font-size:12px;
	text-align:center;
	cursor:pointer;
	font-family:Verdana;
	font-weight:800;
	position:absolute;
	bottom:12px;
	left:55%;
	width:100%;
	/*background:url(more-bg.png) repeat-x bottom;*/
	height:40px;
	line-height:80px;
	cursor:pointer;
}
.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;}

.inline {
	display:inline-block;
}