381 lines
6.6 KiB
CSS
381 lines
6.6 KiB
CSS
@charset "utf-8";
|
|
/* CSS Document */
|
|
html,
|
|
body {
|
|
overflow: hidden;
|
|
height: 100%;
|
|
}
|
|
.main_top {
|
|
height: 60px;
|
|
line-height: 54px;
|
|
background: url(../image/main_top_back.png) repeat-x bottom;
|
|
}
|
|
.main_logo{
|
|
width:180px;
|
|
height: 60px;
|
|
float:left;
|
|
background: url(../image/logo.png) no-repeat center;
|
|
|
|
}
|
|
.main_menu_body{
|
|
margin-left:25px;
|
|
}
|
|
.main_menu_left{
|
|
display:inline-block;
|
|
width:25px;
|
|
height: 60px;
|
|
float:left;
|
|
background: url(../image/main_menu_right.png) no-repeat center;
|
|
}
|
|
|
|
.main_menu div:hover {background-color:#1f7fcc}
|
|
.main_menu div:hover {background-color:#1f7fcc}
|
|
.main_menu_left_selected{
|
|
display:none;
|
|
width:25px;
|
|
height: 60px;
|
|
float:left;
|
|
display:inline-block;
|
|
background: url(../image/main_menu_right_selected.png) no-repeat center;
|
|
}
|
|
.main_menu_right{
|
|
width:25px;
|
|
height: 60px;
|
|
position: relative;
|
|
left: 0px;
|
|
display:none;
|
|
background: url(../image/main_menu_left.png) no-repeat center;
|
|
}
|
|
.main_menu_right_selected{
|
|
width:25px;
|
|
height: 60px;
|
|
display:inline-block;
|
|
background: url(../image/main_menu_left_selected.png) no-repeat center;
|
|
}
|
|
.main_logo,
|
|
#main_menu,
|
|
.main_sys div {
|
|
display: inline-block;
|
|
}
|
|
#main_menu ul {
|
|
width: auto;
|
|
height: 60px;
|
|
float:left;
|
|
POSITION: absolute;
|
|
}
|
|
|
|
#main_menu li {
|
|
display:inline-block;
|
|
width:90px;
|
|
height:60px;
|
|
text-align: center;
|
|
white-space:normal;
|
|
line-height:30px;
|
|
float:left;
|
|
margin:0px;
|
|
padding:0px;
|
|
border-width:0px;
|
|
rules=none ;
|
|
}
|
|
#main_menu li:hover {background-color:#1f7fcc}
|
|
|
|
.main_menu_select_tool{
|
|
width:50px;
|
|
}
|
|
/* 一级菜单的字体的颜色的大小*/
|
|
#main_menu li span{
|
|
color:#e9f6ff;
|
|
font-size:13px;
|
|
}
|
|
#main_menu li img{
|
|
margin-top:10px;
|
|
width:18px;
|
|
height:18px;
|
|
}
|
|
#main_menu li br {
|
|
display:inline; line-height:1px;
|
|
}
|
|
.main_menuf{
|
|
background: url(../image/main_menu_select.png) repeat-x bottom;
|
|
}
|
|
#main_sys{
|
|
float: right;
|
|
width:100px;
|
|
height:60px;
|
|
}
|
|
.main_sys_body{
|
|
height:60px;
|
|
}
|
|
.main_sys li{
|
|
padding-left:0px;
|
|
width:40px;
|
|
height: 60px;
|
|
display:inline-block;
|
|
}
|
|
.main_sys li:hover {background-color:#1f7fcc}
|
|
.main_sys_user{
|
|
background: url(../image/nav_user@3x.png) no-repeat center;
|
|
}
|
|
.main_sys_skip{
|
|
background: url(../image/nav_clothes@3x.png) no-repeat center;
|
|
}
|
|
.main_sys_home{
|
|
background: url(../image/Home.png) no-repeat center;
|
|
}
|
|
|
|
.main_sys_exitout{
|
|
background: url(../image/close_Window.png) no-repeat center;
|
|
}
|
|
.main_top_menu_info{
|
|
background-color:#f6f6f6;
|
|
position: fixed;
|
|
top: 60px;
|
|
z-index: 100;
|
|
display:none;
|
|
overflow:auto;
|
|
overflow-x: hidden;
|
|
background-color:#f6f6f6;
|
|
text-align:top;
|
|
}
|
|
|
|
.main_top_menu_info div{
|
|
display:inline-block;
|
|
float:left;
|
|
}
|
|
.main_menuitem_boder{
|
|
border-style: solid; border-width: 0px 0px 0px 1px;
|
|
border-color:#E6E6E6;
|
|
}
|
|
|
|
.main_top_menu_info ul{
|
|
list-style:none;
|
|
margin:0;
|
|
padding:0;
|
|
display:inline-block;
|
|
|
|
}
|
|
|
|
.main_menu_leaf_li{
|
|
width:140px;
|
|
height:35px;
|
|
text-overflow:ellipsis;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
}
|
|
.main_menu_leaf_li img{
|
|
width:18px;
|
|
height:18px;
|
|
vertical-align:middle;
|
|
margin-left:20px;
|
|
}
|
|
.main_menu_leaf_span{
|
|
line-height: 35px;
|
|
vertical-align:middle;
|
|
color:#555555;
|
|
margin-left:5px;
|
|
font-size:12px;
|
|
}
|
|
.main_menu_root_li{
|
|
width:140x;
|
|
height:40px;
|
|
text-overflow:ellipsis;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
}
|
|
.main_menu_root_li img{
|
|
width:22px;
|
|
height:22px;
|
|
vertical-align:middle;
|
|
margin-left:10px;
|
|
}
|
|
.main_menu_root_span{
|
|
width:155x;
|
|
margin-left:10px;
|
|
line-height: 40px;
|
|
display:inline-block;
|
|
font-size:13px;
|
|
color:#333336;
|
|
|
|
}
|
|
|
|
.main_top_menu_info li:hover {background-color: #dedede}
|
|
|
|
/*首页背景色*/
|
|
.main_body{
|
|
width:100%;
|
|
position: absolute;
|
|
top:00px;
|
|
bottom:0px;
|
|
width:100%;
|
|
height:100%;
|
|
background-color:#e7ecf1;
|
|
|
|
}
|
|
.main_body_left{
|
|
height:100%;
|
|
float:left;
|
|
margin-top:10px;
|
|
margin-left:10px;
|
|
}
|
|
.main_body_right{
|
|
height:100%;
|
|
float:right;
|
|
margin-top:10px;
|
|
margin-right:10px;
|
|
}
|
|
.main_body_bottom{
|
|
|
|
float:left;
|
|
}
|
|
|
|
.main_notice{
|
|
margin-top:10px;
|
|
float:left;
|
|
}
|
|
.main_calendar{
|
|
margin-top:10px;
|
|
float:left;
|
|
margin-left:10px;
|
|
width:350px;
|
|
|
|
}
|
|
.main_item_body{
|
|
background-color:#ffffff;
|
|
margin-top:10px;
|
|
padding:10px;
|
|
box-shadow:0px 0px 1px rgba(0, 0, 0, 0.1);
|
|
overflow: hidden;
|
|
}
|
|
.main_report_body{
|
|
background-color:#ffffff;
|
|
padding:10px 20px 10px 20px;
|
|
box-shadow:0px 0px 1px rgba(0, 0, 0, 0.1);
|
|
overflow: hidden;
|
|
|
|
}
|
|
|
|
.main_report_second{
|
|
background-color:#ffffff;
|
|
padding:20px 20px 20px 20px;
|
|
box-shadow:0px 0px 1px rgba(0, 0, 0, 0.1);
|
|
overflow: hidden;
|
|
|
|
}
|
|
.main_item_title{
|
|
font-size:12px;
|
|
color:#2390E8;
|
|
}
|
|
.main_worktip_title_body{
|
|
margin-top:100px;
|
|
}
|
|
#main_worktiptitle img{
|
|
width:12px;
|
|
height:12px;
|
|
vertical-align:middle;
|
|
}
|
|
#main_noticetitle{
|
|
margin-buttom:20px;
|
|
}
|
|
#main_noticetitle img{
|
|
width:12px;
|
|
height:12px;
|
|
vertical-align:middle;
|
|
}
|
|
#main_calendartitle_body{
|
|
padding:0px;
|
|
}
|
|
#main_calendartitle img{
|
|
width:12px;
|
|
height:12px;
|
|
vertical-align:middle;
|
|
}
|
|
#main_reporttitle img{
|
|
width:12px;
|
|
height:12px;
|
|
vertical-align:middle;
|
|
}
|
|
iframe{
|
|
width:100%;
|
|
height:100%;
|
|
frameborder:no;
|
|
border:0px;
|
|
margin:0px;
|
|
padding:0px;
|
|
allowtransparency:yes;
|
|
}
|
|
|
|
|
|
|
|
.user_call{
|
|
width:100px;
|
|
padding-left:15px;
|
|
background: url(../image/qietu/call.png) no-repeat center left;
|
|
}
|
|
.user_email{
|
|
width:100px;
|
|
padding-left:15px;
|
|
background: url(../image/qietu/email.png) no-repeat center left;
|
|
}
|
|
.user_Home{
|
|
width:100px;
|
|
padding-left:15px;
|
|
background: url(../image/qietu/Home.png) no-repeat center left;
|
|
}
|
|
.user_Phone{
|
|
width:100px;
|
|
padding-left:15px;
|
|
background: url(../image/qietu/Phone.png) no-repeat center left;
|
|
}
|
|
.user_tuichu{
|
|
width:100px;
|
|
padding-left:25px;
|
|
background: url(../image/qietu/tuichu.png) no-repeat center left;
|
|
}
|
|
.user_tuoyuan{
|
|
width:100px;
|
|
padding-left:15px;
|
|
background: url(../image/qietu/tuoyuan.png) no-repeat center left;
|
|
}
|
|
.user_user{
|
|
width:100px;
|
|
padding-left:15px;
|
|
background: url(../image/qietu/user.png) no-repeat center left;
|
|
}
|
|
.main_report{
|
|
margin-top:10px;
|
|
}
|
|
.main_report div{
|
|
margin-top:5px;
|
|
}
|
|
|
|
.main_user_list_info{
|
|
display:none;
|
|
background-color:#f6f6f6;
|
|
position: fixed;
|
|
box-shadow:0px 0px 2px rgba(0, 0, 0, 0.1);
|
|
padding:5px;
|
|
top: 60px;
|
|
width:240px;
|
|
height:280px;
|
|
right:10px;
|
|
z-index: 100;
|
|
}
|
|
.main_user_list_info table{
|
|
border-collapse:collapse;
|
|
}
|
|
.main_user_list_info td{
|
|
line-height:1.5;
|
|
height:40px; /*单元格高度*/
|
|
padding:0px;
|
|
margin:0px;
|
|
}
|
|
.main_user_table_title{
|
|
text-align:right;
|
|
width:80px;
|
|
}
|
|
.main_user_table_content{
|
|
width:160px;
|
|
text-align:right;
|
|
|
|
}
|