@charset 'utf-8';

.layout,.layout-panel,.panel {
	overflow: hidden
}

.l-btn,a {
	text-decoration: none
}

.footer,.section-link-button,.section-lists>li,.section>.right,.table-body td,button,textarea {
	box-sizing: border-box
}

.layout {
	position: relative;
	margin: 0;
	padding: 0;
	z-index: 0
}

.layout-panel {
	position: absolute
}

.layout-body {
	min-width: 1px;
	min-height: 1px
}

.layout-panel-east,.layout-panel-west {
	z-index: 2
}

.layout-panel-north,.layout-panel-south {
	z-index: 3
}

.layout-expand {
	position: absolute;
	padding: 0;
	font-size: 1px;
	cursor: pointer;
	z-index: 1
}

.layout-expand .panel-body,.layout-expand .panel-header {
	background: 0 0;
	filter: none;
	overflow: hidden
}

.layout-expand .panel-header {
	border-bottom-width: 0
}

.layout-expand .panel-body {
	position: relative
}

.layout-expand .panel-body .panel-icon {
	margin-top: 0;
	top: 0;
	left: 50%;
	margin-left: -8px
}

.layout-expand-east .panel-header .panel-icon,.layout-expand-west .panel-header .panel-icon {
	display: none
}

.layout-expand-title {
	position: absolute;
	top: 0;
	left: 21px;
	white-space: nowrap;
	word-wrap: normal;
	-webkit-transform: rotate(90deg);
	-webkit-transform-origin: 0 0;
	-moz-transform: rotate(90deg);
	-moz-transform-origin: 0 0;
	-o-transform: rotate(90deg);
	-o-transform-origin: 0 0;
	transform: rotate(90deg);
	transform-origin: 0 0
}

.layout-expand-title-up,.panel-hleft>.panel-header .panel-title,.panel-hright>.panel-header .panel-title {
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	word-wrap: normal;
	white-space: nowrap
}

.layout-expand-title-up {
	position: absolute;
	top: 0;
	left: 0;
	text-align: right;
	padding-left: 5px;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
	transform-origin: 0 0
}

.layout-expand-with-icon {
	top: 18px
}

.layout-expand .panel-body-noheader .layout-expand-title,.layout-expand .panel-body-noheader .panel-icon {
	top: 5px
}

.layout-expand .panel-body-noheader .layout-expand-with-icon {
	top: 23px
}

.layout-split-proxy-h,.layout-split-proxy-v {
	position: absolute;
	font-size: 1px;
	display: none;
	z-index: 5
}

.l-btn,.panel-tool a {
	display: inline-block
}

.layout-split-proxy-h {
	width: 5px;
	cursor: e-resize
}

.layout-split-proxy-v {
	height: 5px;
	cursor: n-resize
}

.layout-mask {
	position: absolute;
	background: #fafafa;
	filter: alpha(opacity=10);
	opacity: .1;
	z-index: 4
}

.layout-button-up {
	background: url(../libs/easyui/images/layout_arrows.png) -16px -16px no-repeat
}

.layout-button-down {
	background: url(../libs/easyui/images/layout_arrows.png) -16px 0 no-repeat
}

.layout-button-left {
	background: url(../libs/easyui/images/layout_arrows.png) no-repeat
}

.layout-button-right {
	background: url(../libs/easyui/images/layout_arrows.png) 0 -16px no-repeat
}

.layout-split-proxy-h,.layout-split-proxy-v {
	background-color: #aac5e7
}

.layout-split-north {
	border-bottom: 5px solid #E6EEF8
}

.layout-split-south {
	border-top: 5px solid #E6EEF8
}

.layout-split-east {
	border-left: 5px solid #E6EEF8
}

.layout-split-west {
	border-right: 5px solid #E6EEF8
}

.layout-expand,.layout-expand-over {
	background-color: #E0ECFF
}

.panel {
	text-align: left;
	margin: 0;
	border: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0
}

.panel-body,.panel-header {
	border-width: 1px;
	border-style: solid
}

.panel-header {
	padding: 5px;
	position: relative
}

.panel-title {
	background: url(../libs/easyui/images/blank.gif) no-repeat
}

.panel-header-noborder {
	border-width: 0 0 1px
}

.panel-body {
	overflow: auto;
	border-top-width: 0;
	padding: 0
}

.panel-body-noheader {
	border-top-width: 1px
}

.panel-body-noborder {
	border-width: 0
}

.panel-body-nobottom {
	border-bottom-width: 0
}

.panel-with-icon {
	padding-left: 18px
}

.panel-icon,.panel-tool {
	position: absolute;
	top: 50%;
	margin-top: -8px;
	height: 16px;
	overflow: hidden
}

.panel-icon {
	left: 5px;
	width: 16px
}

.panel-tool {
	right: 5px;
	width: auto
}

.panel-tool a {
	width: 16px;
	height: 16px;
	opacity: .6;
	filter: alpha(opacity=60);
	margin: 0 0 0 2px;
	vertical-align: top
}

.panel-tool a:hover {
	opacity: 1;
	filter: alpha(opacity=100);
	background-color: #eaf2ff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	border-radius: 3px
}

.panel-loading {
	padding: 11px 0 10px 30px;
	background: url(../libs/easyui/images/loading.gif) 10px 10px no-repeat
}

.panel-noscroll {
	overflow: hidden
}

.panel-fit,.panel-fit body {
	height: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	overflow: hidden
}

.panel-tool-close {
	background: url(../libs/easyui/images/panel_tools.png) -16px 0 no-repeat
}

.panel-tool-min {
	background: url(../libs/easyui/images/panel_tools.png) no-repeat
}

.panel-tool-max {
	background: url(../libs/easyui/images/panel_tools.png) 0 -16px no-repeat
}

.panel-tool-restore {
	background: url(../libs/easyui/images/panel_tools.png) -16px -16px no-repeat
}

.panel-tool-collapse {
	background: url(../libs/easyui/images/panel_tools.png) -32px 0 no-repeat
}

.panel-tool-expand {
	background: url(../libs/easyui/images/panel_tools.png) -32px -16px no-repeat
}

.panel-body,.panel-header {
	border-color: #95B8E7
}

