/* 清除内外边距 */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
fieldset, lengend, button, input, textarea, /* form elements 表单元素 */
th, td { /* table elements 表格元素 */
	margin: 0;
	padding: 0;
}

/* 设置默认字体 */
body,
button, input, select, textarea { /* for ie */
	/*font: 12px/1 Tahoma, Helvetica, Arial, "宋体", sans-serif;*/
	font: 14px/1 'Microsoft YaHei', Arial, sans-serif; /* 用 ascii 字符表示，使得在任何编码下都无问题 */
}

h1 { font-size: 18px; /* 18px / 12px = 1.5 */ }
h2 { font-size: 16px; }
h3 { font-size: 14px; }
h4, h5, h6 { font-size: 100%; }

address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */
code, kbd, pre, samp, tt { font-family: "Courier New", Courier, monospace; } /* 统一等宽字体 */
small { font-size: 12px; } /* 小于 12px 的中文很难阅读，让 small 正常化 */

/* 重置列表元素 */
ul, ol { list-style: none; }

/* 重置文本格式元素 */
a { text-decoration: none; }
a:hover { text-decoration: none; }

/* 重置表格元素 */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* 重置 hr */
hr {
	border: none;
	height: 1px;
}
.clearfix {
	*zoom: 1;
}

.clearfix:after {
	content: "\200B";
	display: block;
	height: 0;
	clear: both;
}
.float-l {
	float: left;
}
.float-r {
	float: right;
}
html {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.crosshair{
	cursor:crosshair !important;
}

.pointer{
	cursor: pointer !important;
}

html{
	overflow: hidden;
}

textarea{
	resize: none;
}


.GooFlow {
	-moz-user-select: none; /*火狐*/
	-webkit-user-select: none; /*webkit浏览器*/
	-ms-user-select: none; /*IE10*/
	user-select: none;
	overflow: hidden;
	background: #fff;
	display: flex;
	position: relative;
}
.GooFlow_lft{
	width: 45px;
	padding-top: 80px;
}
.GooFlow_lft .GooFlow_lft_item:nth-child(1){
	background-color: #D7D7D7;
}
.GooFlow_head,
.GooFlow_tool,
.GooFlow_work{
	box-sizing:border-box;
}
.GooFlow_lft_item{
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 10px 9px;
	/*border: 1px solid;*/
	height: 80px;
  	font-size: 12px;
	cursor: pointer;
}
.GooFlow_lft_item:active{
	background-color: #999;
}

.GooFlow_lft_item span{
	display: inline-block;
	text-align: center;
	width: 45px;
	overflow: hidden;
	text-overflow: ellipsis
}
.GooFlow_lft .GooFlow_lft_item1{
	background-image: url('../img/tool_s.png');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	display: inline-block;
	overflow: hidden;
	width: 22px;
	height: 22px;
	border: 0;
	margin-right: 4px;
}
.GooFlow_lft_item2{
	background-image: url('../img/basic_h.png');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	display: inline-block;
	overflow: hidden;
	width: 22px;
	height: 22px;
	border: 0;
	margin-right: 4px;
}
.GooFlow_head {
	padding-left: 10px;
	height: 44px;
	position: absolute;
	top: 0;
	width: 100%;
	left: 0;
	border: 1px solid #cfcfcf;
	background-color: #F9F9F9;
}
.GooFlow_head_2{
	padding-left: 10px;
	height: 40px;
	position: absolute;
	top: 40px;
	width: 100%;
	left: 0;
	border-bottom: 1px solid #cfcfcf;
	background: #F3F3F3;
}
/*.GooFlow_head_2 a span{*/
/*	width: 56px!important;*/
/*}*/
.GooFlow_head_btn {
	text-align: center;
	display: block;
	border: 0;
	height: 100%;
	/*width: 20px;*/
	cursor: default;
	padding: 0px 4px;
	margin: 0 2px;
	float: left;
	outline: none;
	text-decoration: none !important;
	cursor: pointer;
	margin-top: -1px;
	box-sizing: content-box;
	display: flex;
	flex-direction: column;
}
.GooFlow_head_2>.GooFlow_head_btn{
	/*width: 82px !important;*/
	display: flex;
	flex-direction:row;
	align-items: center!important;
	padding: 0 !important;
}
.GooFlow_head_btn:nth-child(9){
	/*border-right: 1px solid #cfcfcf;*/
	position:relative;
}
.GooFlow_head_btn:nth-child(9):after{
	position: absolute;
	display: block;
	content: '';
	width: 1px;
	height: 20px;
	top: 50%;
	right: -2px;
	transform: translate(0%, -50%);
	background: #cfcfcf;
}
#btn_leftAlign{
	/*border-left: 1px solid #cfcfcf;*/
	position:relative;
}
#btn_leftAlign:before{
	position: absolute;
	display: block;
	content: '';
	width: 1px;
	height: 20px;
	top: 50%;
	left: -1px;
	transform: translate(0%, -50%);
	background: #cfcfcf;
}
.toolBtns_i{
	display: block !important;
	overflow: hidden;
	width: 14px !important;
	height: 14px !important;
	border: 0;
}
.GooFlow_head_btn i {
	display: inline-block;
	overflow: hidden;
	width: 26px;
	height: 26px;
	border: 0;
	/*margin-right: 4px;*/
}
.GooFlow_head_btn:hover {
	background: #cfcfcf;
}
.GooFlow_tool {
	box-sizing: border-box;
	background: #fff;
	width: 200px;
	margin-top: 80px;
	height: calc(100vh - 80px) !important;
	/* max-width: 200px; */
	float: left;
	/* height: 510px!important; */
	overflow-y: auto;
	border: 1px solid #cfcfcf;
	border-top:none;
}
#head_2_item1,#head_2_item2,#head_2_item3{
	display: block;
	border: 0;
	/* height: 40px; */
	/* width: 50px; */
	/* line-height: 40px; */
	cursor: default;
	margin: 9px 5px;
	/* margin: 0 2px; */
	float: left;
	/* outline: none; */
	/* text-decoration: none !important; */
	cursor: pointer;
	/* margin-top: -2px; */
	background-color: #fff;
	box-sizing: content-box;
	font-size: 12px;
	text-align: center;
	border: 1px solid #D7D7D7;
	padding: 1px 2px;
	color: #666;
}
#head_2_item1>select{
	border: none;
	/* margin-right: -2px; */
	width: 52px;
}
.GooFlow_head>a>i{
}
.GooFlow_work {
	position: relative;
	flex: 1;
	margin-top: 84px;
	float: right;
	height: calc(100vh - 84px) !important;
	/* background: #cfcfcf; */
	overflow-y: auto;
	overflow-x: auto;
}

.GooFlow_workArea{
	background: #fff;
	position: absolute;
	height: 750px;
	z-index: 998;
	/*background: url('../img/bg_img.png') repeat;*/
	background-size: 44px 44px;
	/* overflow: hidden; */
}
.GooFlow_workArea_grid {
	background: url('../img/bg_img.png') repeat;
}

.GooFlow_workArea_white {
	background: #fff;
}
.GooFlow_workArea_white {}

.GooFlow_workArea svg{
	transform-origin: left top;
}

/*操作线相关*/
.GooFlow .GooFlow_line_oper{
	width: 82px;
	height: 22px;
	background-color: #D8E8FC;
	border: #7DA2CE 1px solid;
	position: absolute;
	filter: Alpha(Opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
	z-index: 10000;
	line-height: 25px;
}

.GooFlow .GooFlow_line_mp{
	width:9px;height:9px;filter:Alpha(Opacity=40);-moz-opacity:0.4;opacity:0.4;overflow:hidden;
	position:absolute;z-index:9999;background:#333;cursor:crosshair
}

.GooFlow .GooFlow_line_move {
	filter: Alpha(Opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	overflow: hidden;
	position: absolute;
	z-index: 9999;
}

.GooFlow .GooFlow_line_oper i {
	display: inline-block;
	width: 24px;
	height: 15px;
	margin-left: 2px;
	cursor: pointer;
}

.GooFlow .b_l1 {
	background: url(../img/GooFlow_line_oper.png) no-repeat 1px 1px
}

.GooFlow .b_l2 {
	background: url(../img/GooFlow_line_oper.png) no-repeat 1px -14px
}

.GooFlow .b_l3 {
	background: url(../img/GooFlow_line_oper.png) no-repeat 1px -29px
}

.GooFlow .d_1t {
	background: url(../img/GooFlow_line_oper.png) no-repeat 1px 1px;
}

.GooFlow .b_x {
	background: url(../img/GooFlow_line_oper.png) no-repeat 1px -44px;
	margin-left: 10px
}
/*J_navTabs*/
.J_navTabs{
	*zoom: 1;
	background: #fff;
	box-sizing: border-box;
	border-bottom: 1px solid #cfcfcf;
}
.J_navTabs:after {
	content: "";
	display: block;
	clear: both;
}

.J_navTabs li a{
	display: block;
	margin-bottom: -1px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	color: #616161;
	border: 1px solid #cfcfcf;
	border-top: none;
}
.J_navTabs li a{
	text-align: left;
	padding-left: 14px;
}
.J_navTabs li:first-child a {
	border-right: none;
	border-left: none;
}
.J_navTabs li a:hover{
	text-decoration: none;
}
.J_navTabs li.active a{
	color: #023d74;
	background: #d9edff;
}
.J_toolsBox {
	margin-bottom: 10px;
}
.J_navTabs-cnts{
	/* max-width: 200px; */
	padding: 0 5px;
	padding-bottom: 20px;
	/* overflow-y: auto; */
	/* height: 70%; */
	/* position: relative; */
}
.titl-show1{
	display: none;
}

/*控件*/
.tools-title{
	font-size: 12px;
	margin: 30px 0 0px;
	font-weight: bold;
	color: #000;
	/*padding-left: 12px;*/
	/*padding-bottom: 10px;*/
	/*padding-top: 10px;*/
	padding: 10px;
	/* border-bottom: 1px dashed #cfcfcf; */
	/*border-top: 1px solid #CCC;*/
	background: #F7F7F7;
}
.tools-group{
	*zoom: 1;
}
.tools-group:after{
	content: "";
	display: block;
	clear: both;
}
.tools-group li div.J_laneY img {
	margin-bottom: 5px;
}
.tools-group>li{
	float: left;
	width: 50%;
	height: 60px;
}
.tools-group>li p {
	margin: 0;
}
.tools-group li div.tools {
	/* height: 30px; */
	/* width: 100%; */
	/* position: relative; */
	min-width: 85px;
}
.tools-group li div img {
	display: block;
	width: 50px;
	height: 30px;
	margin: 0 auto;
}
.tools-group li div img.protovalue02 {
	height: 30px;
}
.tools-group li div img.processDocumentation, .tools-group li div img.processInformation, .tools-group li div img.processTool {
	width: 30px;
}

.tools-group li div img.enterprise04, .tools-group li div img.enterprise05,.tools-group li div img.processForm,
.tools-group li div img.enterprise06, .tools-group li div img.process {
	width: 60px;
	height: 25px;
}
.tools-group li div img.processForm{
	height: 28px;
	margin: 2px auto;
}
/* 圆形 */
.tools-group li div img.AND,
.tools-group li div img.OR, .tools-group li div img.XOR,.tools-group li div img.P,
.tools-group li div img.processMiddle {
	/*width: 30px;*/
	/*height: 30px;*/
	width: 38px;
	height: 38px;
}
.tools-group li div img.processStart,
.tools-group li div img.processEnd{
	/*width: 60px;*/
	/*height: 20px;*/
	width: 32px;
	height:32px;
	margin: 5px auto;
}
.tools-group li div img.approveRules{
	width: auto;
}
.tools-group li div img.triggerDown,
.tools-group li div img.notify,
.tools-group li div img.KSF,
.tools-group li div img.KCP{
	width: 30px;
}
.tools-group li div img.notify {
	width: 30px;
}
.tools-group li div img.process08 {
	width: 20px;
	height: 30px;
}
.tools-group li div img.process07 {
	width: 40px;
	height: 20px;
	margin-top: 5px;
	margin-bottom: 10px;
}
.tools-group li div img.process10 {
	width: 40px;
	height: 30px;
}
.tools-group li div img.process11 {
	width: 30px;
	height: 5px;
	margin-top: 15px;
	margin-bottom: 15px;
}
.tools-group li div img.process12 {
	width: 5px;
	height: 30px;
}
.tools-group li div img.process05{
	width: 40px;
	height: 30px;
}
.tools-group li div img.process15{
	width: 50px;
	height: 30px;
}
.tools-group li div img.processCallback{
	width: 30px;
	height: 30px;
}
.tools-group li div img.enterprise01, .tools-group li div img.enterprise02 {
	width: 50px;
	height: 30px;
}
.tools-group li div p {
	display: block;
	height: 20px;
	line-height: 20px;
	color:#000;
	text-align: center;
	font-size: 12px;
	text-align: center;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	/* position: absolute;
	left: 34px;
	top: 0; */
}

.tools_img_wp:after {
	content: '';
	display: block;
	clear: both;
}
.tools_img_wp li {
	width: 50%;
	float: left;
	height: 75px;
	margin-top: 10px;
	box-sizing: border-box;
}
.fileUpload {
	display: inline-block;
	width: 92px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #fff;
	background: #4a7ebb;
	border-radius: 3px;
	border: none;
}
#backToTableList {
	position: fixed;
	top: 4px;
	left: 325px;
	padding: 2px 5px;
	font-size: 12px;
}
#htmlPic{
	position: fixed;
	top: 4px;
	left: 410px;
	padding: 2px 5px;
	font-size: 12px;
}
#readonly{
	position: fixed;
	top: 4px;
	left: 460px;
	padding: 2px 5px;
	font-size: 12px;
}
.spliceGroup {
	border: 1px dashed #888;
}
.tools_img_wp li div {
	background: url('../img/right.png') no-repeat;
	background-position: center top;
	height: 80px;
}
.tools_img_wp li:nth-child(2) div {
	background: url('../img/down.png') no-repeat;
	background-position: center top;

}
.tools_img_wp li div span {
	display: block;
	color: #4a7ebb;
	margin-top: 55px;
}
.tools{
	width: 90%;
	/*width: 100px;*/
	/* height: 25px; */
	line-height: 22px;
	margin-top: 15px;
	cursor: move;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: center;
}
div[data-type="processStart"], div[data-type="processEnd"]{
	margin-top: 8px
}
.tools.J_line {
	background-image: url('../img/arrow_right_click.png');
	background-repeat: no-repeat;
	background-size: 50px 20px;
	background-position: center 4px;
	/* width:  */
}
.tools.J_line.active {
	background-image: url('../img/arrow_right_click_active.png');
}
.tools.J_line p {
	height: 20px;
	line-height: 20px;
	text-align: center;
	margin-top: 30px;
}
.tools-click {
	cursor: pointer !important;
}
/* .tools.active{
	background: url(../BaseNewPage_files/arrow_right_click_active.png) no-repeat;
	background-size: 30px 20px;
	background-position: 14px center;
} */
/* .tools-group:nth-of-type(2) li:first-child div.active{
	background-image: url(./down_active.png);
	background-repeat:  no-repeat;
	background-size: 30px 30px;
	background-position: center top;
}
.tools-group:nth-of-type(2) li:nth-child(2) div.active{
	background-image: url(./right_active.png);
	background-repeat:  no-repeat;
	background-size: 30px 30px;
	background-position: center top;
} */

