GZ/nwyj/.svn/pristine/b0/b0f3bae1a8925b04a9dab25a4c74ee51c7f1c5eb.svn-base

@CHARSET "UTF-8";
html,body{height: 460px;width: 100%; margin:0; padding:0; }

.float_right{ float:right; }
.float_left{ float:left; }
.hidden_yes{ display: none;}

.lwh{ width:0; height:0; }
	
.c_main_content{width: 100%;height: 460px;display: inline-block;overflow: hidden;} 
#bd_map{ width:100%; height:460px; }  

/* 查看预警与响应按钮 */
.ewer_btn{ width:45px; height:45px; position: absolute; top: 19px; left:75px; cursor:pointer;}
.ewer_off{ background:url("/nwyj/images/cockpit/mapbtn/ewer.png")no-repeat -1px -1px; }
.ewer_on{ background:url("/nwyj/images/cockpit/mapbtn/eweractive.png")no-repeat -1px -1px; }
/*  查看图表的外面圆按钮  */
.char_btn{ width:52px; height:52px; position:absolute; top:20px; left:20px; cursor:pointer; }
.char_btn:hover .char_btn_box { 
	
	box-shadow: 3px 3px 3px rgba(0, 0, 0, .5);
	behavior: url(/nwyj/scripts/freamwork/com/sinosoft/system/right/PIE.htc);}
.char_btn:active .char_btn_box .corner{ background-color: #aaa; border-color: #aaa; }

.char_btn_box{
	width:32px; height:32px; position:absolute; top:10px; right:10px; z-index:20;
    background-color:#a7a9a9; 
    background: rgba(54, 54, 54, .5);
    box-shadow:3px 3px 3px rgba(0, 0, 0, .5);
    behavior: url(/nwyj/scripts/freamwork/com/sinosoft/system/right/PIE.htc);}
.corner{ position:absolute; width:4px; height:4px; background-color:#91DE87; border: 1px solid #91DE87;
    left: 9px; top: 9px}
.corner_tl{ border-top-left-radius:2px; border-top-right-radius:2px; border-bottom-left-radius:2px;
	behavior: url(/nwyj/scripts/freamwork/com/sinosoft/system/right/PIE.htc);}
.corner_tr{ left: 17px; background-color: #F6CB4C; border-color: #F6CB4C; border-top-left-radius: 2px;
    border-top-right-radius: 2px; border-bottom-right-radius: 2px;
    behavior: url(/nwyj/scripts/freamwork/com/sinosoft/system/right/PIE.htc); }
.corner_bl{ 
	top: 17px; background: none !important; border-color: #61BDED; border-top-left-radius: 2px;
    border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; 
    behavior: url(/nwyj/scripts/freamwork/com/sinosoft/system/right/PIE.htc);}
.corner_br{
	left: 17px; top: 17px; background-color: #E69D9E; border-color: #E69D9E; border-top-right-radius: 2px;
    border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; behavior: url(/nwyj/scripts/freamwork/com/sinosoft/system/right/PIE.htc);}
.char_btn_box:hover .char_btn_box_click, .char_btn_box_click { 
    border: 2px solid #fff; border-width: 2px 2px 0; width: 32px; 
    height: 30px; left: 7px; bottom: 7px;
    background-color:#a7a9a9; 
    background: rgba(54, 54, 54, .5);
    box-shadow:3px -1px 5px rgba(0, 0, 0, .5);
    behavior: url(/nwyj/scripts/freamwork/com/sinosoft/system/right/PIE.htc);
}


/*  查看图表展开后  */
.show_char_count_box{
	/* background: rgba(0, 0, 0, .5); */
	z-index: 99; position: absolute; top:62px;
    left:27px; border:2px solid #fff; border-top: none; 
    background-color:#a7a9a9; 
    background: rgba(54, 54, 54, .5);
    box-shadow:3px 3px 3px rgba(0, 0, 0, .5);
    behavior: url(/nwyj/scripts/freamwork/com/sinosoft/system/right/PIE.htc);}
.char_box_top_border{ width:0px; height:0px; float:right; display:inline-block; 
					  behavior: url(/nwyj/scripts/freamwork/com/sinosoft/system/right/PIE.htc);}
.char_box_count_customade{ width:0px; height:0px; float:right; display:inline-block; border:none; border-top: 2px solid #fff;
						   behavior: url(/nwyj/scripts/freamwork/com/sinosoft/system/right/PIE.htc);}
.show_char_count_title_tool_btn_box{ position:absolute; left:10px; bottom:10px; width:100px; }

.customade_btn{ width:150px; padding:5px; }



/*  图表快速查看  */
#customade_btn .details{
	FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#fffefe,endColorStr=#eaeff1);
	filter:alpha(opacity=30);
    background: #f1f1f1; 
    background: rgba(255, 255, 255, 0.7);
    border-top: 1px solid #fff; width:100px; height:25px; border-bottom: 1px solid rgba(0, 0, 0, 0.25); padding: 0;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    -webkit-box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.35);
    box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.35);
    line-height:25px; padding-left:10px;
    behavior: url(/nwyj/scripts/freamwork/com/sinosoft/system/right/PIE.htc);
}

