@charset "gb18030";
body{
	/* background-color:#f5f5f5;*/
	background-color:#f1f3f5;
}
/*有外框对话框整体样式*/
.wrap-dialog{
	position:absolute;
	top:2px;
	left:2px;
	right:2px;
	bottom:2px;
	/* width:calc(100% - 8px);
	height:calc(100% - 8px); */
	box-shadow: 0px 0px 0.625rem 0px rgba(93, 154, 255, 0.1);
    border-radius: 0.25rem 0.25rem 0.625rem 0.25rem;
	background-color:#ededed;	
	border:0px solid #6482cb;
	overflow:hidden;
}
/*有外框的对话框标题栏*/
.dialog-top{
	
	position:relative;
	height:3rem;
	top:-2px;
	font-size:1.5rem;
	color: #fff;
	line-height: 180%;
	vertical-align:middle;
	font-weight: 400;
	text-align:center;
	background-image:url(/skins/simple/images/tbg1.png);
	background-repeat:no-repeat;
	background-size:100% 100%;
}
/*有外框的对话框数据区域*/
.dialog-data{
	height:calc(100% - 6rem);	
	width:calc(100% - 1rem);
	border-radius: 0.25rem 0.25rem 0.625rem 0.25rem;
	background-color:#FFF;
	margin-top:0.5rem;
	margin-left:0.5rem;
	margin-right:0.5rem;
	margin-bottom:0.5rem;
	border:0px solid #F00;
	overflow-x: hidden;
    overflow-y: show;
	/*上下按钮上三角箭头的颜色*/
	scrollbar-face-color:#EEE;
	/*滚动条凸出部分的颜色*/
	scrollbar-3dlight-color: #ff0000;
	/*滚动条亮边的颜色*/
	scrollbar-highlight-color: #e8e8e8;
	/*滚动条空白部分的颜色*/
	scrollbar-shadow-color: #fefefe;
	/*滚动条阴影的颜色*/
	scrollbar-darkshadow-color: #fefefe;
	/*滚动条强阴影的颜色*/
	scrollbar-track-color: #e8e8e8;
	/*滚动条背景颜色*/
	scrollbar-base-color: #fefefe;
	/*滚动条的基本颜色*/
}

/*滚动条*/
.dialog-data::-webkit-scrollbar {
  width: 0.3125rem;
  height: 0.3125rem;
  border-radius: 3px;
}
.dialog-data::-webkit-scrollbar-track {
  background: #e8e8e8;
  border-radius: 3px;
}
.dialog-data::-webkit-scrollbar-thumb {
  background: #6482cb;
  border-radius: 3px;
}
.dialog-data::-webkit-scrollbar-thumb:window-inactive {
  background: #128dc0;
  border-radius: 3px;
}


/*内容框数据区域*/
.dialog-content{
  width:100%;
 
	overflow-x: hidden;
    overflow-y: show;
	/*上下按钮上三角箭头的颜色*/
	scrollbar-face-color:#EEE;
	/*滚动条凸出部分的颜色*/
	scrollbar-3dlight-color: #ff0000;
	/*滚动条亮边的颜色*/
	scrollbar-highlight-color: #e8e8e8;
	/*滚动条空白部分的颜色*/
	scrollbar-shadow-color: #fefefe;
	/*滚动条阴影的颜色*/
	scrollbar-darkshadow-color: #fefefe;
	/*滚动条强阴影的颜色*/
	scrollbar-track-color: #e8e8e8;
	/*滚动条背景颜色*/
	scrollbar-base-color: #fefefe;
	/*滚动条的基本颜色*/
}

/*滚动条*/
.dialog-content::-webkit-scrollbar {
  width: 0.3125rem;
  height: 0.3125rem;
  border-radius: 3px;
}
.dialog-content::-webkit-scrollbar-track {
  background: #e8e8e8;
  border-radius: 3px;
}
.dialog-content::-webkit-scrollbar-thumb {
  background: #6482cb;
  border-radius: 3px;
}
.dialog-content::-webkit-scrollbar-thumb:window-inactive {
  background: #128dc0;
  border-radius: 3px;
}




/*没有外框的对话框样式*/
.dialog-noside{
	position:absolute;
	height:100%;	
	width:100%;
	border:0px solid #F00;
	left:0px;
	top:0px;
	overflow:hidden
}

.dialog-area{
	float:top;
	width:100%;
	height:calc(100% - 6rem);	
	background-color:#FFF;
	margin-top:0rem;
	margin-left:0rem;
	margin-right:0rem;
	margin-bottom:0rem;
	border:0px solid #F00;
}