/*虚线*/
.tools.J_dotted_line {
	background-image: url('../img/arrow_dash_click.png');
	background-repeat: no-repeat;
	background-size: 50px 20px;
	background-position: center 4px;
	/* width:  */
}
.tools.J_dotted_line.active {
	background-image: url('../img/arrow_dash_click_active.png');
}
.tools.J_dotted_line p {
	height: 20px;
	line-height: 20px;
	text-align: center;
	margin-top: 30px;
}


/*--------------组件样式---------------*/
.ui-resizable-helper{
	border: 1px dashed #8EA4C1;
	z-index: 1100;
}


.control.cur{
	z-index: 99;
	border: 1px solid #8a96ea;
	cursor: move;
	background-color: #8a96ea;
}

/*组件选中的样式*/
.commonChosen {
	display: none;
}
.cur .commonChosen{
	display: block;
	position: absolute;
	background-color: #8a96ea;
}
.cur .upChosen{
	top: -5px;
	left: -5px;
	width: calc(100% + 10px);
	height: 5px;
}
.cur .downChosen{
	bottom: -5px;
	left: -5px;
	width: calc(100% + 10px);
	height: 5px;
}
.cur .leftChosen{
	top: -5px;
	left: -5px;
	height: calc(100% + 10px);
	width: 5px;
}
.cur .rightChosen{
	top: -5px;
	right: -5px;
	height: calc(100% + 10px);
	width: 5px;
}


.control .ui-resizable-handle{
	display: none !important;
}

.control .rs_remove{
	display: none;
	position:absolute;
	right:1px;top:1px;
	width:15px;height:15px;
	overflow:hidden;
	cursor:pointer;
	background:url('../img/delModel.svg') no-repeat 0px 0px;
	background-size: 100% 100%;
	background-color: #fff;
}

.control.cur .ui-resizable-handle,
.control.cur .rs_remove{
	display: block !important;
}
.control .ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 0;
	bottom: -5px;
	left: 0;
}
.swimlaneX .ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 85px;
	bottom: -5px;
	left: 0;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
	-ms-touch-action: none;
	touch-action: none;
}
.control .ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 0;
}
.three_system {
	display: block;
	position: absolute;
	bottom: 8px;
	left: 4px;
	width: 100px!important;
	height: 14px;
	font-size: 12px;
	text-align: left!important;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
	/*background-image: url('../img/zeze.png');*/
	/*background-size: 100% 100%;*/
}
.three_point {
	display: block;
	position: absolute;
	bottom: 4px;
	right: 4px;
	width: 12px!important;
	height: 12px;
	background-image: url('../img/zeze.png');
	background-size: 100% 100%;
}
.processDel,
.systemDel,
.documentDel{
	display: inline-block;
	vertical-align: top;
	padding: 0 8px;
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	background-color: #60a7e6;
	color: #fff;
	margin-right: 5px;
	margin-bottom: 5px;
	padding-right: 20px;
	border-radius: 3px;
	position: relative;
}
.swimlaneY .ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 35px;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
	-ms-touch-action: none;
	touch-action: none;
}

.ui-icon-gripsmall-diagonal-se {
	background-position: -64px -224px;
}
.ui-icon, .ui-widget-content .ui-icon {
	/*background-image: url(../images/ui-icons_444444_256x240.png);*/
}
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}
.control {
	font-size: 13px;
	color:#555555;
	width: 100px;
	height: 46px;
	position: absolute !important;
	cursor: default;
	border: 1px solid transparent;
	z-index: 2;
	transform-origin: left top;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.control[data-type="spliceGroup"]{
	z-index: 1!important;
	border: 1px dashed #000;
}

.control[data-type="spliceGroup"] img{
	display: none;
}

.control img{
	width: 100%;
	height: 100%;
}

.control-mark{
	border: 1px solid;
}

.control .text{
	width: 100%;
	height: 100%;
	display: table;
	position: absolute;
}
.shadow[data-type="processTask"]  .text{
	width: 97%;
}
.control[data-type="process02"] .text{
	width: 72%;
	left: 14%;
	/* right: 0; */
	/* margin: auto; */
}
.control[data-type="processTask"] .text,
.control[data-type="processIt"] .text{
	display: block;
}
.control .text span{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width:100%;
	word-break: break-all;
}
.control[data-type="approveRules"] .text{
	height: 60%;
}
.control[data-type="process15"] .text{
	width: 83%;
}
.control[data-type="triggerDown"] .text{
	height: 50%;
	top: 30%;
}
.control[data-type="notify"] .text{
	height: 56%;
	top: 40%;
}
.text .first-line{
	display: table;
	width: 100%;
}
.text .first-line div{
	display: table-cell;
	vertical-align: middle;
}
.text .first-line,.text div:nth-child(2) {
	/* width: 100%; */
	height: 30%;
	line-height: 1;
}
/* .text .first-line{
	height: 12px;
} */
.text .first-line .index, .text .first-line .role {
	height: 100%;
	/* line-height: 22px; */
	box-sizing: border-box;
	text-align: center;
}
.text .interfaceProcess{
	width: 80%;
	height: 100%;
	margin: 0 auto;
	border-left: 2px solid #000;
	border-right: 2px solid #000;
}
.applert {
	background-color: #fff;
	width: 260px;
	padding: 15px;
	position: fixed;
	top: 8%;
	left: 50%;
	margin-left: -130px;
	z-index: 10040;
	border: 1px solid;
	border-radius: 3px;
	text-align: left;
	opacity: 0;
	visibility: hidden;
	-webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.applert.in {
	visibility: inherit;
	opacity: 1;
}

.alert-success {
	border-color: #5cb85c;
	color: #5cb85c;
}

.alert-warn {
	border-color: #E26700;
	color: #E26700;
}

.alert-danger {
	border-color: #E63110;
	color: #E63110;
}
.text p {
	/*display: flex;*/
	/*align-items: center;*/
	/*justify-content: center;*/
	text-align: center;
	line-height: 18px;
	margin: 0;
	height: 80%;
	word-break: break-all;
	width: 100%;
	overflow: hidden;
	border-top: 2px solid #000000;
}
.text p {
	height: 70%;
}
.text p.process15,
.text .first-line.process15 {
	margin-left: 2%;
	width: 83%;
}
.control-label{
	background: #fffd66;
	border-radius: 3px;
	/* box-shadow:1px 1px 2px rgba(148,170,194,2); */
	box-shadow: 0 -5px 15px rgba(0,0,0,.5);
}


.control-plan{
	width: 80px;
	height: 80px;
	border: 1px solid #4a7ebb;
	background: linear-gradient(to bottom , #e3edff , #a7c6ff);
	background-color: #c8dbff;
	border-radius:8px;
}

.plan-tab{
	width: 100%;
	height: 100%;
	table-layout: fixed;
	text-align: center;
}
.plan-tab td{
	overflow: hidden;
}
.plan-title{
	border-right: 1px solid #4a7ebb;
}
.plan-cnt{
	border-top: 1px solid #4a7ebb;
	height: 60%;
}
.J_editAttr {
	color: #555555;
}
.shadow[data-type="notify"],
.shadow[data-type="processIt"],
.shadow[data-type="notify"] .J_editAttr, .shadow[data-type="processIt"] .J_editAttr{
	color: #fff;
}
.table {
	padding: 5px 20px;
	box-sizing: border-box;
}
.attr-table{
	width: 100%;
	color: #666;
	margin-bottom: 10px;
	table-layout: auto;
}
.attr-table td{
	min-height: 50px;
}
.attr-table td textarea{
	width: 100%;
	display: block;
	box-sizing: border-box;
	height: 50px;
	border: 1px solid #cfcfcf;
	outline: none;
	resize: none;
	border-radius: 5px;
}
.attr-table tr td:first-child {
	width: 25%;
	text-align: right;
	font-size: 12px;
	color: #272727;
	padding: 5px 0px;
	padding-right: 10px;
	vertical-align: middle;
}
.attr-table tr#confirm td {
	display: block;
	width: 400%;
	padding-top: 12px;
	text-align: center;
}
.attr-table tr td:nth-child(2) {
	width: 75%;
	text-align: left;
	padding: 5px 0px;
}
.attr-table td input {
	width: 100%;
	border: 1px solid #cfcfcf;
	border-radius: 5px;
	outline: none;
	display: block;
	box-sizing: border-box;
}
.attr-table-inp{
	border: 1px solid  #efd586;
	color: #666;
	width: 70px;
	padding: 5px 10px;
}
.attr-table-model{
	width: 72%;
}
#manage_people span {
	display: block;
	float: left;
}
#manage_people span:first-child {
	padding: 4px 8px;
	font-size: 12px;
	color: #fff;
	background: rgb(96, 167, 230);
}
#manage_people span i, #about_sys span i,
.commonFileName i {
	display: inline-block;
	width: 8px;
	margin-left: 3px;
	height: 8px;
	background-image: url('../toolsImg/close_white.png');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	cursor: pointer;
	position: absolute;
	top: 6px;
	right: 5px;
}
#opeart span:first-child {
	font-size: 12px;
	line-height: 23px;
	color: rgb(96, 167, 230);
}
#manage_people span:last-child, #opeart span:last-child {
	padding: 5px 10px;
	font-size: 12px;
	float: right;
	color: rgb(96, 167, 230);
	border: 1px solid rgb(96, 167, 230);
}
#confirm {
	text-align: center;
	height: 50px;
}
#confirm span.confirm {
	margin-top: 20px;
	padding: 5px 48px;
	background: rgb(23, 106, 180);
	color: #fff;
	font-size: 12px;
	cursor: pointer;
}

