@CHARSET "UTF-8";

#cklogo {
	margin: 0px 10px;
	/* 缩放图片不模糊 */
	image-rendering: -moz-crisp-edges;
	image-rendering: -o-crisp-edges;
	image-rendering: -webkit-optimize-contrast;
	image-rendering: crisp-edges;
	-ms-interpolation-mode: nearest-neighbor;
}

.pure-g {
	background-color: #fff;
	letter-spacing: -.31em;
	*letter-spacing: normal;
	*word-spacing: -.43em;
	text-rendering: optimizespeed;
	font-family: FreeSans, Arimo, "Droid Sans", Helvetica, Arial, sans-serif;
	display: -webkit-flex;
	-webkit-flex-flow: row wrap;
	display: -ms-flexbox;
	-ms-flex-flow: row wrap;
	-ms-align-content: flex-start;
	-webkit-align-content: flex-start;
	align-content: flex-start;
	padding: 10px;
}

.opera-only :-o-prefocus,
.pure-g {
	word-spacing: -.43em
}

.pure-u {
	display: inline-block;
	*display: inline;
	zoom: 1;
	letter-spacing: normal;
	word-spacing: normal;
	vertical-align: top;
	text-rendering: auto
}

.pure-g [class*="pure-u"] {
	font-family: sans-serif
}

.pure-u-1,
.pure-u-1-1,
.pure-u-1-2,
.pure-u-1-3,
.pure-u-2-3,
.pure-u-1-4,
.pure-u-3-4,
.pure-u-1-5,
.pure-u-2-5,
.pure-u-3-5,
.pure-u-4-5,
.pure-u-5-5,
.pure-u-1-6,
.pure-u-5-6,
.pure-u-1-8,
.pure-u-3-8,
.pure-u-5-8,
.pure-u-7-8,
.pure-u-1-12,
.pure-u-5-12,
.pure-u-7-12,
.pure-u-11-12,
.pure-u-1-24,
.pure-u-2-24,
.pure-u-3-24,
.pure-u-4-24,
.pure-u-5-24,
.pure-u-6-24,
.pure-u-7-24,
.pure-u-8-24,
.pure-u-9-24,
.pure-u-10-24,
.pure-u-11-24,
.pure-u-12-24,
.pure-u-13-24,
.pure-u-14-24,
.pure-u-15-24,
.pure-u-16-24,
.pure-u-17-24,
.pure-u-18-24,
.pure-u-19-24,
.pure-u-20-24,
.pure-u-21-24,
.pure-u-22-24,
.pure-u-23-24,
.pure-u-24-24 {
	display: inline-block;
	*display: inline;
	zoom: 1;
	letter-spacing: normal;
	word-spacing: normal;
	vertical-align: top;
	text-rendering: auto
}

.pure-u-1-24 {
	width: 4.1667%;
	*width: 4.1357%
}

.pure-u-1-12,
.pure-u-2-24 {
	width: 8.3333%;
	*width: 8.3023%
}

.pure-u-1-8,
.pure-u-3-24 {
	width: 12.5%;
	*width: 12.469%
}

.pure-u-1-6,
.pure-u-4-24 {
	width: 16.6667%;
	*width: 16.6357%
}

.pure-u-1-5 {
	width: 20%;
	*width: 19.969%
}

.pure-u-5-24 {
	width: 20.8333%;
	*width: 20.8023%
}

.pure-u-1-4,
.pure-u-6-24 {
	width: 25%;
	*width: 24.969%
}

.pure-u-7-24 {
	width: 29.1667%;
	*width: 29.1357%
}

.pure-u-1-3,
.pure-u-8-24 {
	width: 33.3333%;
	*width: 33.3023%
}

.pure-u-3-8,
.pure-u-9-24 {
	width: 37.5%;
	*width: 37.469%
}

.pure-u-2-5 {
	width: 40%;
	*width: 39.969%
}

.pure-u-5-12,
.pure-u-10-24 {
	width: 41.6667%;
	*width: 41.6357%
}

.pure-u-11-24 {
	width: 45.8333%;
	*width: 45.8023%
}

.pure-u-1-2,
.pure-u-12-24 {
	width: 50%;
	*width: 49.969%
}

.pure-u-13-24 {
	width: 54.1667%;
	*width: 54.1357%
}

.pure-u-7-12,
.pure-u-14-24 {
	width: 58.3333%;
	*width: 58.3023%
}

.pure-u-3-5 {
	width: 60%;
	*width: 59.969%
}

.pure-u-5-8,
.pure-u-15-24 {
	width: 62.5%;
	*width: 62.469%
}

.pure-u-2-3,
.pure-u-16-24 {
	width: 66.6667%;
	*width: 66.6357%
}

.pure-u-17-24 {
	width: 70.8333%;
	*width: 70.8023%
}

.pure-u-3-4,
.pure-u-18-24 {
	width: 75%;
	*width: 74.969%
}

.pure-u-19-24 {
	width: 79.1667%;
	*width: 79.1357%
}

.pure-u-4-5 {
	width: 80%;
	*width: 79.969%
}

.pure-u-5-6,
.pure-u-20-24 {
	width: 83.3333%;
	*width: 83.3023%
}

.pure-u-7-8,
.pure-u-21-24 {
	width: 87.5%;
	*width: 87.469%
}