/*头部的按钮栏*/
.dialog-button-top{
	width:100%;
	left:0px;
	height:2rem;
	background:#FFF;
	float:left;
	position:relative;
	background-image:url(/skins/simple/images/main4.jpg);
	background-repeat:no-repeat;
	background-size:100% 100%;
}
/*底部的按钮栏*/
.dialog-button-bottom{
	width:calc(100%);
	left:0px;
	right:2px;
	height:2rem;
	background:#FFF;
	bottom:0px;
	position:relative;
	background-image:url(/skins/simple/images/main4.jpg);
	background-repeat:no-repeat;
	background-size:100% 100%;
	line-height:150%;
}
/*靠左的按钮区*/
.dialog-leftbutton{
	position:relative;
	top:2px;
	height:100%;
	left:0px;
	float:left;	
	line-height:150%;
}
/*靠右的按钮区*/
.dialog-rightbutton{
	position:relative;
	top:2px;
	height:100%;
	right:0px;	
	float:right;
	line-height:150%;
}
/*靠右的按钮区*/
.dialog-middlebutton{
	position:relative;
	top:2px;
	height:100%;
	margin:auto;
	text-align:center!important;
	right:0px;	
	line-height:150%;
}
.attachButton{
	float:left;
	margin-left:10px;
	margin-right:10px;
	line-height:150%;
}
.buttonCell{
	float:left;
	margin-left:10px;
	margin-right:10px;
	line-height:150%;
}
.buttonArea{
	float:left;
	margin-left:0px;
	margin-right:0px;
}
.buttonCell-right{
	float:left;
	margin-left:10px;
	margin-right:10px;
}


/* 单行容器, 容器内部div元素单行显示,默认宽度为一列,消除行间距，改由margin控制	*/
div.inline{
	width: 99%;
	line-height:1.5rem;
	padding:0 0!important;
	/*margin-top:15px!important;*/
	position: relative;
	min-height:1.5rem;
	float:top;
	height:auto;
	
 
	
}

/*不限高度的行*/
div.arealine{
	width: 99%;
	line-height:150%;
	padding:0 0!important;
	margin-top:0px!important;
	margin-bottom:0.5rem!important;
	position: relative;
}
/* 行内控件容器 */
div.inline>div{
	display: inline-block;
	margin: 0 0!important;
	margin-top:0px!important;
	margin-bottom:0.5rem!important;
	padding:0 0!important;
	float: left;
	height: 1.5rem;
	line-height:1.5rem;
}
div.inline.autoH>div{
	height:auto;
} 
/* 父容器的左侧区域容器,默认占4个绝对格 */
div.leftPart,div.inline>div.leftPart{
	display:block;
	float: left;
	width: 100%;
}
/* 父容器的右侧区域容器,默认占1个绝对格 */
div.rightPart{
	display: block;
	float: right;
	width: 25%;
}
/**********************************
	 定义区域高度,.row-n表示等价于n行高的区域
	 每行取消行间距，每行固定高度1.5rem,并设置底部外边距为0.5rem,
	 n行的高度=1.5n+0.5(n-1)=(2n-0.5) rem 
****************************************************/
div.row-2{
	height: calc(4rem - 0.5rem);
}
div.row-3{
	height: calc(6rem - 1rem);
}
div.row-6{
	height: calc(12rem - 0.5rem);
}
/*=====================================
	宽度分格说明
	基于屏幕宽度将宽度划分为4格，每格占25%,使用样式grid-n表示n格宽度，n=1,2,3,4;
	我们称grid为绝对格，绝对格中允许嵌套使用绝对格定宽，但目前只支持两层，
	例如:grid-3>grid-1,表示在绝对格3格区域之内再切分一个绝对格区域
	
==========================================*/

/* 宽度占一列 */
div.grid-1{
	width: 25%!important;
	margin: 0px 0px;
}
/* 宽度占两列 */
div.grid-2{
	width: 50%!important;
	margin: 0px 0px;
}
/* 宽度占三列 	*/
div.grid-3{
	width: 75%!important;
	margin: 0px 0px;
}
/* 宽度占4列	 	*/
div.grid-4{
	width: 100%!important;
	margin: 0 0;
}





/* 宽度占一列 */
div.gridsplit-4{
	width: calc(25% - 2px);
	margin: 0px 0px;
}
/* 宽度占两列 */
div.gridsplit-2{
	width: calc(50% - 2px);
	margin: 0px 0px;
	border:0px solid #F00;
}
/* 宽度占三列 	*/
div.gridsplit-3{
	width: calc(33.3% - 2px);
	margin: 0px 0px;
}
/* 宽度占4列	 	*/
div.gridsplit-1{
	width: calc(100% - 2px);
	margin: 0 0;
}
/* 宽度占一列 */
div.gridsplit-34{
	width: calc(75% - 2px);
	margin: 0px 0px;
}
/* 宽度占一列 */
div.gridsplit-23{
	width: calc(66.6% - 2px);
	margin: 0px 0px;
}



