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;}
|