.pure-u-11-12,
.pure-u-22-24 {
	width: 91.6667%;
	*width: 91.6357%
}

.pure-u-23-24 {
	width: 95.8333%;
	*width: 95.8023%
}

.pure-u-1,
.pure-u-1-1,
.pure-u-5-5,
.pure-u-24-24 {
	width: 100%
}

.pure-table {
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	border: 1px solid #cbcbcb
}

.pure-table caption {
	color: #000;
	font: italic 85%/1 arial, sans-serif;
	padding: 1em 0;
	text-align: center
}

.pure-table td,
.pure-table th {
	/* border-left: 1px solid #cbcbcb; */
	border-width: 0 0 0 1px;
	font-size: inherit;
	margin: 0;
	overflow: visible;
	padding: .5em 1em
}

.pure-table td:first-child,
.pure-table th:first-child {
	border-left-width: 0
}

.pure-table thead {
	background-color: #e0e0e0;
	color: #000;
	text-align: left;
	vertical-align: bottom
}

.pure-table td {
	background-color: transparent
}

.pure-table-odd td {
	background-color: #f2f2f2
}

.pure-table-striped tr:nth-child(2n-1) td {
	background-color: #f2f2f2
}

.pure-table-bordered td {
	border-bottom: 1px solid #cbcbcb
}

.pure-table-bordered tbody>tr:last-child>td {
	border-bottom-width: 0
}

.pure-table-horizontal td,
.pure-table-horizontal th {
	border-width: 0 0 1px;
	border-bottom: 1px solid #cbcbcb
}

.pure-table-horizontal tbody>tr:last-child>td {
	border-bottom-width: 0
}