.panel-header {
	background-color: #E0ECFF;
	background: -webkit-linear-gradient(top,#EFF5FF 0,#E0ECFF 100%);
	background: -moz-linear-gradient(top,#EFF5FF 0,#E0ECFF 100%);
	background: -o-linear-gradient(top,#EFF5FF 0,#E0ECFF 100%);
	background: linear-gradient(to bottom,#EFF5FF 0,#E0ECFF 100%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#EFF5FF, endColorstr=#E0ECFF, GradientType=0)
}

.panel-body {
	background-color: #fff
}

.panel-title {
	font-size: 12px;
	font-weight: 700;
	color: #0E2D5F;
	height: 16px;
	line-height: 16px
}

.panel-footer {
	border: 1px solid #95B8E7;
	overflow: hidden;
	background: #F4F4F4
}

.panel-footer-noborder {
	border-width: 1px 0 0
}

.panel-hleft,.panel-hright {
	position: relative
}

.panel-hleft>.panel-body,.panel-hright>.panel-body {
	position: absolute
}

.panel-hleft>.panel-header {
	float: left
}

.panel-hright>.panel-header {
	float: right
}

.panel-hleft>.panel-body {
	border-top-width: 1px;
	border-left-width: 0
}

.panel-hright>.panel-body {
	border-top-width: 1px;
	border-right-width: 0
}

.panel-hleft>.panel-body-nobottom {
	border-bottom-width: 1px;
	border-right-width: 0
}

.panel-hright>.panel-body-nobottom {
	border-bottom-width: 1px;
	border-left-width: 0
}

.panel-hleft>.panel-footer {
	position: absolute;
	right: 0
}

.panel-hright>.panel-footer {
	position: absolute;
	left: 0
}

.panel-hleft>.panel-header-noborder {
	border-width: 0 1px 0 0
}

.panel-hright>.panel-header-noborder {
	border-width: 0 0 0 1px
}

.panel-hleft>.panel-body-noborder,.panel-hright>.panel-body-noborder {
	border-width: 0
}

.panel-hleft>.panel-body-noheader {
	border-left-width: 1px
}

.panel-hright>.panel-body-noheader {
	border-right-width: 1px
}

.panel-hleft>.panel-footer-noborder {
	border-width: 0 0 0 1px
}

.panel-hright>.panel-footer-noborder {
	border-width: 0 1px 0 0
}

.panel-hleft>.panel-header .panel-icon,.panel-hright>.panel-header .panel-icon {
	margin-top: 0;
	top: 5px
}

.panel-hleft>.panel-header .panel-title,.panel-hright>.panel-header .panel-title {
	position: absolute;
	min-width: 16px;
	left: 21px;
	top: 5px;
	bottom: auto;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
	transform-origin: 0 0
}

.panel-hleft>.panel-header .panel-title-up,.panel-hright>.panel-header .panel-title-up {
	position: absolute;
	min-width: 16px;
	left: 21px;
	top: auto;
	bottom: 5px;
	text-align: right;
	white-space: nowrap;
	word-wrap: normal;
	-webkit-transform: rotate(-90deg);
	-webkit-transform-origin: 0 0;
	-moz-transform: rotate(-90deg);
	-moz-transform-origin: 0 0;
	-o-transform: rotate(-90deg);
	-o-transform-origin: 0 0;
	transform: rotate(-90deg);
	transform-origin: 0 16px
}

.panel-hleft>.panel-header .panel-with-icon.panel-title-up,.panel-hright>.panel-header .panel-with-icon.panel-title-up {
	padding-left: 0;
	padding-right: 18px
}

.panel-hleft>.panel-header .panel-tool,.panel-hright>.panel-header .panel-tool {
	top: auto;
	bottom: 5px;
	width: 16px;
	height: auto;
	left: 50%;
	margin-left: -8px;
	margin-top: 0
}

.panel-hleft>.panel-header .panel-tool a,.panel-hright>.panel-header .panel-tool a {
	margin: 2px 0 0
}

.l-btn,.l-btn-left {
	overflow: hidden;
	margin: 0
}

.l-btn {
	padding: 0;
	cursor: pointer;
	outline: 0;
	text-align: center;
	vertical-align: middle;
	line-height: normal
}

.l-btn-plain {
	padding: 1px
}

.l-btn-left,.l-btn-text {
	display: inline-block;
	padding: 0;
	vertical-align: top
}

.l-btn-left {
	position: relative
}

.l-btn-text {
	width: auto;
	line-height: 24px;
	font-size: 12px;
	margin: 0 4px
}

.l-btn span span .l-btn-empty,.l-btn-icon {
	font-size: 1px;
	width: 16px;
	display: inline-block
}

.l-btn-icon {
	height: 16px;
	line-height: 16px;
	position: absolute;
	top: 50%;
	margin-top: -8px
}

.datagrid .panel-body,.datagrid-view {
	position: relative;
	overflow: hidden
}

.l-btn span span .l-btn-empty {
	margin: 0;
	height: 24px;
	vertical-align: top
}

.l-btn span .l-btn-icon-left {
	padding: 0 0 0 20px;
	background-position: left center
}

.l-btn span .l-btn-icon-right {
	padding: 0 20px 0 0;
	background-position: right center
}

.l-btn-icon-left .l-btn-text {
	margin: 0 4px 0 24px
}

.l-btn-icon-left .l-btn-icon {
	left: 4px
}

.l-btn-icon-right .l-btn-text {
	margin: 0 24px 0 4px
}

.l-btn-icon-right .l-btn-icon {
	right: 4px
}

.l-btn-icon-top .l-btn-text {
	margin: 20px 4px 0
}

.l-btn-icon-top .l-btn-icon {
	top: 4px;
	left: 50%;
	margin: 0 0 0 -8px
}

.l-btn-icon-bottom .l-btn-text {
	margin: 0 4px 20px
}

.l-btn-icon-bottom .l-btn-icon {
	top: auto;
	bottom: 4px;
	left: 50%;
	margin: 0 0 0 -8px
}

.l-btn-left .l-btn-empty {
	margin: 0 4px;
	width: 16px
}

.l-btn-focus {
	outline: #00F dotted thin
}

.l-btn-large .l-btn-text {
	line-height: 40px
}

.l-btn-large .l-btn-icon {
	width: 32px;
	height: 32px;
	line-height: 32px;
	margin-top: -16px
}

.l-btn-large .l-btn-icon-left .l-btn-text {
	margin-left: 40px
}

.l-btn-large .l-btn-icon-right .l-btn-text {
	margin-right: 40px
}

.l-btn-large .l-btn-icon-top .l-btn-text {
	margin-top: 36px;
	line-height: 24px;
	min-width: 32px
}

.l-btn-large .l-btn-icon-top .l-btn-icon {
	margin: 0 0 0 -16px
}

.l-btn-large .l-btn-icon-bottom .l-btn-text {
	margin-bottom: 36px;
	line-height: 24px;
	min-width: 32px
}

.l-btn-large .l-btn-icon-bottom .l-btn-icon {
	margin: 0 0 0 -16px
}

.l-btn-large .l-btn-left .l-btn-empty {
	margin: 0 4px;
	width: 32px
}

.l-btn {
	color: #444;
	border: 1px solid #bbb;
	background: -webkit-linear-gradient(top,#fff 0,#eee 100%);
	background: -moz-linear-gradient(top,#fff 0,#eee 100%);
	background: -o-linear-gradient(top,#fff 0,#eee 100%);
	background: linear-gradient(to bottom,#fff 0,#eee 100%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#eeeeee, GradientType=0);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px
}

.l-btn:hover {
	background: #eaf2ff;
	color: #000;
	border: 1px solid #b7d2ff;
	filter: none
}

.l-btn-plain {
	background: 0 0;
	border-width: 0;
	filter: none
}

.l-btn-outline {
	border-width: 1px;
	border-color: #b7d2ff;
	padding: 0
}

.l-btn-plain:hover {
	padding: 0;
	background: #eaf2ff;
	color: #000;
	border: 1px solid #b7d2ff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px
}

.l-btn-disabled,.l-btn-disabled:hover {
	opacity: .5;
	cursor: default;
	color: #444;
	background: -webkit-linear-gradient(top,#fff 0,#eee 100%);
	background: -moz-linear-gradient(top,#fff 0,#eee 100%);
	background: -o-linear-gradient(top,#fff 0,#eee 100%);
	background: linear-gradient(to bottom,#fff 0,#eee 100%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#eeeeee, GradientType=0)
}

.l-btn-disabled .l-btn-icon,.l-btn-disabled .l-btn-text {
	filter: alpha(opacity=50)
}

.l-btn-plain-disabled,.l-btn-plain-disabled:hover {
	background: 0 0;
	filter: alpha(opacity=50)
}

.l-btn-selected,.l-btn-selected:hover {
	background: #ddd;
	filter: none
}

.l-btn-plain-selected,.l-btn-plain-selected:hover {
	background: #ddd
}

.s-btn-active .m-btn-line,.s-btn-plain-active .m-btn-line,.s-btn:hover .m-btn-line {
	display: inline-block
}

.l-btn:hover .s-btn-downarrow,.s-btn-active .s-btn-downarrow,.s-btn-plain-active .s-btn-downarrow {
	border-style: solid;
	border-color: #aac5e7;
	border-width: 0 0 0 1px
}

.pagination {
	zoom: 1
}

.pagination table {
	float: left;
	height: 30px
}

.pagination td {
	border: 0
}

.pagination-btn-separator {
	float: left;
	height: 24px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #fff;
	margin: 3px 1px
}

.pagination .pagination-num {
	border-width: 1px;
	border-style: solid;
	margin: 0 2px;
	padding: 2px;
	width: 2em;
	height: auto
}

.pagination-page-list {
	margin: 0 6px;
	padding: 1px 2px;
	width: auto;
	height: auto;
	border-width: 1px;
	border-style: solid
}

.pagination-info {
	float: right;
	margin: 0 6px;
	padding: 0;
	height: 30px;
	line-height: 30px;
	font-size: 12px
}

.pagination span {
	font-size: 12px
}

.pagination-link .l-btn-text {
	width: 24px;
	text-align: center;
	margin: 0
}

.pagination-first {
	background: url(../libs/easyui/images/pagination_icons.png) 0 center no-repeat
}

.pagination-prev {
	background: url(../libs/easyui/images/pagination_icons.png) -16px center no-repeat
}

.pagination-next {
	background: url(../libs/easyui/images/pagination_icons.png) -32px center no-repeat
}

.pagination-last {
	background: url(../libs/easyui/images/pagination_icons.png) -48px center no-repeat
}

.pagination-load {
	background: url(../libs/easyui/images/pagination_icons.png) -64px center no-repeat
}

.pagination-loading {
	background: url(../libs/easyui/images/loading.gif) center center no-repeat
}

.pagination .pagination-num,.pagination-page-list {
	border-color: #95B8E7
}

.datagrid-view1,.datagrid-view2 {
	position: absolute;
	overflow: hidden;
	top: 0
}

.datagrid-view1 {
	left: 0
}

.datagrid-view2 {
	right: 0
}

.datagrid-mask {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: .3;
	filter: alpha(opacity=30);
	display: none
}

.datagrid-mask-msg {
	position: absolute;
	top: 50%;
	margin-top: -20px;
	padding: 10px 5px 10px 30px;
	width: auto;
	height: 16px;
	border-width: 2px;
	border-style: solid;
	display: none
}

.datagrid-empty {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 25px;
	line-height: 25px;
	text-align: center
}

.datagrid-sort-icon {
	padding: 0;
	display: none
}

.datagrid-toolbar {
	height: auto;
	padding: 1px 2px;
	border-width: 0 0 1px;
	border-style: solid
}

.datagrid-btn-separator {
	float: left;
	height: 24px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #fff;
	margin: 2px 1px
}

.datagrid .datagrid-pager {
	display: block;
	margin: 0;
	border-style: solid
}

.datagrid .datagrid-pager-top {
	border-width: 0 0 1px
}

.datagrid-header {
	overflow: hidden;
	cursor: default;
	border-style: solid
}

.datagrid-header-inner {
	float: left;
	width: 10000px
}

.datagrid-header-row,.datagrid-row {
	height: 25px
}

.datagrid-body td,.datagrid-footer td,.datagrid-header td {
	border-width: 0 1px 1px 0;
	border-style: dotted;
	margin: 0;
	padding: 0
}

.datagrid-cell,.datagrid-cell-group,.datagrid-cell-rownumber,.datagrid-header-rownumber {
	margin: 0;
	padding: 0 4px;
	white-space: nowrap;
	word-wrap: normal;
	overflow: hidden;
	height: 18px;
	line-height: 18px;
	font-size: 12px
}

.datagrid-header .datagrid-cell,.datagrid-row-editing .datagrid-cell {
	height: auto
}

.datagrid-cell-group {
	text-align: center;
	text-overflow: ellipsis
}

.datagrid-cell-rownumber,.datagrid-header-rownumber {
	width: 30px;
	text-align: center;
	margin: 0;
	padding: 0
}

.datagrid-body {
	margin: 0;
	padding: 0;
	overflow: auto;
	zoom: 1
}

.datagrid-footer,.datagrid-view1 .datagrid-body,.window,.window-mask,.window-proxy {
	overflow: hidden
}

.datagrid-view1 .datagrid-body-inner {
	padding-bottom: 20px
}

.datagrid-footer-inner {
	border-width: 1px 0 0;
	border-style: solid;
	width: 10000px;
	float: left
}

.datagrid-cell-check,.datagrid-header-check {
	padding: 0;
	width: 27px;
	height: 18px;
	font-size: 1px;
	text-align: center;
	overflow: hidden
}

.datagrid-cell-check input,.datagrid-header-check input {
	margin: 0;
	padding: 0;
	width: 15px;
	height: 18px
}

.datagrid-resize-proxy {
	position: absolute;
	width: 1px;
	height: 10000px;
	top: 0;
	cursor: e-resize;
	display: none
}

.datagrid-body .datagrid-editable table,.window-mask {
	width: 100%;
	height: 100%
}

.datagrid-body .datagrid-editable {
	margin: 0;
	padding: 0
}

.datagrid-body .datagrid-editable td {
	border: 0;
	margin: 0;
	padding: 0
}

.datagrid-view .datagrid-editable-input {
	margin: 0;
	padding: 2px 4px;
	border: 1px solid #95B8E7;
	font-size: 12px;
	outline-style: none;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0
}

.section-query>button:focus,.section-query>input:focus,:focus {
	outline: 0
}

.datagrid-view .validatebox-invalid {
	border-color: #ffa8a8
}

.datagrid-sort .datagrid-sort-icon {
	display: inline;
	padding: 0 13px 0 0;
	background: url(../libs/easyui/images/datagrid_icons.png) -64px center no-repeat
}

.datagrid-sort-desc .datagrid-sort-icon {
	display: inline;
	padding: 0 13px 0 0;
	background: url(../libs/easyui/images/datagrid_icons.png) -16px center no-repeat
}

.datagrid-sort-asc .datagrid-sort-icon {
	display: inline;
	padding: 0 13px 0 0;
	background: url(../libs/easyui/images/datagrid_icons.png) 0 center no-repeat
}

.datagrid-row-collapse {
	background: url(../libs/easyui/images/datagrid_icons.png) -48px center no-repeat
}

.datagrid-row-expand {
	background: url(../libs/easyui/images/datagrid_icons.png) -32px center no-repeat
}

.datagrid-mask-msg {
	background: url(../libs/easyui/images/loading.gif) 5px center no-repeat #fff;
	border-color: #95B8E7
}

.datagrid-header,.datagrid-td-rownumber {
	background-color: #efefef;
	background: -webkit-linear-gradient(top,#F9F9F9 0,#efefef 100%);
	background: -moz-linear-gradient(top,#F9F9F9 0,#efefef 100%);
	background: -o-linear-gradient(top,#F9F9F9 0,#efefef 100%);
	background: linear-gradient(to bottom,#F9F9F9 0,#efefef 100%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#F9F9F9, endColorstr=#efefef, GradientType=0)
}

.datagrid-cell-rownumber {
	color: #000
}

.datagrid-resize-proxy {
	background: #aac5e7
}

.datagrid-mask {
	background: #ccc
}

.datagrid-pager,.datagrid-toolbar {
	background: #F4F4F4
}

.datagrid-footer-inner,.datagrid-header,.datagrid-pager,.datagrid-toolbar {
	border-color: #ddd
}

.datagrid-body td,.datagrid-footer td,.datagrid-header td {
	border-color: #ccc
}

.datagrid-btable,.datagrid-ftable,.datagrid-htable {
	border-collapse: separate
}

.datagrid-row-alt {
	background: #fafafa
}

.datagrid-header td.datagrid-header-over,.datagrid-row-over {
	background: #eaf2ff;
	color: #000;
	cursor: default
}

.datagrid-row-selected {
	background: #ffe48d;
	color: #000
}

a,hr {
	color: inherit
}

.datagrid-row-editing .textbox,.datagrid-row-editing .textbox-text {
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0
}

.window {
	padding: 5px;
	border-width: 1px;
	border-style: solid
}

.window .window-body {
	border-width: 0 1px 1px;
	border-style: solid
}

.window .window-body-noheader {
	border-top-width: 1px
}

.window .panel-body-nobottom {
	border-bottom-width: 0
}

.window .window-header .panel-icon,.window .window-header .panel-tool {
	top: 50%;
	margin-top: -11px
}

.window .window-header .panel-icon {
	left: 1px
}

.window .window-header .panel-tool {
	right: 1px
}

.window .window-header .panel-with-icon {
	padding-left: 18px
}

.window-proxy-mask {
	position: absolute;
	filter: alpha(opacity=5);
	opacity: .05
}

.window-mask {
	position: absolute;
	left: 0;
	top: 0;
	font-size: 1px
}

.window,.window-shadow {
	position: absolute;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px 5px 5px 5px
}

.window-shadow {
	background: #ccc;
	-moz-box-shadow: 2px 2px 3px #ccc;
	-webkit-box-shadow: 2px 2px 3px #ccc;
	box-shadow: 2px 2px 3px #ccc;
	filter: progid:DXImageTransform.Microsoft.Blur(pixelRadius=2, MakeShadow=false, ShadowOpacity=.2)
}

.window,.window .window-body {
	border-color: #95B8E7
}

.window {
	background-color: #E0ECFF;
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#EFF5FF, endColorstr=#E0ECFF, GradientType=0)
}

.window-proxy {
	position: absolute;
	border: 1px dashed #95B8E7
}

.dialog-content,html {
	overflow: auto
}

.window-mask,.window-proxy-mask {
	background: #ccc
}

.window .panel-footer {
	border: 1px solid #95B8E7;
	position: relative;
	top: -1px
}

.window-thinborder {
	padding: 0
}

.window-thinborder .window-header {
	padding: 5px 5px 6px
}

.window-thinborder .window-body {
	border-width: 0
}

.window-thinborder .window-header .panel-icon,.window-thinborder .window-header .panel-tool {
	margin-top: -9px;
	margin-left: 5px;
	margin-right: 5px
}

.window-noborder {
	border: 0
}

.window.panel-hleft .window-header {
	padding: 0 6px 0 0
}

.window.panel-hright .window-header {
	padding: 0 0 0 6px
}

.window.panel-hleft>.panel-header .panel-title {
	top: auto;
	left: 16px
}

.window.panel-hright>.panel-header .panel-title {
	top: auto;
	right: 16px
}

.window.panel-hleft>.panel-header .panel-title-up,.window.panel-hright>.panel-header .panel-title-up {
	bottom: 0
}

.window.panel-hleft .window-body {
	border-width: 1px 1px 1px 0
}

.window.panel-hright .window-body {
	border-width: 1px 0 1px 1px
}

.window.panel-hleft .window-header .panel-icon {
	top: 1px;
	margin-top: 0;
	left: 0
}

.window.panel-hright .window-header .panel-icon {
	top: 1px;
	margin-top: 0;
	left: auto;
	right: 1px
}

.window.panel-hleft .window-header .panel-tool,.window.panel-hright .window-header .panel-tool {
	margin-top: 0;
	top: auto;
	bottom: 1px;
	right: auto;
	margin-right: 0;
	left: 50%;
	margin-left: -11px
}

.window.panel-hright .window-header .panel-tool {
	left: auto;
	right: 1px
}

.window-thinborder.panel-hleft .window-header {
	padding: 5px 6px 5px 5px
}

.window-thinborder.panel-hright .window-header {
	padding: 5px 5px 5px 6px
}

.window-thinborder.panel-hleft>.panel-header .panel-title {
	left: 21px
}

.window-thinborder.panel-hleft>.panel-header .panel-title-up,.window-thinborder.panel-hright>.panel-header .panel-title-up {
	bottom: 5px
}

.window-thinborder.panel-hleft .window-header .panel-icon,.window-thinborder.panel-hright .window-header .panel-icon {
	margin-top: 5px
}

.window-thinborder.panel-hleft .window-header .panel-tool,.window-thinborder.panel-hright .window-header .panel-tool {
	left: 16px;
	bottom: 5px
}

.dialog-toolbar {
	position: relative;
	padding: 2px 5px
}

.dialog-tool-separator {
	float: left;
	height: 24px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #fff;
	margin: 2px 1px
}

.dialog-button .l-btn {
	margin-left: 5px
}

.dialog-button,.dialog-toolbar {
	background: #F4F4F4;
	border-width: 1px;
	border-style: solid
}

.dialog-toolbar {
	border-color: #95B8E7 #95B8E7 #ddd
}

.dialog-button {
	position: relative;
	top: -1px;
	padding: 5px;
	text-align: right;
	border-color: #ddd #95B8E7 #95B8E7
}

.window-thinborder .dialog-toolbar {
	border-left: transparent;
	border-right: transparent;
	border-top-color: #F4F4F4
}

.window-thinborder .dialog-button {
	top: 0;
	padding: 5px 8px 8px;
	border-left: transparent;
	border-right: transparent;
	border-bottom: transparent
}

body,dl,ol,ul {
	padding: 0;
	margin: 0
}

html {
	height: 100%;
	font: 125% Arial,Helvetica,'Microsoft Yahei';
	color: #333
}

body {
	font-size: .7em
}

dl,ol,ul {
	list-style-type: none
}

h1,h2,h3,h4,h5,h6 {
	margin: 0;
	font-weight: 400
}

p {
	margin: 0
}

iframe,img {
	border-width: 0
}

table {
	border-collapse: collapse
}

.section-panel,.table-body {
	border-collapse: separate;
	table-layout: fixed
}

i {
	font-style: normal
}

hr {
	margin: 1em 0
}

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
	color: #999
}

input::-moz-placeholder,textarea::-moz-placeholder {
	color: #999;
	opacity: 1!important
}

input:-ms-input-placeholder,textarea:-ms-input-placeholder {
	color: #999
}

button,input,textarea {
	font: inherit;
	color: #333;
	color: inherit
}

input[type=text],textarea {
	width: 10em;
	height: 2em;
	padding: 0 .3em;
	border: 1px solid #e5e5e5;
	border-radius: .2em;
	box-sizing: border-box;
	background-color: #fff
}

button {
	height: 2em;
	border: 1px solid #e5e5e5
}

textarea {
	padding: .3em;
	resize: none
}

.body:before,.clear-bubble:before,.section:before {
	display: table;
	content: ''
}

.body:after,.clear:after,.datagrid-title:after,.section-panel>.right ul:after,.section-tabs-header:after,.section-tabs-tools:after,.section:after {
	display: table;
	clear: both;
	content: ''
}

.hide-font {
	text-indent: -100%;
	overflow: hidden;
	color: transparent
}

.section-tabs {
	margin-top: 1em;
	padding-top: 1px;
	position: relative;
	font-size: 1.143em;
	background-color: #fff
}

.section-tabs-header {
	margin-right: 1px;
	line-height: 2.857em;
	background-color: #ecf9ff
}

.section-tabs-header>li {
	padding: 0 2em;
	position: relative;
	float: left;
	cursor: pointer
}

.section-tabs-header>li.active {
	cursor: default;
	color: #2196f3;
	background-color: #fff
}

.section-tabs-header>li.active:after {
	position: absolute;
	top: -1px;
	right: 0;
	left: 0;
	border-top: 2px solid;
	content: ''
}

.section-tabs-body {
	padding: 1em
}

.section-tabs-body>div {
	display: none
}

.section-tabs-body>.active {
	display: block
}

.section-tabs-tools {
	padding-right: 1em;
	position: absolute;
	top: 0;
	right: 0;
	line-height: 2.857em;
	white-space: nowrap
}

.section-tabs-tools>* {
	float: left
}

.section-tools-xts {
	padding-left: 28px;
	position: relative;
	font-size: .875em;
	text-indent: .3em;
	color: #555
}

.section-tools-xts:before {
	width: 28px;
	height: 28px;
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	content: '';
	background: url(images/sprite.png) -6px -195px no-repeat
}

.section-panel {
	padding-bottom: 1.25em;
	display: table
}

.section-panel>.left,.section-panel>.right {
	display: table-cell;
	vertical-align: top
}

.section-panel>.left h3 {
	margin-bottom: .29166667em;
	font-size: 1.5em;
	line-height: 3.333em;
	text-align: center
}

.section-panel>.left p {
	line-height: 1.875em;
	text-indent: 2em
}

.section-panel>.right {
	width: 24em;
	padding: 0 2.5em 0 3.5em
}

.section-panel>.right ul {
	margin: 0 0 0 -1.25em
}

.section-panel>.right li {
	margin: 1.25em 0 0 1.25em;
	float: left;
	background: linear-gradient(90deg,#03a9f4,#00ba98);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF03a9f4, endColorstr=#FF00ba98, GradientType=1)
}

.section-panel>.right li.icon-1 {
	background: linear-gradient(90deg,#46ae60,#71ba49);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF46ae60, endColorstr=#FF71ba49, GradientType=1)
}

.section-panel>.right li.icon-1 a:before {
	background-position: 2px 4px
}

.section-panel>.right li.icon-2 a:before {
	background-position: -90px 4px
}

.section-panel>.right li.icon-3 a:before {
	background-position: 4px -88px
}

.section-panel>.right li.icon-4 a:before {
	background-position: -90px -88px
}

.section-panel>.right a {
	width: 11.25em;
	height: 6.875em;
	display: block;
	text-align: center;
	color: #fff
}

.section-panel>.right a:before {
	width: 78px;
	height: 78px;
	margin: 0 auto;
	display: block;
	content: '';
	background: url(images/sprite.png) 9em no-repeat
}

.section-box {
	margin-top: 1.143em;
	background-color: #fff
}

.section-lists {
	height: 656px;
	margin: 0 4.5em 0 5.929em;
	padding: 3.143em 118px;
	position: relative
}

.section-lists:before,.section-lists>li.odd:before {
	position: absolute;
	content: ''
}

.section-lists:before {
	width: 176px;
	margin: auto;
	display: block;
	background: url(images/sprite.png) -404px 4px no-repeat;
	top: 3.143em;
	right: 3.143em;
	bottom: 3.143em;
	left: 3.143em
}

.section-lists>li {
	width: 50%;
	margin-top: 27px;
	padding: 0 1.116584em 1.116584em;
	position: relative;
	border: 1px solid #ddd;
	border-radius: .3125em
}

.section-lists>li.odd {
	margin-left: -94px
}

.section-lists>li.odd:before {
	height: 0;
	margin: auto auto auto 1px;
	top: 0;
	bottom: 0;
	border: .643em solid transparent;
	left: 100%;
	border-right-width: 0;
	border-left: .857em solid #ddd
}

.section-lists>li.even:before,.section-lists>li.odd:after {
	border: .643em solid transparent;
	height: 0;
	position: absolute;
	content: '';
	top: 0;
	bottom: 0
}

.section-lists>li.odd:after {
	margin: auto;
	left: 100%;
	border-right-width: 0;
	border-left: .857em solid #fff
}

.section-lists>li.even {
	margin-right: -118px;
	margin-left: auto
}

.section-lists>li.even:before {
	margin: auto 1px auto auto;
	right: 100%;
	border-left-width: 0;
	border-right: .857em solid #ddd
}

.section-lists>li.even:after {
	height: 0;
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	border: .643em solid transparent;
	content: '';
	right: 100%;
	border-left-width: 0;
	border-right: .857em solid #fff
}

.section-lists>li.state h4 {
	color: #ff7043
}

.section-lists>li:first-child {
	margin-top: -10px
}

.section-lists>li[data-index='2'] {
	margin-right: -100px
}

.section-lists>li[data-index='3'] {
	margin-left: -100px
}

.section-lists>li[data-index='4'] {
	margin-right: -119px
}

.section-lists>li[data-index='5'] {
	margin-left: -102px
}

.section-lists h4 {
	position: relative;
	font-size: 1.256em;
	line-height: 2.778em;
	font-weight: 600;
	color: #2196f3
}

.section-lists p {
	height: 3.4em;
	margin: -.1em 0;
	font-size: 1.071em;
	line-height: 1.2em;
	overflow: hidden;
	color: #555
}

.section-lists a {
	display: block
}

.section-link {
	display: inline-block;
	vertical-align: middle;
	color: #2196f3
}

.section-link-icon {
	padding-left: 38px;
	position: relative;
	font-size: .875em;
	text-indent: .2em
}

.section-link-icon:before {
	width: 38px;
	height: 38px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	content: '';
	background: url(images/sprite.png) -4px -311px no-repeat
}

.section-link-icon:hover:before {
	background-position: -4px -249px
}

.section-link-button {
	height: 2.143em;
	padding: 0 1.5em;
	border-radius: .357em;
	font-size: .875em;
	line-height: 2.143em;
	color: #fff;
	background-color: #43a047
}

.section-query {
	margin-top: -.14581511em;
	padding-right: 3.75em;
	position: relative;
	font-size: 1.143em
}

.section-query>input {
	width: 100%;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	display: block
}

.section-query>button {
	width: 3.75em;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	border-width: 0;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	cursor: pointer;
	background: url(images/sprite.png) -50px -253px no-repeat #2196f3
}

.article-panel {
	font-size: 1.143em;
	line-height: 1.429em
}

.article-panel-header {
	padding-bottom: 1em;
	border-bottom: 2px solid #ddd
}

.article-panel-header>h3 {
	margin-bottom: -.3em;
	font-size: 1.5em;
	line-height: 3.2em;
	font-weight: 600;
	text-align: center
}

.article-panel-header dl,.article-panel-header ul {
	font-size: .875em;
	text-align: center
}

.article-panel-header dt {
	display: inline
}

.article-panel-header dt:after {
	content: '\ff1a'
}

.article-panel-header dd {
	margin-left: 0;
	display: inline
}

.article-panel-header ul {
	margin-top: -1.63314286em;
	border: 1px solid transparent;
	border-radius: .2em;
	float: right;
	display: table;
	background-color: #f4f4f4
}

.article-panel-header li {
	width: 2.143em;
	line-height: 1.429em;
	display: table-cell;
	border-radius: inherit;
	cursor: pointer
}

.article-panel-header li.active {
	cursor: default;
	color: #fff;
	background-color: #2196f3
}

.article-panel-body {
	padding: .6em .2em;
	text-align: left
}

.article-panel-body>p {
	line-height: 1.875em;
	text-indent: 2em
}

.article-panel-body>p.acticle-t {
	text-indent: 0
}

.article-panel-body>p.acticle-right {
	width: 11em;
	margin: 0 0 0 auto
}

.message-panel {
	padding: .8em;
	font-size: 1.143em
}

.message-panel-list {
	margin-top: .8em
}

.message-panel-list:first-child {
	margin-top: 0
}

.message-panel-header {
	line-height: 2em
}

.message-panel-header i {
	margin-left: .3em;
	font-size: .875em;
	color: #666
}

.message-panel-header a {
	margin-right: 1em;
	padding-left: 26px;
	position: relative;
	font-size: .875em;
	text-indent: .2em;
	float: right;
	color: #2196f3
}

.message-panel-header a:before {
	width: 26px;
	height: 26px;
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	content: '';
	background: url(images/sprite.png) -4px -386px no-repeat
}

.message-panel-body {
	margin-top: .5em;
	padding: .8em 1em;
	border: 1px solid #ddd;
	position: relative;
	border-radius: .3em;
	background-color: #f4fcff
}

.message-panel-body:after,.message-panel-body:before {
	position: absolute;
	top: -.625em;
	left: 1em;
	border: .4375em solid transparent;
	border-top-width: 0;
	border-bottom: .625em solid #ddd;
	content: ''
}

.fixed-panel,.header {
	width: 100%;
	top: 0;
	left: 0
}

.message-panel-body:before {
	margin-top: -1px
}

.message-panel-body:after {
	border-bottom-color: #f4fcff
}

.message-panel-append {
	padding-left: .5em;
	border-top: 1px solid #c1d8e0;
	color: #fb8c00
}

.message-panel-append>p:before {
	content: '\3010\56de\590d\3011'
}

.message-panel-datagrid .message-panel {
	font-size: 1em
}

.message-panel-datagrid.panel-body td {
	border-width: 0
}

.message-panel-datagrid.panel-body .datagrid-row-over {
	color: #333;
	background-color: transparent
}

.table-body {
	width: 100%;
	border: solid #eee;
	border-width: 0 1px;
	font-size: .9375em;
	border-spacing: 0;
	text-align: left
}

.table-body td {
	height: 2.67em;
	padding: .5em .3em;
	border: 0 solid #eee;
	border-bottom-width: 1px;
	line-height: 1.67em
}

.table-body td.left {
	text-align: right;
	background-color: #f9f9f9
}

.fixed-panel ol,.footer-info,.footer-tl,.section-nav li,.section-user {
	text-align: center
}

.table-body td.left:after {
	content: '\ff1a'
}

.table-body tr:first-child td {
	border-top-width: 1px
}

.dialog {
	display: none
}

.textarea-panel {
	margin-top: .8em
}

.textarea-panel>textarea {
	width: 100%;
	height: 8.6em;
	padding: .3em;
	border: 1px solid #eee;
	display: block;
	background-color: #f9f9f9
}

.body {
	min-height: 100%;
	position: relative;
	background-color: #f4f4f4
}

.header {
	height: 7.143em;
	position: absolute;
	background-color: #fff
}

.header .logo{
	margin-top: 12px;
	min-width:245px;
	height:80%;
	margin-left:6%;
	float:left;
	background:url(images/logo_gh.png)  no-repeat
}
.header .logo a{
	display:block;
    line-height: 75px;
    text-indent: 80px;
    font-size: 30px;
}

.header-tools {
	margin: 2.1425em 6% 0 0;
	line-height: 1.429em;
	font-family: SimSun;
	float: right;
	white-space: nowrap
}

.header-tools dt {
	text-indent: 1.8em;
	color: #666;
	background: url(images/user.png) .3em 50% no-repeat
}

.header-tools dt+dd:before {
	content: normal
}

.header-tools dd {
	margin-left: 0;
	font-size: .857em;
	display: inline-block;
	color: #1492ff
}

.header-tools dd:before {
	margin-right: .3em;
	content: '/'
}

.header-tools a {
	padding: 0 .3em;
	display: inline-block
}

.fixed-panel {
	height: 0;
	max-width: 1100px;
	margin: auto;
	position: fixed;
	right: 0;
	bottom: 0
}

.fixed-panel ol {
	min-width: 7.143em;
	margin-left: 1em;
	position: absolute;
	left: 100%;
	white-space: nowrap;
	cursor: pointer;
	background-color: #fff
}

.fixed-panel ol:hover .active {
	color: #555;
	background-color: transparent
}

.fixed-panel li,.section-menu>li {
	line-height: 2.572em
}

.fixed-panel li.active,.fixed-panel li:hover,.section-menu>li.active,.section-menu>li:hover {
	background-color: #29b6f6
}

.fixed-panel li.active a,.fixed-panel li:hover a,.section-menu>li.active a,.section-menu>li:hover a {
	color: #fff
}

.fixed-panel a,.section-menu a {
	padding: 0 1.5em;
	display: block;
	color: #555
}

.section {
	max-width: 1100px;
	margin: 7.143em auto 13.286em
}

.section-title {
	padding-left: 1.5em;
	font-size: 2.572em;
	line-height: 2.111em;
	color: #fff;
	background: url(images/section-title.jpg) no-repeat
}

.section>.left,.section>.right {
	overflow: hidden;
	background-color: #fff
}

.section-title>span {
	font-size: .588em;
	line-height: 1.70068027em;
	display: inline-block
}

.footer-nav,.section>.left,.section>.right>.panel,.window {
	font-size: 1.143em
}

.section-title>span:before {
	margin: 0 .1em;
	padding-left: 2.25em;
	position: relative;
	top: .6em;
	border-top: .1em solid;
	content: ''
}

.section:after {
	margin-top: 2.857em
}

.section-img-box {
	padding: 1em
}

.section-img-box>img {
	max-width: 100%;
	margin: auto;
	display: block
}

.section>.left {
	width: 11.87314086em;
	min-height: 300px;
	min-height: calc(100vh - 21.372703412073488em);
	margin-top: 1em;
	float: left
}

.section>.right {
	min-height: 300px;
	min-height: calc(100vh - 24.429em);
	margin: 1.143em 0 0 14.285em;
	padding: .5em
}

.section-right-clear {
	margin: -.5em -.5em 0
}

.section-menu>li[class*=icon-] a {
	padding-left: 32px;
	position: relative;
	text-indent: 1.7em
}

.section-menu>li[class*=icon-] a:before {
	width: 32px;
	height: 32px;
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 1.5em;
	content: '';
	background: url(images/sprite.png) 9em no-repeat
}

.section-menu>li.icon-index.active a:before {
	background-position: -266px -119px
}

.section-menu>li.icon-index a:before {
	background-position: -197px -119px
}

.section-menu>li.icon-index a:hover:before {
	background-position: -266px -119px
}

.section-menu>li.icon-project.active a:before {
	background-position: -266px -164px
}

.section-menu>li.icon-project a:before {
	background-position: -197px -164px
}

.section-menu>li.icon-project a:hover:before {
	background-position: -266px -164px
}

.section-menu>li.icon-cookie.active a:before {
	background-position: -266px -209px
}

.section-menu>li.icon-cookie a:before {
	background-position: -197px -209px
}

.section-menu>li.icon-cookie a:hover:before {
	background-position: -266px -209px
}

.section-menu>li.icon-message.active a:before {
	background-position: -266px -253px
}

.section-menu>li.icon-message a:before {
	background-position: -197px -253px
}

.section-menu>li.icon-message a:hover:before {
	background-position: -266px -253px
}

.section-nav {
	margin: -.5em -.5em 0
}

.section-nav ul {
	width: 100%;
	display: table;
	table-layout: fixed
}

.section-nav li {
	padding: 1em 0;
	border: 1px solid #eee;
	border-width: 0 0 1px 1px;
	display: table-cell;
	vertical-align: top;
	cursor: pointer
}

.section-nav li:before {
	width: 86px;
	height: 86px;
	margin: auto;
	border: 1px solid #f1f1f1;
	border-radius: 50%;
	display: block;
	content: '';
	background: url(images/sprite.png) 9em no-repeat #edf9ff
}

.section-nav li:first-child {
	border-left-width: 0
}

.section-nav li.icon-project:before {
	background-position: 11px -440px
}

.section-nav li.icon-cookie:before {
	background-position: -68px -436px
}

.section-nav li.icon-message:before {
	background-position: -144px -433px
}

.section-nav span {
	line-height: 1.714em;
	display: block;
	color: #666
}

.section-nav span:first-child {
	font-size: 1.143em;
	line-height: 3em;
	color: #333
}

.section-nav span:first-child i {
	width: 1.25em;
	height: 1.25em;
	border-radius: 50%;
	line-height: 1.25em;
	display: inline-block;
	color: #fff;
	background-color: #ff7043
}

.section-nav i {
	margin-left: .2em;
	color: #2196f3
}

.section-nav .li-empty span {
	display: none
}

.section-nav .li-empty span:first-child {
	display: block
}

.section-nav .li-empty span:first-child i {
	background-color: #b0bec5
}

.section-nav .li-empty:after {
	height: 3.428em;
	line-height: 1.714em;
	content: '\6682\65e0\5185\5bb9';
	color: #666
}

.section-nav .active {
	background-color: #edf9ff
}

.section-nav .active:before {
	border-color: transparent;
	background-color: #fff
}

.section-nav .active span:first-child {
	color: #2196f3
}

.section-nav+.datagrid-title {
	margin-top: .6em
}

.section-map {
	margin-bottom: 1em
}

.section-map>li {
	padding: 0 1em;
	border-radius: 1.0625em;
	line-height: 2.125em;
	display: inline-block;
	cursor: pointer
}

.section-map>li.active {
	color: #fff;
	background-color: #2196f3
}

.section-state-0 {
	color: #f4511e
}

.section-state-1 {
	color: #43a047
}

.footer {
	width: 100%;
	height: 13.286em;
	padding-top: 1.214em;
	position: absolute;
	bottom: 0;
	left: 0;
	color: #555;
	background-color: #eee
}

.footer-nav {
	margin: 0 auto;
	padding: 1em 0;
	line-height: 1em;
	display: table
}

.footer-nav>li {
	border-left: 1px solid;
	display: table-cell
}

.footer-nav>li:first-child {
	border-left-width: 0
}

.footer-nav a {
	padding: 0 .5em;
	display: block
}

.footer-tl {
	font-size: 1.286em;
	line-height: 1.8em;
	font-style: italic
}

.footer-tl:before {
	width: 27px;
	height: 24px;
	position: relative;
	top: .2em;
	display: inline-block;
	vertical-align: top;
	content: '';
	background: url(images/sprite.png) -6px -610px no-repeat
}

.footer-info {
	margin-top: 1em;
	position: relative;
	line-height: 1.857em
}

.footer-info>dt {
	margin-left: 1em;
	display: inline
}

.footer-info>dt:first-child {
	margin-left: 0
}

.footer-info>dt:after {
	content: '\ff1a'
}

.footer-info>dd {
	margin-left: 0;
	display: inline
}

.footer-info>dd+dd {
	margin-left: 1em
}

.footer-info>.icon {
	padding-left: 24px;
	position: relative;
	white-space: pre
}

.footer-info>.icon:before {
	width: 24px;
	height: 24px;
	margin: auto;
	position: absolute;
	top: -5px;
	left: 0;
	content: '';
	background: url(images/sprite.png) -60px -610px no-repeat
}

.footer-info>.icon:after {
	content: '\A'
}

.datagrid-title>h3:before,.footer-info:after,.icon-meassge:before {
	content: '';
	top: 0;
	bottom: 0
}

.footer-info:after {
	width: 70px;
	height: 70px;
	margin: auto auto auto 4.5em;
	position: absolute;
	background: url(images/sprite.png) -122px -588px no-repeat
}

.section-user {
	padding-bottom: 1em;
	font-size: .875em;
	line-height: 2em
}

.section-user>img {
	width: 40px;
	height: 40px;
	margin: 24px auto 0;
	padding: 20px;
	border: 1px solid #f1f1f1;
	border-radius: 50%;
	display: block;
	background-color: #f7f7f7
}

.section-user i {
	margin-left: .3em
}

.icon-meassge {
	padding-left: 36px;
	position: relative;
	text-indent: .2em;
	cursor: pointer
}

.icon-meassge:before {
	width: 36px;
	height: 36px;
	position: absolute;
	left: 0;
	cursor: pointer;
	background: url(images/sprite.png) -68px -311px no-repeat
}

.panel-body {
	font-size: 1em;
	color: #333;
	color: inherit
}

.datagrid-btable,.datagrid-ftable,.datagrid-htable {
	color: #333
}

.datagrid-body td {
	border: 1px solid #eee;
	border-width: 0 0 1px
}

.datagrid-cell {
	height: 2.625em;
	font-size: 1em;
	line-height: 2.625em;
	text-overflow: ellipsis
}

.datagrid-row-selected {
	background-color: transparent
}

.datagrid-row-over {
	color: #1e88e5;
	background-color: #f4fcff
}

.datagrid-title {
	position: relative;
	border-bottom: 2px solid #ddd;
	line-height: 2.6em
}

.datagrid-title>h3 {
	position: relative;
	font-weight: 600;
	text-indent: .6em;
	float: left;
	color: #2196f3
}

.datagrid-title>h3:before {
	height: 1em;
	margin: auto;
	position: absolute;
	left: 0;
	border-left: .25em solid
}

.datagrid-header,.datagrid-header td,.datagrid-pager .l-btn:hover {
	border-width: 0
}

.datagrid-title>h3 i {
	width: 1.25em;
	height: 1.25em;
	margin-left: .2em;
	border-radius: 50%;
	line-height: 1.25em;
	font-weight: 400;
	text-indent: 0;
	display: inline-block;
	text-align: center;
	color: #fff;
	background-color: #ff7043
}

.datagrid-title>a {
	font-size: .875em;
	float: right;
	color: #666
}

.datagrid-title>.right {
	float: right
}

.datagrid-header {
	background: #f4f4f4
}

.datagrid .datagrid-pager,div.datagrid-header .datagrid-header-over {
	background-color: transparent
}

.datagrid-header .datagrid-cell span {
	font-size: 1em;
	color: #232323
}

.datagrid .datagrid-pager {
	margin-top: 1em;
	border-width: 0
}

.datagrid-pager span {
	font-size: 1em
}

.datagrid-pager>table {
	margin: auto;
	float: none
}

.datagrid-pager .l-btn {
	padding: 0;
	outline: 0;
	background-color: #fff
}

.datagrid-pager .pagination-link {
	margin: 0 .2em;
	padding: 0
}

.datagrid-pager .pagination-link.l-btn-selected,.datagrid-pager .pagination-link:hover {
	color: #fff;
	background-color: #03a9f4
}

.datagrid-pager .pagination-link .l-btn-text {
	width: 2.5em;
	line-height: 1.875em
}

.datagrid-pager .pagination-next,.datagrid-pager .pagination-prev {
	width: 0;
	height: 0;
	margin: auto;
	border: .5625em solid;
	border-top-color: transparent;
	border-bottom-color: transparent;
	color: #ccc;
	background-image: none;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0
}

.window,.window-shadow {
	border-radius: 0
}

.datagrid-pager .pagination-prev {
	right: .15em;
	border-left-width: 0
}

.datagrid-pager .pagination-next {
	left: .15em;
	border-right-width: 0
}

.datagrid-not-header .datagrid-pager {
	margin-top: 0
}

.window {
	background: #fff
}

.window .window-header {
	padding: 0;
	border-width: 0;
	line-height: 2.5em;
	background: #1d94f3;
	filter: none
}

.window .window-header .panel-title {
	height: auto;
	padding-left: .5em;
	font-size: 1em;
	line-height: inherit;
	color: #fff
}

.window .window-header .panel-tool {
	height: 24px;
	margin-top: -12px
}

.window .window-header .panel-tool a {
	width: 24px;
	height: 24px;
	background: url(images/sprite.png) -114px -258px no-repeat
}

.window .window-body {
	padding: .8em
}

.window-mask {
	opacity: .2;
	filter: alpha(opacity=20);
	background-color: #333
}

.window .dialog-button {
	padding: 0 .8em .8em;
	border-width: 0
}

.dialog-button {
	background-color: transparent
}

.dialog-button .l-btn {
	border-width: 0;
	background: #03a9f4;
	filter: none
}

.dialog-button .l-btn-text {
	padding: 0 1em;
	font-size: 1em;
	line-height: 2.25;
	color: #fff
}