@import 'bootstrap.min.css'; body { background-color: #e9ebee; position: relative; } .menu_minimalize { display: inline-block; width: 20px; height: 60px; cursor: pointer; position: absolute; left: 279px; top: 50%; margin-top: -30px; z-index: 1000; background: url(img/arrow-left.png) no-repeat left top; transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; -o-transition: all 0.2s; } .menu-expand { background: url(img/arrow-right.png) no-repeat left top; } .panel { box-shadow: none !important; background-color: transparent !important; } .panel-body-noheader { border-top: none !important; } .window.messager-window { border: 1px solid #1f449a; padding: 0; } .window-shadow { display: none !important; background: transparent !important; box-shadow: none; } .window.messager-window .panel-header { background: #3399ff; padding: 5px 10px; color: #fff; } .window.messager-window .panel-header .panel-title { color: #fff; } .window.messager-window .messager-question { background: url('./img/help.png'); } .window.messager-window .messager-question + div { margin-top: 10px; } .window.messager-window .messager-button .l-btn { color: #fff; background: #1f449a; background-repeat: repeat-x; border: 1px solid #ddd; outline: none; } .window.messager-window .messager-button .l-btn:hover { background: #3399ff; color: #fff; border: 1px solid #ddd; filter: none; } .layout-expand-west { box-shadow: 2px 0 2px 0 rgba(194, 195, 197, 0.5) !important; background-color: #f2f3f5 !important; } .layout-panel-north { overflow: visible !important; } .layout-panel-north .easyui-layout-north { overflow: visible !important; } .layout-panel-north .easyui-layout-north .header { background-image: linear-gradient(41deg, #1f449a 0%, #1f449a 30%, #279099 70%, #27b484 100%); color: #ffffff; line-height: 62px; } .layout-panel-north .easyui-layout-north .header .title { margin-right: 30px; min-width: 265px; float: left; } .layout-panel-north .easyui-layout-north .header .title h4 { line-height: 42px; margin-left: 16px; } .layout-panel-north .easyui-layout-north .header .navbar_minimalize { display: inline-block; width: 16px; height: 16px; background: url(img/switch.png) no-repeat; cursor: pointer; margin-top: 24px; margin-left: 5px; } .layout-panel-north .easyui-layout-north .header .logo { float: left; margin-top: 15px; } .layout-panel-north .easyui-layout-north .header .right_navbar { float: right; padding-right: 30px; vertical-align: middle; } .layout-panel-north .easyui-layout-north .header .right_navbar .portrait { float: left; margin-top: 13px; overflow: hidden; position: relative; } .layout-panel-north .easyui-layout-north .header .right_navbar .portrait a { width: 36px; display: block; cursor: pointer; margin-bottom: 6px; } .layout-panel-north .easyui-layout-north .header .right_navbar .portrait ul { width: 120px; position: absolute; left: 50%; margin-left: -60px; z-index: 99; background-color: #fff; border: 1px solid #e5e5e5; border-radius: 2px; padding: 5px 0; } .layout-panel-north .easyui-layout-north .header .right_navbar .portrait ul li { list-style: none; line-height: 32px; text-align: center; color: #333333; font-size: 14px; cursor: pointer; } .layout-panel-north .easyui-layout-north .header .right_navbar .portrait ul li:hover, .layout-panel-north .easyui-layout-north .header .right_navbar .portrait ul li.selected { background-color: #e9ebee; } .layout-panel-north .easyui-layout-north .header .right_navbar .monitoringSite { display: none; width: 22px; height: 22px; overflow: hidden; float: left; margin-left: 30px; margin-top: 20px; background: url(img/monitoring_site.png) no-repeat center top; position: relative; } .layout-panel-north .easyui-layout-north .header .right_navbar .monitoringSite .text { text-indent: -1000px; display: block; overflow: hidden; height: 22px; } .layout-panel-north .easyui-layout-north .header .right_navbar .monitoringSite .message { width: 158px; position: absolute; top: 35px; left: 50%; margin-left: -80px; background-color: #fff; box-shadow: 0 0 6px 0 rgba(194, 195, 197, 0.5); border-radius: 4px; } .layout-panel-north .easyui-layout-north .header .right_navbar .monitoringSite .message h3 { height: 39px; font-size: 16px; color: #ffffff; letter-spacing: 1px; margin: 0; line-height: 39px; border-top-right-radius: 4px; border-top-left-radius: 4px; text-align: center; background: -webkit-linear-gradient(62deg, #f5576c 0%, #f093fb 100%); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(62deg, #f5576c 0%, #f093fb 100%); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(62deg, #f5576c 0%, #f093fb 100%); /* Firefox 3.6 - 15 */ background: linear-gradient(62deg, #f5576c 0%, #f093fb 100%); /* 标准的语法 */ } .layout-panel-north .easyui-layout-north .header .right_navbar .monitoringSite .message .panel { padding: 10px 16px; } .layout-panel-north .easyui-layout-north .header .right_navbar .monitoringSite .message .panel .column { width: 50px; float: left; } .layout-panel-north .easyui-layout-north .header .right_navbar .monitoringSite .message .panel .column label { font-size: 10px; color: #666666; line-height: 20px; font-weight: normal; margin-bottom: 0; } .layout-panel-north .easyui-layout-north .header .right_navbar .monitoringSite .message .panel .column .num { font-size: 16px; color: #ff5851; line-height: 20px; display: inline-block; margin-bottom: 5px; font-weight: bold; } .layout-panel-north .easyui-layout-north .header .right_navbar .monitoringSite .message .panel .column:nth-child(odd) { width: 68px; } .layout-panel-north .easyui-layout-north .header .right_navbar .monitoringSite .message .panel .remark { font-size: 10px; color: #666666; line-height: 20px; } .layout-panel-north .easyui-layout-north .header .right_navbar .monitoringSite:hover { height: 40px; overflow: visible; } .layout-panel-north .easyui-layout-north .header .right_navbar .convertDesk { width: 22px; height: 22px; /* display: none; */ float: left; text-indent: -20000px; overflow: hidden; margin-left: 30px; margin-top: 20px; background: url(img/convert.png) no-repeat center center; } .layout-panel-north .easyui-layout-north .header .right_navbar .setting { margin-left: 30px; margin-top: 18px; float: left; position: relative; } .layout-panel-north .easyui-layout-north .header .right_navbar .setting a { width: 25px; height: 25px; display: block; background: url(img/setting.png) no-repeat center center; text-indent: -20000px; overflow: hidden; cursor: pointer; } .layout-panel-north .easyui-layout-north .header .right_navbar .setting .dropdown { width: 120px; display: none; position: absolute; top: 30px; left: 50%; margin-left: -60px; z-index: 99; background-color: #fff; border: 1px solid #e5e5e5; border-radius: 2px; padding: 5px 0; } .layout-panel-north .easyui-layout-north .header .right_navbar .setting .dropdown li { list-style: none; line-height: 32px; text-align: center; color: #333333; font-size: 14px; cursor: pointer; } .layout-panel-north .easyui-layout-north .header .right_navbar .setting .dropdown li:hover, .layout-panel-north .easyui-layout-north .header .right_navbar .setting .dropdown li.selected { background-color: #e9ebee; } .layout-panel-north .easyui-layout-north .header .right_navbar .log-out { display: block; float: left; width: 25px; height: 25px; background: url(img/log-out.png) no-repeat center center; text-indent: -20000px; overflow: hidden; margin-left: 30px; margin-top: 18px; cursor: pointer; } .layout-panel-west { background-color: #e9ebee; border-right: none !important; transition: width 0.2s; -moz-transition: width 0.2s; /* Firefox 4 */ -webkit-transition: width 0.2s; /* Safari and Chrome */ -o-transition: width 0.2s; /* Opera */ } .layout-panel-west .left-menu { background-color: #131313 !important; background-image: linear-gradient(41deg, #1f449a 0%, #1f449a 10%, #279099 70%, #27b484 100%); box-shadow: 2px 0 2px 0 rgba(194, 195, 197, 0.4); font-family: 'PingFangSC-Regular', Helvetica, Arial, sans-serif; color: #eee; position: relative; } .layout-panel-west .left-menu .search_kuang { width: 228px; margin: 30px auto 20px; } .layout-panel-west .left-menu .search_kuang .form-control { border-radius: 20px; height: 32px; background: url(img/search.png) #ffffff no-repeat; background-position: 15px center; padding-left: 45px; } .layout-panel-west .left-menu .list-group-item { background-color: transparent; border: none; color: #eee; font-size: 15px; padding-left: 16px; padding-right: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .layout-panel-west .left-menu .list-group-item:hover { font-weight: 600; color: #fff; background-color: transparent; background-image: linear-gradient(41deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%); } .layout-panel-west .left-menu .list-group-item.node-selected { background-color: #1f449a !important; color: #ffffff !important; } .layout-panel-west .left-menu .list-group-item.node-selected:hover { background-color: #1f449a !important; color: #ffffff !important; } .layout-panel-west .left-menu .list-group-item a { text-decoration: none; } .layout-panel-west .left-menu .list-group-item .icon { /* width: 0px; margin-right: 0; */ display: inline-block; width: 20px; height: 20px; vertical-align: middle; } .layout-panel-west .left-menu .list-group-item .expand-icon { font-size: 12px; line-height: 20px; color: #91959e; width: 12px; } .layout-panel-west .left-menu .list-group-item .menu-right { background: url(img/menu-right.png) no-repeat center center; height: 20px; } .layout-panel-west .left-menu .list-group-item .menu-down { background: url(img/menu-down.png) no-repeat center center; height: 20px; } .layout-panel-west .left-menu .list-group-item .sub-icon { width: 20px; height: 20px; display: inline-block; vertical-align: middle; /* margin-right: 14px; */ } .layout-panel-west .left-menu .node-selected { font-weight: bold; } .tabs-header { background-color: white !important; } .layout-panel-center { background-color: #e9ebee; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; } .layout-panel-center .easyui-layout-center .tabs-header { height: 50px; border: none; padding-top: 0; } .layout-panel-center .easyui-layout-center .tabs-header .tabs-scroller-left { border-top: 0px; border-left: 0px; } .layout-panel-center .easyui-layout-center .tabs-header .tabs-scroller-right { border-top: 0px; border-right: 0px; } .layout-panel-center .easyui-layout-center .tabs-header .tabs { height: 50px !important; padding-left: 0; } .layout-panel-center .easyui-layout-center .tabs-header .tabs li { margin-right: 0px !important; } .layout-panel-center .easyui-layout-center .tabs-header .tabs li:first-child a.tabs-inner { border-left: none; } .layout-panel-center .easyui-layout-center .tabs-header .tabs a.tabs-inner { height: 50px !important; line-height: 50px !important; /* color: #777777; */ color: #2ca3f6; border-radius: 0; border-top: none; padding: 0 20px; padding-right: 36px; } .layout-panel-center .easyui-layout-center .tabs-header .tabs a.tabs-inner .tabs-title { font-size: 14px; } .layout-panel-center .easyui-layout-center .tabs-header .tabs a.tabs-inner .tabs-closable { padding-right: 10px; } .layout-panel-center .easyui-layout-center .tabs-header .tabs a.tabs-inner:hover { background: none !important; /* color: #1bb0a2 !important; */ color: #2ca3f6 !important; font-weight: 600; } .layout-panel-center .easyui-layout-center .tabs-header .tabs a.tabs-close { background: url(img/close.png) no-repeat center center; text-decoration: none; /* background: #2ca3f6; */ border-radius: 50%; width: 16px; height: 16px; right: 20px; } /* .layout-panel-center .easyui-layout-center .tabs-header .tabs a.tabs-close::before { content: "x"; color: #eee; display: flex; justify-content: center; align-items: center; } */ .layout-panel-center .easyui-layout-center .tabs-header .tabs a:hover.tabs-close::before { color: #fff; } .layout-panel-center .easyui-layout-center .tabs-header .tabs li.tabs-selected a.tabs-inner { /* color: rgba(0, 0, 0, 0.85); */ color: #1f449a; font-weight: 600; } .layout-panel-center .easyui-layout-center .tabs-header .tabs li.tabs-selected a.tabs-close { background: url(img/close.png) no-repeat center center; } .layout-panel-center .easyui-layout-center .tabs-header .tabs li:first-child a.tabs-inner { padding-right: 20px; } .layout-panel-center .easyui-layout-center .tabs-header .tabs li:first-child a.tabs-inner .tabs-closable { padding-right: 0px; } .layout-panel-center .easyui-layout-center .tabs-panels { background-color: #f7f7f7 !important; } .mini-navbar .layout-panel-west .search_kuang { display: none; } .mini-navbar .layout-panel-west .treeview { padding-top: 30px; } .mini-navbar .layout-panel-west .treeview .list-group-item { padding-left: 20px; } .mini-navbar .layout-panel-west .treeview .list-group-item .expand-icon { display: none; } .layout-panel-west .treeview .icon.glyphicon:not(.pull-right) { width: 0 !important; margin-right: 0 !important; } .popup { position: fixed; top: 25%; left: 50%; z-index: 1050; width: 706px; margin-left: -353px; background-color: #fff; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; outline: 0; -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); } .popup .modal-header { border-bottom: none; height: 130px; background: url(img/popup_head.png) no-repeat; } .popup .modal-header .close { width: 28px; height: 28px; display: block; background: url(img/popup_close.png) no-repeat; opacity: 1; margin-top: -9px; margin-right: -9px; } .popup .modal-header h3 { margin-top: 0; margin-bottom: 0; line-height: 100px; font-size: 34px; color: #fff; text-align: center; } .popup .modal-body { padding: 20px 20px 36px; } .popup .modal-body .title { font-size: 20px; color: #666666; font-weight: bold; line-height: 28px; margin-top: 0; } .popup .modal-body .table01 td { color: #777777; font-size: 14px; line-height: 22px; } .popup .modal-body .table02 td { padding-left: 10px; } .popup .modal-body .table02 th { padding-left: 10px; } .min-popup { width: 540px; margin-left: -270px; } .min-popup .mini-header { height: 50px; background-image: none; background-color: #458eef; border-top-left-radius: 5px; border-top-right-radius: 5px; } .min-popup .mini-header h3 { line-height: 20px; font-size: 16px; color: #fff; text-align: left; } .weatherWX { float: left; position: relative; font-size: 15px; margin-right: 32px; } .icon-dataCenter { background: url(img/ydgk.png) no-repeat; } .icon-controlPanel { background: url(img/xqxyyazd.png) no-repeat; } .icon-statisticalAnalysis { background: url(img/dnzx.png) no-repeat; } .icon-analyticalTools { background: url(img/nxhqghyfzqsfx.png) no-repeat; } /**/ .icon-zbdc { background: url(img/zbdctj.png) no-repeat; /*自备电厂统计icon*/ } .icon-dqydl { background: url(img/dqydltj.png) no-repeat; /*地区用电量统计*/ } .icon-dqfhfb { background: url(img/dqfh.png) no-repeat; /*地区负荷分布*/ } .icon-nhfb { background: url(img/nhfb.png) no-repeat; /*能耗分布图*/ } .icon-ttdcfdnl { background: url(img/fdnlfb.png) no-repeat; /*统调电厂发电能力分布图*/ } .icon-xnyfdnlfbt { background: url(img/xnyfdnlfbt.png) no-repeat; /*新能源发电能力发布图*/ } .icon-dlfhfb { background: url(img/dlfhfb.png) no-repeat; /*电力负荷分布图*/ } .icon-ptyx { background: url(img/ptyx.png) no-repeat; /*平台运行*/ } .icon-dqfhbd { background: url(img/dqfhbd.png) no-repeat; /*地区负荷波动数据*/ } .icon-hyfhbd { background: url(img/hyfhbd.png) no-repeat; /*行业负荷波动数据*/ } .icon-ydgk { background: url(img/ydgk.png) no-repeat; /*用电概况*/ } .icon-dnzx { background: url(img/dnzx.png) no-repeat; /*电能在线*/ } .icon-ysss { background: url(img/ysss.png) no-repeat; /*用水实时*/ } .icon-yqzx { background: url(img/yqzx.png) no-repeat; /*用气在线*/ } .icon-nyztt { background: url(img/nyztt.png) no-repeat; /*能源组态图*/ } /**/ .icon-hyjjrfg { background: url(img/hyjjrfg.png) no-repeat; /*行业节假日复工分析*/ } .icon-fhtz { background: url(img/fhtz.png) no-repeat; /*负荷特征分析*/ } .icon-dqydfh { background: url(img/dqydfh.png) no-repeat; /*地区用电负荷统计*/ } .icon-hyyd { background: url(img/hyyd.png) no-repeat; /*行业用电分析*/ } .icon-cyczxg { background: url(img/cyczxg.png) no-repeat; /*产业产值相关分析*/ } .icon-sxycyxgx { background: url(img/sxycyxgx.png) no-repeat; /*上下游产业相关性分析*/ } .icon-cpkc { background: url(img/cpkc.png) no-repeat; /*产品库存*/ } .icon-ylxh { background: url(img/ylxh.png) no-repeat; /*原料消耗*/ } .icon-cncl { background: url(img/cncl.png) no-repeat; /*产能产量*/ } .icon-dltj { background: url(img/dltj.png) no-repeat; /*电量统计*/ } .icon-sjtb { background: url(img/cpcl.png) no-repeat; /*数据填报*/ } .icon-cpcl { background: url(img/cpcl.png) no-repeat; /*产品产量*/ } .icon-dldc { background: url(img/dldc.png) no-repeat; /*电力电厂*/ } .icon-dfcb { background: url(img/dfcb.png) no-repeat; /*电费成本分析*/ } .icon-dnfx { background: url(img/dnfx.png) no-repeat; /*电能分析*/ } .icon-ysfx { background: url(img/ysfx.png) no-repeat; /*用水分析*/ } .icon-yqfx { background: url(img/yqfx.png) no-repeat; /*用气分析*/ } .icon-hdsb { background: url(img/hdsbfx.png) no-repeat; /*耗电时比分析*/ } .icon-hdlb { background: url(img/hdlbfx.png) no-repeat; /*耗电类比分析*/ } .icon-zbgl { background: url(img/zbgl.png) no-repeat; /*指标关联分析*/ } .icon-dlydf { background: url(img/dlydf.png) no-repeat; /*电量与电费分析*/ } .icon-ydaq { background: url(img/ydaqfx.png) no-repeat; /*用电安全分析*/ } .icon-ybfx { background: url(img/ybfx.png) no-repeat; /*月报分析*/ } .icon-ydzfhyb { background: url(img/ydzfhyb.png) no-repeat; /*用电总负荷仪表*/ } .icon-cpk { background: url(img/cpk.png) no-repeat; /*产品库*/ } /**/ .icon-jcddagl { background: url(img/jcddagl.png) no-repeat; /*监测点档案管理*/ } .icon-qysq { background: url(img/qysq.png) no-repeat; /*企业授权*/ } .icon-djgl { background: url(img/djgl.png) no-repeat; /*电价管理*/ } .icon-ydsdgl { background: url(img/ydsdgl.png) no-repeat; /*用电时段管理*/ } .icon-qyydsdgl { background: url(img/qyydsdgl.png) no-repeat; /*区域用电时段管理*/ } .icon-cpgl { background: url(img/cpgl.png) no-repeat; /*产品管理*/ } .icon-hydy { background: url(img/hydy.png) no-repeat; /*行业定义*/ } .icon-khgl { background: url(img/khgl.png) no-repeat; /*客户管理*/ } .icon-fwjggl { background: url(img/fwjggl.png) no-repeat; /*服务机构管理*/ } .icon-dnfw { background: url(img/dnfw.png) no-repeat; /*电能服务*/ } .icon-yhgl { background: url(img/yhgl.png) no-repeat; /*用户管理*/ } .icon-cdgl { background: url(img/cdgl.png) no-repeat; /*菜单管理*/ } .icon-qyhysd { background: url(img/qyhysd.png) no-repeat; /*区域行业设定*/ } .icon-xxts { background: url(img/xxts.png) no-repeat; /*消息推送*/ } .icon-qyztsz { background: url(img/qyztsz.png) no-repeat; /*企业状态设置*/ } .icon-ywbdsz { background: url(img/ywbdsz.png) no-repeat; /*运维宝典设置*/ } .icon-fhbdsz { background: url(img/fhbdsz.png) no-repeat; /*负荷波动设置*/ } .icon-ywbd { background: url(img/ywbd.png) no-repeat; /*运维宝典*/ } .icon-bbgl { background: url(img/bbgl.png) no-repeat; /*报表管理*/ } /**/ .icon-sbgl { background: url(img/sbgl.png) no-repeat; /*设备管理*/ } .icon-zfkzl { background: url(img/zfkzl.png) no-repeat; /*住房空置率*/ } .icon-jjrsz { background: url(img/jjrsz.png) no-repeat; /*节假日设置*/ } .icon-cpjg { background: url(img/cpjg.png) no-repeat; /*产品价格*/ } .icon-dlzjjy { background: url(img/dlzjjy.png) no-repeat; /*电力直接交易*/ } .icon-gwkh { background: url(img/gwkh.png) no-repeat; /*工位考核*/ } .icon-scxkh { background: url(img/scxkh.png) no-repeat; /*生产线考核*/ } .icon-cjkh { background: url(img/cjkh.png) no-repeat; /*车间考核*/ } .icon-bckh { background: url(img/bckh.png) no-repeat; /*班次考核*/ } .icon-dlzjjygl { background: url(img/dlzjjygl.png) no-repeat; /*电力直接交易管理*/ } .icon-yqgl { background: url(img/yqgl.png) no-repeat; /*园区管理*/ } .icon-nyzthz { background: url(img/nyzthz.png) no-repeat; /*能源组态绘制*/ } .icon-xqxyyazd { background: url(img/xqxyyazd.png) no-repeat; /*需求相应预案制定*/ } .icon-xqxyyazx { background: url(img/xqxyyazx.png) no-repeat; /*需求相应预案执行*/ } .icon-ylkgl { background: url(img/ylkgl.png) no-repeat; /*原料库管理*/ } .icon-hycpgl { background: url(img/hycpgl.png) no-repeat; /*行业产品管理*/ } .icon-ssgj { background: url(img/ssgj.png) no-repeat; /*实时告警*/ } .icon-ssgjcssz { background: url(img/ssgjcssz.png) no-repeat; /*实时告警参数设置*/ } .icon-zjzzzsd { background: url(img/zjzzzsd.png) no-repeat; /*增加值增长速度*/ } .icon-hycllr { background: url(img/hycllr.png) no-repeat; /*行业产量录入*/ } .icon-zjjysjlr { background: url(img/zjjysjlr.png) no-repeat; /*直接交易数据录入和修改*/ } .icon-nxhqghyfzqsfx { background: url(img/nxhqghyfzqsfx.png) no-repeat; /*江苏和全国行业发展趋势分析*/ } .icon-czyzjz { background: url(img/czyzjz.png) no-repeat; /*产值与增加值*/ } .icon-ycscqyfx { background: url(img/ycscqyfx.png) no-repeat; /*异常生产企业分析*/ } .icon-jcqk { background: url(img/jcqk.png) no-repeat; /*监测情况*/ } .icon-hysjck { background: url(img/hysjck.png) no-repeat; /*行业数据查看*/ } .icon-ssgjyclxq { background: url(img/ssgjyclxq.png) no-repeat; /*实时告警已处理详情*/ } .icon-fdsjck { background: url(img/fdsjck.png) no-repeat; /*发电数据查看*/ } .icon-fdzjrl { background: url(img/fdzjrl.png) no-repeat; /*装机容量*/ }