.pure-form input[type=text],
.pure-form input[type=password],
.pure-form input[type=email],
.pure-form input[type=url],
.pure-form input[type=date],
.pure-form input[type=month],
.pure-form input[type=time],
.pure-form input[type=datetime],
.pure-form input[type=datetime-local],
.pure-form input[type=week],
.pure-form input[type=number],
.pure-form input[type=search],
.pure-form input[type=tel],
.pure-form input[type=color],
.pure-form select,
.pure-form textarea {
	padding: 4px;
	display: inline-block;
	border: 1px solid #ccc;
	border-radius: 2px;
	vertical-align: middle;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.pure-form input:not ([type]) {
	padding: .5em .6em;
	display: inline-block;
	border: 1px solid #ccc;
	box-shadow: inset 0 1px 3px #ddd;
	border-radius: 4px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.pure-form input[type=color] {
	padding: .2em .5em
}

.pure-form input[type=text]:focus,
.pure-form input[type=password]:focus,
.pure-form input[type=email]:focus,
.pure-form input[type=url]:focus,
.pure-form input[type=date]:focus,
.pure-form input[type=month]:focus,
.pure-form input[type=time]:focus,
.pure-form input[type=datetime]:focus,
.pure-form input[type=datetime-local]:focus,
.pure-form input[type=week]:focus,
.pure-form input[type=number]:focus,
.pure-form input[type=search]:focus,
.pure-form input[type=tel]:focus,
.pure-form input[type=color]:focus,
.pure-form select:focus,
.pure-form textarea:focus {
	outline: 0;
	border-color: #129FEA
}

.pure-form input:not ([type]):focus {
	outline: 0;
	border-color: #129FEA
}

.pure-form input[type=file]:focus,
.pure-form input[type=radio]:focus,
.pure-form input[type=checkbox]:focus {
	outline: thin solid #129FEA;
	outline: 1px auto #129FEA
}

.pure-form .pure-checkbox,
.pure-form .pure-radio {
	margin: .5em 0;
	display: block
}

.pure-form input[type=text][disabled],
.pure-form input[type=password][disabled],
.pure-form input[type=email][disabled],
.pure-form input[type=url][disabled],
.pure-form input[type=date][disabled],
.pure-form input[type=month][disabled],
.pure-form input[type=time][disabled],
.pure-form input[type=datetime][disabled],
.pure-form input[type=datetime-local][disabled],
.pure-form input[type=week][disabled],
.pure-form input[type=number][disabled],
.pure-form input[type=search][disabled],
.pure-form input[type=tel][disabled],
.pure-form input[type=color][disabled],
.pure-form select[disabled],
.pure-form textarea[disabled] {
	cursor: not-allowed;
	background-color: #eaeded;
	color: #cad2d3
}

.pure-form input:not ([type])[disabled] {
	cursor: not-allowed;
	background-color: #eaeded;
	color: #cad2d3
}

.pure-form input[readonly],
.pure-form select[readonly],
.pure-form textarea[readonly] {
	background-color: #eee;
	color: #777;
	border-color: #ccc
}

.pure-form input:focus:invalid,
.pure-form textarea:focus:invalid,
.pure-form select:focus:invalid {
	color: #b94a48;
	border-color: #e9322d
}

.pure-form input[type=file]:focus:invalid:focus,
.pure-form input[type=radio]:focus:invalid:focus,
.pure-form input[type=checkbox]:focus:invalid:focus {
	outline-color: #e9322d
}

.pure-form select {
	height: 2.25em;
	border: 1px solid #ccc;
	background-color: #fff
}

.pure-form select[multiple] {
	height: auto
}

.pure-form label {
	margin: .5em 0 .2em
}

.pure-form fieldset {
	margin: 0;
	padding: .35em 0 .75em;
	border: 0
}

.pure-form legend {
	display: block;
	width: 100%;
	padding: .3em 0;
	margin-bottom: .3em;
	color: #333;
	border-bottom: 1px solid #e5e5e5
}

.pure-form-stacked input[type=text],
.pure-form-stacked input[type=password],
.pure-form-stacked input[type=email],
.pure-form-stacked input[type=url],
.pure-form-stacked input[type=date],
.pure-form-stacked input[type=month],
.pure-form-stacked input[type=time],
.pure-form-stacked input[type=datetime],
.pure-form-stacked input[type=datetime-local],
.pure-form-stacked input[type=week],
.pure-form-stacked input[type=number],
.pure-form-stacked input[type=search],
.pure-form-stacked input[type=tel],
.pure-form-stacked input[type=color],
.pure-form-stacked input[type=file],
.pure-form-stacked select,
.pure-form-stacked label,
.pure-form-stacked textarea {
	display: block;
	margin: .25em 0
}

.pure-form-stacked input:not ([type]) {
	display: block;
	margin: .25em 0
}

.pure-form-aligned input,
.pure-form-aligned textarea,
.pure-form-aligned select,
.pure-form-aligned .pure-help-inline,
.pure-form-message-inline {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle
}

.pure-form-aligned textarea {
	vertical-align: top
}

.pure-form-aligned .pure-control-group {
	margin-bottom: .5em
}

.pure-form-aligned .pure-control-group label {
	text-align: right;
	display: inline-block;
	vertical-align: middle;
	width: 10em;
	margin: 0 1em 0 0
}

.pure-form-aligned .pure-controls {
	margin: 1.5em 0 0 11em
}

.pure-form input.pure-input-rounded,
.pure-form .pure-input-rounded {
	border-radius: 2em;
	padding: .5em 1em
}

.pure-form .pure-group fieldset {
	margin-bottom: 10px
}

.pure-form .pure-group input,
.pure-form .pure-group textarea {
	display: block;
	padding: 10px;
	margin: 0 0 -1px;
	border-radius: 0;
	position: relative;
	top: -1px
}

.pure-form .pure-group input:focus,
.pure-form .pure-group textarea:focus {
	z-index: 3
}

.pure-form .pure-group input:first-child,
.pure-form .pure-group textarea:first-child {
	top: 1px;
	border-radius: 4px 4px 0 0;
	margin: 0
}

.pure-form .pure-group input:first-child:last-child,
.pure-form .pure-group textarea:first-child:last-child {
	top: 1px;
	border-radius: 4px;
	margin: 0
}

.pure-form .pure-group input:last-child,
.pure-form .pure-group textarea:last-child {
	top: -2px;
	border-radius: 0 0 4px 4px;
	margin: 0
}

.pure-form .pure-group button {
	margin: .35em 0
}

.pure-form .pure-input-1 {
	width: 100%
}

.pure-form .pure-input-2-3 {
	width: 66%
}

.pure-form .pure-input-1-2 {
	width: 50%
}

.pure-form .pure-input-1-3 {
	width: 33%
}

.pure-form .pure-input-1-4 {
	width: 25%
}

.pure-form .pure-help-inline,
.pure-form-message-inline {
	display: inline-block;
	padding-left: .3em;
	color: #666;
	vertical-align: middle;
	font-size: .875em
}

.pure-form-message {
	display: block;
	color: #666;
	font-size: .875em
}

@media only screen and (max-width :480px) {
	.pure-form button[type=submit] {
		margin: .7em 0 0
	}

	.pure-form input:not ([type]),
	.pure-form input[type=text],
	.pure-form input[type=password],
	.pure-form input[type=email],
	.pure-form input[type=url],
	.pure-form input[type=date],
	.pure-form input[type=month],
	.pure-form input[type=time],
	.pure-form input[type=datetime],
	.pure-form input[type=datetime-local],
	.pure-form input[type=week],
	.pure-form input[type=number],
	.pure-form input[type=search],
	.pure-form input[type=tel],
	.pure-form input[type=color],
	.pure-form label {
		margin-bottom: .3em;
		display: block
	}

	.pure-group input:not ([type]),
	.pure-group input[type=text],
	.pure-group input[type=password],
	.pure-group input[type=email],
	.pure-group input[type=url],
	.pure-group input[type=date],
	.pure-group input[type=month],
	.pure-group input[type=time],
	.pure-group input[type=datetime],
	.pure-group input[type=datetime-local],
	.pure-group input[type=week],
	.pure-group input[type=number],
	.pure-group input[type=search],
	.pure-group input[type=tel],
	.pure-group input[type=color] {
		margin-bottom: 0
	}

	.pure-form-aligned .pure-control-group label {
		margin-bottom: .3em;
		text-align: left;
		display: block;
		width: 100%
	}

	.pure-form-aligned .pure-controls {
		margin: 1.5em 0 0
	}

	.pure-form .pure-help-inline,
	.pure-form-message-inline,
	.pure-form-message {
		display: block;
		font-size: .75em;
		padding: .2em 0 .8em
	}
}

.pure-button {
	display: inline-block;
	zoom: 1;
	line-height: normal;
	white-space: nowrap;
	vertical-align: middle;
	text-align: center;
	cursor: pointer;
	-webkit-user-drag: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.pure-button::-moz-focus-inner {
	padding: 0;
	border: 0
}

.pure-button {
	font-family: "微软雅黑", "Microsoft YaHei", Arial;
	font-size: 12px;
	padding: 5px 12px;
	color: #444;
	color: rgba(0, 0, 0, .8);
	border: 1px solid #999;
	border: 0 rgba(0, 0, 0, 0);
	background-color: #E6E6E6;
	text-decoration: none;
	border-radius: 2px
}

.pure-button-hover,
.pure-button:hover,
.pure-button:focus {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',
			endColorstr='#1a000000', GradientType=0);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent),
			color-stop(40%, rgba(0, 0, 0, .05)), to(rgba(0, 0, 0, .1)));
	background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, .05) 40%, rgba(0, 0, 0, .1));
	background-image: -moz-linear-gradient(top, rgba(0, 0, 0, .05) 0,
			rgba(0, 0, 0, .1));
	background-image: -o-linear-gradient(transparent, rgba(0, 0, 0, .05) 40%,
			rgba(0, 0, 0, .1));
	background-image: linear-gradient(transparent, rgba(0, 0, 0, .05) 40%,
			rgba(0, 0, 0, .1))
}

