html {
height:100%;
min-width:1300px;
}
#pf-hd {
/*overflow:hidden;*/
height:60px;
position:fixed;
left:0;
right:0;
z-index:2;
background:var(--theme-color) url('../../../images/main/xg_left.png?1464005190') left center no-repeat;
}
#pf-hd .pf-logo {
float:left;
padding:0 15px;
height:100%;
width:230px;
line-height:60px
}
#pf-hd .pf-logo img {
vertical-align:middle;
margin-left:-10px;
float:left;
margin-top:5px;
}
#pf-hd .pf-logo .system-name {
float:left;
margin-left:5px;
line-height:60px;
font-size:26px;
color:#fff;
text-shadow:1px 1px 2px rgba(0, 0, 0, 0.5)
}
#pf-hd .pf-nav {
float:left
}
#pf-hd .pf-nav .pf-nav-item {
float:left;
height:60px;
color:#fff;
width:100px;
text-align:center;
}
#pf-hd .pf-nav .pf-nav-item a {
display:block;
color:#fff;
text-decoration:none
}
#pf-hd .pf-nav .pf-nav-item .iconfont {
display:block;
margin-top:10px;
font-size:23px;
height:27px;
text-align:center
}
#pf-hd .pf-nav .pf-nav-item.current{
background:url('../../../images/main/navbg.png?1465303472')
}
#pf-hd .pf-nav .pf-nav-item:hover{
/*background:#2b6e9f;*/
background: url('../../../images/main/navbg.png?1465303472');
}
#pf-hd .pf-nav .pf-nav-item.current a {
color:#fff
}
#pf-hd .pf-nav-wrap {
position:relative;
float:left
}
#pf-hd .pf-nav-wrap .pf-nav-ww {
float:left;
height:60px;
width:600px;
overflow:hidden
}
#pf-hd .pf-nav-next {
position:absolute;
right:-32px;
top:19px;
border-radius:3px;
width:26px;
height:23px;
background:#2b6e9f;
color:#fff;
text-decoration:none;
text-align:center;
line-height:23px
}
#pf-hd .pf-nav-next:hover {
background:#fff;
color:var(--theme-color);
}
#pf-hd .pf-nav-prev.disabled, #pf-hd .pf-nav-next.disabled {
color:#cccccc;
background:#fff;
cursor:default
}
.pf-nav-more{background:#3588C5;position:absolute; top:60px; left:0;}
.systemSwitch .switchIcon{ float:left; color:#fff; font-size:22px; margin-right:10px;}
#pf-hd .pf-user,#pf-hd .systemSwitch{
position:relative;
float:right;
padding:0 10px;
height:60px;
line-height:60px;
cursor:pointer
}
#pf-hd .pf-user .userIcon {
float:left; font-size:20px; color:#fff; margin-right:10px;
}
#pf-hd .pf-user .pf-user-photo img {
margin:4px
}
#pf-hd .pf-user .pf-user-name,#pf-hd .systemSwitch .system-name{
float:left;
max-width:150px;
color:#fff;
font-size:14px;
margin-right:5px
}
#pf-hd .pf-user .xiala,#pf-hd .systemSwitch .xiala{
color:#fff;
position:relative;
}
#pf-hd .pf-user .pf-user-panel{
display:none;
position:fixed;
right:0;
top:60px;
background:#fff;
z-index:111;
border:1px solid #e1e1e1;
box-shadow:1px 1px 2px #ddd;
min-width:110px;
}
#pf-hd .systemSwitch .system-panel{
display:none;
position:absolute;
left:0;
right:0;
top:60px;
background:#fff;
z-index:111;
border:1px solid #e1e1e1;
box-shadow:1px 1px 2px #ddd;
min-width:150px;
}
#pf-hd .pf-user .pf-user-panel li,#pf-hd .systemSwitch .system-panel li{
height:30px;
line-height:30px;
font-size:13px;
padding:0 15px
}
#pf-hd .pf-user .pf-user-panel li a,#pf-hd .systemSwitch .system-panel li a{
color:#000;
text-decoration:none
}
#pf-hd .pf-user .pf-user-panel li .iconfont ,#pf-hd .systemSwitch .system-panel li .iconfont{
margin-right:5px;
color:#000;
font-size:18px;
}
#pf-hd .pf-user .pf-user-panel li:hover,#pf-hd .systemSwitch .system-panel li:hover{
background:#f1f1f1
}
#pf-hd .pf-user .pf-user-panel li:hover .iconfont,#pf-hd .systemSwitch .system-panel li:hover .iconfont {
color:var(--theme-color)
}
#pf-hd .pf-user:hover,#pf-hd .systemSwitch:hover {
background:url('../../../images/main/top_userbg.png?1464007598')
}
#pf-hd .pf-user:hover .pf-user-panel,#pf-hd .systemSwitch:hover .system-panel {
display:block
}
/*换肤*/
.pf-skin{ position:relative; float:right; height:60px; line-height:60px; padding:0 5px; cursor:pointer;}
.pf-skin .skinIcon{ width:30px; text-align:center; height:60px; display:block; font-size:22px; color:#fff;}
.pf-skin .skinColor{ position:absolute; display:none;right:0; top:60px; width:100px;background:#fff; z-index:111;border:1px solid #e1e1e1;box-shadow:1px 1px 2px #ddd;}
.pf-skin .skinColor li{ }
.pf-skin .skinColor li a{ color:#333; display:block;line-height:20px; padding:5px 10px; border-bottom:1px solid #f2f2f2;}
.pf-skin .skinColor li a:hover{ background:#f1f1f1; color:var(--theme-color);}
.pf-skin:hover{background:url('../../../images/main/top_userbg.png?1464007598')}
.pf-skin:hover .skinColor{ display:block;}
#pf-bd {
position:absolute;
top:60px;
bottom:31px;
left:0;
right:0;
padding:0 0 0 200px;
z-index:1;
transition:all 0.3s ease
}
#pf-bd.toggle {
padding-left:0
}
#pf-bd.toggle #pf-sider {
margin-left:-440px
}
#pf-bd.toggle #pf-sider .pf-model-name .toggle-icon {
position:fixed;
top:69px;
left:0;
z-index:10;
background-position:-22px 0
}
#pf-bd #pf-sider {
float:left;
height:100%;
margin-left:-200px;
width:200px;
background:#fff;
overflow-y:auto;
overflow-x:hidden;
z-index:1;
transition:all 0.3s ease
}
#pf-bd #pf-sider .pf-model-name {
position:relative;
padding:0 20px 0 10px;
height:39px;
line-height:39px;
color:#2d4112;
background:#e3e3e3;
border-bottom:1px solid #bdbdbd;
font-size:16px
}
#pf-bd #pf-sider .pf-model-name .iconfont {
font-size:20px
}
#pf-bd #pf-sider .pf-model-name .pf-sider-icon {
float:left;
margin:10px 15px 0 0;
width:20px;
height:20px;
font-size:20px
}
#pf-bd #pf-sider .pf-model-name .toggle-icon {
position:absolute;
right:0;
top:9px;
width:19px;
height:22px;
background:url('../../../images/main/sider-toggle.png') no-repeat;
background-position:0 0;
cursor:pointer
}
#pf-bd #pf-sider .sider-nav>li {
border-bottom:1px solid #dbdbdb;
background:#fff; position:relative;
}
#pf-bd #pf-sider .sider-nav>li a {
display:block;
padding:0 15px;
height:100%;
height:40px;
line-height:40px;
color:#000;
font-size:14px;
text-decoration:none
}
#pf-bd #pf-sider .sider-nav>li .sider-nav-title {
float:left;
width:112px;
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
font-size:14px
}
#pf-bd #pf-sider .sider-nav>li .iconfont {
float:right;
font-size:14px;
color:#acacab
}
#pf-bd #pf-sider .sider-nav>li .sider-nav-icon {
float:left;
margin:0 10px 0 0;
color:var(--theme-color);
font-size:20px
}
#pf-bd #pf-sider .sider-nav>li.current {
border-bottom:none;
background:var(--theme-color)
}
#pf-bd #pf-sider .sider-nav>li.current>a {
border-left:3px solid #ffa405;
padding-left:12px;
color:#fff
}
#pf-bd #pf-sider .sider-nav>li.current .iconfont {
color:#fff
}
#pf-bd #pf-sider .sider-nav>li.current .sider-nav-icon {
color:#fff
}
#pf-bd #pf-sider .sider-nav>li .sider-nav-s {
display:none;
color:#000;
font-size:12px;
position:relative;
z-index:123;
background-color:#f5f5f5;
-webkit-box-shadow:inset 0 4px 4px -2px rgba(0, 0, 0, .15), inset 0 -4px 4px -2px rgba(0, 0, 0, .15);
-moz-box-shadow:inset 0 4px 4px -2px rgba(0, 0, 0, .15), inset 0 -4px 4px -2px rgba(0, 0, 0, .15);
box-shadow:inset 0 4px 4px -2px rgba(0, 0, 0, .15), inset 0 -4px 4px -2px rgba(0, 0, 0, .15)
}
#pf-bd #pf-sider .sider-nav>li .sider-nav-s>li.active:first-child a {
-webkit-box-shadow:inset 0 4px 4px -2px rgba(0, 0, 0, .15);
-moz-box-shadow:inset 0 4px 4px -2px rgba(0, 0, 0, .15);
box-shadow:inset 0 4px 4px -2px rgba(0, 0, 0, .15)
}
#pf-bd #pf-sider .sider-nav>li .sider-nav-s>li.active:last-child a {
-webkit-box-shadow:inset 0 -4px 4px -2px rgba(0, 0, 0, .15);
-moz-box-shadow:inset 0 -4px 4px -2px rgba(0, 0, 0, .15);
box-shadow:inset 0 -4px 4px -2px rgba(0, 0, 0, .15)
}
#pf-bd #pf-sider .sider-nav>li .sider-nav-s:before {
content:"";
display:block;
position:absolute;
z-index:1;
left:23px;
top:0;
bottom:0px;
border-left:1px solid #e2e2e2;
}
#pf-bd #pf-sider .sider-nav>li .sider-nav-s li{ position:relative;}
#pf-bd #pf-sider .sider-nav>li .sider-nav-s li.active a {
color:var(--theme-color);
font-weight:bold;
background:#efefef;
border-left:3px solid var(--theme-color);
padding-left:37px;
}
#pf-bd #pf-sider .sider-nav>li .sider-nav-s li a:hover{ border-left:3px solid #ffa405; padding-left:37px;background:#efefef;}
#pf-bd #pf-sider .sider-nav>li .sider-nav-s a {
height:32px;
line-height:32px;
color:#333;
font-size:12px;
padding-left:40px;
}
#pf-bd #pf-sider .sider-nav>li .sider-nav-s a:before {
content:"";
display:inline-block;
position:absolute;
width:5px;
height:5px;
left:20px;
top:13px;
background-color:#fff;
border:1px solid #dedede;
z-index:2
}
#pf-bd #pf-sider .sider-nav>li .sider-nav-s li.active a:before{ background:var(--theme-color);}
#pf-bd #pf-sider .sider-nav>li.open .sider-nav-s {
display:block
}
#pf-bd #pf-page {
float:left;
width:100%;
height:100%;
background:#fff;
z-index:0
}
#pf-bd #pf-page .easyui-tabs1 {
min-width:980px !important;
height:100% !important
}
#pf-bd #pf-page .easyui-tabs1 .tabs-header {
border-top:none
}
#pf-bd #pf-page .easyui-tabs1 .tabs li {
border-top:1px solid #bfbfbf;
-moz-border-radius:2px 2px 0 0;
-webkit-border-radius:2px 2px 0 0;
border-radius:2px 2px 0;
}
#pf-bd #pf-page .easyui-tabs1 .tabs li a.tabs-close {
background:url('../../../images/main/tabs_close_pf.png?1464531592')
}
#pf-bd #pf-page .easyui-tabs1 .tabs li:hover a.tabs-close {
background:url('../../../images/main/tabs_close_hover.png?1464355659')
}
#pf-bd #pf-page .easyui-tabs1 .tabs {
padding-left:24px !important
}
#pf-bd #pf-page .easyui-tabs1 .tabs li.tabs-selected {
border-top:3px solid var(--theme-color)
}
#pf-bd #pf-page .easyui-tabs1 .tabs-panels {
border-bottom:none !important
}
#pf-bd #pf-page .easyui-tabs1 .tabs li a.tabs-inner {
background:#dbdbdb;
color:#000;
border-bottom:1px solid #bfbfbf;
height:32px !important;
line-height:32px !important
}
#pf-bd #pf-page .easyui-tabs1 .tabs li:hover a.tabs-inner, #pf-bd #pf-page .easyui-tabs1 .tabs li.tabs-selected a.tabs-inner {
background:#fff
}
#pf-bd #pf-page .panel-body {
overflow:hidden
}
#pf-ft {
position:absolute;
width:100%;
height:27px;
line-height:27px;
bottom:0;
background:#f1f1f1;
border-top:1px solid #cacaca;
border-bottom:3px solid var(--theme-color);
}
#pf-ft .system-name, #pf-ft .copyright-name {
float:left;
margin-left:8px;
font-size:12px;
color:#8b8b8b
}
#pf-ft .system-name .iconfont, #pf-ft .copyright-name .iconfont {
color:var(--theme-color);
margin-right:3px
}
#pf-ft .copyright-name a{ background:url(/images/hhLogo.png) no-repeat left center; padding-left:16px; color:#000;}
#pf-ft .copyright-name a:hover{ color:#d9455b;}
#pf-ft .copyright-name {
float:right
}
#pf-ft .copyright-name .iconfont {
font-size:8px;
}
.menu .menu-active {
background:var(--theme-color);
color:#fff
}
/*关闭全部/其他*/
.downArrow{ position:absolute;}
.downArrowIcon{ width:30px; height:30px; line-height:30px; text-align:center; color:#666; border:1px solid #bfbfbf; background:#fff; cursor:pointer;}
.downArrowContent{ display:none; background:#fff; position:absolute; top:30px; border:1px solid #bfbfbf; z-index:100; font-size:12px;}
.downArrow:hover .downArrowContent{ display:block;}
.downArrowContent a{ color:#333; width:80px; display:block; border-bottom:1px solid #eee; padding:8px 10px;}
.downArrowContent a:hover{ background:#f1f1f1;}