/*-------------泳道------------------*/
.swimlane-box{
	overflow: hidden;
}
.swimlane-box .cur{
	/*z-index: 910;*/
	border-color: #8494DA;
	border: 1px solid #8494DA;
}

.swimlane-box .cur .swimlane-title{
	border-color: #8494DA;
	border: 1px solid #8494DA;
}

.shadow.swimlane-title{
	border: 1px solid #adabab!important;
	background-color: #aed4f8!important;
}

.delImg{
	display: none;
	position: absolute;
	left: 10px;
	top: 4px;
	width: 15px;
	height: 15px;
	overflow: hidden;
	cursor: pointer;
	background: url(../img/delModel.svg) no-repeat 0px 0px;
	background-size: 100% 100%;
	background-color: #fff;
	z-index: 999;
}
.cur .delImg {
	display: block;
}

/* 部门选择之后的显示 */
.swimlane-title .showMemberTitle{
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	line-height: 20px;
	text-align: center;
	transform-origin: left top;
	transform: translate(-50%, -50%);
}
.swimlaneX-list,
.swimlaneY-list{
	position: absolute;
	/*overflow: hidden;*/
}

.swimlane-title{
	box-sizing: border-box;
	background: #ffffff;
	color: #000;
	font-size: 14px;
	line-height: 25px;
	overflow: hidden;
	cursor: move;
	white-space: inherit;
	word-break: break-all;
	position: relative;
}

.noChooseleader .swimlane-title span{
	position: absolute;
	top: 50%;
	left: 50%;
	line-height: 20px;
	text-align: center;
	transform-origin: left top;
	transform: translate(-50%, -50%);
}

.timeLine{
	box-sizing: border-box;
	width: 35px;
	height: 100%;
	border: 1px solid #888888;
	color: #000;
	font-size: 14px;
	text-align: center;
	cursor: move;
	background-color: #eaeaea;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 9999;
	transform-origin: bottom left;
	word-break: break-all;
	display: flex;
	justify-content: center;
	align-items: center;
}


.surChooseLeaders{
	position: absolute;
	bottom: 10px;
	left: 85px;
	/*width: 25px;*/
	width: 16px;
	text-align: center;
	display: inline-block;
	vertical-align: top;
	/*height: 25px;*/
	height: 20px;
	z-index: 999;
}

.surChooseLeaders img {
	height: 100%;
	margin: 0 auto;
	width: 100%;
	vertical-align: top;
}

.surChooseLeaders button{
	outline: none;
}
.surChooseLeadersAdd{
	cursor:pointer;
	position: absolute;
	bottom: 10px;
	left: 10px;
	width: 18px;
	text-align: center;
	display: inline-block;
	vertical-align: top;
	height: 18px;
	z-index: 999;
}
.approval-time{
	width:100%;
	height: 32px;
	display: flex;
	z-index: 9999 !important;
	line-height: 32px;
	text-align: center;
}
.approval-time-tr{
	width: 115px;
	background-color: #eaeaea;
}
.pproval-time-td{
	flex: 12;
}
.ico_icon-dingdan ,.ico_icon-attribute{
	cursor: pointer;
	display: block;
	/*width: 58px;*/
	text-align: center;
	border-bottom: 1px solid #999;
}
.ico_icon-dingdan i,.ico_icon-attribute i{
	display: block !important;
	margin-left: 12px;
}

.ico_icon-dingdan span,.ico_icon-attribute span{
	font-size: 14px;
	color: #848587;
}
.surChooseLeadersAdd img {
	height: 100%;
	margin: 0 auto;
	width: 100%;
	vertical-align: top;
}
.surChooseLeadersAddX{
	cursor:pointer;
	position: absolute;
	bottom: 2px;
	right: 10px;
	width: 18px;
	text-align: center;
	display: inline-block;
	vertical-align: top;
	height: 18px;
	z-index: 999 !important;
}


.surChooseLeadersAddX img {
	height: 100%;
	margin: 0 auto;
	width: 100%;
	vertical-align: top;
	z-index: 999 !important;

}
/*-----------------横泳道开始----------------------*/



.swimlaneX{
	position: relative;
	box-sizing:border-box;
	width: 100%;
	height: 150px;
	display: block;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border-left: 0;
}
.swimlaneX .swimlane-title{
	padding: 5px;
	width: 115px;
	height: 100px;
	border-right: 1px solid #88a3bd;
	border-bottom: 1.5px solid #888888;
}

.noChooseleader .swimlane-title {
	width: 90px;
}

.swimlaneX .swimlane-content{
	border: 1.5px solid #adabab;
	border-bottom: 0;
	border-right: 0;
	width: 100%;
	height: 100%;
	position: absolute;
	top: -1px;
	left: 0;
}

.swimlaneX .timeLine {
	transform-origin: top right;
}

/*-----------------横泳道结束----------------------*/

/*-----------------竖泳道开始----------------------*/

.swimlaneY{
	position: relative;
	box-sizing:border-box;
	width: 150px;
	height: 100%;
	border-top: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	float: left;
	margin-left: -1px;
}

.swimlaneY .showMemberTitle p {
	font-size: 12px;
	margin: 5px 0 0;
	line-height: 16px;
}

.swimlaneY .swimlane-title{
	padding: 0 10px;
	width: 100%;
	height: 35px;
	border-left: 1.5px solid #adabab;
	border-bottom: 1px solid #adabab;
}
.chooseleader .swimlane-title {
	height: 90px;
}


.swimlaneY .surChooseLeaders{
	left: auto;
	bottom: auto;
	top: 58px;
	right: 10px;
}

.swimlaneY .surChooseLeadersAdd{
	left: 10px;
	bottom: auto;
	top: 58px;
}

.swimlaneY .swimlane-content{
	border: 1.5px solid #adabab;
	border-left: 0;
	width: 100%;
	height: 100%;
}

.swimlaneY .border-bct {
	border-bottom-color: transparent;
}

.swimlaneY .timeLine {
	width: 100%;
	height: 35px;
	line-height: 35px;
	top: auto;
	right: auto;
	left: 0;
	bottom: 0;
}

.swimlaneY .rightImgPart{
	height: 35px;
	position: absolute;
	top: 0;
	right: 0;
}

.swimlaneY .rightImgPart div{
	width: 0;
	height: 0;
	position: absolute;
	top: 0;
	right: 0;
	border: 17.5px solid #fff;
	border-left-width: 10px;
	border-left-color: transparent;
	border-right-width: 0;
}

.swimlaneY .leftImgPart{
	height: 35px;
	position: absolute;
	top: 0;
	left: 0;
}

.swimlaneY .leftImgPart div{
	width: 0;
	height: 0;
	position: absolute;
	top: 0;
	left: 0;
	border: 17.5px solid #fff;
	border-top-color: transparent;
	border-right-width: 0;
	border-bottom-color: transparent;
	border-left-width: 10px;
}


.chooseleader .rightImgPart,
.chooseleader .leftImgPart {
	height: 90px;
}

.chooseleader .rightImgPart div {
	border: 45px solid #fff;
	border-left-width: 10px;
	border-left-color: transparent;
	border-right-width: 0;
}

.chooseleader .leftImgPart div {
	border: 45px solid #fff;
	border-top-color: transparent;
	border-right-width: 0;
	border-bottom-color: transparent;
	border-left-width: 10px;
}

/*-----------------竖泳道结束----------------------*/


/*------------------------------辅助线对齐----------------------*/
.guide{
	display: none;
	position: absolute;
	left: 0;
	top: 0;
}

#guide-h{
	border-top: 1px dashed #e0a408;
	width: 100%;
}

#guide-v{
	border-left: 1px dashed #e0a408;
	height: 100%;
}
/*------------------------------辅助线对齐----------------------*/