.pure-button:focus {
	outline: 0
}

.pure-button-active,
.pure-button:active {
	/* 	box-shadow: 0 0 0 1px rgba(0, 0, 0, .15) inset, 0 0 6px
		rgba(0, 0, 0, .2) inset; */
	border-color: #000
}

.pure-button[disabled],
.pure-button-disabled,
.pure-button-disabled:hover,
.pure-button-disabled:focus,
.pure-button-disabled:active {
	border: 0;
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	filter: alpha(opacity=40);
	-khtml-opacity: .4;
	-moz-opacity: .4;
	opacity: .4;
	cursor: not-allowed;
	box-shadow: none
}

.pure-button-hidden {
	display: none
}

.pure-button::-moz-focus-inner {
	padding: 0;
	border: 0
}

.pure-button-primary,
.pure-button-selected,
a.pure-button-primary,
a.pure-button-selected {
	background-color: #0078e7;
	color: #fff
}

.pure-menu {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.pure-menu-fixed {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 3
}

.pure-menu-list,
.pure-menu-item {
	position: relative
}

.pure-menu-list {
	list-style: none;
	margin: 0;
	padding: 0
}

.pure-menu-item {
	padding: 0;
	margin: 0;
	height: 100%
}

.pure-menu-link,
.pure-menu-heading {
	display: block;
	text-decoration: none;
	white-space: nowrap
}

.pure-menu-horizontal {
	width: 100%;
	white-space: nowrap
}

.pure-menu-horizontal .pure-menu-list {
	display: inline-block
}

.pure-menu-horizontal .pure-menu-item,
.pure-menu-horizontal .pure-menu-heading,
.pure-menu-horizontal .pure-menu-separator {
	display: inline-block;
	*display: inline;
	zoom: 1;
	vertical-align: middle
}

.pure-menu-item .pure-menu-item {
	display: block
}

.pure-menu-children {
	display: none;
	position: absolute;
	left: 100%;
	top: 0;
	margin: 0;
	padding: 0;
	z-index: 3
}

.pure-menu-horizontal .pure-menu-children {
	left: 0;
	top: auto;
	width: inherit
}

.pure-menu-allow-hover:hover>.pure-menu-children,
.pure-menu-active>.pure-menu-children {
	display: block;
	position: absolute
}

.pure-menu-has-children>.pure-menu-link:after {
	padding-left: .5em;
	content: "\25B8";
	font-size: small
}

.pure-menu-horizontal .pure-menu-has-children>.pure-menu-link:after {
	content: "\25BE"
}

.pure-menu-scrollable {
	overflow-y: scroll;
	overflow-x: hidden
}

.pure-menu-scrollable .pure-menu-list {
	display: block
}

.pure-menu-horizontal.pure-menu-scrollable .pure-menu-list {
	display: inline-block
}

.pure-menu-horizontal.pure-menu-scrollable {
	white-space: nowrap;
	overflow-y: hidden;
	overflow-x: auto;
	-ms-overflow-style: none;
	-webkit-overflow-scrolling: touch;
	padding: .5em 0
}

.pure-menu-horizontal.pure-menu-scrollable::-webkit-scrollbar {
	display: none
}

.pure-menu-separator {
	background-color: #ccc;
	height: 1px;
	margin: .3em 0
}

.pure-menu-horizontal .pure-menu-separator {
	width: 1px;
	height: 1.3em;
	margin: 0 .3em
}

.pure-menu-heading {
	text-transform: uppercase;
	color: #565d64
}

.pure-menu-link {
	color: #777
}

.pure-menu-children {
	background-color: #fff
}

.pure-menu-link,
.pure-menu-disabled,
.pure-menu-heading {
	padding: .5em 1em
}

.pure-menu-disabled {
	opacity: .5
}

.pure-menu-disabled .pure-menu-link:hover {
	background-color: transparent
}

.pure-menu-active>.pure-menu-link,
.pure-menu-link:hover,
.pure-menu-link:focus {
	background-color: #eee
}

.pure-menu-selected .pure-menu-link,
.pure-menu-selected .pure-menu-link:visited {
	color: #000
}

/*button*/
.button-success,
.button-error,
.button-warning,
.button-secondary {
	color: white;
	border-radius: 4px;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.button-success {
	background: rgb(28, 184, 65);
	/* this is a green */
}

.button-error {
	background: rgb(202, 60, 60);
	/* this is a maroon */
}

.button-warning {
	background: rgb(223, 117, 20);
	/* this is an orange */
}

.button-secondary {
	background: rgb(66, 184, 221);
	/* this is a light blue */
}

.button-xsmall {
	font-size: 70%;
}

.button-small {
	font-size: 95%;
	padding: 4px 6px;
}

.button-large {
	font-size: 110%;
}

.button-xlarge {
	font-size: 125%;
}

.panel button,
.dialog-button .l-btn,
.tooltip button {
	font-family: "Microsoft YaHei", Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;

	background: none repeat scroll 0 0 #358aef;
	color: #ffffff;
	/*border-color: #c01e54;*/
	border-radius: 2px;
	border: none;

	cursor: pointer;
}

.panel button:hover,
.dialog-button .l-btn:hover,
.tooltip button:hover {
	background-color: #6f9eee;
	border: none;
	color: #ffffff;
}

.panel button[disabled],
.tooltip button[disabled] {
	cursor: not-allowed !important;
	background-color: #dddddd !important;
	color: graytext !important;
}

/*north*/


/*left panel*/
#ck_modulelist.accordion .accordion-header {
	background: none repeat scroll 0 0 #fafafa;
	filter: none;
	height: 40px;
	padding: 0px;
}

#ck_modulelist .accordion-header {
	vertical-align: middle;
}