/*===================================
	控件样式说明:
	一个控件可以由三部分组成:
	1.div.inputCaption	第一个标签区域，用于填写控件描述内容,默认宽度5rem;
	2.div.inputHref	最后一个标签区域，用于填写控件链接，默认宽度3rem;例如:选择区域按钮等
	3.div.inputArea	输入框区域，用于传参显参等,自适应宽度
	
=======================================  */

.inputCaption{
	float:left;
	width: 7rem;
	margin-right: 0px;
	font-size:1rem;
	font-weight:10;
	text-indent:0.5rem;
	position:relative;
	float:left;
	background-color:#fbfdff;
	height:auto;
}
.inputCaptionText{
	width:100%;
	height:1.5rem;
	line-height:150%;
	overflow:hidden;
}
.inputArea{
	width: calc(100% - 6.1rem);
	right:0px;
	top:0px;
	float:left;
	position:relative;
}

.inputText-fix {
	width: 100%;
	height:1.5rem;
	font-size:1rem;
	font-family: "微软雅黑";	
	line-height:100%;	
	padding-left: 0px;	
	color: #b1bac7;	
	border: 1px solid #ccc;	
	-moz-border-radius: 6px;	
	-webkit-border-radius: 6px;	
	-o-border-radius: 6px;	
	border-radius: 6px;	
	text-indent:0.2rem;
}
 
.inputText {
	width: 100%;
	height:1.5rem; 
	font-size:1rem;
	font-family: "微软雅黑";	
	line-height:1rem;	
	padding-left: 0px;	
	color: #5e6267;	
	border: 1px solid #ccc;	
	-moz-border-radius: 6px;	
	-webkit-border-radius: 6px;	
	-o-border-radius: 6px;	
	border-radius: 6px;	
	text-indent:0.2rem;
}

.controlDiv {
	width:100%;
	height:100%; 
	padding-left: 0px;	
	overflow:hidden;
	padding-right: 0px;
	border:0px solid #FF0000;
}


.readInput{
	width: 100%;
	font-family: "微软雅黑";	
	height: 1.5rem;
	line-height:2rem;	
	padding-left: 0px;	
	color: #555;	
	border: 1px solid #ccc;	
	-moz-border-radius: 6px;	
	-webkit-border-radius: 6px;	
	-o-border-radius: 6px;	
	border-radius: 6px;	
	background-color:#eee;
	text-indent:0.2rem;
}
div.selectArea{
	float:left;
	width: calc(100% - 2rem);

}
div.selectArea label{
	display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}
div.select-icon{
	width:1.5rem;
	line-height:150%;
	text-align:right;
	vertical-align:middle;
	position: relative;
	float:left;
	margin-left:0.1rem;
}
.inputArea textarea{
	font-size: 1rem;
    border: 1px solid #ccc;
    border-radius: 6px;
    font-family: "微软雅黑";
}
.inputArea select{
    width: 100%;
    border-radius: 6px;
    font-size: 1rem;
    height: 1.5rem;
    line-height: 1.625rem
}





/*表格样式*/
div.table{  
   border:1px solid #f3f3f3;  
    margin-left:-1px;  
    border-bottom-width:0;  
    border-left-width:0;  
    text-align:left;  
    line-height:2.5rem;  
    box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */ 
	position:relative;
	width:100%;
	left:0rem;
	top:0rem;
}  
  
.clear0{  
    clear:both;  
    height:0px;  
}  
/*单数行样式*/
div.table .row{  
    clear:both;  
    overflow:hidden;  
    width:100%;
    border-bottom:1px solid #f3f3f3;
	position:relative;
	background-color:#ffffff;
	height:auto;
	min-height:2rem;
	width:calc(100%-2px);

}

/*标题行样式*/
div.table .row-head{  
    clear:both;  
    overflow:hidden;  
    width:100%;
    border-bottom:1px solid #eeeeee;
	background-color:#f9fafc;
	position:relative;
	height:2rem;
	line-height:1.5rem;
	text-align:center;
	vertical-align:middle;
}  


