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

html, body{ margin:0; padding:0; width:100%; height:100%; }
.marker_box{ display: inline-block; width: 450px; height: 350px; overflow-y:auto; overflow-x:hidden; background: #f0f0f0; }
.left_marker_box{ float: left; }
.right_marker_box{ float: right; }
.marker_upload_btn_box{ clear: both; border-top: 1px solid #afaeae; width: 100%; height: 49px;}
.upload_btn{ border: none; color: #3a617e; background: none; width: 120px!important; height: 49px; float: right; }
.upload_btn:hover{ color:#f2f2f2; 
	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);
}

.marker_item_left, .marker_item_right { width: 430px; height: 60px; padding: 5px; border-radius: 2px;
    background-color: #e0e0e0; font-size: 14px; position: relative;
    box-shadow: 0px 10px 10px -5px rgba(0,0,0,0.5); border-bottom:1px dashed #afaeae;
}    
.marker_item_left_hover, .marker_item_right_hover{ background-color:#b5b5b5; }
.marker_item_left_click, .marker_item_right_click{ background-color:#0a2f6f; }

.marker_img{ margin:15px; display:inline-block; float:left; }
.marker_desc{line-height: 25px !important; font-size:12px; font-family:"微软雅黑";/* #CC320F */
    padding: 0 10px; margin: 15px 0; width: 200px; background-color: #f0f0f0;
    color: #333; display:inline-block; float:left;
}
ul{ margin:0; padding:0; }
li{ list-style-type:none;}
.none_border{ border:none; }
.float_left{ float:left; }
.float_right{ float:right; }


/* 编辑按钮  */
.marker_edit_btn_box{ width:110px; height:35px; display: inline-block; margin: 10px;}

.marker_btn{ width:35px; height:35px; border:none; display:inline-block; cursor:pointer; }
.edit_btn{ background: url(/nwyj/images/icing/btn/white_circle_31.png) #e0e0e0 no-repeat -28px -28px; }
.edit_btn:hover{ background: url(/nwyj/images/icing/btn/white_circle_31.png) #e0e0e0 no-repeat -28px -148px; }
.edit_btn:active{ background: url(/nwyj/images/icing/btn/white_circle_31.png) #e0e0e0 no-repeat -28px -88px; }

.edit_btn_hover{ background: url(/nwyj/images/icing/btn/white_circle_31.png) #b5b5b5 no-repeat -28px -28px; }
.edit_btn_hover:hover{ background: url(/nwyj/images/icing/btn/white_circle_31.png) #b5b5b5 no-repeat -28px -148px; }
.edit_btn_hover:active{ background: url(/nwyj/images/icing/btn/white_circle_31.png) #b5b5b5 no-repeat -28px -88px; }

.edit_btn_click{ background: url(/nwyj/images/icing/btn/white_circle_31.png) #0a2f6f no-repeat -28px -28px; }
.edit_btn_click:hover{ background: url(/nwyj/images/icing/btn/white_circle_31.png) #0a2f6f no-repeat -28px -148px; }
.edit_btn_click:active{ background: url(/nwyj/images/icing/btn/white_circle_31.png) #0a2f6f no-repeat -28px -88px; }


.del_btn{ background: url(/nwyj/images/icing/btn/white_circle_31.png) #e0e0e0 no-repeat -88px -28px; }
.del_btn:hover{ background: url(/nwyj/images/icing/btn/white_circle_31.png) #e0e0e0 no-repeat -88px -148px; }
.del_btn:active{ background: url(/nwyj/images/icing/btn/white_circle_31.png) #e0e0e0 no-repeat -88px -88px; }

.del_btn_hover{ background: url(/nwyj/images/icing/btn/white_circle_31.png) #b5b5b5 no-repeat -88px -28px; }
.del_btn_hover:hover{ background: url(/nwyj/images/icing/btn/white_circle_31.png) #b5b5b5 no-repeat -88px -148px; }
.del_btn_hover:active{ background: url(/nwyj/images/icing/btn/white_circle_31.png) #b5b5b5 no-repeat -88px -88px; }

.del_btn_click{ background: url(/nwyj/images/icing/btn/white_circle_31.png) #0a2f6f no-repeat -88px -28px; }
.del_btn_click:hover{ background: url(/nwyj/images/icing/btn/white_circle_31.png) #0a2f6f no-repeat -88px -148px; }
.del_btn_click:active{ background: url(/nwyj/images/icing/btn/white_circle_31.png) #0a2f6f no-repeat -88px -88px; }

.sort_btn{ background: url(/nwyj/images/icing/btn/white_circle_31.png) #e0e0e0 no-repeat -208px -28px; }
.sort_btn:hover{ background: url(/nwyj/images/icing/btn/white_circle_31.png) #e0e0e0 no-repeat -208px -148px; }
.sort_btn:active{ background: url(/nwyj/images/icing/btn/white_circle_31.png) #e0e0e0 no-repeat -208px -88px; }

.sort_btn_hover{ background: url(/nwyj/images/icing/btn/white_circle_31.png) #b5b5b5 no-repeat -208px -28px; }
.sort_btn_hover:hover{ background: url(/nwyj/images/icing/btn/white_circle_31.png) #b5b5b5 no-repeat -208px -148px; }
.sort_btn_hover:active{ background: url(/nwyj/images/icing/btn/white_circle_31.png) #b5b5b5 no-repeat -208px -88px; }

.sort_btn_click{ background: url(/nwyj/images/icing/btn/white_circle_31.png) #0a2f6f no-repeat -208px -28px; }
.sort_btn_click:hover{ background: url(/nwyj/images/icing/btn/white_circle_31.png) #0a2f6f no-repeat -208px -148px; }
.sort_btn_click:active{ background: url(/nwyj/images/icing/btn/white_circle_31.png) #0a2f6f no-repeat -208px -88px; }

.save_btn{ background: url(/nwyj/images/icing/btn/white_circle_31.png) #e0e0e0 no-repeat -148px -28px; }
.save_btn:hover{ background: url(/nwyj/images/icing/btn/white_circle_31.png) #e0e0e0 no-repeat -148px -148px; }
.save_btn:active{ background: url(/nwyj/images/icing/btn/white_circle_31.png) #e0e0e0 no-repeat -148px -88px; }

.save_btn_hover{ background: url(/nwyj/images/icing/btn/white_circle_31.png) #b5b5b5 no-repeat -148px -28px; }
.save_btn_hover:hover{ background: url(/nwyj/images/icing/btn/white_circle_31.png) #b5b5b5 no-repeat -148px -148px; }
.save_btn_hover:active{ background: url(/nwyj/images/icing/btn/white_circle_31.png) #b5b5b5 no-repeat -148px -88px; }

.save_btn_click{ background: url(/nwyj/images/icing/btn/white_circle_31.png) #0a2f6f no-repeat -148px -28px; }
.save_btn_click:hover{ background: url(/nwyj/images/icing/btn/white_circle_31.png) #0a2f6f no-repeat -148px -148px; }
.save_btn_click:active{ background: url(/nwyj/images/icing/btn/white_circle_31.png) #0a2f6f no-repeat -148px -88px; }


/* 滚动条 */
::-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);}

/* 中间双向传递按钮  */
.double_transmit_box{ width:50px; height:350px; float:left; }
.double_transmit_btn{ margin-left:20px; margin-bottom:20px; border: none; background: none; width: 30px; height:30px; display: block; padding: 0;}
.double_transmit_btn img{ width:30px; }
.dtb_left:hover{background:url(/nwyj/scripts/qui/libs/icons/icons_position/toright1.png) no-repeat 3px;}
.dtb_right:hover{ background:url(/nwyj/scripts/qui/libs/icons/icons_position/toleft1.png) no-repeat 3px; }
.dtb_left{  margin-top:110px; background:url(/nwyj/scripts/qui/libs/icons/icons_position/toright.png) no-repeat 3px;}
.dtb_right{ background:url(/nwyj/scripts/qui/libs/icons/icons_position/toleft.png) no-repeat 3px; }

.marker_title{ color: #075d77; font-weight: bold; font-family: 微软雅黑; padding: 0 25px; background: #e6e1d6; width:400px; height:30px; display: inline-block;}

.marker_item_move { z-index: 2;
    -webkit-transform: scale(1.2) translateY(-5px);
    -moz-transform: scale(1.2) translateY(-5px);
    -ms-transform: scale(1.2) translateY(-5px);
    transform: scale(1.2) translateY(-5px);
    -webkit-box-shadow: 0 10px 35px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 10px 35px rgba(0, 0, 0, 0.3);
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.3);
}