#ck_modulelist .accordion-header:hover,
.accordion-header-selected {
	background-color: #2f579c !important;
}

#ck_modulelist:not(.skin_westlake) .accordion-header:hover button,
#ck_modulelist:not(.skin_westlake) .accordion-header-selected button {
	filter: invert(1);
}

#ck_modulelist .accordion-header-selected .panel-title {
	color: #fff;
}

#ck_modulelist .accordion-header:hover .panel-title {
	color: #fff;
}

#ck_modulelist .panel-title {
	font-family: "Microsoft YaHei", Helvetica, Arial, sans-serif;
	color: #333333;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 2px;
	margin-left: 56px;
	text-decoration: none;
	height: 40px;
	line-height: 40px;
}

#ck_modulelist .tree-node {
	font-family: "Microsoft YaHei", Helvetica, Arial, sans-serif;
	height: 40px;
	font-size: 14px;
	line-height: 40px;
	color: #666666;
	font-weight: 200;
	letter-spacing: 2px;

	background: none repeat scroll 0 0 #fff;
	border-bottom: 1px solid #a4b6d6;

	padding-left: 43px !important;
}


#ck_modulelist .accordion-collapse {
	background: rgba(0, 0, 0, 0) url("../images/topItem.png") no-repeat scroll -48px 0;
}

#ck_modulelist .accordion-expand {
	background: rgba(0, 0, 0, 0) url("../images/topItem.png") no-repeat scroll 0 0;
}

#ck_modulelist .icon-add {
	background: none;
	display: inline;
	float: right;
	line-height: 40px;
	position: relative;
	font-size: 20px;
	width: 20px;
	height: 40px;
}

#ck_modulelist .icon-add:before {
	content: "\002B";
}

#ck_modulelist .icon-add.tree-folder-open:before {
	content: "\002D";
}

#ck_modulelist .tree-node-selected {
	background-color: #2f579c;
	border-bottom: 1px solid #a4b6d6;
	height: 40px;
	margin: 0;
	padding: 0;
}

#ck_modulelist .tree-node-selected.tree-node-hover {
	cursor: pointer;
}

#ck_modulelist .tree-node-hover {
	background: none repeat scroll 0 0 #2f579c;
	cursor: pointer;
}

#ck_modulelist .icon-blank {
	background: rgba(ff, 0, 0);
	margin-left: -16px;
}

#ck_modulelist li {
	display: block;
	/*instead of list-view for Safari*/
	position: relative;
}

/*
.ui-widget-content .ui-icon {
	background: transparent;
}
*/
/*MainNavigator*/
.ui-navigator-left {
	float: left;
	background: none repeat scroll 0 0 #fff;
	height: 50px;
	width: 66.6667%;
	line-height: 50px;
}

.ui-navigator-user-thumbnail {
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 4px;
	display: inline-block;
	line-height: 1.42857;
	max-width: 100%;
	padding: 1px;
	transition: all 0.2s ease-in-out 0s;
	vertical-align: middle;
	width: 36px;
	height: 36px;
}

.ui-navigator-user-info {
	color: #000;
	font-size: 18px;
}

.ui-navigator-right {
	background: none repeat scroll 0 0 #fff;
	float: left;
	height: 50px;
	width: 33.3333%;
	line-height: 50px;

	color: #000;
	font-size: 18px;
}

.ui-navigator-right>div {}

.ui-navigator-right>div>a:focus,
.ui-navigator-right>div>a:hover,
.ui-navigator-right>div>a:active {
	outline: 0 none;
	color: #2f579c;
}