/* 页面属性 */
.attrWrapper {
	/* height: 100%; */
	/*position: absolute;*/
	margin-top: 80px;
	right: 14px;
	top: 1px;
	z-index: 9999;
	/*width: 60px;*/
	border-left: 1px solid #999999;
}
.GooFlow_head .GooFlow_head_btn span {
	/* width: 50px !important; */
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.btn_wrapper {
	background: #fff;
	/* box-shadow: -3px -3px 2px #cfcfcf; */
	/* float: left; */
	width: 100%;
	display: flex;
	/*height: 40px;*/
	/*line-height: 28px;*/
	flex-direction: column;
}
.btn_wrapper li {
	padding-left: 6px;
}
.btn_wrapper li:hover {
	background-color: #cfcfcf;
}
.btn_wrapper li:first-child {
	padding:0;
	/*height: 12px;*/
	background: #d9edff;
}
.btn_wrapper li i{
	/* background: #fff; */
	width: 16px;
	height: 16px;
	cursor: pointer;
	display: table-cell;
	vertical-align: middle;
	text-align: center;

}
.btn_wrapper li .icon-attribute {
	font-size: 18px;
}
.btn_wrapper li .icon-dingdan {
	font-size: 21px;
}
/* .btn_wrapper li a:hover {
	background: #c9dff3;
} */
.btn_wrapper li i.active {
	color: #1c87e5;
}
.content_wrapper {
	position: absolute;
	top: 80px;
	right: 35px;
}
.content_wrapper .content_item h4 {
	height: 30px;
	line-height: 30px;
	padding-left: 20px;
	font-size: 12px;
	background: #eaeef1;
	text-align: left;
	margin: 0;
	font-weight: normal;
	border-bottom: 1px solid #cfcfcf;
}
.content_wrapper .content_item {
	background: #fff;
	border-radius: 4px;
	box-shadow: -5px 5px 3px #cfcfcf;
	/* height: 80%; */
	overflow: hidden;
}
.content_wrapper .content_item .process_body{
	max-height: calc(100vh - 150px);
	overflow-y: auto;
	overflow-x: hidden;
	margin-bottom: 10px;
}
.checkActivity{
	max-height: calc(100vh - 80px)!important;
}
#backToBefore {
	position: fixed;
	top: 48px;
	left: 50%;
	display: none;
	transform: translateY(-50%);
}
.header p {padding:0 10px;display: inline-block;font: 16px/30px "微软雅黑";margin-right: 20px;text-align: center;color:#666;}
.content {margin-top: 10px;}
.flie {
	margin-bottom: 10px;
	overflow: hidden;
}
.flie p {
	float: left;
	width:60px;
	height: 30px;
	font: 14px/40px "微软雅黑";
	text-align: left;
	/* padding-right: 5px; */
	color:#666;
	float: left;
}
.flie input {
	float: left;
	width: 65px;
	border: 1px solid #efd586;
	/* margin-left:4px; */
	padding: 5px;
}
.footer {width: 250px;height: 150px;}
.footer a {color: #6ea0d1;font: 12px/40px "微软雅黑";cursor: pointer;}
.hst {float: right;margin-right: 20px;}
.lc {float: right;margin-right: 40px;margin-top: 30px;}


.mask{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.mask img {
	width: 170px;
	height: 260px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}
.leftRightBtn {
	display: block;
	width: 12px;
	height: 12px;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	position: absolute;
	cursor: pointer;
	top: 85px;
	z-index: 9999;
}
.leftRightBtn.unactive {
	background-image: url('../toolsImg/both-click.png');
	left: 210px;
}
.leftRightBtn.active {
	left: 54px;
	background-image: url('../toolsImg/bothclick_r.png');
}

.line_ico {
	display: block;
	width: 16px;
	height: 9px;
	background-image: url('../img/arrowtoright.png');
	background-repeat: no-repeat;background-size: 100% 100%;
	/* background: #000; */
	position: absolute;
	z-index: 999;
	cursor: pointer;
}

.noJiedian {
	width: 300px;
	height: 80px;
	line-height: 80px;
	text-align: center;
	border-radius: 8px;
	margin: 20px auto;
	font-size: 12px;
	margin-bottom: 30px;
	border: 1px dashed #cfcfcf;
}

.addVersionBtn {
	width: 120px;
	color: #fff;
	background: rgb(238, 152, 41);
	text-align: center;
	margin: 15px 0;
	cursor: pointer;
	vertical-align: middle;
	margin-left: 28px;
}
.addVersionBtn span:last-child{
	display: inline-block;
	height: 25px;
	line-height: 15px;
	font-size: 12px;
	line-height: 25px;
}
.addVersionBtn span:first-child {
	font-size: 18px;
	display: inline-block;
	height: 25px;
	line-height: 25px;
	padding-right: 5px;
}
#history_version li {
	border-top: 1px solid #cfcfcf;
	padding: 5% 10%;
}
#history_version li:last-child {
	border-bottom: 1px solid #cfcfcf;
}
#history_version li p {
	margin-top: 10px;
	font-size: 12px;
}
#history_version li p:nth-child(3) {
	margin-top: 15px;
}
#history_version li p:after {
	content: '';
	display: block;
	clear: both;
}
#history_version li p:first-child span:first-child {
	color: rgb(23, 106, 180);
	float: left;
}
#history_version li p:first-child span:nth-child(2) {
	float: right;
	font-size: 14px;
}
#history_version li p:nth-child(3) span:first-child {
	float: left;
}
#history_version li p:nth-child(3) span:nth-child(2) {
	float: right;
}
#history_version .remove {
	display: inline-block;
	width: 12px;
	height: 12px;
	background: url('../toolsImg/close_gray.png');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	cursor: pointer;
}
.historyVesnContent {
	width: 80%;
	margin: 10px auto;
	margin-bottom: 20px;
	border: 1px dashed #cfcfcf;
	padding: 10px 20px;
	display: none;
}
.historyVesnContent p {
	width:258px;
	padding: 10px;
	padding-right: 0;
	margin: 0;
	float:left;
}
.historyVesnContent input, .historyVesnContent textarea {
	border: 1px solid #cfcfcf;
	outline: none;
	width: 100%;
	height: 26px;
	padding-left: 10px;
	font-size: 12px;
}
.historyVesnContent textarea  {
	height: 50px;
	padding-top: 10px;
	resize: none;
}
.historyVesnContent p:last-child {
	text-align: center;
}
.historyVesnContent p:last-child span {
	display: inline-block;
	width: 60px;
	font-size: 12px;
	height: 22px;
	line-height: 22px;
	margin-right: 10px;
	cursor: pointer;
	background: rgb(23, 106, 180);
	color: #fff;
}

.process_head {
	background: rgb(234, 238, 241);
}
.process_head:after {
	content: '';
	display: block;
	clear: both;
}
.process_head li {
	float: left;
	width: 11%;
	text-align: center;
	height: 32px;
	line-height: 32px;
	cursor: pointer;
	font-size: 12px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
#pointAttr li {
	padding: 0 5px;
	min-width: 15%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
#pointAttr li[data-class="addKeyControl"]{
	min-width: 17%;
}
.process_head li.active {
	background: #fff;
}

.process_tab_1 {
	width: 100%;
	box-sizing: border-box;
	padding: 0 15px;
}
.process_line {
	margin-top: 10px;
}
.process_line:after {
	content: '';
	display: block;
	clear: both;
}
.process_line .process_item {
	width: 50%;
	overflow: hidden;
	float: left;
}
.isModelListBoDtos .outModelListBoDtos {
	display: none;
}
.separate .process_item {
	width: 50%!important;
}
.separate .process_line {
	padding-left: 10px;
	margin: 0;
}
.separate .process_item label {
	width: 65px;
}
.separate .process_item input {
	width: 90px;
}
#process_1 span{
	display: inline-block;
	margin-left: 5px;
	margin-bottom: 2px;
	padding: 6px 5px 6px 10px;
	font-size: 12px;
	background: rgb(96, 167, 230);
	color: #fff;
}
.process_item label {
	display: block;
	width: 80px;
	height: 28px;
	/*line-height: 24px;*/
	font-size: 12px;
	float: left;
	padding-right: 6px;
	box-sizing: border-box;
	text-align: right;
}
.process_item input, .process_item textarea {
	width: 235px;
	display: block;
	box-sizing: border-box;
	float: left;
	height: 24px;
	padding-left: 10px;
	border: 1px solid #cfcfcf;
	outline: none;
	resize: none;
}
.w50Right{
	width: 235px;
}
.process_item textarea {
	height: 60px;
}
.process_item .w100 {
	width: 562px;
}
.another .another_ctnt {
	float: left;
}
.another .another_ctnt span {
	display: inline-block;
	vertical-align: top;
	margin-left: 5px;
	padding: 6px 5px 6px 10px;
	font-size: 12px;
	background: rgb(96, 167, 230);
	color: #fff;
}
.history_version {
	max-height: 400px;
	overflow: auto;
}
/* .another .another_ctnt span:last-child {
	padding: 4px 15px;
	font-size: 12px;
	background: #fff;
	border: 1px solid rgb(96, 167, 230);
	color: rgb(96, 167, 230);
	float: right;
	cursor: pointer;
} */
/* .another .another_ctnt span i {
	display: inline-block;
	width: 8px;
	height: 8px;
	cursor: pointer;
	margin-left: 4px;
	background-image: url('../toolsImg/close_white.png');
	background-size: 100% 100%;
} */
.process_confirm {
	display: block;
	margin: 0 auto;
	width: 150px;
	height: 24px;
	line-height: 24px;
	margin-top: 25px;
	margin-bottom: 30px;
	text-align: center;
	cursor: pointer;
	font-size: 12px;
	color: #fff;
	background: rgb(23, 106, 180);
}
#menu {
	width: 180px;
	box-sizing: border-box;
	color: #000;
	font-size: 12px;
	background: #f8f8f8;
	border-radius: 5px;
	position: fixed;
	z-index: 999999;
}
.menu {
	padding: 8px;
	padding-left: 14px;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	cursor: pointer;
}
.menu:hover {
	background: #cecece;
}
#menu .commitFile form{
	padding: 8px;
	padding-left: 14px;
}
#menu .commitFile .outUploadFile {
	cursor: pointer;
}
#menu .commitFile:hover {
	background: #cecece;
}
.ctable {
	padding: 10px 20px;
	font-size: 12px;
}
.ctable thead {
	font-weight: bold;
}
.ctable td {
	text-align: center;
}
.pagination_table {
	text-align: right;
}

.J_navTabs>li {
	position: static!important;
}
.pagination {
	float: right;
}
.pageInfo {
	height: 30px;
	line-height: 30px;
	float: right;
	margin: 20px;
}
.pageInfo span {
	padding: 0 4px;
	color: red;
}
.table {
	margin-bottom: 0!important;
}
.layoutFixed{
	table-layout: fixed;
}
.table .kcp {
	color: blue;
}
.table .person {
	vertical-align: middle;
}
.table .person span{
	display: inline-block;
	min-width: 50px;
	height: 24px;

	line-height: 24px;
	color: #fff;
	background: rgba(0, 147, 216);
	padding: 0 8px;
	margin-right: 5px;
	margin-bottom: 3px;
}
.table .system {
	display: inline-block;
	min-width: 50px;
	height: 24px;
	line-height: 24px;
	color: #fff;
	background: rgba(255, 204, 102);
	padding: 0 8px;
	margin-right: 5px;
	margin-bottom: 3px;
}
.table .operate_book {
	color: blue;
}
.ctable td {
	padding: 3px!important;
}
.ctable thead td {
	min-width: 50px!important;
}
.nav>li>a {
	padding: 0;
}

.nav>li {
	position: static!important;
	display: block;
}

.output_ span, .input_ span {
	display: block!important;
}

/*选择附件提交的功能*/
.commitFile{
	padding-right: 50px!important;
	position: relative;
	min-height: 35px;
}
.message-form .commitFile{
	padding-right: 65px!important;
}
.commitFile p,
.uploadregutions p{
	margin: 0;
	min-height: 25px;
}

.commitFile .commonFileName,
.uploadregutions .commonFileName{
	display: inline-block;
	vertical-align: top;
	padding: 0 8px;
	min-height: 20px;
	line-height: 20px;
	font-size: 12px;
	background-color: #60a7e6;
	color: #fff;
	margin-right: 5px;
	margin-bottom: 5px;
	padding-right: 20px;
	position: relative;
	max-width: 200px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;

}
.commitFile .commonFileName a ,
.uploadregutions  .commonFileName a{
	color: #fff;
}
.leadersDel {
	display: inline-block;
	vertical-align: top;
	padding: 0 8px;
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	background-color: #60a7e6;
	color: #fff;
	margin-right: 5px;
	margin-bottom: 5px;
	padding-right: 20px;
	border-radius: 3px;
	position: relative;
}
.checkedList .leadersDel {
	margin-top: 5px;
}
.uploadregutions{
	position: relative;
	min-height: 35px;
}

