jiliangzhifu/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:25%;
    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:35%
}
.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:0 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;
    margin-right:5px;
}
.avatar li.name {
    font-size:18px;
    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;
    height:54px;
    line-height:54px;
    color:#666;
    max-width:500px
}
.avatar li.con p{
    line-height: 18px;
    margin-top:15px
}
.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%;
    height:60px;
}
.avatarBar .avatar{
    margin:2px 0 0 5px
}
.avatarBar .fR{
    margin:15px 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{
    overflow-y:auto;
    width:70%;
}
.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
}