.ui-navigator-right>div>a {
	color: #000;
	text-decoration: none;
	text-shadow: none !important;
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.ui-msg-red {
	background: none repeat scroll 0 0 #d6000f;
}

.ui-msg-blue {
	background: none repeat scroll 0 0 #1a88ff;
}

.ui-msg {
	border-radius: 10px;
	color: #fff;
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
	line-height: 1;
	min-width: 9px;
	padding: 3px 7px;
	text-align: center;
	vertical-align: baseline;
	white-space: nowrap;
}

/*RightPane*/
#RightPane .panel {
	background: none repeat scroll 0 0 #fff;
	border: none;
	padding: 0px;
}

#ck_module_content .tabs {
	border: none;
	padding: 0;
}

#ck_module_content .tabs-header {
	background: none repeat scroll 0 0 #fff;
	padding: 8px 15px 0 15px;
}

#ck_module_content .tabs .tabs-selected .tabs-icon {
	top: 38px;
	left: 50%;
	margin-left: -6px;

	position: absolute;
	border: 6px solid transparent;
	border-bottom: 6px solid #fff;
	width: 0;
	height: 0;
}

#ck_module_content .tabs li {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-color: #848484;
	border-image: none;
	border-style: none none solid;
	border-width: medium medium 0px;
	margin: 0 4px 0 0;
}

#ck_module_content .tabs .tabs-selected {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-color: #2f579c;
	border-image: none;
	border-style: none none solid;
	border-width: medium medium 0px;
}

#ck_module_content .tabs li.tabs-selected a.tabs-inner {
	background: none repeat scroll 0 0 #4f7ece;
	color: #fff;
}

#ck_module_content .tabs li a.tabs-inner {
	border-radius: 0 0 0 0;
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	color: #848484;
}

#ck_module_content .tabs li:hover {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-color: #2f579c;
	border-image: none;
	border-style: none none solid;
	border-width: medium medium 0px;
}

#ck_module_content .tabs li a.tabs-inner:hover {
	background: none repeat scroll 0 0 #4f7ece;
	color: #fff;
}

#ck_module_content .tabs li a.tabs-inner {
	border: none;
}

#ck_module_content .tabs-title {
	font-size: 16px;
}

#ck_cellbu_content {
	background: none repeat scroll 0 0 #fff;
	padding: 0;
}

.ck-cellbu-name {
	color: #2f579c;
	font-size: 16px;
	font-weight: 500;
	padding: 10px 0 10px 10px;
	margin: 0;
	height: 40px;
	line-height: 40px;
}

.ck-red {
	color: #2f579c;
}

input:disabled {
	background-color: #FFFFFF;
	cursor: not-allowed;
}

/*Footer*/
#ck_footer {
	overflow: hidden;
	color: #fff;
	font-size: 14px;
	margin: 0 10px;
	padding: 16px 0;
}

.tree-title {
	white-space: nowrap;
}

.panel-body {
	font-size: 14px;
}

/*combobox*/
.ck-combobox {
	background-color: #fff;
	background-image: none;
	/* border: 1px solid #ccc; */
	border-radius: 2px;
	/* box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; */
	width: 100%;
	height: 100%;
}

.ck-combobox:focus {
	border-color: #66afe9;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
	outline: 0 none;
}

#ck_modulelist .easyui-tree {
	float: left;
	width: 100%;
}

/*input*/
.ck-edit-border {
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 2px;
	/*  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; */
}

.ck-edit-border:focus {
	border-color: #66afe9;
	/* box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6); */
	outline: 0 none;
}

.ck-edit-border::-moz-placeholder {
	color: #999;
	opacity: 1;
}

/*pop up cellbu*/
.ck-popcellbu {
	overflow: hidden;
	padding: 0;
	border: none !important;
}

.icon-add-file {
	width: 16px;
	height: 16px;
	margin-top: -8px;
	background: url('../images/chenk/file.png') no-repeat center center;
}

.ck-add-file {
	padding-top: 4px;
	cursor: pointer;
	color: #358aef;
	/* border: 1px solid #358aef; */
	border-radius: 4px;
	line-height: 26px;
}

.ck-add-file .l-btn-icon {
	left: -2px;
}

.ck-add-file .l-btn-text {
	margin: 0 4px 0 18px;
}

.ck-north-right.l-btn-plain {
	padding: 7px 4px 6px 10px;
	border: none;
	border-radius: 0px;
	height: 49px;
}

.ck-north-right.l-btn-plain:hover {
	border: none;
	background: none repeat scroll 0 0 #6f9eee;
	border-radius: 0px;
}

#ck-north-alarm .l-btn-text {
	min-width: 16px;
	width: auto;
	margin-right: 4px;
	padding: none;
	line-height: 1.7;
}

#ck-action-feature,
#ck-action-user,
#ck-action-alarm {
	padding: 16px;
	font-size: 14px;
}

#mainpass {
	/* color: RGB(102,102,102); */
}

/* #mainpass:hover{
	color: #358aef;
} */

#mainlogout {
	background: none repeat scroll 0 0 #358aef;
	color: #fff;
	border-radius: 4px;
	margin-top: 32px;
	text-align: center;
	height: 32px;
	line-height: 22px;
}