/*单数行样式*/
div.table .row-attach{  
    clear:both;  
    overflow:hidden;  
    width:100%;
	position:relative;
	background-color:#ffffff;
	height:auto;
	min-height:2rem;
	width:calc(100%-2px);
	background-color:#f8f8f8
}
 
 
/*数据单元格样式*/ 
div.table .cell{  
    border-left:1px solid #f3f3f3;  
    float:left;
	vertical-align:middle;
	display: flex;
	align-items: left;
	justify-content: left;
	line-height:150%;
	padding-top:0.2rem;
 	
}  
/*数据单元格样式*/ 
div.table .cell-fix{  
    border-left:1px solid #f3f3f3;  
    float:left;
 
	vertical-align:middle;
	display: flex;
	align-items: left;
	justify-content: left;
	line-height:150%;
	padding-top:0.2rem;
	height:2rem;
 

} 
/*不限高度的数据单元格样式*/ 
div.table .cell-noheight{  
    border-left:1px solid #f3f3f3;  
    float:left;
 	height:auto;
	vertical-align:middle;
	display: flex;
	align-items: left;
	justify-content: left;
	line-height:150%;
	padding-top:0.2rem;
} 
/*数据单元格样式*/ 
div.singlecell{  
    border-left:1px solid #f3f3f3;  
    float:left;
	vertical-align:middle;
	display: flex;
	align-items: left;
	justify-content: left;
	line-height:2rem;
	padding-top:0.2rem;
	height:2rem;
 
 	
}   



/*单数行样式*/
div.table .row-fix{  
    clear:both;  
    overflow:hidden;  
    width:100%;
    border-bottom:1px solid #f3f3f3;
	position:relative;
	background-color:#ffffff;
	height:2rem;
	min-height:2rem;
	width:calc(100%-2px);

}

/*双数行样式*/
div.table .row-muti-fix{  
    clear:both;  
    overflow:hidden;  
    width:100%;
    border-bottom:1px solid #f3f3f3;
	position:relative;
	background-color:#ffffff;
	height:2rem;
	min-height:2rem;
	width:calc(100%-2px);

}
 
.inputArea-4{
	float:left;
	width:calc(25% - 7rem - 2.5px);
	text-align:left;!important;
	border:0px solid #FF0000;
}
.inputArea-2{
	float:left;
	width:calc(50% - 7rem - 2.5px);
	text-align:left;
}
.inputArea-3{
	float:left;
	width:calc(33.3% - 7rem - 2.5px);
	text-align:left;
}
.inputArea-1{
	float:left;
	width:calc(100% - 7rem - 2.5px);
	text-align:left;
}
.inputArea-23{
	float:left;
	width:calc(66.6% - 7rem - 2.5px);
	text-align:left;
}
.inputArea-34{
	float:left;
	width:calc(75% - 7rem - 2.5px);
	text-align:left;
}

.lineArea-4{
	float:left;
	width:25%;
	border-bottom:1px solid #f3f3f3;
	height:2rem;
}
.lineArea-2{
	float:left;
	width:50%;	
	border-bottom:1px solid #f3f3f3;
	height:2rem;
}
.lineArea-1{
	float:left;
	width:100%;	 
	border-bottom:1px solid #f3f3f3;
	height:2rem;
}

/*单元格内 文本框和下拉框的样式*/
.cell textarea{
	width: 100%;
    font-family: "微软雅黑";
    height: 1.625rem;
    line-height: 1.625rem;
    padding-left: 0px;
    color: #555;
    border: 1px solid #ccc;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
}
.cell-noheight textarea{
	width: 100%;
    font-family: "微软雅黑";
    height: 1.625rem;
    line-height: 1.625rem;
    padding-left: 0px;
    color: #555;
    border: 1px solid #ccc;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
}
.cell select {
	font-size: 1rem;
    align-self: self-start;
    width: 100%;
    font-family: "微软雅黑";
    height: 1.5rem;
    line-height: 1.625rem;
    padding-left: 0px;
    color: #555;
    border: 1px solid #ccc;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
}
/**呈批审核fieldset样式*/
fieldset{
	    border: 2px solid #b1d2ec;
	    border-radius:6px;
	    margin-left: 5px;
	    margin-right: 5px;
	    margin-top: 12px;
	    margin-bottom: 12px;
	    padding-bottom: 15px;
}
legend{
	font-weight: bold;
	
}
/*高级查询中的样式*/
.advanceSearchArea{
	padding-left: 5px;
}
.signArea{
	padding-left: 5px;
	padding-right: 5px;
}
/**文号样式*/
.codeStyle{
	overflow: hidden;
    margin-bottom:-1000px;  
    padding-bottom:1000px;
	vertical-align:middle;
	display: flex;
	align-items: left;
	justify-content: left;
	line-height:150%;
	margin-right: 0px;
	font-size:1rem;
	font-weight:10;
	position:relative;
	float:left;
}

.divFieldSet{
 font-family:微软雅黑;font-size:Small;display:block;clear:left;padding:0;margin:0;width:100%;height:100%;
}
.divFieldTitle{
position:relative;display:inline;left:10px;top:8px;height:1rem;white-space:nowrap;text-align:center;background-color:#ffffff;font-weight:bold;	
}
.divFieldContent{
	margin:15px 5px 5px 5px;overflow:auto; height:calc(100% - 22px);width:calc(100% - 12px);
}
.divFieldBox{
	height:calc(100% - 2rem);width:100%;border:1px solid #999;	
}