.commitFile .rightChoose,
.uploadregutions .rightChoose{
	position: absolute;
	right: 0;
	top: 5px;
	padding: 0 12px;
	height: 25px;
	font-size: 12px;
	color: #409eff;
	line-height: 25px;
	text-align: center;
	background: #ecf5ff;
	border: 1px solid #b3d8ff;
	border-radius: 4px;
	cursor: pointer;
}
.commitFile:hover .rightChoose:hover, .uploadregutions:hover .rightChoose:hover {
	background-color: #409eff;
	color: #fff;
}
.commitFile form input,
.uploadregutions div input{
	width: 100%;
	height: 100%;
	opacity: 0;
	-moz-opacity: 0;
	-webkit-opacity: 0;
	filter:alpha(opacity=0);
	position: absolute;
	top: 0;
	left: 0;
}

.importFile{
	position: absolute;
	top: 0;
	left: 210px;
	filter:alpha(opacity=0);
	z-index: 9999;
	cursor: pointer;
}
.importFile input{
	width: 40px;
	height: 40px;
	opacity: 0;
	-moz-opacity: 0;
	-webkit-opacity: 0;
	filter:alpha(opacity=0);
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;
}

#about_sys .commonFileName{
	background-color: rgb(238, 152, 41);
}

/*垂直方向顶部对齐*/
.align-top{
	vertical-align: top;
}
/*行高25px*/
.lineHeight25px{
	line-height: 25px;
}

.inline-block{
	display: inline-block;
	vertical-align: top;
}


/*自定义css样式*/
.commonCircle{
	display: none;
	position: absolute;
	width: 10px;
	height: 10px;
	margin: auto;
	border: 1px solid #000;
	background-color: #fff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	cursor: crosshair;
}
.control:hover .commonCircle{
	display: block;
}
/*上圆圈*/
.topCircle{
	left: 0;
	right: 0;
	top: -5px;
}
/*左圆圈*/
.leftCircle{
	top: 0;
	bottom: 0;
	left: -5px;
}
/*下圆圈*/
.bottomCircle{
	left: 0;
	right: 0;
	bottom: -5px;
}
/*右圆圈*/
.rightCircle{
	top: 0;
	bottom: 0;
	right: -5px;
}
textarea:disabled, input:disabled {
	background: #f8f8f8;
	border: 1px solid #cecece;
	cursor: not-allowed!important;
}
.iconfont {
	font-family:"iconfont" !important;
	font-size:16px;
	font-style:normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

@font-face {font-family: "iconfont";
	src: url('iconfont.eot?t=1542880978937'); /* IE9*/
	src: url('iconfont.eot?t=1542880978937#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAdUAAsAAAAACzwAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAARAAAAFY8gk1sY21hcAAAAYAAAACWAAAB+ucAbgZnbHlmAAACGAAAAu8AAAQkf3hPCGhlYWQAAAUIAAAALwAAADYTWIOhaGhlYQAABTgAAAAcAAAAJAfeA4pobXR4AAAFVAAAAA4AAAAkJAAAAGxvY2EAAAVkAAAAFAAAABQE7gXmbWF4cAAABXgAAAAeAAAAIAEcAGtuYW1lAAAFmAAAAUUAAAJtPlT+fXBvc3QAAAbgAAAAcQAAAKAJGz7EeJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2BkYWCcwMDKwMHUyXSGgYGhH0IzvmYwYuRgYGBiYGVmwAoC0lxTGBye8byuYm7438AQw9zA0AAUZgTJAQDnkwxueJztkcENwjAMRV9KCRWqEGIONugiDNFKnHvmxCjtoVu5hw5RvmMODIGtF+lbyY/kDxyBg7iLGtKbhNdL01TmB85lXvOQvtBQka21zmZb1mEb9x2KnqT70D+V9Mb7qr5JV3Ks9W/iJK+sC5l/teV8flXjGw20L6wLPCmbAk/L5sBTtCXw1NY+0IZZh8A9tzEgfwBnJi1DAAB4nHVTz2vUUBB+M3GT3aybbDabjZv+kJd1E2igxWR3g7a0hS69SpWKIPRqRfFgPYrk4EXxaNWDxwriii1IPZZeasF7/4OqUC+FnpM6yXbrDzSQmcl733sz830Tlmf0CI8EleWZxiw2xi6zeXaVLTHWVKBa8zstRxgE0iAAroCkjYLJpyHUxkGvig1uO65Gn3wUDKmRIichO/SfGOZK5bKlaaU/HGzG+34XsevjcNAF6BZsK96v2wB2HYct+8Uh4UqHJTrwj+gI0jusMtw+CT6eLtCN8X52Y4DDfje+Z9m2hcP9m6f+gg88UZPx08RDVmeczTIGruNBOA62KBkNMsRCwP1OqLWa0+DXTKMBXAuMUeoxbI9D46ItjoACRE6bG2nvwshdSX4N0LrSghuyAqDIeI58chNqjRoswEpizWS7oBSLarYIWl66hvyOJDi+T3oU4/eyqspwID8sG0ZZiN+jvdkMguZyUVWLy6phqJtXxQLL6j/eFraFWVakDlyqn5Qj4abTHnTxjOtg2LlgjoIkNtstJ23ITCV2kW3FuVy8ldm1ueTry9WVqTkYehk9tKTkQ2WoAl/kul4QZgcgsvHG6v3JFPR8ZfLSjydOdFTS9VJy9KWgWzKDlEt8ipMsR9PlhqZk4vLODl9bW/9M9k263ccs4UKKAVNyQxdeZRhcGIAKmSbXsUfd5dlZmluDehshfZp0pmEEodFoByE3eGjwNm9yjesa1yBIlw3aJ432Fhe9Xq+X7IE3lkQQJQyjOPLQO2bvsgcWo+jdXuR55OMIF+M99JKeF3nRWFZiZj7hLeJ1hLJqVbE//37tPKYETkBIQ26rIFbhacoWkBnHHdnS5fV1mfjYzeN88kCpVBR4RvYAPhf0uryxkbK6W7AYE09zAHWaYxKrMidlpS2ZUtsMadq0dLLaWqsjORNA6lXPk5D0j85AB94iuoi7pX7qSgj53ZPk1Tolh8eICPR+ryi/yvhWoty/lUEV/ATL28e2AHicY2BkYGAA4jnvfr2J57f5ysDNwgACN2TmX0LQ/w+wMDA7ALkcDEwgUQBvbgv7AHicY2BkYGBu+N/AEMPCAAJAkpEBFXACAEcPAnJ4nGNhYGBgIYABAvQAJQAAAAAAAACQAPABNgFIAVoBnAHOAhJ4nGNgZGBg4GSIB2IQYAJiLiBkYPgP5jMAABNTAYgAAHicZY9NTsMwEIVf+gekEqqoYIfkBWIBKP0Rq25YVGr3XXTfpk6bKokjx63UA3AejsAJOALcgDvwSCebNpbH37x5Y08A3OAHHo7fLfeRPVwyO3INF7gXrlN/EG6QX4SbaONVuEX9TdjHM6bCbXRheYPXuGL2hHdhDx18CNdwjU/hOvUv4Qb5W7iJO/wKt9Dx6sI+5l5XuI1HL/bHVi+cXqnlQcWhySKTOb+CmV7vkoWt0uqca1vEJlODoF9JU51pW91T7NdD5yIVWZOqCas6SYzKrdnq0AUb5/JRrxeJHoQm5Vhj/rbGAo5xBYUlDowxQhhkiMro6DtVZvSvsUPCXntWPc3ndFsU1P9zhQEC9M9cU7qy0nk6T4E9XxtSdXQrbsuelDSRXs1JErJCXta2VELqATZlV44RelzRiT8oZ0j/AAlabsgAAAB4nG2LwQ6DIBBEd7WW4sGrn9dgIDKmQlIgAb9e1177DrOZt7vU0Y+R/qO5454fPPCTFb9Y80ja5PzFUrJTFmG1JgwfJA+dvAlrQ3OqwsicNrhLxopQ8Y6zhdjkY5G8j6XMR4G4a7fH5u5n8UQn0OUqCQAAAA==') format('woff'),
	url('iconfont.ttf?t=1542880978937') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
	url('iconfont.svg?t=1542880978937#iconfont') format('svg'); /* iOS 4.1- */
}

.icon-attribute:before { content: "\e6af"; }

.icon-dingdan:before { content: "\e60c"; }

.icon-lishi:before { content: "\e63b"; }

.icon-shangyiye:before { content: "\e6aa"; }

.icon-xiayiye:before { content: "\e6ab"; }

.icon-jieshaoxinxi_o:before { content: "\eb7a"; }

.icon-diyiyeshouyeshangyishou:before { content: "\e76c"; }

.icon-zuihouyiyemoyexiayishou:before { content: "\e76d"; }

.icon-jieshaoxinxi_o {
	font-size: 21px;
}
.closeRightMoal{
	display: inline-block;
	vertical-align: top;
	width: 10px;
	margin-left: 3px;
	height: 10px;
	background-image: url(../toolsImg/close_gray.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	cursor: pointer;
	float: right;
	margin: 9px;
}

#checkActivityss {
	width: 600px;
}
/*模态框选择人员组织*/
.modalDialog, .modalDialogDept, .modalDialogConfirm .modalDialogVersions{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255,255,255, .1);
	z-index: 9999;
}