.ck-action-item {
	padding: 4px;
	line-height: 18px;
	font-size: 14px;
}

.ck-root-module {
	font-weight: 600;
	color: RGB(51, 51, 51);
	text-align: left;
	line-height: 24px;
}

.ck-module {
	padding-top: 0px;
	padding-bottom: 0px;
	float: left;
}

.ck-action-item-first a {
	color: #358aef;
	cursor: pointer;
}

.ck-action-separator {
	margin: 2px 0;
	height: 0px;
	border-bottom: 1px dashed rgba(0, 0, 0, .06);
}

.ck-action-table {
	margin: 0px 0px 10px 0px;
}

.ck-action-table td {
	padding: 4px 10px;
	color: RGB(102, 102, 102);
}

.ck-action-table td:hover {
	background: none repeat scroll 0 0 #f8f8f8;
	color: #358aef;
	cursor: pointer;
}

.tooltip {
	border-radius: 0px;
	border-style: solid;
	border-width: 1px;
	display: none;
	opacity: 1;
	outline: medium none;
	padding: 0px;
	z-index: 9900000;
}

#skpolicy .frozen-div.ui-jqgrid-hdiv {
	margin-top: 0px;
}

#skdvp .frozen-div.ui-jqgrid-hdiv {
	margin-top: 0px;
}

.ck-subcellbus {
	display: none;
}

.ck-subcellbus-title {
	position: fixed;
	right: 0;
	bottom: 0px;
	background: rgba(47, 87, 156, 0.8);
	padding-right: -20px;
	cursor: pointer;
	color: #003;
	z-index: 2000;
}

.ck-south-right {
	float: left;
	margin: 0;
	color: #fff;
	font-family: "Microsoft YaHei", Helvetica, Arial, sans-serif;
	font-size: 12px;
}

.ck-south-right.l-btn-plain {
	padding: 0px;
	border: none;
	border-radius: 0px;
}

.ck-south-right.l-btn-plain:hover {
	border: none;
	background: none repeat scroll 0 0 #6f9eee;
	border-radius: 0px;
}

.ck-south-right .l-btn-text {
	padding: 4px;
	font-size: 12px;
}

.ck-south-right.m-btn .l-btn-left .l-btn-text {
	margin-right: 0px;
}

.ck-south-separator {
	float: left;
	margin: 0p;
	height: 32px;
	border-left: solid 1px #5272a9;
}

.tooltip {
	background-color: #ffffff;
	/* border-color: #2f579c; */
	color: #333;
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
	border-radius: 4px;
}

.tooltip-title {
	background: none repeat scroll 0 0 #dcdcdc;
}

.tooltip-title a {
	display: inline-block;
	height: 16px;
	margin: 2px 0 0 2px;
	opacity: 0.6;
	vertical-align: top;
	text-align: right;
	width: 16px;
	cursor: pointer;
}

.tooltip-title-close {
	background: rgba(0, 0, 0, 0) url("../images/panel_tools.png") no-repeat scroll -16px 0;
}

.tooltip-separator {
	margin: 0px;
	color: #2f579c;
}

.tabs-panels {
	border-color: #d4d4d4;
}

.ck-cellbu-more.accordion {
	border: none;
}

.ck-cellbu-more.accordion .accordion-header {
	height: 45px !important;
	line-height: 45px;
	background-color: #fff !important;
	padding-left: 30px;
}

.ck-cellbu-more.accordion .accordion-header .panel-tool {
	right: 30px;
}

/* .ck-cellbu-more.accordion .accordion-header .panel-tool a {
    display: inline-block;
    width: 24px;
    height: 24px;
}  
.ck-cellbu-more.accordion .accordion-header .panel-tool .accordion-expand {
    background: url(../images/arrows.png) no-repeat -24px 0;
}
.ck-cellbu-more.accordion .accordion-header .panel-tool .accordion-collapse {
    background: url(../images/arrows.png) no-repeat 0 0;
} */

.ck-cellbu-more.accordion .accordion-header.accordion-header-selected {
	background-color: #fff !important;
}

.ck-cellbu-more.accordion .accordion-header .panel-title {
	font-size: 14px;
	font-weight: normal;
	font-family: "Microsoft YaHei", Helvetica, Arial, sans-serif;
	color: #000;
	height: 45px;
	line-height: 45px;
}

.ck-cellbu-more.accordion .panel:not(:first-child) .panel-body.accordion-body {
	border-top: 1px solid #d6d6d6;
}


.ck-cellbu-more .ck-more-table {
	border: none;
}

#RightPane .ck-cellbu-more .panel {
	margin: 30px 0 30px 0;
	border: 1px solid #d6d6d6;
	background-color: #fff;
}

#RightPane .ck-cellbu-more .panel:first-child {
	padding: 30px;
	background-color: #fff;
	font-size: 14px;
	font-weight: normal;
	font-family: "Microsoft YaHei", Helvetica, Arial, sans-serif;
	color: #333;
}

#RightPane .ck-cellbu-more .panel:not(:first-child) {
	padding: 0;
}

#RightPane .ck-cellbu-more .panel:last-child {}

.ck-more-table {
	padding: 0;
}

.ck-more-table table {
	width: 100%;
}

.ck-more-table td {
	width: 25%;
	height: 38px;
}

