ekexiu.com.portal/src/main/webapp/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;}
.frmtype:focus{ border:1px solid #ff8500;}
.frmbtn{ width:100px; margin:10px; background:#ff8400; 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 #ff8400 solid;cursor:pointer;}
.worksubmenu{width:100%; height:40px; margin:10px 0; padding-left:30px;font-size:15px;line-height:40px; color:#313131; cursor:pointer;}
.subcolor{ background:#f99550; 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; overflow:hidden;}
/*我的资源、需求*/
.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 #ff8400; color:#ff8400;text-decoration: none;}
.workcontit a:link{color:#313131;}

.workmysrc{display:none;}
.workmysrc:first-child{display:block;}
.workmysrc .workbtn{ display:block;background:#ff8400;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:#000;}
.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:1.5em; word-break: break-all;text-align: justify; /*text-overflow:ellipsis; overflow:hidden; white-space:nowrap;*/}
.resoubrief tr td ul li:first-child{text-indent:0;font-size: 15px;color: #ff8400;}
.resoubrief tr td .resoimgbox{width: 160px; height: 160px; overflow:hidden;}
.managebtn{ display:block; background:#aaa;margin:auto;width:120px;font-size:14px;line-height:30px;color:#fff; border-radius:4px; text-align:center; cursor:pointer;}

.righttab{ width:82%;}
.worktab a{ color:#333;}
.worktab a:hover{color:#ff8400;}
.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:#ff8400; cursor:pointer; }
.modification{padding:10px 0;}

/*////////////我的工作台/////////////////*/
.workblock{ padding:10px; overflow:hidden;  background:#fff; margin:10px 0; margin-bottom:20px;}
.workhs{ width:34%; overflow:hidden;}
.workconleft{ width:82%;}
.workhead{ display:block; margin:10px; height:84%; height:84%;/* border:1px #ccc solid; */border-radius:50%; overflow:hidden;}
.workstat{ float:left; width:50%; text-align:center;}
.workstat span{font-size:18px;line-height:30px; font-weight:bold;}

.workinfor{width:64%; margin-top:20px; padding:10px 16px;min-height:140px;}
.workinfor h4{ overflow:hidden;}
.workinfor .named{display:block;font-size:18px;line-height:34px; font-weight:bold; color:#000; float:left;}
.workinfor .named:hover,.workinfor .named:focus,.workinfor .named:active{color:#000; text-decoration:none;}

.workinfor h5{font-size:16px;line-height:30px; font-weight:600;}
.workinfor h6{ font-size:13px;line-height:24px; font-weight:400;}
.worklinkbtn{ color:#ff8400;font-size:12px;line-height:24px;cursor:pointer;}

.workcountup{ width:100%; overflow:hidden; padding:6px 0; text-align:center; margin:10px;}
.workcountup:nth-child(2){ border-top:1px solid #d6d6d6;}
.workcount{ padding:10px; width:50%; float:left;}
.workcount:nth-child(1){ border-right:1px solid #d6d6d6;}
.workcountnum{ font-size:18px;line-height:30px; margin:6px; font-style: italic; }

.worksubblock{ width:50%; padding:0 10px;}
.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; border-radius:50%;}
.rightwb{ width:66%; margin-left:10px; }
.worktopic{ font-weight:bold; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.workrecord{ list-style:inside disc;max-height:94px; overflow:hidden;font-size:13px; color:#666;}
.writeback{ margin:10px 0; border-radius:4px; font-size:12px; text-align:center; cursor:pointer; border:1px solid #888; padding:0 14px;}
.writeback:hover,.writeback:active{border:1px solid #ff8400; color:#ff8400;}
.writebackbox{/*display:none;*/}
.writespan{ margin-top:10px; font-weight:bold;}

/*资源、项目*/
.sharesrcbox11{ overflow:hidden; width:100%; padding:10px; height:240px;}
.sharesrcbox11 .sharesrc{ width:28%; margin:10px 20px; float:left;}
.sharesrcbox11 .briefinfor{ width:100%; max-height:100px; text-overflow:ellipsis; overflow:hidden; }
.sharesrcbox11 .shareshow{ position:relative; overflow:hidden;}
.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;}

.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:17%;}
.worknotice{ width:100%; height:200px; border:1px solid #d6d6d6; 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:40;}
.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 #ff8400 ; border-radius:4px;}

.workselectcon{ padding:10px;}
.workselectitem{/*  overflow:hidden; */ margin:6px 0;}
.workselectitem:nth-child(odd){background:#fff;}
.workselectitem table tr .workcheck{ text-align:center;}
.worksitcon{ width:100%;margin-top:0; overflow:hidden; cursor:pointer; }
.worksitcon .lasttime{ font-size:13px; color:#666;}
.worksitcon span{ padding-right:4px;}
.rebackcon{ height:60px; overflow:hidden;}
.modifyicon{ margin-left:10px;margin-top: 6px;}
.workitimg{ width:120px; height:120px; }
.messagebox{position:relative;}
.msgprompt{position:absolute; top:26px; left:16px; padding:0 10px;text-align:center;  border-radius:14px; background:#ff6432; color:#fff;}
.workhandle{ position:absolute;  top:20px; right:20px;}
.workhandle span{ padding:2px 20px;border:1px #d7d7d7 solid;}
.workhandle .coultstate{background: #ff8400; position: relative;top:-10px;right: 20px; padding: 10px 30px; border-radius: 0 0 6px 6px;    border: solid 1px transparent;  box-shadow: 1px 1px 2px 1px #ccc; color: #fff; z-index: 20;}
.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;}

.workhandle .replybtn:hover{ background:#ff8400;cursor:pointer;color:#fff;border:1px #ff8400 solid;}

.workhandle .moreopert:hover{ background:#ff8400;cursor:pointer;color:#fff;border:1px #ff8400 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:#ff8400;cursor:pointer;color:#fff;border:1px #ff8400 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; }
.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;}
.dialoghead .dheadtit .dialogpro{ padding:0 10px; font: 16px/30px; font-weight:600;}

.dialogcontain{ background:#fff; text-align:center; border-bottom:1px #d6d6d6 solid; position:relative;}
.dialogcontain .dialoginfo{ max-width:460px; padding:10px;  margin:auto;}
.dialogcontain .dialoginfo div{ padding: 4px 10px;}
.dialogcontain .dialoginfo .dialogtit{ font-weight:600;}
.dialogcontain .dialoginfo .dialogsurebtn { width: 200px; margin: 10px auto;padding:6px 20px; border-radius:6px; background:#ff8400;color:#fff; cursor:pointer; }


.dialogcontain .dialogstatus{ position:absolute; top:-20px; right: -8px;background: #ff8400; 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: -6px;}

.dialogbody{ padding:20px; background:#FFF1DD; border-bottom:1px #d6d6d6 solid; min-height: 320px; max-height: 500px; overflow-y:auto;}
.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:10px; margin:10px;}
.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:20px; margin:0 16px; border-radius:10px; 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:14px;border-style:solid; position: absolute; top:-5px; }
.dilmod .dilinfobox .dilarrow_l{border-color:transparent rgba(0,0,0,.1) transparent transparent;left:-48px; }
.dilmod .dilinfobox .dilarrow_l_bor{border-color:transparent #fff transparent transparent;  left:-47px; }
.dilmod .dilinfobox .dilarrow_r{ border-color:transparent transparent transparent #C8ECFD;  right:-48px;}
.dilmod .dilinfobox .dilarrow_r_bor{ border-color:transparent transparent transparent #ADE0F9;  right:-47px;}


.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: #ff8400; border: 1px solid #ff8400; color: #fff; box-shadow: 0px 1px 2px rgba(0,0,0,0.25);}