.modalDialogHistoryVersion,
.modalDialog, .modalDialogProcess,
.modalDialogProcessSee,
.modalDialogRegulations,
.modalDialogRisk,
.modalDialogBusObj,
.modalDialogPost,
.modalDialogCategory,
.modalDialogTool,
.modalDialogSystem,
.modalDialogModel,
.modalDialogProcessCopy .modalDialogVersions,
.modalDialogConfirm,
.modalDialogProcessTable,
.componentDialog {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255,255,255, .1);
	z-index: 99999;
}
.modalDialogProcess .right {
	overflow-x: hidden;
}
.modalDialogProcess th {
	min-width: 100px;
	padding: 2px!important;
}
.tableToolShow,.tableBusObjShow,.tableModelShow {
	overflow: auto;
}
#processSelect,
#riskSelect,
#KSFSelect,
#riskAdd,
#inModelListSelect,
#inModelListAdd,
#outModelListAdd,
.busObjListSelect,
.busObjListDelete,
.KSFListDelete,
.toolListDelete,
#outModelListSelect,
#toolListSelect,
#messageSelect,
.addButton{
	padding: 0 10px;
	height: 25px;
	font-size: 12px;
	color: rgb(96, 167, 230);
	border: 1px solid rgb(96, 167, 230);
	line-height: 25px;
	text-align: center;
	float: right;
	border-radius: 4px;
	cursor: pointer;
	background: #ecf5ff;
}
#processSelect:hover,
#riskSelect:hover,
#KSFSelect:hover,
#riskAdd:hover,
#inModelListSelect:hover,
#inModelListAdd:hover,
#outModelListAdd:hover,
.busObjListSelect:hover,
.busObjListDelete:hover,
.toolListDelete:hover,
.KSFListDelete:hover,
#outModelListSelect:hover,
#toolListSelect:hover,
#messageSelect{
	background-color: #409eff;
	color: #fff;
}
.modelListSelect {
	margin: 10px 0;
	padding: 10px 20px;
	overflow: auto;
}
#submitKeyKSFCtrl,#submitKeyCtrl,#submitInModel,#submitOutModel,#submitTool {
	color: #fff;
	background-color: #409eff;
	border-color: #409eff;
}
#submitKeyKSFCtrl:hover,#submitKeyCtrl:hover,#submitInModel:hover,#submitOutModel:hover,#submitTool:hover{
	background-color: #409effb0;
}
#restKSFBtn:hover,#restBtn:hover,#restInModel:hover,#restOutModel:hover,#restToolBtn:hover {
	background-color: #409eff;
	color: #fff;
}
#restKSFBtn,#restBtn,#restInModel,#restOutModel,#restToolBtn {
	color: rgb(96, 167, 230);
	border: 1px solid rgb(96, 167, 230);
	background: #ecf5ff;
}
.progress_item {
	display: inline-block;
	margin-left: 5px;
	margin-bottom: 2px;
	padding: 6px 5px 6px 10px;
	font-size: 12px;
	background: rgb(96, 167, 230);
	color: #fff;
}
.checkedList {
	max-height: 100px;
	overflow-y: auto;
	min-height: 30px;
	margin: 0 25px;
	margin-bottom: 5px;
	border-bottom: 1px solid #cfcfcf;
}
.modalDialogVersionContrast .dialog-content,
.modalDialog .dialog-content,
.modalDialogProcess .dialog-content,
.modalDialogDept .dialog-content,
.modalDialogRegulations .dialog-content,
.modalDialogRisk .dialog-content,
.modalDialogBusObj .dialog-content,
.modalDialogPost .dialog-content,
.modalDialogHistoryVersion .dialog-content,
.modalDialogCategory .dialog-content,
.modalDialogTool .dialog-content,
.modalDialogSystem .dialog-content,
.modalDialogModel .dialog-content,
.modalDialogProcessCopy .dialog-content,
.modalDialogProcessSee .dialog-content,
.modalDialogConfirm .dialog-content,
.modalDialogProcessTable .dialog-content,
.componentDialog .dialog-content {
	width: 640px;
	height: 455px;
	max-height: 500px;
	background-color: #fff;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	margin: auto;
	z-index: 9999;
	box-shadow: 0 2px 8px rgba(0,0,0,.12);
	-webkit-box-shadow: 0 -2px 8px rgba(0,0,0,.12);
}
.modalDialogVersionContrast {
	display: none;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: rgba(0, 0, 0, .5);
	z-index: 10000;
	overflow: auto;
}
.modalDialogVersionContrast .dialog-content {
	width: 1200px;
	overflow: auto;
	z-index: 1000001;
	background-color: #ffffff;
	height: 600px;
	max-height: 90%;
}
.modalDialogVersionContrast .dialog-content .dialog_body {
	padding: 0;
}
.modalDialogVersionContrast .dialog-content .versionContrast, .modalDialogVersionContrast .dialog-content .versionContrast .versionItem ul {
	overflow: hidden;
}
.modalDialogVersionContrast .dialog-content .versionContrast .versionItem {
	float: left;
	width: 50%;
	padding: 20px 10px 20px 20px;
}
.modalDialogVersionContrast .dialog-content .versionContrast h4 {
	text-align: center;
	font-weight: 600;
	margin: 20px 0;
}
.modalDialogVersionContrast .dialog-content .versionContrast .versionItem img {
	width: 100%;
}
.modalDialogVersionContrast .dialog-content .versionContrast .versionItem ul li {
	float: left;
	margin-right: 30px;
	margin-bottom: 6px;
	font-size: 13px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.modalDialogVersionContrast .dialog-content .versionContrast .versionItem ul li:last-child {
	margin: 0;
}
.modalDialogVersionContrast .dialog-content .tableWrap .header {
	overflow: hidden;
	margin-bottom: 10px;
}

.modalDialogVersionContrast .dialog-content .tableWrap  {
	padding: 20px;
}
.modalDialogModel .dialog-content, .modalDialogRisk .dialog-content{
	width: 888px;
}
.modalDialogBusObj .dialog-content {
	width: 888px;
}
.modalDialogPost .dialog-content {
	width: 600px;
	height: 305px !important;
}
.modalDialogHistoryVersion .dialog-content {
	width: 600px;
	height: 205px !important;
}
.modalDialogHistoryVersion .dialog-content .dialog_wrapper {
	width: 100%;
}
.versionSelectWrap {
	float: left;
	width: 50%;
	margin: 50px 0;
	text-align: center;
}
#postSelectWrap {
	margin: 70px 0;
	text-align: center;
}
#postSelectWrap select, .versionSelectWrap select {
	line-height: 30px;
	height: 30px;
}
.versionSelectWrap select {
	width: 160px;
}
#contrastHighSearch {
	display: none;
	margin: 20px 0;
}

#contrastHighSearch ul {
	overflow: hidden;
	margin-bottom: 0;
}
#contrastHighSearch ul li {
	float: left;
	width: 25%;
	margin-bottom: 10px;
}
#contrastHighSearch ul li input {
	width: 100%;
	border: 1px solid #cfcfcf;
	border-radius: 5px;
	outline: none;
	box-sizing: border-box;
	height: 34px;
	padding: 0 10px;
}
#contrastHighSearch ul li span {
	display: inline-block;
	width: 80px;
}
#contrastHighSearch ul li input {
	width: 160px;
}

.modalDialogConfirm .dialog-content{
	height: 255px;
}
.modalDialogConfirm .dialog-content .dialog_wrapper{
	height: 150px;
}
.modalDialogProcess .dialog-content,
.modalDialogRegulations .dialog-content,
.modalDialogRisk .dialog-content,
.modalDialogBusObj .dialog-content,
.modalDialogPost .dialog-content,
.modalDialogCategory .dialog-content,
.modalDialogTool .dialog-content,
.modalDialogSystem .dialog-content,
.modalDialogModel .dialog-content,
.modalDialogProcessCopy .dialog-content,
.modalDialogProcessSee .dialog-content{
	height: 490px;
}
.modalDialogProcessSee .dialog-content{
	width: 90%;
}
.modalDialogProcessSee .dialog_body{
	height: 380px;
}
.modalDialogProcessSee iframe{
	width: 100%;
	height: 100%;
	border: 0;
}

.bg-rect{
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .3);
	top: 0;
	left: 0;
	z-index: 9999;
}
.modalDialogProcessSee{
	z-index: 99999;
}

.dialog_header{
	padding: 20px 20px 10px
}
.dialog_title{
	line-height: 24px;
	font-size: 18px;
	color: #303133;
}
.close-dialogBtn{
	position: absolute;
	top: 20px;
	right: 20px;
	padding: 0;
	background: 0 0;
	border: none;
	outline: none;
	font-size: 16px;
}


.dialog_body{
	font-size: 14px;
	color: #606266;
	padding: 0 25px;
}
.dialog_wrapper{
	padding-top: 10px;
	border-top: 1px solid #cfcfcf;
	width: 580px;
}
.dialog_wrapper .left{
	width: 40px;
	float: left;
}
.dialog_wrapper .left .organization,
.dialog_wrapper .left .station,
.dialog_wrapper .left .dept,
.dialog_wrapper .left .usually,
.dialog_wrapper .left .persons{
	font-size: 16px;
	width: 30px;
	height: 60px;
	padding: 10px 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	text-align: center;
	margin-bottom: 5px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	cursor: pointer;
	cursor: -ms-pointer;
}
.dialog_wrapper .left .organization.active,
.dialog_wrapper .left .station.active,
.dialog_wrapper .left .dept.active,
.dialog_wrapper .left .usually.active,
.dialog_wrapper .left .persons.active{
	color: #fff;
	background-color: #337ab7;
	border-color: #337AB7;
}

.dialog_wrapper .center{
	width: 180px;
	height: 300px;
	padding: 5px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border: 1px solid #cfcfcf;
	float: left;
	margin-right: 10px;
}
.dialog_wrapper .another_center {
	width: 530px;
}
.modalDialogProcessCopy .dialog_wrapper .another_center {
	width: 180px;
}
/* .modalDialogRegulations .dialog_wrapper .another_center {
	width: 530px;
} */
.dialog_wrapper .center .form-control{
	height: 28px;
}
.dialog_wrapper .center .input-group-addon{
	font-size: 12px;
}
.dialog_wrapper .center .treeContent{
	height: 252px;
	margin-top: 10px;
	overflow: auto;
}
.modalDialogProcessCopy .dialog_wrapper .center .treeContent {
	height: 250px;
}
.dialog_wrapper .center .centerContent{
	display: none;
}
.dialog_wrapper .center .centerContent.block{
	display: block;
}
.dialog_wrapper .center .centerContent p{
	margin: 0;
	line-height: 23px;
}
.dialog_wrapper .center .centerContent p:hover{
	color: #3c7ab7;
}
.dialog_wrapper .center .centerContent p.active{
	color: #3c7ab7;
}
.dialog_wrapper .center .form-group{
	margin-bottom: 5px;
}
.dialog_wrapper .center .form-group label{
	line-height: 28px;
	margin: 0;
}

.dialog_wrapper .right{
	width: 350px;
	height: 300px;
	border: 1px solid #cfcfcf;
	float: left;
	position: relative;
}
.modalDialogProcess .right{
	width: 300px;
	height: 300px;
	border: 1px solid #cfcfcf;
	float: left;
	position: relative;
}
.dialog_wrapper .right .tableShow{
	padding-bottom: 45px;
}
.dialog_footer{
	padding: 10px 20px 20px;
}

.table>thead>tr>th{
	text-align: center!important;
	border-top: 0!important;
}
.table>tbody>tr>th,
.table>tbody>tr>td{
	text-align: center;
	overflow: hidden;
}
#keyControlForm .table>tbody>tr>td{
	white-space: nowrap
}
.clamp {
	width: 100%;
	height: 100%;
}
table{
	table-layout: fixed;
}
.cancelmarked {
	color:#898989!important;
}
/* .addKeyControl{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 400px;
	background: #fff;
	z-index: 999;
	max-height: 440px;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	box-shadow: 3px 3px 3px #ccc;
	-webkit-box-shadow: 3px 3px 3px #888;
	display: none;
} */
.ico_close{
	display: block;
	width: 10px;
	height: 10px;
	float: right;
	background-image: url('../toolsImg/close_gray.png');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	cursor: pointer;
}
.addKeyControl h4 {
	font-size: 12px;
	font-weight: bolder;
	border-bottom: 1px solid #cfcfcf;
	margin: 0;
	padding: 10px 15px;

}
.addkeycontrol_wrapper .line:first-child {
	margin-top: 0;
}
.isModelListBoDtos,
.modelListToolsDtos,
#keyControlForm,
#keyKSFControlForm{
	padding-top: 10px;
	padding-bottom: 10px;
	/*height: 540px;*/
	overflow-y: auto;
}
.addkeycontrol_wrapper .line {
	padding: 0 6%;
	margin: 5px 0;
}
.addkeycontrol_wrapper .line::after {
	display: block;
	content: "";
	clear: both;
}
.addkeycontrol_wrapper .line label{
	display: block;
	width: 25%;
	float: left;
	margin: 0;
	padding-right: 10px;
	text-align: right;
	line-height: 24px;
	font-size: 12px;

}
.addkeycontrol_wrapper .line div{
	width: 75%;
	float: left;
}
.addkeycontrol_wrapper .line div input,.addkeycontrol_wrapper .line div textarea {
	display: block;
	width: 100%;
}
/*修改bootstrap样式*/
.pagination{
	float: inherit;
}
.navagationPage{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	text-align: center;
}
.elseclass{
	position: static;
	margin-top: 14px;
	text-align: right;
	padding-right: 20px;
}
.navagationPage .pagination>li>a, .navagationPage .pagination>li>span{
	padding: 5px 8px;
	font-size: 12px;
}
.elseclass .pagination>li>a {
	padding: 0;
	display: block;
	width: 30px;
	height: 28px;
	float: left;
	text-align: center;
	line-height: 26px;
}
.elseclass .pagination>li>a.iconfont {
	font-size: 18px;
}

