*,.tree-title,.panel-title,.tabs-title,.datagrid-cell,.datagrid-header .datagrid-cell span
{font-size:13px;font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;}

a{ color:Black; text-decoration:none;}
a:hover{ color:blue; text-decoration:none;}
.footer{text-align:center;color:#15428B; margin:0px; padding:0px;line-height:23px; font-weight:bold;}
.head a{color:White;text-decoration:none;}
/* .easyui-accordion ul{list-style-type:none;margin:0px; padding:0px;} */
/* .easyui-accordion ul li{ padding:0px;} */
/* .easyui-accordion ul li a{line-height:24px;} */
/* .easyui-accordion ul li div{margin:2px 0px;padding-left:20px;padding-top:2px;} */
/* .easyui-accordion ul li div:hover{border:1px dashed #99BBE8; background:#E0ECFF;cursor:pointer;} */
/* .easyui-accordion ul li div:hover a{color:#416AA3;text-decoration: none} */
/* .easyui-accordion ul li div.selected{border:1px solid #99BBE8; background:#E0ECFF;cursor:default;} */
/* .easyui-accordion ul li div.selected a{color:#416AA3;text-decoration: none; font-weight:bold;} */
.easyui-tree {list-style-type:none;margin:0px; padding:0px;}
.easyui-tree li{ padding:0px;}
.easyui-tree li div{margin:2px 0px;height:24px;padding-left:10px;padding-top:2px;}
.easyui-tree li div:hover{border:1px dashed #99BBE8; background:#E0ECFF;cursor:pointer;}
.easyui-tree li div:hover a{color:#416AA3;text-decoration: none}
.easyui-tree li div.selected{border:1px solid #99BBE8; background:#E0ECFF;cursor:default;}
.easyui-tree li div.selected a{color:#416AA3;text-decoration: none; font-weight:bold;}
.icon{width:18px; line-height:18px; display:inline-block;}
.deafult{background:url('../images/folder.png') no-repeat;}

.scmCheckbox{
	width: 50px;
	float: left;
}

input,div,span,select{
	-moz-box-sizing: border-box;  /*Firefox3.5+*/
	-webkit-box-sizing: border-box; /*Safari3.2+*/
	-o-box-sizing: border-box; /*Opera9.6*/
	-ms-box-sizing: border-box; /*IE8*/
	box-sizing: border-box;
}

.hide{
	display: none;
}


.no-border-top{
	border-top: 0;
}

.no-border-right{
	border-right: 0;
}

.no-border-left{
	border-left: 0;
}

.no-border-bottom{
	border-bottom: 0;
}



.datagrid-htable, .datagrid-btable, .datagrid-ftable,.l-btn,body,.panel-body,.tabs li.tabs-selected a.tabs-inner{
	color: #333333 !important;
}
.panel-body{
	background-color: #ffffff;
}
.bg-gray{
	background-color:#f3f3f4;
}



.tool{
	background-color: #f3f3f4;
	height: 36px;
	padding: 3px;
	overflow: hidden;
}

.tabs-panels{
	border-left: 0;
}




.list .datagrid-wrap{
	border-bottom: 1px !important;
}

.easyui-tabs .datagrid-wrap{
	border-top: 0 !important;
	border-left: 0 !important;
	border-bottom: 0 !important;
}

.datagrid-noborder .datagrid-wrap{
	border: 0;
}



.logo{
	height: 30px;
	border-radius:20px;
	margin-left: 10px;
}
#tool{
	overflow: hidden;
}
input,div{
	outline: none;
}
.shortcut{
	float: left;
	margin: 0;
	padding-left: 0;
}
.shortcut li{
	float: left;
	list-style: none;
	cursor: pointer;
	height: 40px;
	line-height: 40px;
	color: #000;
	width:80px;
	text-align: center;
	font-size: 14px;
}

.datagrid-btn-separator{
	height: 28px;
}

.shortcut li:HOVER{
	background-color: #495d70;
}
.shortcut  .select {
	color:#9f9f9f;
}

.loginout,.modifyPsw{
	cursor: pointer;
}

.loginout:HOVER,.modifyPsw:HOVER {
	background-color:#A8D7E9; 
}

.easyui-linkbutton,.easyui-menubutton{
	outline:none;
}
.button_icon{
  font-size: 22px;
  display: inline-block;
  float: left;
  line-height: 22px;
  color: #427CAC;
 margin-top: 3px;
}
.button_text{
 margin-left: 5px;
 font-size: 14px;
 display: inline-block;
 height: 28px;
 float: right;
 line-height: 28px;
}
.margin-right-15{
  margin-right: 15px;
}

.overlay{
	background:#000; 
	filter: alpha(opacity=0.2);
	opacity:0.2 ;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 999;
	left: 0;top: 0;
	display: none;
}
.cbox{
		background-image: url("../images/check.png");
		width: 100%;
		height: 23px;
		margin-left:5px;
		background-repeat:no-repeat;
		display: inline-block;
		cursor: pointer;
		background-position: left center;
		border-bottom: #a0a0a0 solid 1px;
}
.cbox.checked{
		background-image: url("../images/checked.png");
}
.choose_image{
	background-size:100%;
	background: url("../images/select.jpg") no-repeat ;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale');  
	-moz-background-size:100% 100%;background-size:100% 100%;  
}

.btn-arrow-hover{
	background-image: url("../images/selected.jpg") !important;
}

.normal .searchbox{
	width: 200px !important;
}

.l-btn{
	border-radius:0 !important;
}	

.edittext{
	height: 20px;
	outline: none;
	border: 0px;
}


.datagrid-row-selected,.tree-node-selected,.row-color-selected{
	background: #DAE5EF !important;
}

.btnGroup{
	display:block;
	float:left;
	overflow: hidden;
}

.column .textbox{
	border: 0;
	outline: none;
	border-radius:0;
}


.column .combo,.column .textbox-icon,.column .textbox-text{
	height: 24px !important;
}
.column .textbox-text{
	    border-radius: 0;
}

input[type="text"]:disabled,.disabled,select[disabled='disabled'],textarea[disabled='disabled']
{ 
background-color: #f3f3f4;
}

.role_head_table {
	margin-left:10px;
	height: 100%;
}
.role_head_table td{
	width: 150px;
}
.role_table{
	width: 100%;
	border: 1px;
	border-right:1px solid #ccc;border-bottom:1px solid #ccc;
	margin-top: 5px;
}
.role_table td{
	border-left:1px solid #ccc;border-top:1px solid #ccc;
	height: 25px;
}
.role_table .td1,.role_table .td2{
	width: 100px;
}

.role_table .head td{
	background-color: #EBEBE4;
}

.role_table .td1,.role_table .td2{
	text-align: center;
	
}	
.role_table .td3{
	text-align: left;
	padding-left: 5px;
}

.role_table .td4{
	text-align: left;
	padding-left: 5px;
}


.bottomtool{
	border-bottom: 0;
	border-left: 0;
}



a[class="ace_button"]:hover{ color:#DDDDDD !important; text-decoration:none;}
a.ace_button:hover{ color:#DDDDDD !important; text-decoration:none;}
.ace_button
 {
  background-color: #5181B3;
  border-color: #21b9bb;
  color: #FFFFFF;
  border-radius: 3px;
  padding: 1px 5px;
  font-size: 13px;
   line-height: 1.5;
  display: inline-block;
 }

.combobox-item{
	overflow: hidden;
	border-bottom: 1px dotted #999;
	padding: 0;
	height: 18px;
	cursor: pointer;
}

.combobox-item.select{
	background-color: #E0ECFF;
}

.leftborder{
	border-left: 1px dotted #999;
}

.combobox-col{
	width: 120px;
	float: left;
	overflow: hidden;
	text-align: center;
}

#group4 .l-btn-disabled{
	display: none;
}

.selectbtn .btn{
	position: absolute;
	font-size: 18px;
	width: 100%;
	text-align: center;
	cursor: pointer;
	
}

.selectbtn .tonext{
	top: 50px;
}

.selectbtn .toback{
	bottom: 50px;
}



.findbutton{
	height: 30px;
	margin-top: 10px;
	width: 50px;
	float: left;
	background-color: #5181B3;
    border-color: #21b9bb;
    color: #FFFFFF;
    border-radius: 3px;
    font-size: 13px;
    line-height: 30px;
    display: block;
    text-align: center;
}

a[class="findbutton"]:hover{ color:#DDDDDD !important; text-decoration:none;}
a.findbutton:hover{ color:#DDDDDD !important; text-decoration:none;}

.p-imageList .p-image img{
	height: 120px;
}

.p-imageList .p-image{
	overflow:hidden;
	float: left;
	width: 160px;
	height: 140px;
	text-align: center;
	margin-bottom: 10px;
	cursor: pointer;
	margin-right: 10px;
}

.select .p-title{
	color:blue;
}

.p-imageList .p-title{
	text-align: center;
}

.big-image,.video,.uploadimg{
	position: absolute;
	height:315px;
	width:420px;
	top: 0;
}
.uploadimg{
	height: 317px;
}

.snapshot{
	margin-top: 10px;
	height: 100px;
	text-align: center;
}
.shot_button,.upload_btn{
	line-height: 40px;
	display: inline-block;
	font-size: 18px;
	cursor: pointer;
	margin-right: 20px;
	float: left;
	margin-left: 10px;
}
.shot_button:HOVER,.upload_btn:HOVER{
	background-color: #2f8fBf;
}
.product-upload-btn {
	position: absolute;
	top: 316px;
	left: 20px;
}

.datagrid-header-row td{background-color:#e0ecff;}
.datagrid-header-row td:HOVER {
	background-color:#308dbb;
	color:#fff;
}

.tool_column{
	width: 100%;
	position: relative;
	overflow: hidden;
	vertical-align: bottom;
}
.tool_column .checkbox{
	width: 150px;
	margin-top: 20px;
}

.datagrid-header-inner{
	background: #fff;
}

/* ��дlayer��ʾ�� */
.layui-layer-msg{
	    border-color:#EBEBE4 !important;
}

.datagrid-body .datagrid-editable td {
	position: relative;
}

.choose_image_grid{

	background-color: #abceef;
	height: 20px;
	right: 0;
	width:20px;
	display: inline-block;
	float:right;
	background-size:100%;
	background: url("../images/select.jpg") no-repeat ;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale');  
	-moz-background-size:100% 100%;background-size:100% 100%; 
}

.pagination-info{
	max-width: 60px;;
	overflow: hidden;
	margin: 0 3px 0 0 ;
}

.icon-font{
	font-size: 15px;
	color: #5181B3;
}

.topmargin{
	margin-top: 7px;
}

.notopmargin{
	margin-top: 0 !important;
}

.mainNav{
	padding: 0px;
	margin:0;
	height: 100%;;
	position: relative;
}

.mainNav li{
	float: left;
	list-style: none;
	cursor: pointer;
	color: #fff;
	width:80px;
	text-align: center;
	font-size: 14px;
	line-height: 38px;
}

.mainNav li:HOVER {
	background-color: #2E86CF;
	border-radius: 5px;
}
.fieldblock{background-color: #F4F4F4; height: 30px;width: 100%;overflow: hidden; }
.splittitle{background-color: #F4F4F4; height: 25px; line-height: 25px; }

.search{
width: 100%;
height:28px;
position: relative;
border-left: 0;
border-right:0;
border-bottom:2px solid #DDDDDD; 
overflow: hidden;
}
.search input{
padding-left:2px;
width: 100%;
height:28px;
padding-right: 28px;
border: 0;
}
.search .button{
position: absolute;
right: 0;
top: 0;
font-size: 20px;
display: block;
width: 28px;
height: 28px;
text-align: center;
padding-top: 5px;
color: #5181B3;
}
.readonly{
	background-color: #E4EBEB;
}
.hidden{
	display: none;
}
.editcontext{
	 width: 99%; height: 99%; 
	 margin-left: auto;  margin-right: auto;   outline: 0; border:1px solid #95B8E7;
	 margin-left:5px;border-radius:5px;margin-top:5px;
	 word-wrap: break-word; overflow-x: hidden; overflow-y: auto; _overflow-y: visible;resize:none;
}

.operation, .dbInformation {
	border: 1px solid #B3D1F7;
	width: 90%;
	margin: 5px;
	padding-bottom: 2px;
}

.detail {
	padding: 5px 0 0 5px;
}

h3 {
	margin: 2px;
	color: #093672;
}

.infodiv {
	margin-bottom: 10px;
}

.field-r {
	font-family: "微软雅黑", "Arial", "sans-serif";
	BACKGROUND-COLOR: #FFFEEC;
	BORDER-BOTTOM: #566A64 0px solid;
	BORDER-LEFT: #566A64 0px solid;
	BORDER-RIGHT: #566A64 0px solid;
	BORDER-TOP: #566A64 0px solid;
	FONT-SIZE: 9pt;
	border-RightColor: gray;
	border-BottomColor: gray;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px
}

.addr-del,.addr-add {
	height: 20px;
	width: 20px;
	vertical-align: bottom;
	margin-left: 5px;
}
.msgbox-load {
	width:auto !important;
	max-width: 800px;
}
.msgbox-load .layui-layer-msg-icon{
	width: 30px;
	height:30px;
	display: block;
	float: left;
	background-image: url("../images/loading.gif");
	background-repeat: no-repeat;
}
.msgbox-load .complate{
	background-image: url("../images/icon.png");
	background-position:-30px 0px;
}
.msgbox-load .error{
	background-image: url("../images/icon.png");
	background-position:-60px 0px;
}
.msgbox-load .layui-layer-msg-info{
	overflow:hidden;
	display: block;
	float:left;
	margin-left: 10px;
	line-height: 32px;
}

.northPanel{
	overflow: hidden !important;
}

.form{
	background-color: #f7f8fa;
	overflow: hidden;
}

.table{
	width: 850px;
	overflow: hidden;
	float: left;
	padding-top: 5px;
}

.column{
	width: 240px;
	float: left;
	overflow: hidden;
	margin-bottom: 4px;
	outline: none;
	margin-right: 30px;
}

.border-top{
	border-top: 1px solid #95B8E7 !important ;
}

.list .datagrid-wrap{
	border-left: 0 !important;
}

.select-page .datagrid-wrap{
	border: 0 !important;
}
.noborder{
	border:0;
}

.column .label{
	display: block;
	float: left;
	width: 80px;
	overflow: hidden;
	text-align:justify;
	text-align-last:justify; 
	text-indent:2px;
	padding-right: 10px;
	padding-left: 3px;
	height: 25px;
	line-height: 25px;
}
.label .text{
	height: 25px;
	line-height: 25px;
	display: block;
}

.column .field{
	display: block;
	overflow: hidden;
	width:auto;
	height: 25px;
	line-height: 25px;
	position: relative;
}

.column input[type=text],.column select,.column input[type=password]{
	outline: none;
	width: 100%;
	border: 1px solid #a0a0a0;
	position: relative;
	height: 25px;
	line-height: 25px;
}
.column select{
	display: block;
}


.red {
	color:red;
}

.label .must{
	display: none;
}

.choose_image{
	width: 22px;
	height: 22px;
	display: block;
	position: absolute;
	right: 1px;
	top: 1px;
}

.choose_input{
	padding-right: 18px;
}

.text_field .field1,.text_field .field2{
	width: 50%;
	display: block;
}
.text_field .field1{
	float: left;
}
.text_field .field2{
	float: right;
}
.field2 input{
	border-left: 0;
}

.x2{
	width: 510px !important;
}	

.x3{
	width: 780px !important;
}	

.twoColumn{
	height: 50px;
	outline: none;
	width: 150px;
	font-size: 14px;
}
.twoColumn .label{
	width: 100%;
	text-align: left;
	text-align-last:left;
	text-indent:1px;
} 
.twoColumn .field{
	float: left;
	width: 100%;
}


.checkGroup{
	width: 720px;
	overflow: hidden;
}
.checkGroup .column{
	width: 90px;
}

.smallColumn {
	width: 180px;
}

.bigWidth .label{
	width: 110px;
}
.width130 .label{
	width: 130px;
}
.datagrid_fiter{
	margin-right: 5px;
}

.clearfix {  
display: block;  
float: none;  
clear: both;  
overflow: hidden;  
width: auto;  
height: 0;  
margin: 0 auto;  
padding: 0;  
font-size: 0;  
line-height: 0;  
}

.clearfloat{
	clear: both;  
}

.gray-bg {
    background-color: #f3f3f4;
}

.rowDiv{
    padding:2px 0;
    display:table-cell;
    position: relative;
    overflow: hidden;
    height: auto;
}
.rowDiv .column{
	width:180px;
	margin-right: 5px;
}  
.huizong .column{
width: 100%;
height: 100%;
}

.huizong .field{
height: 100%;
}
.row10{
	width: 20%;
}
.row30{
	width: 40%;
}

.groupbox{
	margin:10px 2px 2px 2px;  
    border:thin solid #A0A0A0;  
    padding:10px 2px;
    position: relative;
    overflow: hidden;
    height: 100%;
   
 }  
.grouptitle{
	z-index:9999;
    margin-top:5px;  
    margin-left:15px;
    width:auto;  
    float:left;
    position:absolute;
    top:0px;
    text-align:center;  
    background-color:#f3f3f4;
    padding: 0 5px;
 }  


.checkbox_noLabel .cbox{
	width:25px;
	padding-left:5px;
	padding-right:5px;
	height: 15px;
	border:0;
	margin-top: 5px;
}

.w1{
width: 200px;
}

.w2{
width: 400px;
}

.m-r{
	margin-right: 10px;
}

.group{
	float: left;
	position: relative;
	margin-bottom: 10px;
}

.group .grouptitle{
	z-index:9999; 
    margin-left:10px;
    width:auto;  
    float:left;
    position:absolute;
    top:0px;
    text-align:center;  
    background-color:#f3f3f4;
    padding: 0 5px;
}

.group .groupcontent{
	position: relative;
	border:thin solid #A0A0A0; 
	padding: 15px 10px 10px 10px;
	margin-top:13px;
	overflow: hidden;
}

.right-table{
padding-top: 5px;
min-height: 34px;
}
.systembutton{
float: left;
margin-left: 10px;
line-height: 22px;
height: 22px;
}
.openWindow{
height: 100%;
position: absolute;
top: 25px;
left: 0;
padding:5px;
width: 100%;
}


#calendar {
    max-width: 1200px !important;
    padding:20px;	
    margin: 0 auto;
  }
  .fc-rigid{
  	height: 70px !important;
  }
  .fc-widget-content{
  	height: 90px !important;
  }  
  .fc-toolbar h2{
  	font-size: 14px !important;
  }
  
  .fc-day-grid-event{
  	border: 0;
  	padding: 0;
  }
  
  .fc-day-grid-event:HOVER{
  	color: red;
  }
 
 
 
 .calendarTitle{
  background-color: #fff;
  border: 0;
  color: red;
  text-align: center;
  height: 65px;
  line-height: 40px;
  font-size: 24px;
 }	
 
 .calendarTool{
 	 background-color: #fff;
 	 line-height: 25px;
 	 height: 25px;
 	 padding-left: 30px;
 	 display: none;
 	 text-align: center;
 	 position:absolute;
 	 bottom: 0;
 }
 

 .calendarTool .iconbutton{
 	 display:block;
 	 font-size: 22px;
 	 width: 24px;
 	 height: 24px;
 	 float: left;
 	 color: #5181B3;
 }
 
  .calendarTool .iconbutton:HOVER{
  	color:#495D70 !important;
  }
 
  
  .targetTitle{
  	padding: 5px;
  }
  
  .targetContent {
  	padding: 5px;
  	color: red;
  	text-align: center;
  	overflow: hidden;
  }
  
.dialogTable{
	border-right:1px solid #95B8E7;
	border-bottom:1px solid #95B8E7;
	table-layout: fixed;
	width: 100%;
}
.dialogTable  td{
  text-align: center;
  border-left:1px solid #95B8E7;
  border-top:1px solid #95B8E7;
  padding: 2px;
  height: 30px;
}
.dialogTable input{
	width: 50px;
}

.fxTable{
	border-right:1px solid #95B8E7;
	border-bottom:1px solid #95B8E7;
	width: 100%;
}

.fxTable .title{
	width: 20%;
	text-align: right;
	padding-right: 5px;
}

.fxTable td{
  border-left:1px solid #95B8E7;
  border-top:1px solid #95B8E7;
}

.fxTable .text{
	width: 30%;
	padding-left: 5px;
}		
.fxcolumn{
	overflow:hidden;
	padding-top:5px;
	height: 30px;
}

.fxcolumn .input{
	height: 24px;
	line-height: 24px;
	padding: 5px;
}

.fxcolumn .title{
	float: left;
	width: 80px;
	text-align: right;
	padding-right: 5px;
	height: 24px;
	line-height: 24px;
}

.fxcolumn .text{float: left;height: 24px;line-height: 24px;}
.title{ height: 25px; line-height: 25px; font-weight: bold;  padding-left: 10px;}
.monthWeekDay{width: 100px; vertical-align: middle;}
.c-column{width: 100%;padding-top: 5px;height: 25px;line-height: 25px;}
.pl{padding-left: 20px;}		
  
.reQuery{
	width: 100%;
    color: red;
    text-align: center;
}
.split_title {
	overflow:hidden;
	padding:2px;
	border-bottom: 1px solid #e5e5e5; 
	border-top: 1px solid #e5e5e5; 
	line-height: 18px;
	height: 23px;
	background: #DAE5E5;
}
.split_title img,.split_title div{
float: left;
}
.split_title img{
	height: 15px;
	width: 15px;
	margin-right: 5px;
}
.table_condition{
	width: 100%;
	max-width:860px;
	padding: 5px;
	overflow: hidden;
}
.clearfloat{clear:both}

.messageClick{
	cursor: pointer;
	margin-left: 10px;
	color: red;
}