jiliangzhifu2017/global/css/style.css

@charset "utf-8";
@font-face {
  font-family: 'icomoon';
  src:url('fonts/icomoon.eot');
  src:url('fonts/icomoon.eot?#iefix') format('embedded-opentype'),
    url('fonts/icomoon.woff') format('woff'),
    url('fonts/icomoon.ttf') format('truetype'),
    url('fonts/icomoon.svg#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}
[data-icon]:before {
  font-family: 'icomoon';
  content: attr(data-icon);
  speak: none;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  vertical-align:middle
}
ul, ol, li{
  line-height:normal;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0
}
dl {
  margin:0
}
dd {
  margin-left:0
}
body{
  font: 12px/1.5 tahoma,arial,'Hiragino Sans GB',"微软雅黑",sans-serif;
  overflow:hidden;
}a {
  outline:none;
} 

a {
  color: #0088cc;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #005580;
  text-decoration:none;
}
.taC,td.taC,th.taC{text-align: center;}
.taR,td.taR,th.taR{text-align:right;}
.fL{float:left}
.fR{float:right}
.width960{
  width:960px;
  margin:0 auto;
}
.colRed {color:#f70000}
.colOrange {color:#ed8b00}
.colYel {color:#d9a601}
.colGreen{color:#17ab0c}
.colGray{color:#999}
.colBlue{color:#3172d9}
.wrapHeader{
  height:48px;
  background:url(headerBg.jpg) repeat-x 0 0;
  position:relative
}
.wrapHeader h1.mainLogo{
  width:249px;
  height:48px;
  position: absolute;
  background:url(logo.png) no-repeat 0 0;
  left:0;
  top:0;
  margin:0
}
.wrapHeader div.userInfo,.wrapHeader div.sysTools {
  position:absolute;
  right:0
}
.wrapHeader div.sysTools{
  top:15px;
  right:10px
}
div.userInfo .btn-group {
  margin:8px 10px 0 0
}
div.userInfo .btn-group .dropdown-menu{
  left:inherit;
  right:0
}
.mainSidebar{
  width:68px;
  float:left
}
.mainSidebar ul{
  border-bottom:1px solid #535353
}
.mainSidebar li{
  text-align:center;
  border-bottom:1px solid #303030;
  position:relative
}
.mainSidebar li .badge{
  position:absolute;
  right:8px;
  top:8px
}
.mainNav a{
  color:#fff;
  text-decoration:none;
  font-size:12px;
  border-top:1px solid #535353;
  padding:15px 0;
  display:block;
  color:#BABABA
}
.mainNav a:hover{
  border-left:1px solid #CFD37A;
  padding-right:1px;
  color:#e3e3e3
}
.mainNav a.focus{
  background:url(sidebarAfocue.png) repeat;
  border-left:1px solid #CFD37A;
  cursor: default;
  padding-right:1px;
  color:#fff
}
.mainNav .navIcon{
  font-size:24px
}
.wrapContent{
  background:url(sidebarBg.jpg) repeat-y 0 0;
  position:relative
}
.mainContainer{
  margin:0 0 0 68px;
  border-top:5px solid #CFD37A;
  overflow-y:auto;
}
.mainContent{
  padding:0 30px 0
}
.mainContent .title h1{
  font-size:24px;
  color:#333;
  font-weight:normal
}
.mainContent .title {
  padding:10px 0 0 0;
}
.mainContent .title .nav{
  display: inline-block;
  font-size: 18px;
  margin: 5px 0 0;
}
.mainContent .title .nav li.dropdown{
  float:left;
  margin:0 5px 0;
  line-height:18px
}
.mainContent .title .nav li.dropdown .dropdown-menu{
  font-size:12px
}
.mainContent .title  .btn-group .dropdown-menu {
    left: inherit;
    right: 0;
}
.project {
  margin:0 0 30px 0;
}
.projec .odd{
  background:#fcfcfc
}
.project table th input,.project table td input{
  margin:0
}
.projectEntry {
  height:70px;
  margin:0 0 5px 0;
  border-radius:5px;
  background:#f7f7f7;
  color:#666
}
.project .proSection{
  margin:0 0 50px 0;
}
.project .proSection .table{
  margin:0;
}
.projectEntry:hover{
  background:#fff8ef;
  color:#333
}
.projectEntry .pojIcon {
  min-width:65px;
  height:70px;
  line-height:70px;
  text-align:center;
  text-shadow:0 1px 0 rgba(255, 255, 255, 0.4), 0 -1px 0 rgba(0, 0, 0, 0.4);
  font-size:36px;
  border-radius:5px 0 0 5px;
  position:relative;
  background:#CFD37A;
}
.projectEntry .pojIcon div {
  height: 40px;
  line-height: 40px;
  margin: 16px 0 0;
}
.projectEntry .c1{
  background-color: #E9DDCF;
  color: #D8A196
}
.projectEntry .c2{
  background-color: #ECE8D5;
  color: #C8BFA5
}
.projectEntry .c3{
  background-color: #E4EDD1;
  color: #C8D7A5
}
.projectEntry .c4{
  background-color: #DBEEE6;
  color: #AFD8C7
}
.projectEntry .c5{
  background-color: #CFE6E9;
  color: #8CB6C7
}
.projectEntry .c6{
  background-color: #CFD8E9;
  color: #8FA6D1
}
.projectEntry .c7{
  background-color: #F0DCE3;
  color: #DBA8BA
}
.projectEntry .c8{
  background-color: #E3E3E3;
  color: #B9C0C7
}
.projectEntry .pojDetail{
  width:92%
}
.pojDetail .title{
  width:35%;
  padding:0 0 0 10px;
  margin:12px 0 0 0
}
.pojDetail .title h5{
  margin:0 0 5px 0
}
.pojDetail .detail,.pojDetail .detail2 {
  width:35%;
  margin:12px 0 0 20px;
  overflow: hidden;
}
.pojDetail .detail2{
  width:25%
}
.pojDetail .detail p{
  margin:0 0 5px 0
}
.pojDetail .detail .progress {
  margin:0
}
.slidePanel{
  position:absolute;
  right:-100%;
  top:0;
  width:75%;
  height:100%;
  background:#fff;
  border-left: 1px solid #9b9c9e;
  box-shadow:0 0 5px 3px rgba(0, 0, 0, 0.2);
  overflow: auto;
  z-index: 999
}
.slidePanel .panelContent{
  margin:20px 20px 20px 0
}
.panelContent .title{
  margin:0 0 30px 0
}
.panelContent .title div.closePanel{
  cursor:pointer;
  border-radius:0 15px 15px 0
}
.panelContent .title div.closePanel:hover {
  background:#B94A48
}
.slidePanel .panelContent h2{
  font-size:18px;
  color:#666;
  margin:0;
  color:#333;
  font-weight:normal;
  height:30px;
  line-height:30px
}
.panelContent h2 div{
  height:30px;
  line-height:30px;
  text-align:center;
  width:24px;
  color:#fff;
  background:#9b9c9e;
  margin:0 5px 0 0
}
.panelContent .form{
  margin:0 0 0 20px
}
.panelContent .table input {
  margin:0;
}
.form .controls .alert{
  margin:0 90px 0 0
}
.jlTable,.misTable{
  overflow:auto;
  margin:8px 0 2px 0;
  position: relative
}
.misTable {
  margin-left:140px;
  margin-right:5px;
}
.jlTable .alert,.misTable .alert{
  position: absolute;
  bottom:0;
  right:20px;
  z-index: 999;
}
.bottomToolsbar {
  height:60px;
  overflow:hidden;
}
.reportList {
  margin:5px 0;
}
.tableTypeList {
  float:left;
  width:140px;
  margin-top:8px;
}
.tableTypeList li {
  width:140px;
  overflow: hidden
}
.tableTypeList li a{
  display: inline-block;
  padding:5px 10px;
  width:120px;
  line-height: 16px
}
.tableTypeList li a:hover{
  text-decoration: none;
  background: #f5f5f5;
  font-weight: 600
}
.tableTypeList li a.now{
  background:#414141;
  color:#CFD37A;
  cursor: default;
  font-weight: 600
}
.periodBar{
  height:28px;
  line-height:28px;
  background:#f1f1f1;
  padding:0 0 0 20px
}
.pjColorList{
  position:relative
}
.pjColor,.pjIcon{
  display:inline-block;
  *display:inline;
  zoom:1;
  width:24px;
  height:24px;
  margin:0 5px 0 0;
  text-align:center;
  padding:0;
  position:relative;
  font-size:14px;
  cursor: pointer;
  border-radius:3px
}
.pjSelect {
  height:20px;
  width:20px;
  border-width: 2px;
  border-style:solid;
}
.pjColor:hover {
  height:22px;
  width:22px;
  border-width: 1px;
  border-style:solid;
}
.pjSelect:hover {
  height:20px;
  width:20px;
  border-width: 2px;
  border-style:solid;
}
.pjSelect:after{
content: "✔";
position: absolute;
top:0;
left:5px
}
.pjIcon{
  font-size:18px;
  height:30px;
  line-height:30px;
  width:30px
}
.pjiSelect{
  border-width: 2px;
  border-style:solid;
  height:26px;
  width:26px;
  line-height:26px
}
.pjIcon:hover{
  border-width: 1px;
  border-style:solid;
  height:28px;
  width:28px;
  line-height:28px
}
.pjiSelect:hover{
  border-width: 2px;
  border-style:solid;
  height:26px;
  width:26px;
  line-height:26px
}
.pj-c1 {
  background-color: #E9DDCF;
  border-color: #D8A196;
  color: #D8A196
}
.pj-c2{
  background-color: #ECE8D5;
  border-color: #C8BFA5;
  color: #C8BFA5
}
.pj-c3{
  background-color: #E4EDD1;
  border-color: #C8D7A5;
  color: #C8D7A5
}
.pj-c4{
  background-color: #DBEEE6;
  border-color: #AFD8C7;
  color: #AFD8C7
}
.pj-c5{
  background-color: #DBEEE6;
  border-color: #AFD8C7;
  color: #AFD8C7
}
.pj-c6{
  background-color: #CFE6E9;
  border-color: #8CB6C7;
  color: #8CB6C7
}
.pj-c7{
  background-color: #E3E3E3;
  border-color: #B9C0C7;
  color: #B9C0C7
}
.pj-c8{
  background-color: #F0DCE3;
  border-color: #DBA8BA;
  color: #DBA8BA
}
.periodBar .entry{
  float:left
}
.periodBar a{
  text-decoration:none;
  cursor:pointer
}
.periodBar a.disAva{
  color:#999;
  cursor:default
}
.periodBar .page a{
  margin:0 5px
}
.periodBar a.dashed{
  margin:0 5px
}
.periodList .periodItem {
  width:370px;
  overflow: hidden;
  border-left:1px solid #d6d6d6;
  margin:0 0 0 20px
}
.periodList li{
  float:left;
  height:28px;
  line-height:28px;
  border:1px solid #d6d6d6;
  border-top:none;
  border-bottom:none;
  margin:0 0 0 -1px
}
.periodList li a{
  padding:0 15px
}
.periodList li.focus{
  float:left;
  height:25px;
  line-height:25px;
  border-color:#ababab;
  border-bottom:2px solid #333333;
  background:#fff
}
.periodList li.focus a{
  color:#333;
  border-color:#fff
}
.periodBar{.
  height:28px;
  overflow: hidden
}
.periodBar .addPeriod{
  margin:0 0 0 10px;
  font-size:18px
}
.periodBar .addPeriod a{
  margin:8px 0 0 0
}
.mpItem .title{
  padding:0 5px;
  font-size:48px;
  line-height:48px;
  height:48px;
  border-top:1px solid #F7F7F7
}
.mpItem .title div{
  font-size:12px;
  margin:0 5px 0 48px;
  text-align:right;
  line-height:16px
}
.mpItem .title div p{
  margin:10px 0 0 0
}
.avatar {
  margin:13px 0 0 10px
}
.avatar li{
  border:2px solid #999;
  padding:1px;
  background:#fff;
  position:relative;
  float:left;
  margin:3px 3px 0 0;
  border-radius:3px
}
.avatar li img{
  border-radius:3px
}
.avatar li span{
  position: absolute;
  background:#333;
  color:#fff;
  left:1px;
  bottom:1px;
  height:14px;
  line-height:14px;
  text-align:center;
  width:14px
}
.avatar li.add {
  width:54px;
  height:54px;
  border:none;
  background:none;
}
.avatar li.add span{
  font-size:56px;
  left:0;
  top:3px;
  background: none;
  color:#999;
  cursor:pointer;
}
.avatar li.add:hover{
  border-color: #333
}
.avatar li.add span:hover{
  color:#333
}
.avatar li.num {
  font-size:36px;
  color:#ccc;
  border:none;
  background:none;
  padding:0 15px;
  height:54px;
  line-height:54px;
  width:30px;
}
.avatar li.name {
  font-size:14px;
  border:none;
  background:none;
  padding:0 10px;
  height:54px;
  line-height:54px;
  min-width:100px;
}
.avatar li.con {
  font-size:12px;
  border:none;
  background:none;
  padding:0 10px;
  color:#666;
  max-width:500px
}
.avatar li.con p{
  line-height: 18px;
  margin-top:5px
}
.missionPeriod .mpPass{
  width:60px;
  height:60px;
  background-color: #f7f7f7;
  border:1px solid #e5e5e5;
  float:left;
  line-height:60px;
  text-align:center;
  margin:0 5px 5px 0;
  color:#84af84;
  font-size:50px;
  text-decoration:none
}
.missionPeriod .mpPass:hover{
  background:#fff8ef
}
.missionPeriod {
  border-bottom:1px dashed #dbdbdb;
  padding:0 0 20px 0
}
.missionPeriod h4{
  font-weight:normal;
  font-size:14px;
  color:#666;
  height:30px;
  line-height:30px;
  cursor: pointer;
  padding:0 10px
}
.missionPeriod:hover h4{
  background:#f7f7f7;
  border-color:#fff
}
.missionPeriod .mpTips{
  text-align:center
}
.mpNotpass .title{
  border-color:#cc0000
}
.mpNotpass .title b{
  color:#cc0000
}
.mpWait .title{
  border-color:#ff9900
}
.mpWait .title b{
  color:#ff9900
}
.avatar .pass{
  border-color:#009d0e
}
.avatar .pass span{
  background:#009d0e
}
.avatar .wait{
  border-color:#ff9900
}
.avatar .wait span{
  background:#ff9900
}
.avatar .notpass{
  border-color:#cc0000
}
.avatar .notpass span{
  background:#cc0000
}
.avatarBar {
  background:#F1F1F1;
  width:100%;
  min-height:64px;
}
.avatarBar .avatar{
  margin:2px 0 0 5px
}
.avatarBar .fR{
  margin:10px 20px 0 0
}
.avatarBar .caret {
  border-bottom:4px solid #fff
}
.label input{
  margin:0;
  vertical-align:top;
}
.group-c1 {
  background-color:#e56061
}
.group-c2 {
  background-color:#8d9cb1
}
.group-c3 {
  background-color:#4fb7b8
}
.group-c4 {
  background-color:#66b856
}
.group-c5 {
  background-color:#B8569E
}
.group-c6 {
  background-color:#B87456
}
.group-c7 {
  background-color:#564FB8
}
.group-c8 {
  background-color:#4F81B8
}
.group-c9 {
  background-color:#D0CC59
}
.workGroup .groupEntry {
  background:#f7f7f7;
  padding:0 0 10px 0;
  margin:0 0 15px 0;
  box-shadow:1px 1px 1px 0px rgba(0, 0, 0, 0.1);
  border-radius:3px;
}
.groupEntry .title b{
  color:#fff;
  height:28px;
  line-height:28px;
  display:inline-block;
  *display:inline;
  zoom:1;
  padding:0 10px;
  margin:0 10px 0 0;
  border-radius:3px 0 0 0;
}
.groupEntry .title a{
  font-size:18px;
  color:#999;
  margin:0 10px 0 0;
  text-decoration:none
}
.groupEntry .title a:hover{
  color:#EAB05E
}
.groupEntry .avatar li{
  margin:0 15px 0 0;
  border:none
}
.groupEntry .avatar li:hover{
  border-color:#333
}
.groupEntry .avatar li p{
  float:right;
  font-size:12px;
  margin:0;
  line-height:14px;
  padding:3px 5px 0 10px;
  color:666;
  display:none
}
.groupEntry .avatar li.count{
  height:48px;
  width:55px;
  font-size:12px;
  line-height:48px;
  border:none;
  background:none;
  text-align:center
}
.groupEntry .avatar li img{
  opacity: 0.9;
  -moz-opacity: 0.9;
  filter:alpha(opacity=9);
}
.groupEntry .avatar li:hover img{
  opacity: 1;
  -moz-opacity:1;
  filter:alpha(opacity=1);
}
.partner {
  padding:10px 15px;
  background:#f7f7f7
}
.partner li{
  border:none;
  margin:0 15px 15px 0;
  text-align:center;
  font-size:12px
}
.partner li img{
  opacity: 0.5;
  -moz-opacity: 0.5;
  filter:alpha(opacity=5);
  display:block
}
.partner li.focus{
  background-color:#333;
  color:#fff
}
.partner li.focus img{
  opacity: 1;
  -moz-opacity:1;
  filter:alpha(opacity=1);
}
.partner li input{
  position:absolute;
  right:2px;
  top:31px
}
.partner li.invite{
  border:1px dashed #999;
  height:48px;
  line-height:48px;
  width:48px;
  text-align:center
}
.partner li.invite:hover{
  border:1px solid #ccc
}
.form .partner .alert{
  margin:0
}
.inviteAvatar {
  background:#f7f7f7;
  padding:10px
}
.inviteAvatar img{
  padding:1px;
  background:#fff;
  border-radius:3px;
  float:left
}
.inviteAvatar p{
  margin:0 0 0 58px
}
.avatar li span.waitJoin{
  color:#CFD37A;
  background: #333333;
  width:20px;
  height:20px;
  line-height:16px;
  font-size:18px;
  border-radius: 10px;
  left:-10px;
  top:-10px;
}
.wrapLogin{
  border-top:5px solid #CFD37A;
}
.wrapLogin .loginPanel .tpa{
  text-align: right;
  margin:0 0 5px 0
}
.wrapLogin .loginPanel{
  width:330px;
  position: absolute;
  bottom:50%;
  right:50%;
  padding:10px;
  background:#F8F8F8;
  margin:0 -165px -100px 0
}
.wrapLogin .loginPanel img{
  margin:0 0 10px 0;
  border-radius:3px;
  padding:1px;
  background:#fff
}
.wrapLogin .loginPanel .alert{
  margin:10px 0 0 0;
  text-align:center
}
.adminSidebar{
  width:140px;
  padding:10px 10px 10px 0;
}
.adminSidebar li{
  margin:0 0 1px 0
}
.adminSidebar li a{
  display:inline-block;
  *display:inline;
  zoom:1;
  width:150px;
  text-align:center;
  padding:10px 0;
  font-size:14px;
  color:#999
}
.adminSidebar li a:hover{
  background:#f2f2f2
}
.adminSidebar li a.now{
  color:#666;
  font-weight:600;
  background:#ddd
}
.adminContent {
  margin:0 0 0 150px;
  padding:15px 15px 0 20px;
  border-left:1px solid #ddd;
  background:#fff;
  overflow-y:auto 
}
.userInfoPanel{
  margin:20px auto 5px
}
.userInfoPanel p{
  text-align:right;
  margin:10px 10px 0 0
}
.copyRight{
  position:absolute;
  bottom:20px;
  width:100%;
  text-align:center;
  font-size:12px;
  color:#999
}
.copyRight a{
  color:#666
}
.filesWrap {
  position: relative;
  overflow: hidden;
}
.filesWrap .filesList{
  width:70%;
  min-height: 400px
}
.filesWrap .filesDetail{
  position: absolute;
  right:0;
  top:0;
  width:29%;
  border:1px solid #ccc;
}
.fileico {
  display: inline-block;
  width: 26px;
  height: 22px;
  background: url(fileico.gif) no-repeat 0 0;
  vertical-align: middle;
}
.fileico.ico-jpg{
  background-position:0 -80px
}
.fileico.ico-pdf{
  background-position:-64px -80px
}
.fileico.ico-doc{
  background-position:-96px -80px
}
.fileico.ico-xls{
  background-position:-128px -80px
}
.fileico.ico-txt{
  background-position:-160px -80px
}
.fileico.ico-zip{
  background-position:-352px -80px
}
/*报表签署*/
.signContent {
  padding:0;
}
.signContent .title{
  padding:0 30px;
  border-bottom:1px solid #ddd
}
.sign-avatars span{
  margin:0 10px 0 0
}
.sign-index{
  width:644px;
  margin:100px auto 0
}
.sign-menu {
  margin:0 0 50px 0
}
.sign-menu .item {
  float:left;
  width:300px;
  height:120px;
  text-align:center;
  font-size:38px;
  border:1px solid #ddd;
  margin:10px
}
.sign-menu .item h1{
  color:#666;
  font-weight:400;
}
.sign-index .bar{
  text-align:center;
  width:322px;
  margin:0 auto
}
.sign-topbar {
  margin:15px 0 0 0
}
.sign-content {
  overflow: scroll;
  background: #ededed;
  border-right:1px solid #ddd;
  box-sizing: border-box;
}
.sign-content .page{
  margin:0 auto;
  width:1085px;
  border: 9px solid transparent;
  position: relative;
  overflow: hidden;
}
.sign-side{
  width:220px;
}
.sign-side .view-info{
  border-bottom:1px solid #ddd
}
.view-info li{
  padding:10px 5px 10px 65px;
  border-top:1px dashed #ddd
}
.view-info li:first-child{
  border-top:none;
}
.view-info li div {
  margin-left:-55px;
  width:60px;
  color:#999
}
.signed-list li{
  height:48px;
  line-height:48px;
  padding:10px 10px 10px 30px;
  border-bottom:1px dashed #ddd;
}
.signed-list li .no{
  margin-left:-20px;
  color:#999;
  font-size:18px
}
.signed-list li .avatars {
  height:48px
}
.signed-list li .avatars img{
  vertical-align: top;
  margin:0 5px 0 0
}
.sign-side .btn-bar {
  width:180px;
  margin:20px auto
}
.moadl-avatars li{
  border:1px solid #ddd;
  padding:10px;
  width:230px;
  float:left;
  margin:5px
}
.moadl-avatars li p:last-child{
  margin: 0;
}
.sign-content .page .user-sign{
  position: absolute;
  top:10%;
  left:10%;
  z-index: 999;
  width:300px
}
.user-sign .focus{
  background:rgba(255,0,0,0.1);
}
.user-sign img{
  width:inherit;
}
.user-sign .img-bar {
  background:#ddd;
  text-align: right;
  position: absolute;
  right:0;
  top:0;
  display:none;
}
.user-sign:hover .img-bar{
  display: block;
}
#draggable{
  cursor: move;
}
.user-sign .img-bar a{
  display:inline-block;
  font-size:16px;
  padding:3px 5px;
  line-height: 16px;
}
.user-sign .img-bar a:hover{
  background:#f2f2f2
}
.sign-share-header {
  height:29px;
  line-height: 29px;
  border-bottom:1px solid #ccc;
}
.sign-share-header .title{
  margin-left:10px
}
.sign-share-header .copyright{
  float:right;
  margin-right:10px
}