/*公共样式*/
.w5{
	width: 5%;
}
.w8{
	width: 8%;
}
.w10{
	width: 10%;
}
.w18{
	width: 18%;
}
.w20{
	width: 20%;
}
.w15{
	width: 15%;
}
.w30{
	width: 30%;
}
.w100{
	width: 100%;
}
.w_72{
	width: 72px;
}

.h100{
	height: 100%;
}

.remove-margin{
	margin: 0!important;
}
.remove-margin-l{
	margin-left: 0!important;
}
.remove-margin-r{
	margin-right: 0!important;
}
.remove-margin-t{
	margin-top: 0!important;
}
.remove-margin-b{
	margin-bottom: 0!important;
}

.remove-padding{
	padding: 0!important;
}
.remove-padding-l{
	padding-left: 0!important;
}
.remove-padding-t{
	padding-top: 0!important;
}
.remove-padding-b{
	padding-bottom: 0!important;
}
.remove-padding-r{
	padding-right: 0!important;
}

.margin-t15{
	margin-top: 15px;
}
.margin-l10{
	margin-left: 10px;
}

.showEll{
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}


.overflowAuto{
	overflow: auto;
}

.cursor-pointer{
	cursor: pointer;
	cursor: -ms-pointer;
}

.text-center{
	text-align: center;
}

.keyControl, .keyKSFControl, .keyRiskControl, .keyController{
	position: absolute;
	width: 40px;
	height: 40px;
	/*border-radius: 50%;*/
	top: 62%;
	left: -45px;
	font-size: 12px;
	color: #fff;
	text-align: center;
	line-height: 25px;
}
.keyKSFControl{
	top: -30%;
}
.keyControl, .keyRiskControl, .keyController{
	z-index: 999;
	/*left: -60px;*/
}
.keyControl img, .keyKSFControl img,
.keyRiskControl img, .keyController img{
	position: absolute;
	left: 0;
	top: 5px;
	z-index: -1;
}
#submitKeyCtrl,#restBtn,#submitKeyKSFCtrl,#restKSFBtn,#submitInModel,#restInModel,#submitOutModel,#restOutModel,#submitTool,#restToolBtn{
	padding: 4px 20px;
}
div[data-type="spliceGroup"] .text span{
	display: block;
	text-align: left;
	padding: 10px!important;
	height: 100%;
}


html, body, #basGooFlow, .GooFlow_work{
	height: 100%;
}

/*多余的输入输出部分*/
.inputImgCss{
	position: absolute;
	left: 100%;
	top: -70%;
	height: 90%;
	width: 70%;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 5px;
	padding-bottom: 15px;
	word-break: break-all;
}
.inputImgCss img,
.messageFormCss img{
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
}
.outputCss{
	top: auto!important;
	bottom: -60%;
}
.outputCss .outputTxt  {
	margin: 0 -20px;
	width: 100%;
}
.inputCss .inputTxt{
	margin: 0 -20px;
	width: 100%;
}
.inputImgCss.enterpriseStandard{
	right: 100%;
	left: auto !important;
}
.inputImgCss.messageFile{
	top: auto !important;
	bottom: -60%;
	right: 100%;
	left: auto !important;
}
div[data-type="spliceGroup"] .inputImgCss{
	top: -20%;
	height: 30%;
	width: 50%;
}
div[data-type="processIt"] .inputImgCss{
	left: 100%;
	top: -70%;
	height: 90%;
	width: 100%;
}

div[data-type="spliceGroup"] .outputCss{
	top: auto;
	bottom: -20%;
}
div[data-type="processIt"] .outputCss {
	top: auto;
	bottom: -60%;
}

div[data-type="spliceGroup"] .text div:nth-child(2){
	height: 20%;
	top: 85%;
}
div[data-type="spliceGroup"] .messageFormCss{
	height: 20%;
	top: 101%;
	width: 45%;
}
div[data-type="processIt"] .messageFormCss{
	width: 80%;
	left: -48%;
}
div[data-type="process"] .text div:nth-child(2),
div[data-type="process02"] .text div:nth-child(2),
div[data-type="process03"] .text div:nth-child(2){
	top: -60%;
	height: 90%;
}
div[data-type="process02"] .text div.inputImgCss{
	left: 120%;
}
div[data-type="process02"] .text div.inputImgCss ,
div[data-type="process03"] .text div.inputImgCss {
	width: 110%;
}
div[data-type="process02"] .text div.outputCss,
div[data-type="process03"] .text div.outputCss{
	width: 110%;
	height: 90%;
}

div[data-type="processIt"] .text div:nth-child(2){
	height: 50%;
	top: 55%;
}
/*div[data-type="processForm"],*/
	/*!*div[data-type="processInput"],*!*/
	/*!*div[data-type="processOutput"],*!*/
/*div[data-type="KCP"],*/
/*div[data-type="KSF"]{*/
	/*cursor: not-allowed;*/
/*}*/

/*信息表单部分*/
.messageFormCss {
	position: absolute;
	left: 0%;
	top: 105%;
	height: 40%;
	width: 40%;
	display: box;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	justify-content: flex-end;
	-webkit-box-pack: flex-end;
	-webkit-justify-content: flex-end;
	-moz-justify-content: flex-end;
	-ms-justify-content: flex-end;
	-o-justify-content: flex-end;
	justify-content: flex-end;
	align-items: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	align-items: center;
	padding-right: 5px;
	font-size: 12px;
	padding-left: 14%;
}

.marginLeft25{
	margin-left: 25px;
}

.ico_icon-lishi{
	display: none;
}

#btn_scaleNormal:hover,
#btn_scaleNormal:visited,
#btn_scaleNormal:active,
#btn_scaleNormal:focus{
	text-decoration: unset;
}

.text-center{
	text-align: center;
}
.text-left{
	text-align: left;
}

.listProcess tr:nth-of-type(1) td:nth-of-type(1){
	width: 10%;
}
.listProcess tr:nth-of-type(1) td:nth-of-type(2){
	width: 30%;
}

.attr-table th, .attr-table td{
	border: 0!important;
}



/*生图片需要的样式*/
.picBody .swimlaneX{
	position: relative;
	box-sizing:border-box;
	width: 100%;
	height: 150px;
	border: 1px solid #adabab;
	border-bottom: none;
	display: block;
	border-left: 0;
}
.picBody .swimlaneX .swimlane-title {
	background-color: #fff !important;
	-webkit-print-color-adjust: exact;
}

.picBody .swimlaneY .swimlane-content{
	border: 1px solid #adabab;
}

.picBody .swimlaneY .timeLine {
	background-color: #eaeaea !important;
	-webkit-print-color-adjust: exact;
}

.picBody .swimlaneY .swimlane-title {
	background-color: #aed4f8 !important;
	-webkit-print-color-adjust: exact;
}
.picBody .attrWrapper {
	display: none;
}

#processName{
	position: absolute;
	top: 0;
	left: 57.5px;
	font-size: 16px;
	font-weight: bold;
	display:none;
}

.w10{
	width: 10%;
}
.w20{
	width: 20%;
}
.w35{
	width: 35%;
}
#process_show{
	height: 100%;
}
#pointAttr li.minWidth13{
	min-width: 12%;
}

#pointAttr li.minWidth20{
	min-width: 20%;
}

#pointAttr li.minWidth19{
	min-width: 19%;
}
#pointAttr li.minWidth12{
	min-width: 12%;
}

#pointAttr li.minWidth10{
	min-width: 10%;
}
#pointAttr li.minWidth8{
	min-width: 8%;
}

#pointAttr li.minWidth15{
	min-width: 15%;
}

#pointAttr li.minWidth17{
	min-width: 17%;
}

.attr1Box{
	max-height: calc(100vh - 120px);
	overflow-x: hidden;
	overflow-y: auto;
}

.toolTip{
	display: inline-block;
	width: 90%;
	float: left;
	margin-bottom: 5px;
	font-size: 15px;
	font-weight: 700;
	color: #f10101;
}

.modalDialogDept .dialog-content {
	height: auto;
	max-height: 520px;
}
.modalDialogVersions .dialog-content {
	height: auto;
	max-height: 520px;
}
.control .keyShow{
	color: #333;
	height: auto;
	line-height: 14px;
	font-size: 12px;
	text-overflow: ellipsis;
	white-space: nowrap;
	border: none;
	width: 80%;
	margin: 5px auto;
	height: 14px;
}


/*组件单独的样式*/

/*引用流程*/
div[data-type="processRefer"] .text .first-line{
	height: 20%;
}
div[data-type="processRefer"] .text .second-line.J_editAttr{
	height: 40%;
}

div[data-type="processRefer"] .text .third-line{
	height: 30%;
	text-align: center;
}
div[data-type="processRefer"] .text p{
	width: 100%;
	border-bottom: 2px solid #005d5b;
}
div[data-type="processRefer"] .keyRiskControl {
	left: -20px;
	bottom: -10px;
	top: auto;
	display: table;
}
div[data-type="processRefer"] .keyController {
	left: auto;
	right: -20px;
	bottom: -10px;
	top: auto;
	display: table;
}

div[data-type="processRefer"] .keyRiskControl p{
	height: 100%;
	border: 0;
	display: table-cell;
	vertical-align: middle;
}

div[data-type="processRefer"] .keyController p{
	height: 100%;
	border: 0;
	vertical-align: middle;
	display: table-cell;
}

/*尝试改变横泳道*/
.swimlaneX .swimlane-title,
.swimlaneY .swimlane-title{
	position: absolute;
	left: 0px;
	top: 0;
	z-index: 999;
}
.swimlaneX .ui-resizable-handle.ui-resizable-s,
.swimlaneY .ui-resizable-handle.ui-resizable-e{
	z-index: 9999!important;
}
.swimlane-box .cur{
	/*z-index: 999;*/
}

.swimlaneY .leftImgPart,
.swimlaneY .rightImgPart{
	z-index: 999;
}

#bg-loading{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 999999999;
	background-color: rgba(0, 0, 0, .3);
}

.loading{
	width: 80px;
	height: 40px;
	margin: 0 auto;
	margin-top:100px;
}
.loading span{
	display: inline-block;
	width: 8px;
	height: 100%;
	border-radius: 4px;
	background: lightgreen;
	animation: load 1s ease infinite;
	-moz-animation: load 1s ease infinite;
	-o-animation: load 1s ease infinite;
	-webkit-animation: load 1s ease infinite;
}
@keyframes load{
	0%,100%{
		height: 40px;
		background: lightgreen;
	}
	50%{
		height: 70px;
		margin: -15px 0;
		background: lightblue;
	}
}
@-o-keyframes load{
	0%,100%{
		height: 40px;
		background: lightgreen;
	}
	50%{
		height: 70px;
		margin: -15px 0;
		background: lightblue;
	}
}
@-moz-keyframes load{
	0%,100%{
		height: 40px;
		background: lightgreen;
	}
	50%{
		height: 70px;
		margin: -15px 0;
		background: lightblue;
	}
}
@-webkit-keyframes load{
	0%,100%{
		height: 40px;
		background: lightgreen;
	}
	50%{
		height: 70px;
		margin: -15px 0;
		background: lightblue;
	}
}
.loading span:nth-child(2){
	-webkit-animation-delay:0.2s;
}
.loading span:nth-child(3){
	-webkit-animation-delay:0.4s;
}
.loading span:nth-child(4){
	-webkit-animation-delay:0.6s;
}
.loading span:nth-child(5){
	-webkit-animation-delay:0.8s;
}
#processTableCopy .table{
	overflow: auto;
}

