aiot/3dDisplayEngine/buildingCss/myImages.css

.usky_menu .x-btn-inner {
	font-size: 16px;  padding:0 10 0 10;font-family:微软雅黑, Microsoft YaHei;
}
.x-btn-inner{
	heigh:24px; inner-height:24px;
}
.usky_menu .x-menu-item-text {
	font-size: 16px;  padding:0 10 0 10;font-family:微软雅黑, Microsoft YaHei;
}


@font-face {
    font-family: 'UnidreamLED';
    src:url(UnidreamLED/UnidreamLED.eot); /***兼容ie9***/
    src:url(UnidreamLED/UnidreamLED.eot?#iefix)format('embedded-opentype'), /***兼容ie6-ie8***/
    url('UnidreamLED/UnidreamLED.woff') format('woff'), 
    local('UnidreamLED'), url("UnidreamLED/UnidreamLED.woff");/***默认使用本地的***/
}

.x-btn-default-small-menu-active .x-btn-inner {
	color: #ffffff;
	background-color: #0e70cb;
	border-color:#0e70cb;
    background-image: -webkit-linear-gradient(top,#0e70cb,#0e70cb);
}

.x-menu-item-active .x-menu-item-link {
	color: #ffffff;
	background-color: #0e70cb;
	border-color:#0e70cb;
    background-image: -webkit-linear-gradient(top,#0e70cb,#0e70cb);
}

.amap-marker .amap-marker-content div{
	font-family: DS-Digital-Italic;
    color: #ffffff!important;
    font-size: 12px!important;
  }

.x-btn-arrow {
	color: #47ccfd; font-size: 20px;
}

.usky_btn {
	background:url(usky/usky.png) left top no-repeat !important;
}

.usky_logo {
	background:url(usky/logo.png) left top no-repeat !important
}


.ok_btn {
	background:url(common/famicons/accept.png) left top no-repeat !important;
}

.cancel_btn {
	background:url(common/famicons/cancel.png) left top no-repeat !important;
}

.filter_btn {
	background:url(common/filter-x.gif) left top no-repeat !important;
}

.back_btn {
	background:url(common/back.gif) left top no-repeat !important;
}

.append_btn {
	background:url(common/famicons/add.png) left top no-repeat !important;
}

.modify_btn {
	background:url(common/famicons/application_edit.png) left top no-repeat !important;
}

.delete_btn {
	background:url(common/famicons/application_form_delete.png) left top no-repeat !important;
}

.export_btn {
	background:url(common/save.gif) left top no-repeat !important;
}

.menu_access_btn {
	background:url(usky/menu_access_btn.png) left top no-repeat !important;
}

.menu_alarm_btn {
	background:url(usky/menu_alarm_btn.png) left top no-repeat !important;
}

.menu_around_btn {
	background:url(usky/menu_around_btn.png) left top no-repeat !important;
}

.main_device_btn {
	background:url(common/device_main.png) left top no-repeat !important;
}


.menu_data_btn {
	background:url(usky/menu_data_btn.png) left top no-repeat !important;
}

.menu_device_btn {
	background:url(usky/menu_device_btn.png) left top no-repeat !important;
}

.menu_efire_btn {
	background:url(usky/menu_efire_btn.png) left top no-repeat !important;
}

.menu_fire_btn {
	background:url(usky/menu_fire_btn.png) left top no-repeat !important;
}

.menu_frontpage_btn {
	background:url(usky/menu_frontpage_btn.png) left top no-repeat !important;
}

.menu_map_btn {
	background:url(usky/menu_map_btn.png) left top no-repeat !important;
}

.menu_power_btn {
	background:url(usky/menu_power_btn.png) left top no-repeat !important;
}

.menu_statistics_btn {
	background:url(usky/menu_statistics_btn.png) left top no-repeat !important;
}

.menu_sysinfo_btn {
	background:url(usky/menu_sysinfo_btn.png) left top no-repeat !important;
}

.menu_theme_btn {
	background:url(usky/menu_theme_btn.png) left top no-repeat !important;
}

.menu_view_btn {
	background:url(usky/menu_view_btn.png) left top no-repeat !important;
}

.menu_water_btn {
	background:url(usky/menu_water_btn.png) left top no-repeat !important;
}

.menu_work_btn {
	background:url(usky/menu_work_btn.png) left top no-repeat !important;
}

.setup_building_btn {
	background:url(usky/setup_building_btn.png) left top no-repeat !important;
}

.setup_company_btn {
	background:url(usky/setup_company_btn.png) left top no-repeat !important;
}

.setup_interface_btn {
	background:url(usky/setup_interface_btn.png) left top no-repeat !important;
}

.setup_iotcard_btn {
	background:url(usky/setup_iotcard_btn.png) left top no-repeat !important;
}

.setup_permission_btn {
	background:url(usky/setup_permission_btn.png) left top no-repeat !important;
}

.setup_permissiongroup_btn {
	background:url(usky/setup_permissiongroup_btn.png) left top no-repeat !important;
}

.setup_pno_btn {
	background:url(usky/setup_pno_btn.png) left top no-repeat !important;
}

.setup_unit_btn {
	background:url(usky/setup_unit_btn.png) left top no-repeat !important;
}

.setup_user_btn {
	background:url(usky/setup_user_btn.png) left top no-repeat !important;
}

.sysinfo_point_btn {
	background:url(usky/sysinfo_point_btn.png) left top no-repeat !important;
}

.sysinfo_runtime_btn {
	background:url(usky/sysinfo_runtime_btn.png) left top no-repeat !important;
}

.sysinfo_server_btn {
	background:url(usky/sysinfo_server_btn.png) left top no-repeat !important;
}

.user_change_btn {
	background:url(usky/user_change_btn.png) left top no-repeat !important;
}

.user_logout_btn {
	background:url(usky/user_logout_btn.png) left top no-repeat !important;
}

.user_password_btn {
	background:url(usky/user_password_btn.png) left top no-repeat !important;
}

.view_level_btn {
	background:url(usky/view_level_btn.png) left top no-repeat !important;
}

.view_scope_btn {
	background:url(usky/view_scope_btn.png) left top no-repeat !important;
}

.view_sound_btn {
	background:url(usky/view_sound_btn.png) left top no-repeat !important;
}

.back_btn {
	background:url(common/famicons/arrow_left.png) left top no-repeat !important;
}

.alarm_pie_var {
	margin: 0px; overflow: hidden; z-index: 1000; position: absolute; top: 100px; left:20px; border: 0px solid #000;
}

.device_pie_bar {
	margin: 0px; overflow: hidden; z-index: 1000; position: absolute; top: 100px; right:20px; border: 0px solid #000;
}

.pie_total {
	color:#DDDF0D;text-shadow: 1px 1px 2px #888, 0 0 0 #000; font-size:24px;
}

.pie_normal {
	color:#31e9ff;text-shadow: 1px 1px 2px #888, 0 0 0 #000; font-size:24px;
	
}

.pie_abnormal {
	color:#f66167;text-shadow: 1px 1px 2px #888, 0 0 0 #000; font-size:24px;
}
.shadow_black_bak {
	text-shadow: 1px 1px 2px #888, 0 0 0 #000;
}

.shadow_white_bak {
	text-shadow: 1px 1px 2px #FFF, 0 0 0 #000;
}

.alarm_wrapper {
	font-family:微软雅黑, Microsoft YaHei; 
	margin-top:5px;
	position:absolute; top:10px; left:70px; width:660px; z-index:1000; border: 0px solid #000; font-size:20px; font-weight:bold;
}

.alarm_warpper_table {
	border:none; width:800px; height:58px; z-index: 1000; position:absolute; top:22px; left:560px; overflow: hidden;border-collapse: collapse;
}

.sub_wrapper_table {
	border:none; width:730px; height:58px; z-index: 999; position:absolute; top:0px; left:35px; overflow: hidden; margin:0px; padding:0px; overflow: hidden;border-collapse: collapse;
}

.toplevel {
	z-index:20000;
}

.x-item-disabled-new {
	background: rgba(0,0,0,0);
	color:#ffffff;
}

.active_company {
	border: 1px solid rgba(64,85,98,0.7); background: rgba(64,85,98,0.3);
}

.saerch_company_list {
	width:300px;
	z-index:1001;
	font-size: 14px;
	font-family:微软雅黑, Microsoft YaHei; 
	position:absolute;top:80px;	right:200px;
}
.bar5 {background: rgba(0,0,0,0.0);z-index:1001;position:absolute; top:50px;right:200px;color: rgba(255,255,255,0.3);}
.bar5 input, .bar5 button {
    background: transparent;
}
.bar5 input {
    border: 2px solid #27c5ff;
    border-radius:10px;
    font-size: 14px;
    width: 300px;
    color: rgba(255,255,255,0.5);
    height: 30px;
    font-family:微软雅黑, Microsoft YaHei;   
}

.bar input::-webkit-input-placeholder{
	color:rgba(255,255,255,0.3);
}

.bar input::-moz-placeholder{
	color:rgba(255,255,255,0.3);
}

.bar input:-moz-placeholder{
	color:rgba(255,255,255,0.3);
}

.bar input:-ms-input-placeholder{
	color:rgba(255,255,255,0.3);
}

.bar5 input:focus {
    color: rgba(255,255,255,1);
}
.bar5_clear {
	background:url(common/close-tmp.gif) no-repeat 50% 50%; -webkit-filter: grayscale(100%); 
	-moz-filter: grayscale(100%); 
	-ms-filter: grayscale(100%); 
	-o-filter: grayscale(100%); 
	filter: grayscale(100%); 
	filter: gray; 
	width:28px; height:28px; z-index: 1001; position:absolute; top:1px; right:2px;cursor:"pointer";
}

.x-panel-header-new {
	background-image: none;
	background-color: rgba(0,0,0,0.0);
	height: 0px;
	overflow:hidden;
}

.operation_body {
	height:498px;
	background: url(operation_bg.png) repeat-x;
	overflow:hidden;
}

.operation_dock_l {
	position: absolute;
	top: 20px;
	left: 20px;
	width: 118px;
	height: 462px;
	background: url(operation_docker_l.png) no-repeat;
}

.operation_dock_r {
	position: absolute;
	top: 20px;
	right: 20px;
	width: 118px;
	height: 462px;
	background: url(operation_docker_r.png) no-repeat;
}

.operation_title_icon{
	position:absolute;
	top: 86px;
	left: 91px;
}

.operation_title_text {
	position:absolute;
	top: 100px;
	left: 146px;
	width: 300px;
	height: 30px;
	font-size: 24px;
	color: #6dcffc;
	z-index锛�1000锛�
	font-family:微软雅黑, Microsoft YaHei; 
}

.operation_label_1 {
	position:absolute;
	top:185px;
	left:90px;
	color:#dcdcdc;
	font-size:16px;
	font-family:微软雅黑, Microsoft YaHei;
}

.operation_label_2 {
	position:absolute;
	top:255px;
	left:90px;
	color:#dcdcdc;
	font-size:16px;
	font-family:微软雅黑, Microsoft YaHei;
}

.operation_label_3 {
	position:absolute;
	top:325px;
	left:90px;
	color:#dcdcdc;
	font-size:16px;
	font-family:微软雅黑, Microsoft YaHei;
}

.operation_label_4 {
	position:absolute;
	top:395px;
	left:90px;
	color:#dcdcdc;
	font-size:16px;
	font-family:微软雅黑, Microsoft YaHei;
}

.operation_num_1 {
	position:absolute;
	top:166px;
	left:146px;
	color:#ffffff;
	font-size:34px;
	font-family:微软雅黑, Microsoft YaHei;
	width:212px;
	height:47px;
	background:url(operation_item.png) no-repeat;
	padding:2px 0px 0px 9px;
}

.operation_num_2 {
	position:absolute;
	top:236px;
	left:146px;
	color:#31e9ff;
	font-size:34px;
	font-family:微软雅黑, Microsoft YaHei;
	width:212px;
	height:47px;
	background:url(operation_item.png) no-repeat;
	padding:2px 0px 0px 9px;
}

.operation_num_3 {
	position:absolute;
	top:306px;
	left:146px;
	color:#f66167;
	font-size:34px;
	font-family:微软雅黑, Microsoft YaHei;
	width:212px;
	height:47px;
	background:url(operation_item.png) no-repeat;
	padding:2px 0px 0px 9px;
}

.operation_num_4 {
	position:absolute;
	top:376px;
	left:146px;
	color:#f6ff67;
	font-size:34px;
	font-family:微软雅黑, Microsoft YaHei;
	width:212px;
	height:47px;
	background:url(operation_item.png) no-repeat;
	padding:2px 0px 0px 9px;
}

.operation_label_11 {
	position:absolute;
	top:185px;
	left:90px;
	color:#dcdcdc;
	font-size:16px;
	font-family:微软雅黑, Microsoft YaHei;
}

.operation_label_12 {
	position:absolute;
	top:255px;
	left:90px;
	color:#dcdcdc;
	font-size:16px;
	font-family:微软雅黑, Microsoft YaHei;
}

.operation_label_13 {
	position:absolute;
	top:325px;
	left:90px;
	color:#dcdcdc;
	font-size:16px;
	font-family:微软雅黑, Microsoft YaHei;
}

.operation_label_14 {
	position:absolute;
	top:185px;
	left:444px;
	color:#dcdcdc;
	font-size:16px;
	font-family:微软雅黑, Microsoft YaHei;
}

.operation_label_15 {
	position:absolute;
	top:255px;
	left:444px;
	color:#dcdcdc;
	font-size:16px;
	font-family:微软雅黑, Microsoft YaHei;
}

.operation_label_16 {
	position:absolute;
	top:325px;
	left:444px;
	color:#dcdcdc;
	font-size:16px;
	font-family:微软雅黑, Microsoft YaHei;
}

.operation_num_11 {
	position:absolute;
	top:166px;
	left:186px;
	color:#ffffff;
	font-size:34px;
	font-family:微软雅黑, Microsoft YaHei;
	width:212px;
	height:47px;
	background:url(operation_item.png) no-repeat;
	padding:2px 0px 0px 9px;
}

.operation_num_12 {
	position:absolute;
	top:166px;
	left:500px;
	color:#31e9ff;
	display: flex;
    justify-content:left;
    align-items:Center;
	font-size:20px;
	font-family:微软雅黑, Microsoft YaHei;
	width:212px;
	height:47px;
	background:url(operation_item.png) no-repeat;
	padding:2px 0px 0px 9px;
}

.operation_num_13 {
	position:absolute;
	top:236px;
	left:186px;
	color:#f66167;
	font-size:34px;
	font-family:微软雅黑, Microsoft YaHei;
	width:212px;
	height:47px;
	background:url(operation_item.png) no-repeat;
	padding:2px 0px 0px 9px;
}
.operation_num_14 {
	position:absolute;
	top:236px;
	left:500px;
	color:#31e9ff;
	display: flex;
    justify-content:left;
    align-items:Center;
	font-size:20px;
	font-family:微软雅黑, Microsoft YaHei;
	width:212px;
	height:47px;
	background:url(operation_item.png) no-repeat;
	padding:2px 0px 0px 9px;
}

.operation_num_15 {
	position:absolute;
	top:306px;
	left:186px;
	color:#f6ff67;
	font-size:34px;
	font-family:微软雅黑, Microsoft YaHei;
	width:212px;
	height:47px;
	background:url(operation_item.png) no-repeat;
	padding:2px 0px 0px 9px;
}

.operation_num_16 {
	position:absolute;
	top:306px;
	left:500px;
	color:#31e9ff;
	display: flex;
    justify-content:left;
    align-items:Center;
	font-size:20px;
	font-family:微软雅黑, Microsoft YaHei;
	width:212px;
	height:47px;
	background:url(operation_item.png) no-repeat;
	padding:2px 0px 0px 9px;
}

.operation_pie_bg {
	position:absolute;
	top:116px;
	left:410px;
	width:280px;
	height:280px;
	background:url(operation_pie_bg.gif) no-repeat;
}

.operation_pie {
	position:absolute;
	top:158px;
	left:452px;
	width:196px;
	height:196px;
	z-index:100;
}

.operation_pie_title {
	position:absolute;
	top:365px;
	left:526px;
	width:70px;
	height:20px;
	z-index:200;
	color:#dcdcdc;
	font-size:16px;
	font-family:微软雅黑, Microsoft YaHei;
}

.operation_area_bg {
	position:absolute;
	top:57px;
	left:750px;
	width:1100px;
	height:384px;
	background: url(operation_area_bg.gif) no-repeat;
}

.operation_area {
	position:absolute;
	top:116px;
	left:800px;
	width:1011px;
	height:300px;
	z-index:200;
}

.fp_backbtn {
	position:absolute;
	top:90px;
	left:100px;
	z-index: 500;
	width:133px;
	height:46px;
	background: url(back.png) no-repeat;
	display:none;
	cursor:pointer;
}

.mask_left {
	position:absolute;
	top:0px;
	left:0px;
	width:630px;
	z-index: 200;
	background: url(mask_l.png) repeat-y;
}

.mask_right {
	position:absolute;
	top:0px;
	right:0px;
	width:630px;
	z-index: 200;
	background: url(mask_r.png) repeat-y;
}

.mask_top {
	position:absolute;
	top:0px;
	left:0px;
	height:100px;
	z-index: 200;
	background: url(mask_t.png) repeat-x;
}

.mask_bottom {
	position:absolute;
	left:0px;
	height:100px;
	z-index: 200;
	background: url(mask_b.png) repeat-x;
}

.map_header {
	position:absolute;
	top:0px;
	width:740px;
	height:0px;
	z-index: 1000;
	background: url(icons/map_header2.png) no-repeat center top;
	/*background: url(03index/map_header_frame.png) no-repeat center top;*/
}

.amap-marker-label{
    border: 0;
    background-color: rgba(0,0,0,0.0);
}

.info{
    position: relative;
    top: 0;
    right: 0;
    min-width: 0;
    color:#31e9ff;
    border-left: 2px solid #50f7ed;
    border-bottom: 2px solid #50f7ed;
    font-size:16px;
    font-weight:bold;
    font-family:微软雅黑, Microsoft YaHei;
    border-image: -webkit-linear-gradient(70deg,#50f7ed ,transparent) 0 0 2 2;
	border-image: -moz-linear-gradient(70deg,#50f7ed,transparent) 0 0 2 2;
	border-image: linear-gradient(70deg,#50f7ed,transparent) 0 0 2 2;
    background-color: rgba(16,56,110,0.6);
}

.info_label{
	margin:0px;
	padding:0px;
	font-size:16px;
    font-weight:bold;
    font-family:微软雅黑, Microsoft YaHei;
    border-image: -webkit-linear-gradient(left,transparent,#50f7ed,transparent) 2 0 0 0;
	border-image: -moz-linear-gradient(left,transparent,#50f7ed,transparent) 2 0 0 0;
	border-image: linear-gradient(left,transparent,#50f7ed,transparent) 2 0 0 0;
    background-color: transparent;
}

.info_title{
	position: relative;
	top:4px;
	left:96px;
	width:179px;
	height:44px;
	font-size:12px;
    font-weight:bold;
    font-family:微软雅黑, Microsoft YaHei;
    color:#31e9ff;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}

.info_body0{
	position: absolute;
	top:44px;
	left:80px;
	width:179px;
	height:20px;
	color:#ffffff;
	font-size:14px;
    font-family:微软雅黑, Microsoft YaHei;
	overflow:hidden;
    display:flex;
    
}

.info_body1{
	position: absolute;
	top:70px;
	left:80px;
	width:179px;
	height:20px;
	color:#ffffff;
	font-size:14px;
    font-family:微软雅黑, Microsoft YaHei;
	overflow:hidden;
    display:flex;
}

.info_body2{
	position: absolute;
	top:96px;
	left:80px;
	width:179px;
	height:20px;
	color:#ffffff;
	font-size:14px;
    font-family:微软雅黑, Microsoft YaHei;
	overflow:hidden;
    display:flex;
}

.info_body3{
	position: absolute;
	top:122px;
	left:80px;
	width:179px;
	height:20px;
	color:#ffffff;
	font-size:14px;
    font-family:微软雅黑, Microsoft YaHei;
	overflow:hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.info_btn{
	position: absolute;
	top: 156px;
	left:66px;
	width:66px;
	height:24px;
	cursor:pointer;
	background-color:#7FEEFF;
	text-align:center;
	color:#0f386e;
	font-size:12px;
	font-weight:bold;
    font-family:微软雅黑, Microsoft YaHei;
    padding-top:2px;
    border-radius:4px;
}

.alarm_btn{
	position: absolute;
	top: 156px;
	left:138px;
	width:66px;
	height:24px;
	cursor:pointer;
	background-color:#7FEEFF;
	text-align:center;
	color:#0f386e;
	font-size:12px;
	font-weight:bold;
    font-family:微软雅黑, Microsoft YaHei;
    padding-top:2px;
    border-radius:4px;
}

.company_building_return{
	position: absolute;
	top: 56px;
	right:66px;
	width:66px;
	height:24px;
	cursor:pointer;
	background-color:#7FEEFF;
	text-align:center;
	color:#0f386e;
	font-size:12px;
	font-weight:bold;
    font-family:微软雅黑, Microsoft YaHei;
    padding-top:2px;
    border-radius:4px;
}

.today_team_btn{
	position: absolute;
	top: 156px;
	left:210px;
	width:66px;
	height:24px;
	cursor:pointer;
	background-color:#7FEEFF;
	text-align:center;
	color:#0f386e;
	font-size:12px;
	font-weight:bold;
    font-family:微软雅黑, Microsoft YaHei;
    padding-top:2px;
    border-radius:4px;
}

.alarm_div{
	width:179px;
	height:200px;
	background-color:yellow;
}

.data_bar_title {
	font-size:16px;
	font-weight:bold;
    font-family:微软雅黑, Microsoft YaHei;
    color:#ffffff;
    height:32px;
    cursor:pointer;
}

.data_bar_total_label {
	font-size:12px;
    font-family:微软雅黑, Microsoft YaHei;
    color:#ffffff;
    height:32px;
    cursor:pointer;
}

.data_bar_total_number {
	font-size:18px;
    font-family:微软雅黑, Microsoft YaHei;
    color:#31e9ff;
    height:32px;
    cursor:pointer;
}

.data_bar_alarm_label {
	font-size:12px;
    font-family:微软雅黑, Microsoft YaHei;
    color:#ffffff;
    height:42px;
    cursor:pointer;
}

.data_bar_alarm_number {
	font-size:18px;
    font-family:微软雅黑, Microsoft YaHei;
    color:#f66167;
    height:42px;
    cursor:pointer;
}

.align_right {
	text-align:right;
}

.device_info_title {
	margin-top:15px;
	font-size:16px;
	font-weight:bold;
    font-family:微软雅黑, Microsoft YaHei;
    color:#ffffff;
    cursor:pointer;
}

.device_info {
	font-size:10px;
    font-family:微软雅黑, Microsoft YaHei;
    color:#ffffff;
    cursor:pointer;
}

.device_confirm_num0 {
	color:#ffffff;
	font-size:16px;
	cursor:pointer;
}

.device_confirm_num1 {
	color:#5ee7b8;
	font-size:16px;
	cursor:pointer;
}

.device_confirm_num2 {
	color:#ea924a;
	font-size:16px;
	cursor:pointer;
}

.device_confirm_num3 {
	color:#ffffff;
	font-size:14px;
	cursor:pointer;
}

.red_color{
	color:#f66167
}

.default_color{
	color:#000000
}

.data_bar_area{
	top:70px;
	left:34px;
	position: absolute;
	z-index:800;
	overflow-x:none;
	overflow-y:auto;
	width:386px;
	height:891px;
	cursor:pointer;
}

.data_bar_area::-webkit-scrollbar{
  width:6px;
  height:100%;
}
.data_bar_area::-webkit-scrollbar-thumb{
  width:6px;
  height:60px;
  background-color:rgba(0,130,255,0.6);
  border-radius:5px;
}
.data_bar_area::-webkit-scrollbar-track  
{  
  border-radius: 10px;  
  background-color: rgba(0,0,0,.3);
}

.alarm_tab_area {
	position: absolute;
	right:60px;
	top:100px;
	width:476px;
	z-index:500;
	overflow-x:none;
	overflow-y:auto;
}

.alarm_tab_area::-webkit-scrollbar{
  width:6px;
  height:100%;
}
.alarm_tab_area::-webkit-scrollbar-thumb{
  width:6px;
  height:60px;
  background-color:rgba(0,130,255,0.6);
  border-radius:5px;
}
.alarm_tab_area::-webkit-scrollbar-track  
{  
  border-radius: 10px;  
  background-color: rgba(0,0,0,.3);
}


.alarm_tab {
	position: absolute;
	left:0px;
	top:0px;
	width:456px;
	height:132px;
	background:url(icons/alarm_tab.png) no-repeat;
	z-index:500;
	cursor:pointer;
}

.alarm_tab_title {
	position:absolute;
	top:24px;
	left:38px;
	font-family:微软雅黑, Microsoft YaHei;
	font-size:16px;
	font-weight:bold;
	color:#31e9ff;
	width:320px;
}

.alarm_tab_time {
	position:absolute;
	top:50px;
	left:38px;
	font-family:微软雅黑, Microsoft YaHei;
	font-size:12px;
	color:#dcdcdc;
	width:270px;
}

.alarm_tab_data {
	position:absolute;
	top:70px;
	left:38px;
	font-family:微软雅黑, Microsoft YaHei;
	font-size:12px;
	color:#dcdcdc;
	width:270px;
	height:30px;
}

.alarm_tab_icon {
	position:absolute;
	top:33px;
	right:56px;
}

.alarm_icon_01 {
	background:url(icons/alarm_tab_01.gif) no-repeat;
}

.alarm_icon_02 {
	background:url(icons/alarm_tab_02.gif) no-repeat;
}

.alarm_icon_03 {
	background:url(icons/alarm_tab_03.gif) no-repeat;
}

.alarm_icon_04 {
	background:url(icons/alarm_tab_04.gif) no-repeat;
}

.map_btn {
	cursor:pointer;
	z-index:500;
}
/*左边按钮样式
.map_btn_bigger_off {
	position:absolute;
	bottom:66px;
	left:60px;
	width:21px;
	height:21px;
	background:url(icons/bigger_off.png) no-repeat;
}

.map_btn_bigger_on {
	position:absolute;
	bottom:66px;
	left:60px;
	width:21px;
	height:21px;
	background:url(icons/bigger_on.png) no-repeat;
}

.map_btn_smaller_off {
	position:absolute;
	bottom:66px;
	left:90px;
	width:21px;
	height:21px;
	background:url(icons/smaller_off.png) no-repeat;
}

.map_btn_smaller_on {
	position:absolute;
	bottom:66px;
	left:90px;
	width:21px;
	height:21px;
	background:url(icons/smaller_on.png) no-repeat;
}

.map_btn_showlaebl_off {
	position:absolute;
	bottom:61px;
	left:130px;
	width:101px;
	height:31px;
	background:url(icons/show_label_off.png) no-repeat;
}

.map_btn_showlaebl_on {
	position:absolute;
	bottom:61px;
	left:130px;
	width:101px;
	height:31px;
	background:url(icons/show_label_on.png) no-repeat;
}

.map_btn_hidelabel {
	position:absolute;
	bottom:61px;
	left:130px;
	width:101px;
	height:31px;
	background:url(icons/hide_label.png) no-repeat;
}

.map_btn_left_off {
	position:absolute;
	bottom:61px;
	left:241px;
	width:80px;
	height:31px;
	background:url(icons/map_left_off.png) no-repeat;
}

.map_btn_left_on {
	position:absolute;
	bottom:61px;
	left:241px;
	width:80px;
	height:31px;
	background:url(icons/map_left_on.png) no-repeat;
}

.map_btn_right_off {
	position:absolute;
	bottom:61px;
	left:331px;
	width:80px;
	height:31px;
	background:url(icons/map_right_off.png) no-repeat;
}

.map_btn_right_on {
	position:absolute;
	bottom:61px;
	left:331px;
	width:80px;
	height:31px;
	background:url(icons/map_right_on.png) no-repeat;
}

.map_btn_high_off {
	position:absolute;
	bottom:61px;
	left:421px;
	width:80px;
	height:31px;
	background:url(icons/view_high_off.png) no-repeat;
}

.map_btn_high_on {
	position:absolute;
	bottom:61px;
	left:421px;
	width:80px;
	height:31px;
	background:url(icons/view_high_on.png) no-repeat;
}

.map_btn_low_off {
	position:absolute;
	bottom:61px;
	left:511px;
	width:80px;
	height:31px;
	background:url(icons/view_low_off.png) no-repeat;
}

.map_btn_low_on {
	position:absolute;
	bottom:61px;
	left:511px;
	width:80px;
	height:31px;
	background:url(icons/view_low_on.png) no-repeat;
}
*/
.map_btn_bigger_off {
	position:absolute;
	bottom:66px;
	right:605px;
	width:21px;
	height:21px;
	background:url(icons/bigger_off.png) no-repeat;
}

.map_btn_bigger_on {
	position:absolute;
	bottom:66px;
	right:605px;
	width:21px;
	height:21px;
	background:url(icons/bigger_on.png) no-repeat;
}

.map_btn_smaller_off {
	position:absolute;
	bottom:66px;
	right:575px;
	width:21px;
	height:21px;
	background:url(icons/smaller_off.png) no-repeat;
}

.map_btn_smaller_on {
	position:absolute;
	bottom:66px;
	right:575px;
	width:21px;
	height:21px;
	background:url(icons/smaller_on.png) no-repeat;
}

.map_btn_showlaebl_off {
	position:absolute;
	bottom:61px;
	right:455px;
	width:101px;
	height:31px;
	background:url(icons/show_label_off.png) no-repeat;
}

.map_btn_showlaebl_on {
	position:absolute;
	bottom:61px;
	right:455px;
	width:101px;
	height:31px;
	background:url(icons/show_label_on.png) no-repeat;
}

.map_btn_hidelabel {
	position:absolute;
	bottom:61px;
	right:455px;
	width:101px;
	height:31px;
	background:url(icons/hide_label.png) no-repeat;
}

.map_btn_left_off {
	position:absolute;
	bottom:61px;
	right:365px;
	width:80px;
	height:31px;
	background:url(icons/map_left_off.png) no-repeat;
}

.map_btn_left_on {
	position:absolute;
	bottom:61px;
	right:365px;
	width:80px;
	height:31px;
	background:url(icons/map_left_on.png) no-repeat;
}

.map_btn_right_off {
	position:absolute;
	bottom:61px;
	right:275px;
	width:80px;
	height:31px;
	background:url(icons/map_right_off.png) no-repeat;
}

.map_btn_right_on {
	position:absolute;
	bottom:61px;
	right:275px;
	width:80px;
	height:31px;
	background:url(icons/map_right_on.png) no-repeat;
}

.map_btn_high_off {
	position:absolute;
	bottom:61px;
	right:185px;
	width:80px;
	height:31px;
	background:url(icons/view_high_off.png) no-repeat;
}

.map_btn_high_on {
	position:absolute;
	bottom:61px;
	right:185px;
	width:80px;
	height:31px;
	background:url(icons/view_high_on.png) no-repeat;
}

.map_btn_low_off {
	position:absolute;
	bottom:61px;
	right:95px;
	width:80px;
	height:31px;
	background:url(icons/view_low_off.png) no-repeat;
}

.map_btn_low_on {
	position:absolute;
	bottom:61px;
	right:95px;
	width:80px;
	height:31px;
	background:url(icons/view_low_on.png) no-repeat;
}

.alarm_tab_pingfen {
	position:absolute;
	top:620px;
	left:50px;
	width:420px;
	height:220px;
	background:url(mange-item-new-new.png) no-repeat;
}

.alarm_tab_pingfenChart {
	position:absolute;
	top:20px;
	left:0px;
	width:170px;
	height:160px;
}

.alarm_tab_pingfenTitle {
	position:absolute;
	top:24px;
	left:216px;
	font-Size:18px;
	font-weight:bold;
	color:#7AFFFF;
}

.alarm_tab_pingfenContent {
	position:absolute;
	width:230px;
	height:80px;
	top:60px;
	left:160px;
	font-Size:14px;
	color:#7AFFFF;
}

.operating_mode{
	width: 321px;
    height: 80px;
    position: fixed;
    bottom:100px;
    left:50px;
    border: 1px solid #25bfff;
    box-shadow: inset 0px 0px 10px #25bfff;
    background-color: rgba(23,21,57,0.2);
    background: rgba(13, 22, 41, .9);
    border-radius:10px;
    font-size: 16px;
}

.operating_mode_ul{
    list-style-type: disc;
    display: flex;
    margin-block-start: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    flex-direction: row;
    justify-content: center;
}

.operating_mode_li{
	width: 105px;
    height: 40px;
    display: inline-block;
    text-align: center;
    padding: 0;
    margin: 0px;
    font-family: "微软雅黑";
}

.operating_mode_p1{
	position: fixed;
	bottom:140px;
    left:90px;
	color: #25bfff;
}

.operating_mode_p2{
	color: #fff;
	position: fixed;
	bottom:120px;
    left:72px;
}

.operating_mode_li1{
	width: 105px;
    height: 40px;
    display: inline-block;
    text-align: center;
    margin-top: 20px;
    padding: 0;
    margin: 0px;
    font-family: "微软雅黑";
    border-left: 1px solid #25bfff;
}

.operating_mode_p3{
	position: fixed;
	bottom:140px;
    left:200px;
	color: #25bfff;
}

.operating_mode_p4{
	color: #fff;
	position: fixed;
	bottom:120px;
    left:182px;
}

.operating_mode_li2{
	width: 105px;
    height: 40px;
    display: inline-block;
    text-align: center;
    margin-top: 20px;
    padding: 0;
    margin: 0px;
    font-family: "微软雅黑";
    border-left: 1px solid #25bfff;
}

.operating_mode_p5{
	color: #25bfff;
	position: fixed;
	bottom:140px;
    left:300px;
}

.operating_mode_p6{
	color: #fff;
	position: fixed;
	bottom:120px;
    left:272px;
}

.bar_chart{
	posttion:absolute;
	float:left;
    height:300px!important;
    width:200px!important;
    bottom:120px;
    left:600px;
}

.bar_chart_canvas{
    height:300px;
    width:200px;
}

.hiden {
	display:none;
}

.shown {
	display:block;
}

.proform2_bg_tl{
	position:absolute;
	width:928px;
	height:752px;
	top:0px;
	left:0px;
	background:url(icons/proform2_tl.png) no-repeat;
}
.proform_bg_tl{
	position:absolute;
	width:928px;
	height:752px;
	top:0px;
	left:0px;
	background:url(icons/proform_tl.png) no-repeat;
}
.proform_bg_tm{
	position:absolute;
	top:0px;
	left:928px;
	height:752px;
	background:url(icons/proform_tm.png) repeat-x;
}
.proform_bg_tr {
	position:absolute;
	top:0px;
	right:0px;
	width:442px;
	height:752px;
	background:url(icons/proform_tr.png) no-repeat;
}
.proform_bg_ml {
	position:absolute;
	top:752px;
	left:0px;
	width:928px;
	background:url(icons/proform_ml.png) repeat-y;
}
.proform_bg_mm {
	position:absolute;
	top:752px;
	left:928px;
	background:url(icons/proform_mm.png) repeat;
}
.proform_bg_mr {
	position:absolute;
	top:752px;
	right:0px;
	width:442px;
	background:url(icons/proform_mr.png) repeat-y;
}
.proform_bg_bl {
	position:absolute;
	bottom:0px;
	left:0px;
	width:928px;
	height:170px;
	background:url(icons/proform_bl.png) no-repeat;
}
.proform_bg_bm {
	position:absolute;
	bottom:0px;
	left:928px;
	height:170px;
	background:url(icons/proform_bm.png) repeat-x;
}
.proform_bg_br {
	position:absolute;
	bottom:0px;
	right:0px;
	width:442px;
	height:170px;
	background:url(icons/proform_br.png) no-repeat;
}

.proform_menu_1 {
	width:234px;
	height:82px;
	background:url(icons/proform_m3.png) no-repeat;
	cursor:pointer;
	position:absolute;
	top:167px;
	left:96px;
}

.proform_menu_1_on {
	width:234px;
	height:82px;
	background:url(icons/proform_m3_on.png) no-repeat;
	cursor:pointer;
	position:absolute;
	top:167px;
	left:96px;
}

.proform_menu_2 {
	width:234px;
	height:82px;
	background:url(icons/proform_m1.png) no-repeat;
	cursor:pointer;
	position:absolute;
	top:239px;
	left:96px;
}

.proform_menu_2_on {
	width:234px;
	height:82px;
	background:url(icons/proform_m1_on.png) no-repeat;
	cursor:pointer;
	position:absolute;
	top:239px;
	left:96px;
}

.proform_menu_3 {
	width:234px;
	height:82px;
	background:url(icons/proform_m5.png) no-repeat;
	cursor:pointer;
	position:absolute;
	top:326px;
	left:110px;
}

.proform_menu_3_on {
	width:234px;
	height:82px;
	background:url(icons/proform_m5_on.png) no-repeat;
	cursor:pointer;
	position:absolute;
	top:326px;
	left:110px;
}

.proform_menu_4 {
	width:234px;
	height:82px;
	background:url(icons/proform_m6.png) no-repeat;
	cursor:pointer;
	position:absolute;
	top:383px;
	left:96px;
}

.proform_menu_4_on {
	width:234px;
	height:82px;
	background:url(icons/proform_m6_on.png) no-repeat;
	cursor:pointer;
	position:absolute;
	top:383px;
	left:96px;
}

.proform_menu_5 {
	width:234px;
	height:82px;
	background:url(icons/proform_m2.png) no-repeat;
	cursor:pointer;
	position:absolute;
	top:472px;
	left:110px;
}

.proform_menu_5_on {
	width:234px;
	height:82px;
	background:url(icons/proform_m2_on.png) no-repeat;
	cursor:pointer;
	position:absolute;
	top:472px;
	left:110px;
}

.proform_menu_6 {
	width:234px;
	height:82px;
	background:url(icons/proform_m4.png) no-repeat;
	cursor:pointer;
	position:absolute;
	top:527px;
	left:96px;
}

.proform_menu_6_on {
	width:234px;
	height:82px;
	background:url(icons/proform_m4_on.png) no-repeat;
	cursor:pointer;
	position:absolute;
	top:527px;
	left:96px;
}

.proform_menu_7 {
	width:234px;
	height:82px;
	background:url(icons/proform_m7.png) no-repeat;
	cursor:pointer;
	position:absolute;
	top:599px;
	left:96px;
}

.proform_menu_7_on {
	width:234px;
	height:82px;
	background:url(icons/proform_m7_on.png) no-repeat;
	cursor:pointer;
	position:absolute;
	top:599px;
	left:96px;
}

.proform2_menu_1 {
	width:234px;
	height:82px;
	background:url(icons/proform2_m3.png) no-repeat;
	cursor:pointer;
	position:absolute;
	top:167px;
	left:96px;
}

.proform2_menu_1_on {
	width:234px;
	height:82px;
	background:url(icons/proform2_m3_on.png) no-repeat;
	cursor:pointer;
	position:absolute;
	top:167px;
	left:96px;
}

.proform2_menu_2 {
	width:234px;
	height:82px;
	background:url(icons/proform2_m1.png) no-repeat;
	cursor:pointer;
	position:absolute;
	top:239px;
	left:96px;
}

.proform2_menu_2_on {
	width:234px;
	height:82px;
	background:url(icons/proform2_m1_on.png) no-repeat;
	cursor:pointer;
	position:absolute;
	top:239px;
	left:96px;
}

.proform2_menu_3 {
	width:234px;
	height:82px;
	background:url(icons/proform_m5.png) no-repeat;
	cursor:pointer;
	position:absolute;
	top:311px;
	left:96px;
}

.proform2_menu_3_on {
	width:234px;
	height:82px;
	background:url(icons/proform_m5_on.png) no-repeat;
	cursor:pointer;
	position:absolute;
	top:311px;
	left:96px;
}

.proform2_menu_4 {
	width:234px;
	height:82px;
	background:url(icons/proform2_m6.png) no-repeat;
	cursor:pointer;
	position:absolute;
	top:383px;
	left:96px;
}

.proform2_menu_4_on {
	width:234px;
	height:82px;
	background:url(icons/proform2_m6_on.png) no-repeat;
	cursor:pointer;
	position:absolute;
	top:383px;
	left:96px;
}

.proform2_menu_5 {
	width:234px;
	height:82px;
	background:url(icons/proform2_m2.png) no-repeat;
	cursor:pointer;
	position:absolute;
	top:455px;
	left:96px;
}

.proform2_menu_5_on {
	width:234px;
	height:82px;
	background:url(icons/proform2_m2_on.png) no-repeat;
	cursor:pointer;
	position:absolute;
	top:455px;
	left:96px;
}

.proform2_menu_6 {
	width:234px;
	height:82px;
	background:url(icons/proform2_m4.png) no-repeat;
	cursor:pointer;
	position:absolute;
	top:527px;
	left:96px;
}

.proform2_menu_6_on {
	width:234px;
	height:82px;
	background:url(icons/proform2_m4_on.png) no-repeat;
	cursor:pointer;
	position:absolute;
	top:527px;
	left:96px;
}

.proform2_menu_7 {
	width:234px;
	height:82px;
	background:url(icons/proform2_m7.png) no-repeat;
	cursor:pointer;
	position:absolute;
	top:599px;
	left:96px;
}

.proform2_menu_7_on {
	width:234px;
	height:82px;
	background:url(icons/proform2_m7_on.png) no-repeat;
	cursor:pointer;
	position:absolute;
	top:599px;
	left:96px;