GZ/nwyj/WebContent/css/icing/icing.css

@charset "UTF-8";
html,body{ width: 100%;height: 100%; overflow:hidden; margin:0;font-family:"微软雅黑"; color: #fffefe;}
.title_bar{ width:100%; height:10%; background-color: #0197cc; position:relative; }
.title_msg{ width:100%; height:5%;}
.water_map{ width:100%; height:85%;}
.icing_zMap{ width:100%; height:100%; display:inline-block; }
.icing_tool{ width:0; height:100%; display:inline-block; background-color: #00adee}

.lineheard{ FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#f1f1f1); 
            background: -ms-linear-gradient(top, #fff,  #f1f1f1); background:-moz-linear-gradient(top,#fff,#f1f1f1);
            background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#fff), to(#f1f1f1));
            background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f1f1f1)); 
            background: -webkit-linear-gradient(top, #fff, #f1f1f1);
            background: -o-linear-gradient(top, #fff, #f1f1f1);}

.resource_btn{ border:none; color:#3a617e; background:none; width:100px; height:100%;}  
.resource_btn:hover{FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#0197cc); 
		            background: -ms-linear-gradient(top, #fff,  #0197cc); background:-moz-linear-gradient(top,#fff,#0197cc);
		            background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#fff), to(#0197cc));
		            background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#0197cc)); 
		            background: -webkit-linear-gradient(top, #fff, #0197cc);
		            background: -o-linear-gradient(top, #fff, #0197cc);}  
        
#Message_undefined{ color:#000000; }

.dock_center{ width:630px; }


/*受灾情况*/
.float_right{ float:right; }
.float_left{ float:left; }
.hidden_yes{ display: none;}

.lwh{ width:0; height:0; }

/* 滚动条 */
::-webkit-scrollbar { width: 12px;}
::-moz-scr
::-webkit-scrollbar-track { -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3); border-radius:10px;}
::-webkit-scrollbar-thumb { border-radius:10px; background: rgba(0,0,0,0.1); -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.5);}
::-webkit-scrollbar-thumb:window-inactive { background: rgba(255,0,0,0.4);}


/*  主菜单  */
.title_bar_sub_left{width:35%;height:100%; position:relative; display: inline-block;}
.title_text{font-weight: bold; font-size: 20px;
    width: 100%;height: 55%; overflow: hidden;margin: auto 10%;position:absolute;
    top: 0; left: 0; bottom: 0; right: 0;  }
.module_text{font-weight: bold; font-size: 17px; }
.title_bar_right{ display:inline-block; height:100%; width: 65%; }
.nav_tool_bar_box{ width:100%;height:100%; position:relative;}
.nav_bar_tool{ width: 85%; height: 55%;overflow: hidden; margin: auto 10%; position:absolute; top: 0; left: 0; bottom: 0; right: 0; }
.nav_bar_tool li{ list-style: none; float:right; text-align: center; width:90px; margin: 5px 0; }
.nav_bar_tool li a{ padding: 0 3px; text-align: center;  text-decoration: none; color: #fffefe;position: relative; z-index:55; cursor: pointer; }
.floatr_active { position:absolute; top: 25%; z-index:1; height: 30px; border-radius : 8px; -moz-border-radius : 8px;
    -webkit-border-radius : 8px; background : rgba(0,0,0,.2); -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out; cursor: pointer;}
    
.depart_icon{ margin:17px 0px 17px 20px; cursor:pointer;}    

/* 浮动面板 */
.fixed_module_btn{ position: fixed; cursor:pointer; width:400px; height:385px; background-color:#0a2f6f; }
.resource_fix_btn{ left:20px; top:100px; z-index:90; }
.legend_fix_btn{ bottom:100px; left:20px; z-index: 100; /*background: url(http://localhost:63342/gz_icing_map_demo/images/legend.png) #00aec7 no-repeat 0; */}
.message_fix_btn{ top:100px; right:20px; z-index: 110; }
.brush_fix_btn{ top:500px; right:20px; z-index: 120; }
.desc_fix_btn{ color:#fff; font-size:14px; background-color:#404040; width:355px; height:40px; line-height:40px; display:inline-block; }
.desc_fix_btn:hover{ background-color:#1f484e; color:#fbde02; }
.plan_shrink{ width:45px; float: right; height: 40px; line-height: 40px; text-align:center; background:#404040; display: inline-block;}
.plan_shrink:hover{ background-color:#461717; color:#2667ab; }
.module_content_box{ position:fixed; width:400px;}
.tool_btn{ width:100px!important; height:40px; background:#fff; color:#e5523b; line-height:40px; display: inline-block;
    float: left; margin: 14px 15px 0 15px; }
.tool_btn img{ width:30px; height:30px; float:left; }

/* 新面板 */
.draw_tool_bar{ width:70px; height:100%; position:fixed; top:15%; right:0; background:url("/nwyj/images/icing/white_wall.png"); text-align:center}
.tool_option{width:100%; height:25px;margin:10px 0; cursor:pointer;}
.option_text{color:#086469!important; text-shadow: .5px .5px 0 #d0d0d0, 0px .5px 0 #d0d0d0, -.5px -.5px 0 #d0d0d0, -.5px -.5px 0 #d0d0d0, -.5px .5px 0 #d0d0d0, .5px -.5px 0 #d0d0d0!important; }
.draw_tool_bar span{ color:#d0d0d0; text-shadow: .5px .5px 0 #6b6969, 0px .5px 0 #6b6969, -.5px -.5px 0 #6b6969, -.5px -.5px 0 #6b6969, -.5px .5px 0 #6b6969, .5px -.5px 0 #6b6969; }

.icing_marker img{width:30px;}
.icing_marker{ margin: 5px auto; width:50px; height: 30px;  text-align:center; border-radius:0;}
.icing_button{ cursor:pointer; border:none; border-radius:5px; }

.icing_box_shadow{ box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 1px inset, rgba(0, 0, 0, 0.05) -2px 1px 3px inset, rgba(0, 0, 0, 0.05) -3px 2px 6px inset, rgba(0, 0, 0, 0.05) -5px 3px 10px inset, rgba(0, 0, 0, 0.05) -6px 4px 15px inset, rgba(0, 0, 0, 0.05) -8px 5px 21px inset; }
.icing_box_shadow:hover{ box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 1px inset, rgba(0, 0, 0, 0.05) -4px 0px 3px inset, rgba(0, 0, 0, 0.05) -12px 2px 6px inset, rgba(0, 0, 0, 0.05) -23px 4px 10px inset, rgba(0, 0, 0, 0.05) -39px 7px 15px inset, rgba(0, 0, 0, 0.05) -60px 12px 21px inset; }

.circle { border-radius: 30px; }
.cb { background: rgba(0,0,255,.5); }
.rb { background: rgba(255,0,0,.5); }
.block { cursor:pointer; margin:5px auto; display: inline-block; width: 30px; height: 30px; }
.real_shadow{box-shadow: rgba(0, 0, 100, 0.05) 0px 0px 1px, rgba(0, 0, 100, 0.05) -4px 0px 3px, rgba(0, 0, 100, 0.05) -6px -1px 3px, rgba(0, 0, 100, 0.05) -12px -2px 5px, rgba(0, 0, 100, 0.05) -20px -4px 15px, rgba(0, 0, 100, 0.05) -1px -6px 11px;}
.real_shadow:hover{box-shadow: rgba(0, 0, 100, 0.05) 0px 0px 1px, rgba(0, 0, 100, 0.05) -4px 0px 3px, rgba(0, 0, 100, 0.05) -6px -1px 3px, rgba(0, 0, 100, 0.05) -12px -2px 5px, rgba(0, 0, 100, 0.05) 20px -4px 15px, rgba(0, 0, 100, 0.05) -1px -6px 11px;}
        

/*  线条下拉框 老面板 */
/* .nice-select { width: 100px; padding: 0 10px; height: 38px; border: 1px solid #999; position: relative; box-shadow: 0 0 5px #999;
    background: #fff url(/nwyj/images/icing/a2.jpg) no-repeat right center;
    cursor:pointer; display:inline-block; float:right; margin:15px 45px 0 5px;
} */
.nice-select { width: 50px; margin:0 15px; height: 38px; background: url(/nwyj/images/icing/a1.png) no-repeat 31px 11px; cursor: pointer; }
.nice-select input {
    display: block; width: 100%; height:30px; line-height: 38px \9;
    border: 0; outline: 0; cursor:pointer; color:#e5523b;
}
/* 老面板 */
/* .nice-select ul { width: 100%; display: none; position: absolute;
    left: -2px; top:41px; overflow: hidden; background-color: #fff;
    max-height: 150px; overflow-y: auto; padding:0; -webkit-padding-start: 0px;
    border: 1px solid #999; border-top: 0; box-shadow: 0 3px 5px #999; z-index:9999;
} */
.nice-select ul { width: 100%; display: none; position: absolute; left: -2px; overflow: hidden; background: url(/nwyj/images/icing/white_wall.png); max-height: 150px; overflow-y: auto; padding: 0; -webkit-padding-start: 0px; border-top: 0; box-shadow: 0 3px 5px #999; z-index: 9999; }
.nice-select ul li { height: 30px; line-height: 30px; overflow: hidden;
    padding: 0 10px; cursor: pointer; color:#e5523b; }
.nice-select ul li.on { background-color: #e0e0e0; }
.select_line_style{ width: 90%; height:0; border-radius:3px; }
.select_glint_line_style{ width: 90%; height:0; border-radius:3px; box-shadow:0 0 2px 1px #000; text-decoration: none; transition: all 700ms ease-in-out; }
.line_one{background: url(/nwyj/images/icing/line_one.png) no-repeat 0; }
.line_two{background: url(/nwyj/images/icing/line_two.png) no-repeat 0; }
.line_three{background:url(/nwyj/images/icing/line_three.png) no-repeat 0; }

.record_line_one{ margin:15px 0; border-bottom: 1px solid #000; }
.record_line_two{ margin:15px 0; border-bottom: 3px solid #000; }
.record_line_three{ margin:15px 0; border-bottom: 5px solid #000; }

.record_glint_line_one{ margin:15px 0; border-bottom: 1px solid #fff; }
.record_glint_line_two{ margin:12px 0; border-bottom: 3px solid #fff;}
.record_glint_line_three{ margin:5px 0; border-bottom: 5px solid #fff;}
.line_twinkle { transform: scale3d(1,1.5,1.5); }

/* 老面板 */
/* .line_input_a{background: url(/nwyj/images/icing/btn/line_a.png) no-repeat 0; }
.line_input_b{background: url(/nwyj/images/icing/btn/line_b.png) no-repeat 0; }
.line_input_c{background: url(/nwyj/images/icing/btn/line_c.png) no-repeat 0; }
.line_input_d{background: url(/nwyj/images/icing/btn/line_d.png) no-repeat 0; }
.line_input_e{background: url(/nwyj/images/icing/btn/line_e.png) no-repeat 0; }
.line_input_f{background: url(/nwyj/images/icing/btn/line_f.png) no-repeat 0; } */
.line_input_a{background: url(/nwyj/images/icing/btn/line_a.png) no-repeat -55px; }
.line_input_b{background: url(/nwyj/images/icing/btn/line_b.png) no-repeat -55px; }
.line_input_c{background: url(/nwyj/images/icing/btn/line_c.png) no-repeat -55px; }
.line_input_d{background: url(/nwyj/images/icing/btn/line_d.png) no-repeat -55px; }
.line_input_e{background: url(/nwyj/images/icing/btn/line_e.png) no-repeat -55px; }
.line_input_f{background: url(/nwyj/images/icing/btn/line_f.png) no-repeat -55px; }

.marker_be_box{ width:125px; display: inline-block; margin:0; float:left; }
/* 老面板 */
/* .marker_box{ width:350px; display: inline-block; margin: 15px 0 0 15px; } */
.marker_tool_btn{ width:170px; height:40px; background:#fff; color:#e5523b; line-height:40px; display: inline-block;
    float: left; text-align: right; }
.marker_tool_btn img{ width:30px; height:30px; float:left; }

.marker_tool_btn:hover{ background:#3c95c8; color:#fff; }

/*  消息框  */
.message_box, .legend_box{ margin:10px 0 0 0; padding:0; width:400px; overflow-y: auto; overflow-x: hidden; height: 300px; }
.dates, .legend_ul{ padding:0; margin:0 0 0 10px; width:390px;}
.dates li{ list-style: none; position: relative; border-bottom: dashed 1px #ddd; padding: 10px 5px 0 85px; }
.dates li:hover{  background-color: #4be0a8;  }
.dates .zdate {display: block; position: absolute; left: 0; top: 10px;/* background-color: #d52349;*/ height:30px;
    text-align: center; color: #fff; line-height: 15px; border-top-left-radius: 5px;
    border-bottom-left-radius: 5px; padding: 5px;
}
.dates .zdate:after { content: ''; position: absolute; bottom: 0; right: -20px; /*border-left: solid 20px #d52349;*/
    border-top: solid 20px transparent; border-bottom: solid 20px transparent;
}
.red{ background-color:red; }
.yel{ background-color:#dcdc22; }
.green{ background-color:green; }
.red:after{border-left: solid 20px red;}
.yel:after{border-left: solid 20px #dcdc22;}
.green:after{border-left: solid 20px green;}

.dates .zdate strong { display: block; font-size:12px; padding-top:5px; }
.dates p { margin:10px 0 0 0; font-size: 12px; width:100%; overflow: hidden; display: inline-block; text-overflow: ellipsis; white-space:nowrap; }
.dates li:first-child { border-top: 0; padding-top: 0; }
.dates li:first-child .zdate { top: 0; }

.mes_count:hover{ background: #f5bb3d; }
/*  消息编辑按钮  */
.option_message_btn_box{ display:inline-block; float:right; margin:2px 10px 0 0; }
.option_mb{ width:20px; height:20px; cursor: pointer; display: inline-block; }
.add_message{ background:url(/nwyj/images/icing/btn/message.png) no-repeat -160px 0; }
.hidden_message{ background:url(/nwyj/images/icing/btn/message.png) no-repeat -40px 0 ; }
.del_message{ background:url(/nwyj/images/icing/btn/message.png) no-repeat -120px 0; }
.open_close_message{ background:url(/nwyj/images/icing/btn/message.png) no-repeat -40px -40px; }
.no_child_message{ background:url(/nwyj/images/icing/btn/message.png) no-repeat -80px -80px; }
.history_message{ background:url(/nwyj/images/icing/btn/message.png) no-repeat  -120px -40px; }
.edit_message{ background:url(/nwyj/images/icing/btn/message.png) no-repeat  -160px -40px; }
.child_message_del{ width:20px; height:20px; display:inline-block; background:url(/nwyj/images/icing/btn/message.png) no-repeat -120px -80px!important; }

/*  追加消息框  */
.append_message{ width:100%; height:50px; background: red;}
.is_child_mes{ position: relative; left:-60px; width: 350px!important; }
.is_child_mes span{ margin:0 10px 0 0;/*  background: brown;  */line-height: 20px; }

/* 消息面板右键菜单 */
.icon_red{
	background-image: url(/nwyj/scripts/qui/libs/images/colorball/red1.png);
	_background-image: url(/nwyj/scripts/qui/libs/images/colorball/red1.png);
	background-repeat: no-repeat;
	background-position: 0 60%;
	_background-position: 0 40%;
	padding: 0 5px 0 18px;
	display: inline-block;
	white-space: nowrap;
	word-break: keep-all;
	word-wrap: normal;
}

.icon_yellow{
	background-image: url(/nwyj/scripts/qui/libs/images/colorball/yellow1.png);
	_background-image: url(/nwyj/scripts/qui/libs/images/colorball/yellow1.png);
	background-repeat: no-repeat;
	background-position: 0 60%;
	_background-position: 0 40%;
	padding: 0 5px 0 18px;
	display: inline-block;
	white-space: nowrap;
	word-break: keep-all;
	word-wrap: normal;
}

.icon_green{
	background-image: url(/nwyj/scripts/qui/libs/images/colorball/green1.png);
	_background-image: url(/nwyj/scripts/qui/libs/images/colorball/green1.png);
	background-repeat: no-repeat;
	background-position: 0 60%;
	_background-position: 0 40%;
	padding: 0 5px 0 18px;
	display: inline-block;
	white-space: nowrap;
	word-break: keep-all;
	word-wrap: normal;
}

/*  图例  */
.legend_ul li{ list-style: none; border-bottom: dashed 1px #ddd; padding:5px; }
.legend_ul li img{ width:30px; height:30px; }
.legend_ul li span{ position:absolute; left:70px;}

.setting_trigonum{ border-right: 15px solid #0a2f6f; border-top: 10px solid transparent;
    border-bottom: 10px solid transparent; background:#8e1c1c; width:30px; }
.setting_trigonum:hover{background: url(/nwyj/images/icing/btn/message.png) #8e1c1c no-repeat -155px -90px; }

.info_nolegend_div{ cursor:auto; }
.open_upload_a{ border:1px solid #f2f2f2; padding:0 5px; background:#008b8b; }
.open_upload_a:hover{ background:#8e1c1c; }
.open_upload_a:active{ background:#541b18; }

/* 小面板的更多按钮 */
.plan_mouse_btn{ position:absolute; bottom:5px; right:5px; width: 70px; height: 25px;
    background: #fff; color: #e5523b; line-height: 25px; z-index:111; }
.message_send_btn{ position:absolute; bottom:5px; right:75px; width: 70px; height: 25px;
    background: #fff; color: #e5523b; line-height: 25px; z-index:111; }
    
/* 输入消息对话框 */
.date{ width:325px; height:20px; float:right; }
.message_input{ width:380px; height:150px; background:#4eafab; position:absolute; bottom:0; right:0; padding:10px; }
.message_title_input{ width:325px; float:right; }
.text{ display:inline-block; float:right; resize: none; width:300px;height:30px;border:3px solid #ffffff; text-indent:10px;box-shadow:0 0 4px #A6C8FF;padding:10px; color:#333333; font-family: "宋体"; }


.add_message_box{ width:100%; height:115px; padding:10px; position: relative; left:-40px; }
.add_to_message_btn{ float:right; width: 70px; height: 25px; background: #fff; color: #e5523b; line-height: 25px; }
 

/* 组织机构展示 */
.unit_box{ width:400px; height:500px; overflow: hidden; margin: auto; position:absolute;
           top: 0; left: 0; bottom: 0; right: 0; z-index: 999; background-color: #eeeeee; }
.unit_title{width:100%; height:50px; background-color: #404040; color:#fff; font-size:16px; }
.unit_title span{ line-height: 50px; margin-left:20px; }

.close { position: relative; display: inline-block; width: 15px; height: 15px; overflow: hidden; float:right; margin:15px; 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,.5); }
.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); }

.unit_count{ color:#2196f3; width:400px; height:450px; overflow:hidden; }
/*.unit_count div{ width:100%; height:50px; line-height: 50px; padding-left:20px; cursor: pointer; }
.unit_count ul{ margin:0; padding:0; }
.unit_count li{ list-style: none; height:30px; line-height: 30px; padding:0 0 0 40px; margin:0; cursor: pointer; }
.unit_count li:hover, .unit_count div:hover{ background:#2196f3; color:#dbf9ff; }
*/

a.dock-item{ display:inline-block; position:relative; margin:-10px 45px; }
.dock-item img:hover{ width:150%; margin: -25px 0 0 0;}

.tree_dept_box{ width:100%; height:100%; display:inline-block; float:left; overflow:auto; }
.zmap_img_box{ width:549px; height:100%; display:inline-block; float:left; background:#ddd; }


/* 保存 */
.save_img{ width:700px; height:500px; overflow: auto; margin: auto; position:absolute;
    top: 0; left: 0; bottom: 0; right:0; z-index: 999; background-color: #eeeeee;
    border:3px solid #ffffff; box-shadow:0 0 6px #8b0000;/*#A6C8FF*/;}
.save_img_tool{ width:50px; height:100px; margin:auto; position:fixed; top:0; bottom:0; z-index:999;}
.save_img_tool img{ width:25px; margin:10px; cursor: pointer; }
.save_img_tool img:hover,.option_mb:hover{ border:1px solid #ffffff; box-shadow:0 0 3px #A6C8FF; }