@media print {
	/*.GooFlow_work{*/
	/*margin-top: 0;*/
	/*height: auto!important;*/
	/*overflow-x: visible;*/
	/*overflow-y: visible;*/
	/*}*/

	/*html, body, #basGooFlow, .GooFlow_work {*/
	/*height: auto;*/
	/*}*/
	/*html{*/
	/*position: static;*/
	/*overflow: visible;*/
	/*}*/
	/*.GooFlow_work {*/
	/*scrollbar-arrow-color: rgba(255,255,255,0);*/
	/*scrollbar-face-color: rgba(255,255,255,0);*/
	/*scrollbar-highlight-color: rgba(255,255,255,0);*/
	/*scrollbar-shadow-color: rgba(255,255,255,0);*/
	/*scrollbar-track-color: rgba(255,255,255,0);*/
	/*}*/

	.GooFlow_work{
		page-break-after: always;
	}

	.swimlaneX{
		position: relative;
		box-sizing:border-box;
		width: 100%;
		height: 150px;
		border: 1px solid #d8d8d8;
		border-bottom: none;
		display: block;
		border-left: 0;
	}
	.swimlaneX .swimlane-title {
		background-color: #aed4f8 !important;
		-webkit-print-color-adjust: exact;
	}
	.swimlaneY .swimlane-content{
		border: 1px solid #d8d8d8;
		border-right: 0;
	}
	.swimlaneY:last-child .swimlane-content {
		border-right: 1px solid #d8d8d8;
	}
	.swimlaneX:last-child .swimlane-title{
		border-bottom: 1px solid #d8d8d8;
	}
	.swimlaneY .timeLine {
		background-color: #eaeaea !important;
		-webkit-print-color-adjust: exact;
		border: 1px solid #dcd8d8;
		border-top: 0;
	}
	.swimlaneY .swimlane-title {
		background-color: #aed4f8 !important;
		-webkit-print-color-adjust: exact;
	}

	.attrWrapper {
		display: none;
	}

	.control[data-type="spliceGroup"]{
		border: 1.5px dashed #000;
	}


}

.fullEditor {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99999;
}

.red {
	color: red;
}

.input-list-layer{
	position: absolute;
	left:100px;
	top:0;
	width: 200px;
	z-index: 999;
	text-align: left;
}

.input-list-layer-list-item{
	height: 30px;
	line-height: 30px !important;
	margin-bottom: 12px;
	padding-left: 40px;
	background: #ffffff url('../img/file_icon.png') no-repeat 6px center;
	background-size: 20px 20px;
}

.inModelListBoDtosShow-title, .outModelListBoDtosShow-title{
	font-weight: bold;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap}

.inModelListBoDtos-list,.outModelListBoDtos-list {
    max-height: 30px;
    overflow: auto;
    text-align: left;
    line-height: 16px;
    padding-left: 5px;
}

.inModelListBoDtos-list-item, .outModelListBoDtos-list-item {
    display: flex;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	line-height: 1.3;
	align-items: center;
	cursor: pointer;
}

.inputImgCss .isSelfIcon {
	z-index: 1;
	position: relative;
	width: 13px;
	height: 13px;
	margin-right: 2px;
}
.toolsList {
	position: absolute;
	right: 0;
	margin-top: 0px;
	border-bottom: 2px solid #000000;
	padding: 26px 6px 6px;
	overflow: hidden;
	background: url("../img/processTool_bg.png") no-repeat;
	background-size: cover;
	width: 100px;
}

.toolsList-frame{
	overflow: auto;
	padding-top: 3px;
	max-height: 32px;

}

.toolsList-item {
	height: 16px !important;
	overflow: hidden;
}


#modalDialogBusObjDetail {
	/*transform: translate(-50%,-50%);*/
	/*display: none;*/
	/*left: 50%;*/
	/*top: 50%;*/
	/*position: absolute;*/
	/*z-index: 999;*/
	/*background: #ffffff;*/
}
#modalDialogBusObjDetail .componentDialog{ height: auto}
#modalDialogBusObjDetail  .dialog_body{
	height: 350px;
	overflow-y: scroll;}

.componentDialog .dialog-form {
	display: flex;
	flex-wrap: wrap;
}
.componentDialog .dialog-form-item {
	display: flex;
	width: 48%;
	line-height: 3;
}
.componentDialog .dialog-form-item-label{
	width: 110px;
	text-align: right;
}
.componentDialog .dialog-form-item-desc{
	flex: 1;
	white-space: nowrap;
	overflow: hidden;
}
.componentDialog .dialog-form-item-line {
	width: 100%;
}
.componentDialog .table{ border: 1px solid #ddd}
.componentDialog .table td,
.componentDialog .table tr{
	line-height: 2;
	font-size: 14px;
}




#loader-wrapper {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 999999;
	display: none;
}

#loader {
	display: block;
	position: relative;
	left: 50%;
	top: 50%;
	width: 150px;
	height: 150px;
	margin: -75px 0 0 -75px;
	border-radius: 50%;
	border: 3px solid transparent;
	/* COLOR 1 */
	border-top-color: #333;
	-webkit-animation: spin 2s linear infinite;
	/* Chrome, Opera 15+, Safari 5+ */
	-ms-animation: spin 2s linear infinite;
	/* Chrome, Opera 15+, Safari 5+ */
	-moz-animation: spin 2s linear infinite;
	/* Chrome, Opera 15+, Safari 5+ */
	-o-animation: spin 2s linear infinite;
	/* Chrome, Opera 15+, Safari 5+ */
	animation: spin 2s linear infinite;
	/* Chrome, Firefox 16+, IE 10+, Opera */
	z-index: 1001;
}

#loader:before {
	content: "";
	position: absolute;
	top: 5px;
	left: 5px;
	right: 5px;
	bottom: 5px;
	border-radius: 50%;
	border: 3px solid transparent;
	/* COLOR 2 */
	border-top-color: #333;
	-webkit-animation: spin 3s linear infinite;
	/* Chrome, Opera 15+, Safari 5+ */
	-moz-animation: spin 3s linear infinite;
	/* Chrome, Opera 15+, Safari 5+ */
	-o-animation: spin 3s linear infinite;
	/* Chrome, Opera 15+, Safari 5+ */
	-ms-animation: spin 3s linear infinite;
	/* Chrome, Opera 15+, Safari 5+ */
	animation: spin 3s linear infinite;
	/* Chrome, Firefox 16+, IE 10+, Opera */
}

#loader:after {
	content: "";
	position: absolute;
	top: 15px;
	left: 15px;
	right: 15px;
	bottom: 15px;
	border-radius: 50%;
	border: 3px solid transparent;
	border-top-color: #333;
	/* COLOR 3 */
	-moz-animation: spin 1.5s linear infinite;
	/* Chrome, Opera 15+, Safari 5+ */
	-o-animation: spin 1.5s linear infinite;
	/* Chrome, Opera 15+, Safari 5+ */
	-ms-animation: spin 1.5s linear infinite;
	/* Chrome, Opera 15+, Safari 5+ */
	-webkit-animation: spin 1.5s linear infinite;
	/* Chrome, Opera 15+, Safari 5+ */
	animation: spin 1.5s linear infinite;
	/* Chrome, Firefox 16+, IE 10+, Opera */
}


@-webkit-keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
		/* Chrome, Opera 15+, Safari 3.1+ */
		-ms-transform: rotate(0deg);
		/* IE 9 */
		transform: rotate(0deg);
		/* Firefox 16+, IE 10+, Opera */
	}
	100% {
		-webkit-transform: rotate(360deg);
		/* Chrome, Opera 15+, Safari 3.1+ */
		-ms-transform: rotate(360deg);
		/* IE 9 */
		transform: rotate(360deg);
		/* Firefox 16+, IE 10+, Opera */
	}
}

@keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
		/* Chrome, Opera 15+, Safari 3.1+ */
		-ms-transform: rotate(0deg);
		/* IE 9 */
		transform: rotate(0deg);
		/* Firefox 16+, IE 10+, Opera */
	}
	100% {
		-webkit-transform: rotate(360deg);
		/* Chrome, Opera 15+, Safari 3.1+ */
		-ms-transform: rotate(360deg);
		/* IE 9 */
		transform: rotate(360deg);
		/* Firefox 16+, IE 10+, Opera */
	}
}


#loader-wrapper .loader-section {
	position: fixed;
	top: 0;
	width: 50%;
	height: 100%;
	background: rgba(100,100,100, 0.9);
	/* Old browsers */
	z-index: 1000;
	-webkit-transform: translateX(0);
	/* Chrome, Opera 15+, Safari 3.1+ */
	-ms-transform: translateX(0);
	/* IE 9 */
	transform: translateX(0);
	/* Firefox 16+, IE 10+, Opera */
}

#loader-wrapper .loader-section.section-left {
	left: 0;
}

#loader-wrapper .loader-section.section-right {
	right: 0;
}

/* Loaded */

.loaded #loader-wrapper .loader-section.section-left {
	-webkit-transform: translateX(-100%);
	/* Chrome, Opera 15+, Safari 3.1+ */
	-ms-transform: translateX(-100%);
	/* IE 9 */
	transform: translateX(-100%);
	/* Firefox 16+, IE 10+, Opera */
	-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
	transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}

.loaded #loader-wrapper .loader-section.section-right {
	-webkit-transform: translateX(100%);
	/* Chrome, Opera 15+, Safari 3.1+ */
	-ms-transform: translateX(100%);
	/* IE 9 */
	transform: translateX(100%);
	/* Firefox 16+, IE 10+, Opera */
	-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
	transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}

.loaded #loader {
	opacity: 0;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.loaded #loader-wrapper {
	visibility: hidden;
	-webkit-transform: translateY(-100%);
	/* Chrome, Opera 15+, Safari 3.1+ */
	-ms-transform: translateY(-100%);
	/* IE 9 */
	transform: translateY(-100%);
	/* Firefox 16+, IE 10+, Opera */
	-webkit-transition: all 0.3s 1s ease-out;
	transition: all 0.3s 1s ease-out;
}

/* JavaScript Turned Off */

.no-js #loader-wrapper {
	display: none;
}

.no-js h1 {
	color: #222222;
}

#loader-wrapper .load_title {
	font-family: 'Open Sans';
	color: #333333;
	font-size: 19px;
	width: 100%;
	text-align: center;
	z-index: 9999999999999;
	position: absolute;
	top: 60%;
	opacity: 1;
	line-height: 30px;
}

#loader-wrapper .load_title span {
	font-weight: normal;
	font-style: italic;
	font-size: 13px;
	color: #FFF;
	opacity: 0.5;
}


.iframeWord iframe{ display: none !important;}
.el-upload__input{display: none !important;}