#customade_btn .details:hover{
     background: rgba(0, 144, 226, 0.5);
	 behavior: url(/nwyj/scripts/freamwork/com/sinosoft/system/right/PIE.htc);
}
.quick_btn_span{ 
	font-size: 12px; overflow: hidden; display: inline-block; font-family:"微软雅黑";
	text-overflow: ellipsis; white-space:nowrap;
	behavior: url(/nwyj/scripts/freamwork/com/sinosoft/system/right/PIE.htc);}
.cbcc_btn{ margin:10px; cursor:pointer; }

.map_leng{ width:30px; height:15px; display: inline-block; margin: 0 0 5px;
	border-radius:5px; 
	behavior: url(/nwyj/scripts/freamwork/com/sinosoft/system/right/PIE.htc);}

.leng_engine{ background-color: #cccc33; }
.leng_car{ background-color: #cc6699; }
.leng_person{ background-color: #cc6600; }

.text_engine{ color: #cccc33; }
.text_car{ color: #cc6699; }
.text_person{ color: #cc6600; }

.leng_gray{ background-color: #a7a9a9; }
.text_gray{ color: #a7a9a9; }


/* 图表区 */
#map_chart{ width:0; height:0; position:absolute; right:90px; top:10px;
    box-shadow:  5px 5px 5px #c9ced0, 5px 5px 5px #c9ced0; display:none; 
    background-color: rgba(255, 255, 255, 0.4);
    behavior: url(/nwyj/scripts/freamwork/com/sinosoft/system/right/PIE.htc);}
.map_chart_coun{ margin: 30px 0 0 0; }    

/* 关闭按钮 */
.close { position: relative; display: inline-block; width: 15px; height: 15px; overflow: hidden; float:right; margin:7px; cursor:pointer; }
.close:hover::before, .close:hover::after { background:rgba(255,0,0,1); }
.close::before, .close::after { border-radius: 100%; content: ''; position: absolute; height: 2px; width: 100%; top: 50%; left: 0; margin-top: -1px; background:rgba(255,0,0,.3); }
.close::before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg);  -o-transform: rotate(45deg); transform: rotate(45deg); }
.close::after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }

.menu_btn_box{ width:45px; position: absolute; top: 20px; left: 24px; }
.offon_menu_btn, .er_menu_btn{ width:45px; height:45px; cursor:pointer; position:absolute; top:0; }
.offon_menu_btn:hover, .er_menu_btn:hover{ opacity:.9; }
.offon_menu_btn_on{ background: url(/nwyj/images/cockpit/mapbtn/scatter.png) no-repeat -15px -5px; }
.offon_menu_btn_on:hover{ background: url(/nwyj/images/cockpit/mapbtn/scatter.png) no-repeat -15px -5px; }
.offon_menu_btn_off{ background: url(/nwyj/images/cockpit/mapbtn/scatter.png) no-repeat -15px -65px; }
.offon_menu_btn_off:hover{ background: url(/nwyj/images/cockpit/mapbtn/scatter.png) no-repeat -15px -65px; }

.offon_menu_btn{ z-index:13; }
.er_menu_btn_team{ z-index:12; }
.er_menu_btn_gen{ z-index:11; }
.er_menu_btn_car{ z-index:10; }

.er_menu_btn_team_on{background: url(/nwyj/images/cockpit/mapbtn/scatter.png) no-repeat -77px -5px; }
.er_menu_btn_gen_on{background: url(/nwyj/images/cockpit/mapbtn/scatter.png) no-repeat -138px -5px; }
.er_menu_btn_car_on{background: url(/nwyj/images/cockpit/mapbtn/scatter.png) no-repeat -200px -5px; }

.er_menu_btn_team_off{background: url(/nwyj/images/cockpit/mapbtn/scatter.png) no-repeat -77px -64px; }
.er_menu_btn_gen_off{background: url(/nwyj/images/cockpit/mapbtn/scatter.png) no-repeat -138px -64px; }
.er_menu_btn_car_off{background: url(/nwyj/images/cockpit/mapbtn/scatter.png) no-repeat -200px -64px; }

.chart_btn{ width:50px; height:50px; cursor:pointer; position:absolute; top:228px; right:26px; }

.chart_btn_on{ background: url(/nwyj/images/cockpit/mapbtn/scatter.png) no-repeat -15px -130px; }
.chart_btn_off{ background: url(/nwyj/images/cockpit/mapbtn/scatter.png) no-repeat -72px -130px; }

.chart_box{ width:450px; height:450px; position:absolute; top:26px; right:86px; background-color:#ffffff; display:none; }