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