.kee-tab-bottom .el-tabs__active-bar {
		top: 0;
	}


	.kee-icon-add-btn {
		border: 1px solid #ddd;
		border-radius: 50%;
		width: 24px;
		height: 24px;
		cursor: pointer;
		padding-left: 4px;
	}
	
	.kee-icon-add-btn:hover {
		border: 1px solid #0082E6;
	}
	
	.kee-icon-add-btn-icon {
		font-size: 14px;
		color: #999;
		margin-top: 4px;
	}
	
	.kee-icon-add-btn:hover .kee-icon-add-btn-icon {
		color: #0082E6;
	}
	
	.kee-user-item {
		line-height: 1;
		padding: 2px;
		color: #555;
		cursor: pointer;
		background: #FFFFFF;
	}
	
	.kee-user-item:hover {
		color: #FFFFFF;
		background: #0082E6;
	}
	
	.kee-user-remove-btn {
		display: none;
	}
	
	.kee-selected-role-list {
		width: 60px;
	}
	
	.kee-selected-role-list:hover .kee-user-remove-btn {
		display: inline-block;
		cursor: pointer;
	}
	
	.kee-role-tree-row {
		background: #FFFFFF;
		/*border: 1px solid #dfe6ec;*/
		border: none;
		margin-top: -1px;
		margin-left: 0px;
		margin-right: 0px;
		min-height: 36px;
	}
	
	.kee-role-tree-title {
		display: inline-block;
		line-height: 36px;
		width: 100%;
		/*border-right: 1px solid #dfe6ec;*/
		cursor: default;
	}
	
	.kee-role-tree-users {
		display: inline-block;
	}
	
	.kee-role-tree-edit {
		float: right;
		display: none;
		margin-top: -36px;
	}
	
	.kee-tree-expand {
		color: #97a8be;
	}
	
	.kee-role-tree-title:hover .kee-role-tree-edit {
		display: block;
	}
	
	.kee-role-tree-user-item {
		float: left;
		min-width: 40px;
		padding: 0px 5px;
	}
	
	.kee-selected {
		background: #edf7ff;
	}
	
	.kee-role-tree-user-sortable {}
	
	.kee-role-tree-item {}
	
	.kee-role-tree-item:hover {
		background: #edf7ff;
	}
	
	.kee-icon-selected {
		background: #000000;
		color: #FFFFFF;
	}
	
	.kee-icon-item:hover {
		background: #555;
		color: #FFFFFF;
	}


	.kee-privilegemenurow {
		background: #FFFFFF;
		border: 1px solid #dfe6ec;
		margin-top: -1px;
		margin-left: -1px;
		margin-right: -1px;
		min-height: 36px;
	}
	
	.kee-privilegemenutitle {
		line-height: 36px;
		border-right: 1px solid #dfe6ec;
	}
	
	.kee-privilegemenuusers {
		line-height: 36px;
		display: inline-block;
		border-right: 1px solid #dfe6ec;
	}
	
	.kee-privilegemenuedit {
		text-align: center;
		width: 100%;
		display: none;
	}
	
	.kee-tree-expand {
		color: #97a8be;
	}
	
	.kee-privilegemenurow:hover .kee-privilegemenuedit {
		display: block;
	}
	
	.kee-privilegemenuuser-item {
		float: left;
		min-width: 40px;
		padding: 0px 5px;
	}
	
	.kee-privilegemenuuser-sortable {}
	
	.kee-tree-grid-table {
		width: 100%;
	}
	
	.kee-tree-grid-table td {
		padding-left: 6px;
		min-height: 40px;
		text-overflow: ellipsis;
	}
	
	.kee-tree-grid-table td div {
		text-overflow: ellipsis;
	}
	
	.kee-tree-grid-table tr {
		min-height: 40px;
	}



	.kee-tree-item {
		width: 100%;
		height: 30px;
		cursor: pointer;
		color: #48576a;
		line-height: 30px;
		-moz-user-select: none;
		-webkit-user-select: none;
		display: block;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	
	.kee-tree-item-role {
		color: #0000CC;
	}
	
	.kee-tree-item:hover {
		background: #CCCCCC;
		color: #FFFFFF;
	}
	
	.kee-tree-item-checked {
		background: #1D8CE0;
		color: #FFFFFF;
	}
	
	.kee-tree-item-checked:hover {
		background: #1D8CE0;
		color: #FFFFFF;
	}
	
	.kee-role-tree-edit {
		float: right;
		display: none;
		margin-top: 0px;
	}
	
	.kee-role-tree-title:hover .kee-role-tree-edit {
		float: right;
		display: block;
	}


	.kee-link {
		color: #20a0ff;
		text-decoration: none;
	}
	
	.kee-link:hover {
		color: #4db3ff;
	}
	
	.kee-table-td-title {
		width: 100%;
		height: 50px;
		line-height: 48px;
		font-size: 14px;
		padding: 5px;
		background: #FFFFFF;
		border-bottom: 1px solid #ebeef5;
	}
	
	.kee-table-td-body {
		position: absolute;
		top: 50px;
		left: 0;
		right: 0;
		bottom: 0;
		padding: 5px;
		background: #FFFFFF;
	}
	
	.kee-debug-table {
		border-left:1px solid #ebeef5;
		border-top:1px solid #ebeef5;
	}
	
	.kee-debug-table td {
		background: #FFFFFF;
		height: 300px;
		border-right: 1px solid #ebeef5;
		border-bottom: 1px solid #ebeef5;
	}
	.cell-overflow-visiable{
		overflow: visible;
	}
	.componentToolBtn{
			position: absolute;
			z-index: 10000;
			top: -40px;
			right: 0;
			height: 35px;
			width: 80px;
			background: #fff;
			opacity: 1;
			box-shadow: 0 2px 8px 0 rgb(0 0 0 / 25%);
		}


	.index-config-list-item {
		margin: 0px;
		display: block;
		width: 100%;
		height: 50px;
		line-height: 50px;
		text-align: center;
		background: #CCCCCC;
		cursor: pointer;
	}
	
	.index-config-list-show-item {
		background: #FFFFFF;
		border: 1px solid #FFFFFF;
		margin: 0px 0px;
		position: relative;
	}
	
	.index-config-list-show-item:hover {
		border: 1px solid #FF0000;
	}
	
	.index-config-jdcc-scale-div {
		transform: scale(0.75);
		transform-origin: 0px 0px;
		-webkit-transform: scale(0.75);
		-webkit-transform-origin: 0px 0px;
	}
	
	.index-config-list-show-item:hover .jdcc-grid-item-oper {
		display: block;
	}
	.index-config-design{
		width: 100%;margin: 10px auto;padding:0 10px;overflow-x:hidden;min-height:1000px;border:1px solid #CCCCCC;position: relative;
	}


	.index-config-list-item {
		margin: 0px;
		display: block;
		width: 100%;
		height: 40px;
		line-height: 40px;
		text-align: center;
		background: #CCCCCC;
		cursor: pointer;
	}
	
	.index-config-list-show-item {
		background: #FFFFFF;
		border: 1px solid #FFFFFF;
		margin: 0px 0px;
		position: relative;
	}
	
	.index-config-list-show-item:hover {
		border: 1px solid rgb(67, 111, 218);
	}
	
	.index-config-jdcc-scale-div {
		transform: scale(0.75);
		transform-origin: 0px 0px;
		-webkit-transform: scale(0.75);
		-webkit-transform-origin: 0px 0px;
	}
	
	.index-config-list-show-item:hover .jdcc-grid-item-oper {
		display: block;
	}
	
	.fs-form-config-right-panel .el-row {
		margin-bottom: 0px;
	}



	


	.fs-cms-config-list-item {
		margin: 0 auto;
		display: block;
		width: 100%;
		height: 50px;
		line-height: 50px;
		text-align: center;
		background: #CCCCCC;
		cursor: pointer;
	}
	
	.fs-cms-config-list-show-item {
		background: #FFFFFF;
		border: 1px solid #FFFFFF;
		margin: 0px 0px;
		position: relative;
	}
	
	.fs-cms-config-list-show-item:hover {
		border: 1px solid #cc0000;
	}
	
	.fs-cms-config-list-show-item-select {
		border: 1px solid #FF0000;
	}
	
	.fs-cms-config-jdcc-scale-div {
		transform: scale(0.75);
		transform-origin: 0px 0px;
		-webkit-transform: scale(0.75);
		-webkit-transform-origin: 0px 0px;
	}
	
	.fs-cms-config-list-show-item:hover .jdcc-grid-item-oper {
		display: block;
	}


	.fs-org {}
	
	.fs-org-header {
		font-size: 16px;
		 
		color: #FFFFFF;
	 
		line-height: 30px;
		
		padding-top: 10px;
		text-align: center;
		
	}
	
	.fs-org-body {
	 
		z-index: 200;
		position: absolute;
		left: 0px;
		top: 50px;
		width: 500px;
		height: 350px;
		overflow: auto;
		background: #FFFFFF;
		box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .16), 0 0 6px 0 rgba(0, 0, 0, .16)
	}
	
	 


	.fs-org-operate {}
	
	.fs-org-operate-header {
		font-size: 16px;
		 
		color: #000000;
	 
		line-height: 30px;
		
		padding-top: 10px;
		text-align: center;
		
	}
	
	.fs-org-operate-body {
	 
		z-index: 200;
		position: absolute;
		left: 0px;
		top: 50px;
		width: 500px;
		height: 350px;
		overflow: auto;
		background: #FFFFFF;
		box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .16), 0 0 6px 0 rgba(0, 0, 0, .16)
	}
	
	 


	.fs-dropdown {
		display: inline-block;
		
	}
	
	.fs-dropdown-header {
		 
		text-align: center;
	}
	
	.fs-dropdown-body {	 
		z-index: 2000;
		position: absolute; 
		width: 500px;
		height: 350px;
		overflow: auto;
	}
	
	.fs-dropdown .fs-dropdown-body {
	 
		background: #FFFFFF;
		box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .16), 0 0 6px 0 rgba(0, 0, 0, .16)
	}
	.fs-dropmenu-item{
		line-height: 36px;
		cursor: pointer;
		color: #333333;
		font-size: 14px;
		text-align: left;
		padding-left: 10px;
		background: #FFFFFF;
	}
	.fs-dropmenu-item:hover{
		background: #2ebff9;
		color: #FFFFFF;
	}
	
	.fs-dropdown .button-plain{
		background: #FFFFFF;
		color: #555555;
	}
	



	.avatar {
		width: 82px;
		 
		display: block;
		border-radius: 6px;
	}
	
	.kee-small-card .el-upload--picture-card {
		width: 46px;
		height: 46px;
		line-height: 55px;
	}
	
	.kee-small-card .el-upload-list__item {
		width: 44px;
		height: 44px;
	}
	
	.kee-small-card .avatar {
		width: 44px;
		height: 44px;
	}
	
	.kee-normal-card .el-upload--picture-card {
		width: 82px;
		height: 82px;
		line-height: 88px;
	}
	
	.kee-normal-card .el-upload-list__item {
		width: 80px;
		height: 80px;
	}
	
	.kee-normal-card .avatar {
		width: 80px;
		height: 80px;
	}
	
	.kee-big-card .el-upload--picture-card {
		width: 122px;
		height: 122px;
		line-height: 126px;
	}
	
	.kee-big-card .el-upload-list__item {
		width: 120px;
		height: 120px;
	}
	
	.kee-big-card .avatar {
		width: 120px;
		height: 120px;
	}


	.kee-layout {
		position: absolute;
		 
		left:0;
		right:0;
		bottom:0;
		top:0;
		
	}
	
	.kee-layout-panel {
		position: absolute;
		overflow: auto;
	}
	
	.kee-layout-panel-top {
		left: 0;
		top: 0;
		right: 0;
	}
	
	.kee-layout-panel-left {
		left: 0;
		overflow:auto;
		 
	}
	
	.kee-layout-panel-right {
		right: 0;
	}
	
	.kee-layout-panel-bottom {
		bottom: 0;
		left: 0;
		right: 0;
	}
	
	.kee-layout-panel {
		position: absolute;
		overflow: auto;
	}
	
	.kee-layout-panel {
		position: absolute;
		overflow: auto;
	}
	
	.kee-layout-child {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		overflow: auto;
	}
	
	.kee-designe-config {
		display: none;
	}
	
	.kee-layout:hover .kee-designe-config {
		display: block;
	}





	.kee-fs-text {
		display: inline-block;
		 
		width: 100%;
		min-height: 30px;
		height: 100%;
		-webkit-user-select: auto;
		-moz-user-select: auto;
	}


	.kee-fs-button {
		display: inline-block;
		 
	}


	.kee-fs-view-full {
		width: 100%;
		height: 100%;
		overflow: auto;
		padding: 0px;
	}
	
	.kee-fs-view-auto {
		width: 100%;
		overflow: hidden;
		padding: 0px;
	}
	.kee-fs-view-iframe{
		width: 100%; height:97%;  overflow: auto; border:none;
	}











	.kee-link {
		color: #20a0ff;
		text-decoration: none;
	}
	
	.kee-link:hover {
		color: #4db3ff;
	}


	.kee-tab-bottom .el-tabs__active-bar {
		top: 0;
	}


	.kee-fs-drop-menu {
		position: absolute;
		border: 1px solid #CCCCCC;
		border-radius: 4px;
		background: #FFFFFF;
		z-index: 9000000;
		box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3)
	}
	
	.kee-drop-item {
		width: 100%;
		cursor: pointer;
	}
	
	.kee-drop-item:hover {
		background: #0082E6;
		color: #FFFFFF;
	}
	
	.kee-drop-item-select {
		background: #008216;
		color: #FFFFFF;
	}
	
	.fade-enter-active,
	.fade-leave-active {
		transition: opacity .3s
	}
	
	.fade-enter,
	.fade-leave-active {
		opacity: 0
	}





	.kee-scroll-y {
		position: absolute;
		left: 0;
		right: 0;
		background: #000000;
		opacity: .2;
		border-radius: 5px;
	}
	.kee-scroll-y:hover {
		 
		opacity: .35;
		 
	}


	.border-left {
		border: none;
		border-left: 1px solid #003EFF;
	}
	
	.border-top {
		border: none;
		border-top: 1px solid #003EFF;
	}
	
	.border-right {
		border: none;
		border-right: 1px solid #003EFF;
	}
	
	.border-bottom {
		border: none;
		border-bottom: 1px solid #003EFF;
	}
	
	.top-cursor {
		pointer-events: all;
		cursor: n-resize;
	}
	
	.left-cursor {
		pointer-events: all;
		cursor: w-resize;
	}
	
	.right-cursor {
		pointer-events: all;
		cursor: w-resize;
	}
	
	.bottom-cursor {
		pointer-events: all;
		cursor: n-resize;
	}
	
	.kee-component-border {
		border: 1px dashed #97A8BE;
	}
	
	.kee-component-border-hide {
		border: 1px dashed rgba(255, 255, 255, 0);
	}
	
	.border-left {
		border: none;
		border-left: 1px solid #003EFF;
	}
	
	.border-top {
		border: none;
		border-top: 1px solid #003EFF;
	}
	
	.border-right {
		border: none;
		border-right: 1px solid #003EFF;
	}
	
	.border-bottom {
		border: none;
		border-bottom: 1px solid #003EFF;
	}
	
	.top-cursor {
		pointer-events: all;
		cursor: n-resize;
	}
	
	.left-cursor {
		pointer-events: all;
		cursor: w-resize;
	}
	
	.right-cursor {
		pointer-events: all;
		cursor: w-resize;
	}
	
	.bottom-cursor {
		pointer-events: all;
		cursor: n-resize;
	}
	
	.resize-overflow-visible {
		overflow: visible;
		z-index: 10000000;
	}
	
	.resize-border {
		position: absolute;
		background: #ff0000;
		z-index: 10000000;
		min-height: 1px;
		min-width: 1px;
	}
	
	.resize-border-top {
		position: absolute;
		left: 0;
		top: 0;
		height: 0px;
		right: 0;
		border-top: 1px solid #FF0000;
	}
	
	.resize-border-left {
		position: absolute;
		left: 0;
		top: 0;
		width: 0px;
		bottom: 0;
		border-left: 1px solid #FF0000;
	}
	
	.resize-border-right {
		position: absolute;
		width: 0px;
		top: 0;
		bottom: 0;
		right: 0;
		border-right: 1px solid #FF0000;
	}
	
	.resize-border-bottom {
		position: absolute;
		left: 0;
		bottom: 0;
		height: 0px;
		right: 0;
		border-bottom: 1px solid #FF0000;
	}
	
	.move-div-8point {
		position: absolute;
		background: #FFFFFF;
		border: 1px solid #FF0000;
		border-radius: 5px;
		z-index: 10000000;
		width: 10px;
		height: 10px;
		pointer-events: auto;
	}
	
	.resize-jiao {
		position: absolute;
		background: #FFFFFF;
		border: 1px solid #FF0000;
		border-radius: 5px;
		width: 10px;
		height: 10px;
		z-index: 10000000;
		pointer-events: auto;
	}

	.kee-div-selected-border {
		border: 1px solid #FF0000;
	}
	
	.kee-inline-block {
		display: inline-block;
	}
	
	.kee-full-div {
		position: relative;
		width: 100%;
		height: 100%;
	}
	
	/*
	.kee-comonent-div {
		padding: 5px;
	}
	*/
	
	.kee-comonent-div * {}
	
	.kee-zhezhao {
		position: absolute;
		left: 0px;
		top: 0px;
		bottom: 0;
		right: 0;
		border: none;
		background: #C0C0C0;
		opacity: 0.1;
	}
	
	.feas-page-container {
		position: relative;
		height: 100%;
		width: 100%;
		min-height: 100px;
		padding: 0 8px;
		background-repeat: no-repeat;
		background-size: cover;
		background-image: ;
	}
	
	.pointer-events-none {
		pointer-events: none
	}



	.kee-modal {
		opacity: .5;
		background: #000000;
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		height: 100%;
	}
	
	.kee-dialog-no-transform {
		-ms-transform: translateX(0);
		transform: translateX(0);
	}
	
	.kee-dialog-overflow {
		overflow: hidden;
	}




	.main-container {
		position: absolute;
		background:#ffffff;
		left: 0;
		top: 0;
		bottom: 0;
		right: 0;
		 
	}
	
	.kee-top-part {
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		z-index:100;
		background:#fff;
		box-shadow:0 2px 8px 0 rgb(0 0 0 / 25%);
	}
	
	.kee-left-part {
		position: absolute;
		left: 0;
		top: 0px;
		bottom: 0;
		z-index:20;
		background:#ffffff;
		box-shadow:0 7px 8px 0 rgb(0 0 0 / 25%);
	}
	
	.kee-center-part {
		position: absolute;
		left: 0;
		top: 0;
		bottom: 0;
		right: 0;
		overflow: auto;
	}
	
	.kee-right-part {
		position: absolute;
		top: 0px;
		bottom: 0;
		right: 0;
		width: 0;
		background:#fff;
		z-index:20;
		border-left: 1px solid #ddd;
	}
	
	.kee-bottom-part {
		position: absolute;
		left: 0;
		height: 0;
		bottom: 0;
		right: 0;
	}


	.main-left-body {
		position: absolute;
		left: 0;
		top: 0;
		bottom: 0;
		width: 256px;
		min-width: 80px;
		background: #1D2B35;
		box-shadow: 2px 0 8px rgba(0, 21, 41, .35);
		z-index: 10;
	}
	
	.main-left-body.framework-collapse {
		width: 80px;
	}
	
	.main-right-body {
		position: absolute;
		left: 256px;
		top: 0;
		bottom: 0;
		right: 0;
		background-color: #f0f2f5
	}
	
	.main-right-body.framework-collapse {
		left: 80px;
	}
	
	#main-left-up-body {
		position: absolute;
		left: 0;
		top: 0;
		width: 256px;
		height: 64px;
		background: #1D2B35;
		overflow: hidden;
	}
	
	.main-left-body.framework-collapse #main-left-up-body {
		width: 80px;
	}
	
	#main-left-down-body {
		position: absolute;
		left: 0;
		top: 64px;
		width: 256px;
		bottom: 0;
	 
	}
	
	.main-left-body.framework-collapse #main-left-down-body {
		width: 80px;
	}
	
	#main-right-up-body {
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		height: 64px;
		/*border-bottom: 1px solid #edf0f3;*/
		background: #FFFFFF;
	}
	
	#main-right-down-body {
		position: absolute;
		left: 0;
		top: 64px;
		right: 0;
		bottom: 0px;
	}
	
	.el-menu-vertical-demo:not(.el-menu--collapse) {
		width: 256px;
		min-height: 400px;
	}
	
	#kee-first-container {
		position: absolute;
		top: 50px;
		left: 0px;
		right: 0px;
		bottom: 0px;
	}
	
	#first-menu-left {
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		width: 180px;
		background: #CCCCCC;
	}
	
	#first-menu-right {
		position: absolute;
		top: 0;
		left: 180px;
		bottom: 0;
		right: 0px;
		background: #FFFFFF;
	}
	
	.kee-full-div {
		width: 100%;
		height: 100%;
	}
	
	.kee-second-frame {
		position: absolute;
		left: 0px;
		top: 0px;
		right: 0px;
		bottom: 0px;
	}
	
	.kee-second-frame-left {
		position: absolute;
		left: 0;
	}
	
	.kee-second-menu-item {
		height: 40px;
		width: 100%;
		line-height: 40px;
		cursor: pointer;
		position: relative;
	}
	
	.kee-second-menu-item:hover {
		background-color: #F4F6F8
	}
	
	.kee-second-menu-item-active {
		background-color: #FFFFFF
	}
	
	.kee-second-menu-item-active:hover {
		background-color: #FFFFFF
	}
	
	.kee-second-menu-item-icon {
		float: left;
		width: 30px;
		height: 40px;
	}
	
	.kee-second-menu-item-text {
		float: left;
		margin-right: 0px;
		color: #333333
	}
	
	.kee-tixing-bg {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 0;
		height: 47px;
		border-right: 20px solid #f7f7f7;
		border-top: 10px solid transparent;
		border-bottom: 10px solid transparent;
		border-left: none;
	}
	
	.kee-tixing-bg2 {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 0;
		height: 47px;
		border-left: 16px solid #d9dee4;
		border-top: 10px solid transparent;
		border-bottom: 10px solid transparent;
		border-right: none;
	}
	
	.kee-loader-contaner-second {
		position: absolute;
		right: 0px;
		top: 0px;
		bottom: 0px;
	}
	
	.kee-loader-contaner-third {
		position: absolute;
		right: 0px;
		top: 55px;
		bottom: 0px;
	}
	
	.kee-second-menu-edit {
		display: none;
		position: absolute;
		right: 3px;
		top: 0;
		height: 40px;
	}
	
	.kee-second-menu-item:hover .kee-second-menu-edit {
		display: block;
	}


	.main-left-body {
		position: absolute;
		left: 0;
		top: 0;
		bottom: 0;
		width: 256px;
		min-width: 80px;
		background: #1D2B35;
		box-shadow: 2px 0 8px rgba(0, 21, 41, .35);
		z-index: 10;
	}
	
	.main-left-body.framework-collapse {
		width: 80px;
	}
	
	.main-right-body {
		position: absolute;
		left: 256px;
		top: 0;
		bottom: 0;
		right: 0;
		background-color: #f0f2f5
	}
	
	.main-right-body.framework-collapse {
		left: 80px;
	}
	
	#main-left-up-body {
		position: absolute;
		left: 0;
		top: 0;
		width: 256px;
		height: 64px;
		background: #1D2B35;
		overflow: hidden;
	}
	
	.main-left-body.framework-collapse #main-left-up-body {
		width: 80px;
	}
	
	#main-left-down-body {
		position: absolute;
		left: 0;
		top: 64px;
		width: 256px;
		bottom: 0;
	 
	}
	
	.main-left-body.framework-collapse #main-left-down-body {
		width: 80px;
	}
	
	#main-right-up-body {
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		height: 64px;
		/*border-bottom: 1px solid #edf0f3;*/
		background: #FFFFFF;
	}
	
	#main-right-down-body {
		position: absolute;
		left: 0;
		top: 64px;
		right: 0;
		bottom: 0px;
	}
	
	.el-menu-vertical-demo:not(.el-menu--collapse) {
		width: 256px;
		min-height: 400px;
	}
	
	#kee-first-container {
		position: absolute;
		top: 50px;
		left: 0px;
		right: 0px;
		bottom: 0px;
	}
	
	#first-menu-left {
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		width: 180px;
		background: #CCCCCC;
	}
	
	#first-menu-right {
		position: absolute;
		top: 0;
		left: 180px;
		bottom: 0;
		right: 0px;
		background: #FFFFFF;
	}
	
	.kee-full-div {
		width: 100%;
		height: 100%;
	}
	
	.kee-second-frame {
		position: absolute;
		left: 0px;
		top: 0px;
		right: 0px;
		bottom: 0px;
	}
	
	.kee-second-frame-left {
		position: absolute;
		left: 0;
	}
	
	.kee-second-menu-item {
		height: 40px;
		width: 100%;
		line-height: 40px;
		cursor: pointer;
		position: relative;
	}
	
	.kee-second-menu-item:hover {
		background-color: #F4F6F8
	}
	
	.kee-second-menu-item-active {
		background-color: #FFFFFF
	}
	
	.kee-second-menu-item-active:hover {
		background-color: #FFFFFF
	}
	
	.kee-second-menu-item-icon {
		float: left;
		width: 30px;
		height: 40px;
	}
	
	.kee-second-menu-item-text {
		float: left;
		margin-right: 0px;
		color: #333333
	}
	
	.kee-tixing-bg {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 0;
		height: 47px;
		border-right: 20px solid #f7f7f7;
		border-top: 10px solid transparent;
		border-bottom: 10px solid transparent;
		border-left: none;
	}
	
	.kee-tixing-bg2 {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 0;
		height: 47px;
		border-left: 16px solid #d9dee4;
		border-top: 10px solid transparent;
		border-bottom: 10px solid transparent;
		border-right: none;
	}
	
	.kee-loader-contaner-second {
		position: absolute;
		right: 0px;
		top: 0px;
		bottom: 0px;
	}
	
	.kee-loader-contaner-third {
		position: absolute;
		right: 0px;
		top: 55px;
		bottom: 0px;
	}
	
	.kee-second-menu-edit {
		display: none;
		position: absolute;
		right: 3px;
		top: 0;
		height: 40px;
	}
	
	.kee-second-menu-item:hover .kee-second-menu-edit {
		display: block;
	}


	.main-left-body {
		position: absolute;
		left: 0;
		top: 0;
		bottom: 0;
		width: 256px;
		min-width: 80px;
		background: #1D2B35;
		box-shadow: 2px 0 8px rgba(0, 21, 41, .35);
		z-index: 10;
	}
	
	.main-left-body.framework-collapse {
		width: 80px;
	}
	
	.main-right-body {
		position: absolute;
		left: 256px;
		top: 0;
		bottom: 0;
		right: 0;
		background-color: #f0f2f5
	}
	
	.main-right-body.framework-collapse {
		left: 80px;
	}
	
	#main-left-up-body {
		position: absolute;
		left: 0;
		top: 0;
		width: 256px;
		height: 64px;
		background: #1D2B35;
		overflow: hidden;
	}
	
	.main-left-body.framework-collapse #main-left-up-body {
		width: 80px;
	}
	
	#main-left-down-body {
		position: absolute;
		left: 0;
		top: 64px;
		width: 256px;
		bottom: 0;
		 
	}
	
	.main-left-body.framework-collapse #main-left-down-body {
		width: 80px;
	}
	
	#main-right-up-body {
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		height: 64px;
		/*border-bottom: 1px solid #edf0f3;*/
		background: #FFFFFF;
	}
	
	#main-right-down-body {
		position: absolute;
		left: 0;
		top: 64px;
		right: 0;
		bottom: 0px;
	}
	
	.el-menu-vertical-demo:not(.el-menu--collapse) {
		width: 256px;
		min-height: 400px;
	}
	
	#kee-first-container {
		position: absolute;
		top: 50px;
		left: 0px;
		right: 0px;
		bottom: 0px;
	}
	
	#first-menu-left {
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		width: 180px;
		background: #CCCCCC;
	}
	
	#first-menu-right {
		position: absolute;
		top: 0;
		left: 180px;
		bottom: 0;
		right: 0px;
		background: #FFFFFF;
	}
	
	.kee-full-div {
		width: 100%;
		height: 100%;
	}
	
	.kee-second-frame {
		position: absolute;
		left: 0px;
		top: 0px;
		right: 0px;
		bottom: 0px;
	}
	
	.kee-second-frame-left {
		position: absolute;
		left: 0;
	}
	
	.kee-second-menu-item {
		height: 40px;
		width: 100%;
		line-height: 40px;
		cursor: pointer;
		position: relative;
	}
	
	.kee-second-menu-item:hover {
		background-color: #F4F6F8
	}
	
	.kee-second-menu-item-active {
		background-color: #FFFFFF
	}
	
	.kee-second-menu-item-active:hover {
		background-color: #FFFFFF
	}
	
	.kee-second-menu-item-icon {
		float: left;
		width: 30px;
		height: 40px;
	}
	
	.kee-second-menu-item-text {
		float: left;
		margin-right: 0px;
		color: #333333
	}
	
	.kee-tixing-bg {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 0;
		height: 47px;
		border-right: 20px solid #f7f7f7;
		border-top: 10px solid transparent;
		border-bottom: 10px solid transparent;
		border-left: none;
	}
	
	.kee-tixing-bg2 {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 0;
		height: 47px;
		border-left: 16px solid #d9dee4;
		border-top: 10px solid transparent;
		border-bottom: 10px solid transparent;
		border-right: none;
	}
	
	.kee-loader-contaner-second {
		position: absolute;
		right: 0px;
		top: 0px;
		bottom: 0px;
	}
	
	.kee-loader-contaner-third {
		position: absolute;
		right: 0px;
		top: 55px;
		bottom: 0px;
	}
	
	.kee-second-menu-edit {
		display: none;
		position: absolute;
		right: 3px;
		top: 0;
		height: 40px;
	}
	
	.kee-second-menu-item:hover .kee-second-menu-edit {
		display: block;
	}


	.main-left-body {
		position: absolute;
		left: 0;
		top: 0;
		bottom: 0;
		width: 210px;
		min-width: 80px;
		background: #1D2B35;
		 
		z-index: 10;
	}
	
	.main-left-body.framework-collapse {
		width: 80px;
	}
	
	.main-right-body {
		position: absolute;
		left: 210px;
		top: 0;
		bottom: 0;
		right: 0;
		background-color: #f0f2f5
	}
	
	.main-right-body.framework-collapse {
		left: 80px;
	}
	
	#main-left-up-body {
		position: absolute;
		left: 0;
		top: 0;
		width: 210px;
		height: 64px;
		/*background: #000000;*/
		background: #1D2B35;
		overflow: hidden;
	}
	
	.main-left-body.framework-collapse #main-left-up-body {
		width: 80px;
	}
	
	#main-left-down-body {
		position: absolute;
		left: 0;
		top: 64px;
		width: 210px;
		bottom: 0;
		 
		 
	}
	
	.main-left-body.framework-collapse #main-left-down-body {
		width: 80px;
	}
	
	#main-right-up-body {
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		height: 50px;
		/*border-bottom: 1px solid #edf0f3;*/
		background: #FFFFFF;
	}
	
	#main-right-down-body {
		position: absolute;
		left: 0;
		top: 50px;
		right: 0;
		bottom: 0px;
	}
	
	.el-menu-vertical-demo:not(.el-menu--collapse) {
		width: 210px;
		min-height: 400px;
	}


 		#aioc-top-body {
				position: absolute;
				left: 0;
				top: 0;
				right: 0;
				height: 60px;
				color:#ffffff;
				font-size:20px;
				background-image: linear-gradient(270deg, #2158FF 24%, #3B88FF 68%);
				box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08);
			}
			
			.aioc-left-body {
				position: absolute;
				left: 0;
				top: 60px;
				bottom: 0;
				width: 200px;
				min-width: 80px;
				background: #EEEEEE;
				z-index: 10;
				padding-top: 20px;
				
			}
			
			.aioc-left-body.framework-collapse {
				width: 80px;
			}
			
			.aioc-right-body {
				position: absolute;
				left: 200px;
				top: 60px;
				bottom: 0;
				right: 0;
				background-color: #FFFFFF;
				padding:8px 8px;
				overflow: auto; 
			}
			
			.aioc-right-body.framework-collapse {
				left: 80px;
			}
	 
			
			.aioc-left-body.framework-collapse #aioc-left-up-body {
				width: 80px;
			}
			 
			.aioc-left-body.framework-collapse #aioc-left-down-body {
				width: 80px;
			} 
		 
			.el-menu-vertical-demo:not(.el-menu--collapse) {
				width: 210px;
				min-height: 400px;
			}
			.aioc-menu .kee-menu-item{
				color: #000A12;
			}
			
			
			 
			
		 
			.aioc-menu .kee-second-menu-item-text{
				color: #000A12;
			}
			
			.aioc-menu	.kee-menu-item.active {
				background: #3b88ff;
				color: #FFFFFF;
			}
			.aioc-menu	.kee-menu-item.active i{
				 
				color: #FFFFFF;
			}
			
			.aioc-menu	.kee-menu-item:hover i{
				color: #3b88ff;
			}
			.aioc-menu	.kee-menu-item:hover {
				color: #3b88ff;
			}
			
			.aioc-menu	.kee-menu-item.active {
				background: #3b88ff;
				color: #FFFFFF;
			}
			
			.aioc-menu .kee-menu-item.active:hover {
				background: #3b88ff;
				color: #FFFFFF;
			}
	
			


	.main-left-body {
		position: absolute;
		left: 0;
		top: 0;
		bottom: 0;
		width: 256px;
		min-width: 80px;
		background: #1D2B35;
		box-shadow: 2px 0 8px rgba(0, 21, 41, .35);
		z-index: 10;
	}
	
	.main-left-body.framework-collapse {
		width: 80px;
	}
	
	.main-right-body {
		position: absolute;
		left: 256px;
		top: 0;
		bottom: 0;
		right: 0;
		background-color: #f0f2f5
	}
	
	.main-right-body.framework-collapse {
		left: 80px;
	}
	
	#main-left-up-body {
		position: absolute;
		left: 0;
		top: 0;
		width: 256px;
		height: 64px;
		background: #1D2B35;
		overflow: hidden;
	}
	
	.main-left-body.framework-collapse #main-left-up-body {
		width: 80px;
	}
	
	#main-left-down-body {
		position: absolute;
		left: 0;
		top: 64px;
		width: 256px;
		bottom: 0;
		 
	}
	
	.main-left-body.framework-collapse #main-left-down-body {
		width: 80px;
	}
	
	#main-right-up-body {
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		height: 64px;
		/*border-bottom: 1px solid #edf0f3;*/
		background: #FFFFFF;
	}
	
	#main-right-down-body {
		position: absolute;
		left: 0;
		top: 64px;
		right: 0;
		bottom: 0px;
	}
	
	.el-menu-vertical-demo:not(.el-menu--collapse) {
		width: 256px;
		min-height: 400px;
	}
	
	#kee-first-container {
		position: absolute;
		top: 50px;
		left: 0px;
		right: 0px;
		bottom: 0px;
	}
	
	#first-menu-left {
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		width: 180px;
		background: #CCCCCC;
	}
	
	#first-menu-right {
		position: absolute;
		top: 0;
		left: 180px;
		bottom: 0;
		right: 0px;
		background: #FFFFFF;
	}
	
	.kee-full-div {
		width: 100%;
		height: 100%;
	}
	
	.kee-second-frame {
		position: absolute;
		left: 0px;
		top: 0px;
		right: 0px;
		bottom: 0px;
	}
	
	.kee-second-frame-left {
		position: absolute;
		left: 0;
	}
	
	.kee-second-menu-item {
		height: 40px;
		width: 100%;
		line-height: 40px;
		cursor: pointer;
		position: relative;
	}
	
	.kee-second-menu-item:hover {
		background-color: #F4F6F8
	}
	
	.kee-second-menu-item-active {
		background-color: #FFFFFF
	}
	
	.kee-second-menu-item-active:hover {
		background-color: #FFFFFF
	}
	
	.kee-second-menu-item-icon {
		float: left;
		width: 30px;
		height: 40px;
	}
	
	.kee-second-menu-item-text {
		float: left;
		margin-right: 0px;
		color: #333333
	}
	
	.kee-tixing-bg {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 0;
		height: 47px;
		border-right: 20px solid #f7f7f7;
		border-top: 10px solid transparent;
		border-bottom: 10px solid transparent;
		border-left: none;
	}
	
	.kee-tixing-bg2 {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 0;
		height: 47px;
		border-left: 16px solid #d9dee4;
		border-top: 10px solid transparent;
		border-bottom: 10px solid transparent;
		border-right: none;
	}
	
	.kee-loader-contaner-second {
		position: absolute;
		right: 0px;
		top: 0px;
		bottom: 0px;
	}
	
	.kee-loader-contaner-third {
		position: absolute;
		right: 0px;
		top: 55px;
		bottom: 0px;
	}
	
	.kee-second-menu-edit {
		display: none;
		position: absolute;
		right: 3px;
		top: 0;
		height: 40px;
	}
	
	.kee-second-menu-item:hover .kee-second-menu-edit {
		display: block;
	}


	.kee-fs-list {
		width: 100%;
		background: #FFFFFF;
		position: relative;
		font-size: 0;
	}
	
	.kee-fs-list div{
		font-size:14px;
	}
	
	.kee-fs-list-select {
		background: #D9D9D9;
	}
	
	.kee-remove-btn {
		position: absolute;
		top: 3px;
		right: 3px;
		width: 16px;
		height: 16px;
		background: #ff0000;
		color: #ffffff;
		border-radius: 50%;
		font-size: 12px;
		line-height: 16px;
		text-align: center;
		padding-left: 1px;
	}


	.clearfix:after {
		content: ".";
		display: block;
		height: 0;
		clear: all;
		visibility: hidden;
	}
	
	.kee-main-panel {
		width: 100%;
		min-height: 300px;
		height: auto;
	}
	
	.kee-top-panel {
		height: auto;
		min-height: 100px;
		background: #00A0E9;
	}
	
	.kee-left-panel {
		position: relative;
		 
		background: #008200;
	}
	
	.kee-center-panel {
		float: right;
		margin-left: 0px;
		width: 100%;
		background: #007FFF;
	}
	
	.kee-right-panel {
		position: absolute;
		top: 0;
		bottom: 0;
		right: 0;
		background: #008200;
	}
	
	.kee-bottom-panel {
		height: auto;
		min-height: 100px;
	}
	
	.kee-panel-body {
		height: auto;
		min-height: 100px;
		background: #AA7700;
		position: relative;
	}
	
	.kee-panel-table {
		width: 100%;
		height: auto;
		min-height: 50px;
	}


	.kee-menu-item {
		width: 100%;
		height: 40px;
		padding-left: 24px;
		cursor: pointer;
		line-height: 40px;
		-moz-user-select: none;
		-webkit-user-select: none;
		display: block;
		font-size: 14px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		color: hsla(0, 0%, 100%, .65);
	}
	
	.kee-menu-item-role {
		color: #0000CC;
	}
	
	.kee-menu-item:hover {
		color: #2EBFF9;
	}
	
 
	
	.kee-menu-item-checked {
		background: #1D8CE0;
		color: #FFFFFF;
	}
	
	.kee-menu-item-checked:hover {
		background: #1D8CE0;
		color: #2EBFF9;
	}
	
	.kee-role-tree-edit {
		float: right;
		display: none;
		margin-top: 0px;
	}
	
	.kee-role-tree-title:hover .kee-role-tree-edit {
		float: right;
		display: block;
	}
	
	.kee-menu-item.active {
		background: #2EBFF9;
		color: #FFFFFF;
	}
	
	.kee-submenu-float-div {
		position: absolute;
		top: 0px;
		width: 180px;
		height: 400px;
		box-shadow: 0 2px 8px rgba(0, 0, 0, .15);
		overflow:hidden;
		background: #142028;border-radius: 4px;padding-top: 4px;padding-bottom: 4px;
		
		z-index: 99999;
	}
	.kee-left-menu-top-level {
		overflow: auto;
		position: absolute;left: 0;top: 20px;right: 0;bottom: 0;
	}


	.jdcc-bottom-layer {
		left: 0px;
		top: 0px;
		right: 0px;
		bottom: 0px;
		background: #fff;
		border-top: 1px solid #ddd;
		overflow-x: hidden;
		overflow-y: auto;
		border-radius: 8px;
		position: absolute;
		z-index: 180;
		box-shadow: 0px 0 5px 5px rgba(0, 0, 0, 0.2);
		
	}
	
	.feas-right-detail-div {
		position: absolute;
		 
		width: 61%;
		bottom: 0px;
		top: 0px;
		background: #fff;
		overflow-x: hidden;
		overflow-y: auto;
		border-radius: 0px;
		z-index: 200;
		border-left: 1px solid #ddd;
		box-shadow: -3px 0 4px rgba(0, 0, 0, 0.1);
	}
	
	.kee-fs-right-menu {
		position: absolute;
		z-index: 1000;
		background: #FFFFFF;
		box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .16), 0 0 6px 0 rgba(0, 0, 0, .16);
		overflow: auto;
		padding: 15px;
		border: 1px solid #BBB5B5;
		border-radius: 4px;
		padding-top:50px ;
	}


	.kee-fs-drager {
		position: absolute;
		z-index: 999999;
		cursor: pointer;
		pointer-events: none;
		overflow:visiable;
		
		 
		-webkit-transform-origin:100% 100%;
		transform-origin:100% 100%;
								
		box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .16), 0 0 6px 0 rgba(0, 0, 0, .16)
	}
	
	.kee-fs-nodom {
		background: #C0C0C0;
		border: 1px solid #CCCCCC;
	}


	.kee-fs-direct {
		position: absolute;
		z-index: 199;
		cursor: pointer;
		border: none;
		background: #FF0000;
	}
	
	.kee-fs-nodom {
		background: #C0C0C0;
		border: 1px solid #CCCCCC;
	}
	
	.direct-btn {
		position: absolute;
		width: 8px;
		height: 8px;
		border: 1px solid #FF0000;
		background: #FFFFFF;
		z-index: 200;
		pointer-events: all;
	}
	
	.top-cursor {
		cursor: n-resize;
	}
	
	.left-cursor {
		cursor: w-resize;
	}
	
	.right-cursor {
		cursor: w-resize;
	}
	
	.bottom-cursor {
		cursor: n-resize;
	}






.kee-code-eitor-frame{
	min-height:750px;height:100%;padding: 0px;width:100%; line-height: 24px;border: 1px solid #CCCCCC;border-radius: 3px;
}

.kee-code-editor-content{
min-height:750px;width:100%;height: 100%;margin-bottom: 0px; 
}