@charset "utf-8"; /* CSS Document */ *{ /*将内容变得不可选*/ -moz-user-select: -moz-none; -moz-user-select: none; -o-user-select:none; -khtml-user-select:none; -webkit-user-select:none; -ms-user-select:none; user-select:none; } #main{ width:100%; min-width: 1200px; } li{ list-style-type:none; } a{ text-decoration: none; color:black; cursor: pointer; } #main table{ width:100%; border:0; padding:0; border-spacing: 0; width:100%; border-collapse: collapse; } #main table tr{ width:100%; } #main td{ border:1px solid #DBDBDB; vertical-align: top; } #ele_content{ position:relative; width:360px; } #mach_num{ width:100%; height:30px; font-size:14px; color:gray; border-bottom:1px solid #dddddd; line-height:30px; text-align:center; background:url(../image/table_th_bg.gif) repeat-x; } #lside{ width: 100%; height:460px; background: white; overflow:scroll; position:relative; } #lside>ul{ position:absolute; top:0; left:0; width: 100%; margin-bottom: 30px; } #lside>ul>li>a{ _display:block; display:block; color:black; font-size: 16px; padding:12px 5px; white-space: nowrap; } #lside>ul>li>ul{ _display:block; display:none; } #lside>ul>li>ul>li>a{ _display:block; display:block; font-size: 14px; padding:10px 20px; white-space: nowrap; } #lside>ul>li>ul>li>ul{ _display:block; display:none; } #lside>ul>li>ul>li>ul>li>a{ _display:block; display:block; font-size: 12px; padding:10px 10px 10px 40px; white-space: nowrap; } /* 电池充放电监测模块 */ #ele_content .batt-listen { width: 100%; height: 300px; background-color: #FFFFFF; } #ele_content .batt-listen .count-num { width:100%; height:30px; font-size:14px; color:gray; border-bottom:1px solid #dddddd; line-height:30px; text-align:center; background:url(../image/table_th_bg.gif) repeat-x; } #ele_content .batt-listen .batt-list { width: 100%; height: 260px; overflow: auto; } #ele_content .batt-listen .batt-list li a{ display: block; line-height: 30px; text-indent: 1.5em; } #ele_content .batt-listen .batt-list li a:hover { background-color: #EBE9E9; } #ele_content .batt-listen .batt-list li a.active { background-color: #D4D4F6; } #ele_content .batt-listen .batt-list li a.batt-discharge { color: #F02121; } #ele_content .batt-listen .batt-list li a.batt-charge { color: #2125F0; } /*打印信息按钮的样式*/ #fun_btn{ width:100%; padding-top:10px; text-align:center; } #all_show{ padding:6px 0; color: #3e5706; } #all_show:hover{ background:#008000; color:white; } #all_hide{ padding:6px 0; color: #3e5706; } #all_hide:hover{ background:#008000; color:white; } /*动态的拖拉左导航*/ #r_b{ position: absolute; width:10px; height:100%; top:0; right:0; background-color:white; cursor:w-resize; z-index:99; /*filter:alpha(opacity:0);*/ opacity: 0; } #ele_statue{ width:100%; height:30px; border-bottom:1px solid #ccc; font-size:16px; color:#858484; background-color: white; line-height: 30px; text-align: center; } .arrow{ _display:block; display: block; float: left; width:20px; height:20px; margin-left:10px; margin-right:10px; background:url(../image/arrow_u.png) no-repeat 3px 5px; background-color:black; } .down{ _display:block; display: block; float: left; width:20px; height:20px; margin-left:10px; margin-right:10px; background:url(../image/arrow_d.png) no-repeat 3px 6px; background-color:black; } .mark{ _display:block; display: block; float: left; font-size: 16px; width:20px; height:20px; margin-left:10px; margin-right:10px; text-align:center; line-height: 20px; color:white; background-color: black; } /*右导航样式*/ #address_infor{ width:100%; height:30px; line-height: 30px; text-align: center; background:url(../image/table_th_bg.gif) repeat-x; } #content{ border:0; padding:0; border-spacing: 0; width:100%; border-collapse: collapse; } #content td{ border:none; padding:10px 0; } #content input{ width:60%; padding: 4px 0; background:#D0D3D3; border:1px solid #323232; } #r_echarts{ position:relative; } /*电池充放管理样式*/ #charge_top{ width:100%; height:30px; line-height: 30px; text-align: center; background:url(../image/table_th_bg.gif) repeat-x; } #charge_infor{ width:240px; } #charge_fir{ width:30%; } #charge_sec{ position: relative; width:36%; padding: 0 2px } #charge_thr{ width:34%; } /*充放电的选择下拉框*/ #charge_select_type{ width:100%; height:30px; border-width: 1px;; border-style: solid; border-color: #ccc; } #charge_sec_infor{ position: relative; width:100%; height:240px; padding-top:16px; overflow: auto; } #charge_thr th{ font-size: 14px; padding:4px 0; background:url(../image/table_th_bg.gif) repeat-x; border:1px solid #ccc; } #charge_thr_infor{ position:relative; width:100%; height:360px; overflow-y: scroll; } #charge_thr_th{ position:absolute; top:0; left:0; } #charge_thr_th td{ padding:4px 0; text-align:center; } /*电阻电导样式*/ #charge_thr_infor .res{ position:absolute; display:none; } #charge_thr_infor .res th{ padding:4px 8px; white-space:nowrap; } #charge_thr_infor .res td{ padding:4px 8px; text-align:center; } /*充放电记录的样式*/ #charge_sec_infor .charge{ color:green; } #charge_sec_infor .discharge{ color:black; } /*图表的样式*/ #table_echarts{ width:100%; } #table_echarts td{ width:50%; height:300px; } #ltop,#rtop,#lbottom,#rbottom{ width:100%; height:100%; } /*滑动*/ #charge_bottom{ width:96%; margin-left: 2%; height:10px; margin-top:10px; margin-bottom:5px; } #slider { top: 15px; background-color: #CDBFF9; } #slider .label { display:none; position:absolute; top: -42px; left: 0; padding: 4px 6px; height: 30px; line-height: 30px; white-space: nowrap; background-color: #fff; border: 1px solid #bbb; } /*信息内容容器*/ #table_container{ width:100%; } #left_container{ width:24%; } /*图表顶端的时间*/ .top_time{ _display:block; display: block; position: relative; top:30px; width:100%; height:30px; line-height:30px; text-align: center; } .top_info{ _display:block; display: block; position: relative; top:30px; width:100%; height:30px; line-height:30px; text-align: center; } /*鼠标右键按钮样式*/ #right_menu{ display:none; position:absolute; border:1px solid #ccc; background-color:#ffffff; } #right_menu li a{ display:block; font-size:12px; padding:2px 40px 2px 10px; height:30px; color:black; line-height: 30px; } #right_menu li a:hover{ color:#ffffff; background-color:#34cd62; } /*右键菜单的子菜单*/ #right_menu .child_menu{ display: none; float: right; width:200px; margin-top:-30px; margin-right:-200px; font-size: 12px; background-color:#fff; } #right_menu .child_menu p{ display: block; padding-left:10px; height:30px; line-height:30px; cursor:pointer; } #right_menu .child_menu p:hover{ color:#ffffff; background-color:#34cd62; } /*导出图表菜单*/ #echarts_menu,#bigecharts_menu{ display:none; position:absolute; border:1px solid #ccc; background-color:#ffffff; z-index:9999999; } #echarts_menu li a,#bigecharts_menu li a{ display:block; padding:4px 10px; } #echarts_menu li a:hover{ color:#ffffff; background-color:#34cd62; } #bigecharts_menu li a:hover{ color:#ffffff; background-color:#34cd62; } /*电池组历卡信息*/ #card_infor{ display:none; position:absolute; width:900px; top:40px; left:50%; margin-left:-450px; background-color:#fff; z-index: 99999991; } #card_infor span.title-log{ display: block; height:26px; line-height:26px; padding:3px 26px; background:url(../image/cell.png) no-repeat 5px 4px; } #card_infor .ele-infor table{ width:100%; font-size:14px; border-collapse:collapse; } /*确定表格的单元格的宽度*/ #card_infor_left{ width:30%; } #card_infor .ele-infor th{ border:1px solid #ccc; padding:4px 10px; background:url(../image/table_th_bg.gif) repeat-x; } #card_infor .ele-infor td{ border:1px solid #ccc; padding:4px 0 4px 8px; } /*返回按钮*/ #out_card_infor{ /*初始化按钮*/ font-size: 12px; text-decoration: none!important; font-family: Helvetica, Arial, sans serif; padding: 6px 12px; border-radius: 3px; -moz-border-radius: 3px; box-shadow: inset 0px 0px 2px #fff; -o-box-shadow: inset 0px 0px 2px #fff; -webkit-box-shadow: inset 0px 0px 2px #fff; -moz-box-shadow: inset 0px 0px 2px #fff; /*定义颜色和样式*/ color: #41788c; border: 1px solid #6fb1c7; background-image: -moz-linear-gradient(#aae5f7, #73d0f1); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#73d0f1), to(#aae5f7)); background-image: -webkit-linear-gradient(#aae5f7, #73d0f1); background-image: -o-linear-gradient(#aae5f7, #73d0f1); text-shadow: 1px 1px 1px #bfeafb; background-color: #73d0f1; /*确定位置*/ margin-top:10px; margin-bottom:10px; margin-left:820px; } #out_card_infor:hover{ border: 1px solid #4690ad; background-image: -moz-linear-gradient(#73d0f1, #aae5f7); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#aae5f7), to(#73d0f1)); background-image: -webkit-linear-gradient(#73d0f1, #aae5f7); background-image: -o-linear-gradient(#73d0f1, #aae5f7); background-color: #aae5f7; } /*上传'FBO/IDC'数据*/ #upload_fbo{ display: none; _display:block; width:800px; position:absolute; top:80px; left:50%; margin-left:-400px; background-color:#fff; z-index: 99999991; } #upload_fbo span{ display: block; _display:block; width:100%; height:36px; padding-left:38px; line-height: 36px; text-align: left; background:url(../image/up_down.png) no-repeat 4px 3px; color:#000; } /*点击显示隐藏内容的按钮*/ #upload_fbo p{ display: block; _display:block; width:100%; height:30px; color:black; line-height: 30px; text-align:center; background:url(../image/table_th_bg.gif) repeat-x; } #upload_fbo p:hover{ color:green; } #upload_fbo select{ width:100%; } /*点击后被隐藏的内容*/ #upload_fbo .show_hide_opt{ width:100%; border-spacing: 0; padding:0; border-collapse:collapse; } #upload_fbo .show_hide_opt th{ padding:6px 0; text-align:center; border:1px solid #ccc; } /*上传信息内容表格*/ #upload_fbo .upload_container{ position: relative; min-height:340px; max-height:400px; overflow: scroll; } #upload_fbo .upload_info{ border-spacing: 0; padding:0; border-collapse:collapse; white-space: nowrap; } #upload_fbo .upload_info th{ padding:6px 10px; text-align:center; border:1px solid #ccc; background:url(../image/table_th_bg.gif) repeat-x; } #upload_fbo .upload_info td{ padding:4px 0; text-align:center; border:1px solid #ccc; } #upload_fbo .btn_container{ width:100%; text-align:center; } /*按钮的样式*/ #upload_fbo .btn_container input{ /*初始化按钮*/ font-size: 12px; text-decoration: none!important; font-family: Helvetica, Arial, sans serif; padding: 6px 12px; border-radius: 3px; -moz-border-radius: 3px; box-shadow: inset 0px 0px 2px #fff; -o-box-shadow: inset 0px 0px 2px #fff; -webkit-box-shadow: inset 0px 0px 2px #fff; -moz-box-shadow: inset 0px 0px 2px #fff; /*定义颜色和样式*/ color: #41788c; border: 1px solid #6fb1c7; background-image: -moz-linear-gradient(#aae5f7, #73d0f1); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#73d0f1), to(#aae5f7)); background-image: -webkit-linear-gradient(#aae5f7, #73d0f1); background-image: -o-linear-gradient(#aae5f7, #73d0f1); text-shadow: 1px 1px 1px #bfeafb; background-color: #73d0f1; /*按钮的上右下左的距离*/ margin:10px 30px 10px 0; } /*鼠标放在按钮上的效果*/ #upload_fbo .btn_container input:hover{ border: 1px solid #4690ad; background-image: -moz-linear-gradient(#73d0f1, #aae5f7); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#aae5f7), to(#73d0f1)); background-image: -webkit-linear-gradient(#73d0f1, #aae5f7); background-image: -o-linear-gradient(#73d0f1, #aae5f7); background-color: #aae5f7; } /*上传'内阻、电导'数据*/ #upload_resist{ display: none; _display:none; width:800px; position:absolute; top:80px; left:50%; margin-left:-400px; background-color:#fff; z-index: 99999991; } #upload_resist span{ display: block; _display:block; width:100%; height:36px; padding-left:38px; line-height: 36px; text-align: left; background:url(../image/up_down.png) no-repeat 4px 3px; color:#000; } #upload_resist p{ display: block; _display:block; width:100%; height:30px; color:black; line-height: 30px; text-align:center; background:url(../image/table_th_bg.gif) repeat-x; } #upload_resist p:hover{ color:green; } #upload_resist select{ width:100%; } /*点击后被隐藏的内容*/ #upload_resist .show_hide_opt{ width:100%; border-spacing: 0; padding:0; border-collapse:collapse; } #upload_resist .show_hide_opt th{ padding:6px 0; text-align:center; border:1px solid #ccc; } /*上传信息内容表格*/ #upload_resist .upload_container{ position: relative; min-height:340px; max-height:400px; overflow: scroll; } #upload_resist .upload_info{ border-spacing: 0; padding:0; border-collapse:collapse; white-space: nowrap; } #upload_resist .upload_info th{ padding:6px 10px; text-align:center; border:1px solid #ccc; background:url(../image/table_th_bg.gif) repeat-x; } #upload_resist .upload_info td{ padding:4px 0; text-align:center; border:1px solid #ccc; } #upload_resist .btn_container{ width:100%; text-align:center; } /*按钮的样式*/ #upload_resist .btn_container input{ /*初始化按钮*/ font-size: 12px; text-decoration: none!important; font-family: Helvetica, Arial, sans serif; padding: 6px 12px; border-radius: 3px; -moz-border-radius: 3px; box-shadow: inset 0px 0px 2px #fff; -o-box-shadow: inset 0px 0px 2px #fff; -webkit-box-shadow: inset 0px 0px 2px #fff; -moz-box-shadow: inset 0px 0px 2px #fff; /*定义颜色和样式*/ color: #41788c; border: 1px solid #6fb1c7; background-image: -moz-linear-gradient(#aae5f7, #73d0f1); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#73d0f1), to(#aae5f7)); background-image: -webkit-linear-gradient(#aae5f7, #73d0f1); background-image: -o-linear-gradient(#aae5f7, #73d0f1); text-shadow: 1px 1px 1px #bfeafb; background-color: #73d0f1; /*按钮的上右下左的距离*/ margin:10px 30px 10px 0; } /*鼠标放在按钮上的效果*/ #upload_resist .btn_container input:hover{ border: 1px solid #4690ad; background-image: -moz-linear-gradient(#73d0f1, #aae5f7); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#aae5f7), to(#73d0f1)); background-image: -webkit-linear-gradient(#73d0f1, #aae5f7); background-image: -o-linear-gradient(#73d0f1, #aae5f7); background-color: #aae5f7; } /*搜索机房或电池组*/ #search_room{ display:none; _display:none; width:400px; position:absolute; top:80px; left:50%; margin-left:-200px; background-color:#fff; z-index: 99999991; } #search_room span{ display: block; _display:block; width:100%; height:30px; line-height:30px; text-align:center; border-bottom:1px solid #ccc; } #input_container{ width:100%; text-align: center; } #search_input{ width:280px; height:30px; padding-left:30px; background:url(../image/search.png) 5px 5px no-repeat; border:1px solid #ccc; margin: 0; margin-top:6px; } #input_container select{ width: 80px; height: 30px; border: 1px solid #ccc; } #search_room p{ display: block; _display:block; width:100%; height:30px; margin-top:6px; line-height:30px; text-align:center; background:url(../image/table_th_bg.gif) repeat-x; } #search_info{ width:100%; height:240px; overflow:scroll; } #search_info li{ width:100%; height:30px; border-bottom:1px solid #ccc; line-height:30px; text-align:center; } #search_room .btn_container{ width:100%; text-align:center; } #search_room .btn_container input{ /*初始化按钮*/ font-size: 12px; text-decoration: none!important; font-family: Helvetica, Arial, sans serif; padding: 6px 12px; border-radius: 3px; -moz-border-radius: 3px; box-shadow: inset 0px 0px 2px #fff; -o-box-shadow: inset 0px 0px 2px #fff; -webkit-box-shadow: inset 0px 0px 2px #fff; -moz-box-shadow: inset 0px 0px 2px #fff; /*定义颜色和样式*/ color: #41788c; border: 1px solid #6fb1c7; background-image: -moz-linear-gradient(#aae5f7, #73d0f1); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#73d0f1), to(#aae5f7)); background-image: -webkit-linear-gradient(#aae5f7, #73d0f1); background-image: -o-linear-gradient(#aae5f7, #73d0f1); text-shadow: 1px 1px 1px #bfeafb; background-color: #73d0f1; /*按钮的上右下左的距离*/ margin:10px 60px; } #search_room .btn_container input:hover{ border: 1px solid #4690ad; background-image: -moz-linear-gradient(#73d0f1, #aae5f7); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#aae5f7), to(#73d0f1)); background-image: -webkit-linear-gradient(#73d0f1, #aae5f7); background-image: -o-linear-gradient(#73d0f1, #aae5f7); background-color: #aae5f7; } /*电池故障维护记录查询*/ #ele_breakdown{ display: none; _display:none; width:800px; position:absolute; top:80px; left:50%; margin-left:-400px; background-color:#fff; z-index: 99999991; } #ele_breakdown span{ display: block; _display:block; height:30px; line-height:30px; padding-left:38px; background:url(../image/warn.png) no-repeat 4px 3px; } #ele_breakdown p{ display: block; _display:block; width:100%; height:34px; line-height: 34px; text-align: center; background:url(../image/table_th_bg.gif) repeat-x; } #ele_breakdown p:hover{ color:green; } #ele_breakdown table{ width:100%; border-collapse:collapse; } #ele_breakdown table td{ padding:4px 0; text-align: center; border:1px solid #ccc; } #ele_breakdown select{ width:100%; } #maintence_infor{ position:relative; height:140px; overflow:scroll; } #maintence_infor table{ border-collapse:collapse; white-space: nowrap; } #maintence_infor table th{ padding:4px 0; border:1px solid #ccc; } #maintence_infor table td{ overflow: hidden; } #maintence_infor table div{ width:94px; padding:2px 3px; } #maintence_infor .unrealhead{ position:absolute; } /*整体的遮罩层*/ #allShade{ display:none; _display:none; position:absolute; top:0; left:0; width:100%; height:100%; background-color:#000; filter:alpha(opacity=50); /*IE滤镜,透明度50%*/ -moz-opacity:0.5; /*Firefox私有,透明度50%*/ opacity:0.5; /*其他,透明度50%*/ z-index:99999990; } /*向机历卡添加内容*/ #card_infor .tab-list{ width:100%; background-color:#000; } #card_infor .tab-list .tab{ float:left; width:30%; } /* 充放电记录类型 */ .test-type { position: absolute; top: 0; right: 0; z-index: 999; background-color: #fff; } .test-type .triangle { position: absolute; left: -30px; top: 50%; margin-top: -15px; width: 30px; height: 30px; background-color: none; } .test-type .triangle span { display: block; width: 24px; height:20px; margin: 5px 3px; background-image: url(../image/dischage.png); background-repeat: no-repeat; background-position: -275px 0; } .test-type .triangle.hide span { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .test-type .triangle span:hover { background-image: url(../image/dischage.png); background-repeat: no-repeat; background-position: -180px 0; } .test-type .content { width: 0; overflow:hidden; } .test-type .item-header { width: 100%; height: 32px; line-height: 32px; text-indent: 1em; background-image: url("../image/table_th_bg.gif"); background-repeat: repeat-x; } .test-type .item-content { width: 100%; height: 110px; } .test-type .item-content ul { width: 100%; } .test-type .item-content li { width: 100%; height: 32px; line-height: 32px; text-indent: 1em; } .test-type .item-content li input { vertical-align: middle; margin-right: 8px; } .test-type-mask { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 99; background-color: #000; opacity: 0.1; } /*放大的图表样式*/ #big_echarts{ display: none; position:absolute; width:100%; height:600px; left:0; top:0; background:white; z-index: 22; } #big_echarts_container{ width:100%; height:100%; z-index: 25; } #bigEchartsCon{ display:none; position:absolute; width:100%; height:100%; background-color:white; top:0; left:0; z-index:999999; } .graph { width: 100%; height: 100%; background-color: #fff; } .graph.big { position: fixed; left: 0; top: 0; z-index: 99999999; background-color: #fff; } /* 定义特殊设备信息显示容器的样式 */ .special-mon-data { display: none; position:absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #FFFFFF; z-index: 3; } .special-mon-data.show { display: block; } .special-mon-data .mon-data-content { height: 100%; overflow-y: auto; } .special-mon-data .mon-data-content .content-item.mon-vol-line { height: 50%; background-color: green; } .special-mon-data .mon-data-content .content-item.line-list { height: 50%; background-color: #fff; } .page-l-r { overflow:hidden; } .page-l-r .page-left{ float: left; height: 100%; overflow: hidden; } .page-l-r .page-left.page-50 { width: 50%; background-color: #fff; } #specialMonVolLine, #specialMonCapBar, #specialGroupVolLine, #specialCurrLine { width: 100%; height: 100%; overflow:hidden; } .high-z-index { z-index: 999999; } .special-graph-tools { position: absolute; top: .2em; right: .5em; } .special-graph-tools { position: absolute; top: .2em; right: .5em; z-index: 9999; } /* 设置共用按钮样式 */ .whyc-btn { display: block; color: #333; font-size: 12px; font-weight: bold; text-indent: .2em; text-decoration: none; padding-top: .5em; padding-bottom: .5em; padding-right: .5em; text-align: center; min-width: 6em; border: 1px solid #d4d4d4; border-radius: .4em; background-color: #ececec; text-shadow: 1px 1px 0 #fff; cursor: pointer; outline:none; background-image: linear-gradient(#f4f4f4, #ececec); } .whyc-btn .whyc-btn-icon { font-size: 14px; margin-right: .2em; } .whyc-btn:hover { border-color: #3072b3; border-bottom-color: #2a65a0; text-shadow: -1px -1px 0 rgba(0,0,0,0.3); color: #fff; background-color: #3072b3; background-image: linear-gradient(#599bdc, #3072b3); } .whyc-btn:active { border-color: #2a65a0; border-bottom-color: #3884CF; background-color: #3072b3; background-image: linear-gradient(#3072b3, #599bdc); } /* .special-mon-data .mon-data-content .content-item.curr-line { height: 34%; background-color: blue; } */