#confirmDialog {
	padding: 10px 15px;
	height: 100px !important;
	border-left: none;
	border-right: none;
}

.dialog-button .l-btn-text {
	padding: 2px 3px;
}

.ui-footer {
	overflow: hidden;
	height: 50px;
	background: none repeat scroll 0 0 #2f579c;
}

.tabs li.tabs-selected a.tabs-inner {
	font-weight: normal;
}

#ck_cellbu_left .tabs li.tabs-selected a.tabs-inner {
	background: linear-gradient(to bottom, #fafafa 0, #fafafa 100%);
	border-color: #fafafa;
	border-bottom: 1px solid #D4D4D4;
}

#ck_cellbu_left .tabs-header {
	padding-top: 0px;
	background-color: #fafafa;
}

#ck_cellbu_right .tabs li.tabs-selected a.tabs-inner {
	background: linear-gradient(to bottom, #fafafa 0, #fafafa 100%);
	border-color: #fafafa;
	border-bottom: 1px solid #D4D4D4;
}

#ck_cellbu_right .tabs-header {
	padding-top: 0px;
	background-color: #fafafa;
}

.ck-selected {
	background-color: #e5f6fe;
}

#nav.ck-layout-lefttop {
	position: absolute;
	top: 50px;
	left: 0px;
	height: 60px;
	width: 100%;
	background-color: #fff;
	border-bottom: 1px solid rgba(222, 222, 222, 1);
}

#nav.ck-layout-lefttop li {
	padding: 4px 4px 4px 4px;
	height: 30px;
}

#nav.ck-layout-lefttop li.ck-selected {
	background-color: #fff;
}

#nav.ck-layout-lefttop li.ck-selected a {
	background-color: rgba(66, 153, 225, 1);
	border-radius: 20px;
	color: #fff;
}

#nav.ck-layout-lefttop li a {
	height: 30px;
	line-height: 30px;
	padding: 0px 20px;
	margin: 10px 0;
	border-right: none;
	color: rgba(68, 68, 68, 1)
}

#nav.ck-layout-lefttop li a:hover {
	background-color: rgba(66, 153, 225, 1);
	border-radius: 20px;
	color: #fff;
}

.ui-dialog-header {
	background: #fafafa !important;
	border-bottom: none !important;
}

.ui-dialog-body {
	padding: 5px !important;
}

.image-slot {
	padding-left: 4px;
	padding-right: 4px;
	background: #f5f7fa;
	display: flex;
	align-items: center;
	width: 100%;
	font-size: 14px;
	color: #c0c4cc;
	justify-content: center;
}

.module-badge {
	float: right;
	margin-top: 0px;
	margin-right: 16px;
}
#el-leftModulels.el-menu--collapse .module-badge {
	margin-right: 0px;
}

.el-image-actions {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	cursor: pointer !important;
	text-align: center;
	color: #fff;
	opacity: 0;
	font-size: 20px;
	background-color: rgba(0, 0, 0, .5);
	-webkit-transition: opacity .3s;
	transition: opacity .3s;
}

.el-image-actions:hover {
	opacity: 1;
}

.el-image-actions:hover span {
	display: inline-block;
	position: static;
	cursor: pointer;
	font-size: inherit;
	color: inherit;
	height: 20px;
}

.el-image-actions:hover span+span {
	margin-left: 15px;
}

.image-uploader-icon {
	font-size: 28px;
	color: #8c939d;
	width: 100%;
	text-align: center;
	background-image: url("../images/upload.png");
	background-repeat: no-repeat;
	background-position: center;
}
.el-icon-plus.image-uploader-icon:before{
	content:""!important;
}

.el-upload {
	border-radius: 4px;
	cursor: pointer;
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

.el-progress-circle {
	height: auto;
	width: auto;
}

.el-cascader-menu__wrap {
	height: auto;
	max-height: 240px;
}

.el-drawer__wrapper {
	top: 50px;
	pointer-events: none;
}

.el-drawer__wrapper .el-drawer__container .el-drawer{
	pointer-events: all;
}

.el-collapse-item__header {
	background: #e3e3e3
}

.cropper {
	width: 200px;
	height: 200px;
	margin: 30px auto;
}

.cropper-btn {
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	/* 防止多次点击出现蓝色背景 */
}

.cropper-content .show-preview {
	border-radius: 75px;
	border: 1px solid #eff2f6;
	margin: 60px auto;
}

.el-main {
	background: #fff
}

.el-dialog__footer {
	padding: 10px;
}

body.skin_westlake, #app.skin_westlake {
	filter: invert(1) opacity(90%) hue-rotate(180deg);
}

body.skin_westlake img,
body.skin_westlake svg,
body.skin_westlake .no-invert {
	filter: invert(1) opacity(100%) hue-rotate(180deg);
}

body.skin_westlake .ztree .button {
	filter: invert(1) opacity(90%) hue-rotate(180deg);
}

body.skin_westlake .ck-icon-dot {
	filter: invert(1) opacity(90%) hue-rotate(180deg);
}

body.skin_westlake img.moduleimg {
	filter: none
}

body.skin_westlake .el-menu.el-menu--horizontal {
	border: none;
}
body.skin_westlake .ck-useravatar {
	color: #000;
}
.bktran {
	background-color: transparent !important;
}