/* CSS Document */
/***
 * uimaker
 * http://www.uimaker.com
 * e-mail: admin@uimaker.com
 * qq:32534386
 */
@import url(../font/iconfont.css);
@import url(../font_qm/iconfont.css);

@font-face {
	font-family: "fzzzh";
	src: url('../font/fzzzh.ttf') format('truetype');
} /*ע�⣺�������к�������Ҫ������Ȩ*/
* {
	border: 0;
	margin: 0;
	padding: 0;
	/*IE������*/
	scrollbar-face-color: #00d6e6; /*����*/
	scrollbar-arrow-color: #fff; /*��ͷ*/
	scrollbar-3dlight-color: #00d6e6; /*������*/
	scrollbar-highlight-color: #00d6e6; /*���*/
	scrollbar-shadow-color: #00d6e6; /*�Ҷ�*/
	scrollbar-darkshadow-color: #00d6e6; /*��һ*/
	scrollbar-track-color: #ebf2fb; /*����*/
}

html {
	overflow-x: hidden;
} /*ȥ���������*/
body {
	margin: 0 auto;
	min-width: 980px;
	font-family: "Microsoft YaHei", "微软雅黑", sans-serif;
}

img {
	border: 0;
}

dl, dt, dd, ul, li {
	margin: 0;
	padding: 0;
	display: block;
}

a {
	text-decoration: none;
	outline: none;
	blr: expression(this.onFocus = this.blur ());
}

a:focus {
	text-decoration: none;
	outline: none;
}

a:hover {
	text-decoration: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

input,select {
    color: #505a64;
    font-size: 12px;
}

.um-loading {
	width: 32px;
	height: 32px;
	background: url("../images/loading.png");
	background-size: 100% 100%;
	-webkit-animation: circle 1s linear infinite;
	animation: circle 1s linear infinite;
}

.um-loading.um-loading-max {
	width: 64px;
	height: 64px;
}

.um-loading.um-loading-min {
	width: 16px;
	height: 16px;
}

@
-webkit-keyframes circle { 0% {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}

100%
{
-webkit-transform
:
 
rotate
(360deg);
 
transform
:
 
rotate
(360deg);
 
}
}
@
keyframes circle { 0% {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}

100%
{
-webkit-transform
:
 
rotate
(360deg);
 
transform
:
 
rotate
(360deg);
 
}
}

/*scrollbar*/
::-webkit-scrollbar-track-piece {
	background-color: #ebf2fb;
	-webkit-border-radius: 0
}

::-webkit-scrollbar {
	width: 15px;
	height: 15px
}

::-webkit-scrollbar-thumb {
	height: 50px;
	background-color: #bbcce3;
	-webkit-border-radius: 2px;
	outline: 2px solid #ebf2fb;
	outline-offset: -1px;
	border: 2px solid #ebf2fb;
	filter: alpha(opacity = 50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5
}

::-webkit-scrollbar-thumb:hover {
	height: 50px;
	background-color: #505a64;
	-webkit-border-radius: 2px
}

.um-body {
	padding: 10px 10px 0px 10px;
}

.um-card {
	background: #fff;
	box-shadow: 0px 3px 5px 0px rgb(0 0 0/ 3%);
	border-radius: 2px;
}

.um-card-title {
	display: block;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	font-weight: bold;
	padding: 5px;
}

.um-card-title span {
	display: block;
	float: left;
	height: 40px;
	line-height: 40px;
	width: 100%;
	border-bottom: solid 1px #ebeef5;
	padding: 0 18px;
}

.um-card-box {
	padding: 20px;
}

.um-more {
	position: absolute;
	right: 28px;
	top: 20px;
	display: block;
	color: #007bff;
	font-size: 14px;
}

.um-more:hover {
	color: #2ddcd3;
}

.um-formleft {
	width: 120px;
	float: left;
}

.um-arcbox {
	padding: 50px;
	overflow: hidden;
}

.um-arcbox h2 {
	font-weight: normal;
	text-align: center;
	font-size: 24px;
}

.um-arcbox em {
	text-align: center;
	font-style: normal;
	font-size: 14px;
	display: block;
	margin-top: 10px;
	padding-bottom: 10px;
	color: #909399;
}

.um-arcbody {
	padding-top: 30px;
	text-align: center;
}

.um-arcbody p {
	text-align: left;
	line-height: 30px;
	font-size: 14px;
}

.um-blank {
	text-align: center;
	height: 400px;
}

.um-blank p, .um-blank p {
	color: #909399;
	font-size: 14px;
	padding-top: 20px;
}

.um-userface {
	background: #c0c4cc;
	color: #fff;
	width: 100px;
	height: 100px;
	border-radius: 100px;
	text-align: center;
	line-height: 100px;
	font-size: 50px;
	margin: 0 auto;
}

.um-username {
	font-size: 24px;
	display: block;
	text-align: center;
	margin-top: 20px;
}

.um-userinfo {
	display: block;
	text-align: center;
	color: #909399
}

.um-usertitle {
	color: #007bff;
	padding-top: 20px;
	font-size: 16px;
}

.um-userxx li {
	line-height: 40px;
	height: 40px;
}

.um-userxx span {
	display: block;
	float: left;
	width: 120px;
	font-weight: bold;
}

.um-backtop {
	position: fixed;
	bottom: 10px;
	right: 0px;
	z-index: 999;
	color: #007bff;
	font-size: 30px;
	text-align: center;
	line-height: 30px;
	height: 30px;
	cursor: pointer;
}

.um-backtop:hover {
	color: #ff382b
}

/*login*/
.um-loginbg {
	/*background: linear-gradient(130deg, #0f75ff 40%, #2ddcd3 100%);*/
	background: url(../images/Group581.png);
	background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
}

.um-loginbox {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	height: 100%;
	position: absolute;
	width: 100%;
}

.um-loginleft span {
	display: block;
	font-weight:bold;
}

.um-loginright {
	float: left;
	height: 750px;
	width: 530px;
}

.um-systemname {
	float: left;
	padding-left: 280px;
	margin-top: 153px;
	font-size: 20px;
}

.um-login {
	padding-left: 117px;
	margin-top: 10px;
	float: left;
	width: 530px;
}

.um-loginrow {
	margin-bottom: 33px;
}

.um-loginrow2 {
	margin-bottom: 33px;
}

.um-loginrow .easyui-linkbutton {
	width: 100%;
	border-radius: 10px;
}

.um-loginrow .l-btn {
	padding: 8px 10px;
}

.um-loginrow .c1:hover {
	color: #fff;
	border-color: #007bff
}

.um-loginrow a.c1:hover {
	background: #007bff;
	filter: none;
	opacity: 0.8
}

.um-loginrow .easyui-linkbutton .l-btn-text {
	font-size: 18px;
}

.um-loginfoot {
	position: absolute;
	bottom: 30px;
	text-align: center;
	font-size: 14px;
	color: #9be0f9;
	z-index: 99;
	width: 100%;
}

/*leftmenu*/
#LeftMenuDiv {
	background: #0d102c;
}

.layout-panel-west .sidemenu-tree .tree-file {
	background: none;
}

.layout-panel-west .sidemenu-tree .tree-folder {
	background: none;
}

.layout-panel-west .panel-icon {
	line-height: 16px;
}

.layout-panel-west .panel-body {
	border: none;
}

.layout-panel-west .accordion {
	border-width: 0;
}

.layout-panel-west .sidemenu-tree .tree-icon {
	color: #2ddcd3
}

.layout-panel-west .panel-header {
	background: #171b3e;
	height: 48px;
	border: none;
}

.layout-panel-west .panel-title {
	color: #97A0C3;
	height: 40px;
	line-height: 40px;
	border-bottom: none;
	font-size: 14px;
}

.layout-panel-west .layout-button-left::after {
	background: none;
	content: "\e6a6";
	color: #97A0C3;
	font-weight: normal;
}

.layout-expand-west .layout-button-right::after {
	background: none;
	content: "\e6a1";
	color: #fff;
	font-weight: normal;
}

.layout-panel-west .layout-button-left, .layout-expand-west .layout-button-right
	{
	background: none;
}

.layout-panel-west .panel-icon, .panel-tool {
	line-height: 19px;
	overflow: visible;
	color: #97A0C3;
}

.layout-expand-west {
	font-size: 16px;
	background: #0d102c;
}

.layout-expand-over {
	opacity: 0.95
}

.layout-expand-west .panel-header, .layout-expand-west.panel-body {
	border: none;
}

.layout-panel-west .panel-body {
	padding: 0;
}

.layout-panel-west .panel-tool a:hover, .layout-expand-west .panel-tool a:hover
	{
	background: none;
}

.layout-panel-west .panel-header, .layout-panel-west .panel-body {
	border-radius: 0px;
}

.layout-expand-west .panel-title {
	height: 20px;
	line-height: 20px;
	border-bottom: none;
	font-size: 14px;
}

.layout-panel-west .sidemenu .tree-node-selected {
	border-right: none;
	border-left: solid 2px #fff;
	background: linear-gradient(90deg, #007bff 45%, #2ddcd3 100%);
	color: #25396F;
}

.layout-panel-west .sidemenu .panel-body {
	background: #0d102c;
	color: #fff;
}

.layout-panel-west .sidemenu .accordion .accordion-header {
	background: #0d102c;
}

.layout-panel-west .sidemenu .accordion-header .panel-title {
	color: #fff;
	font-weight: normal;
}

.layout-panel-west .sidemenu .accordion .accordion-header .panel-icon {
	color: #97A0C3;
}

.layout-panel-west .sidemenu .tree-node-hover {
	background: rgba(255,255,255,0.15);
	color: #25396F;
}

.layout-panel-west .sidemenu .accordion .accordion-collapse {
	background: transparent;
}

.layout-panel-west .sidemenu .accordion-header .panel-tool {
	display: none;
}

.layout-panel-west .sidemenu .accordion-header::after,
	.layout-panel-west .sidemenu .tree-node-nonleaf::after {
	display: inline-block;
	vertical-align: top;
	border-style: solid;
	transform: rotate(45deg);
	width: 4px;
	height: 4px;
	content: '';
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -3px;
	border-width: 0 1px 1px 0;
	color: #97A0C3;
}

.layout-panel-west .sidemenu .accordion-header-selected::after {
	transform: rotate(-135deg);
}

.layout-panel-west .sidemenu .tree-node-nonleaf::after {
	transform: rotate(-135deg);
}

.layout-panel-west .sidemenu .tree-node-nonleaf-collapsed::after {
	transform: rotate(45deg);
}

.layout-panel-west .sidemenu-collapsed .accordion-header::after {
	display: none;
}

.layout-panel-west .sidemenu .tree-node {
	height: 45px;
	margin-top: 12px;
	margin-bottom: 12px;
}

.layout-panel-west .sidemenu .panel-header {
	height: 55px !important;
}

.layout-panel-west .sidemenu .accordion-header .panel-title {
	/*margin-top: 5px;*/
	
}

.layout-panel-west .sidemenu .tree-file::after, .layout-panel-west .sidemenu .tree-collapsed::after,
	.layout-panel-west .sidemenu .tree-expanded::after, .layout-panel-west .sidemenu .tree-folder::after
	{
	display: none;
}

.layout-panel-west .sidemenu .tree-node-selected, .layout-panel-west .sidemenu .tree-node:hover
	{
	border-radius: 0px;
}

.layout-panel-west .sidemenu .tree-node {
	line-height: 18px;
}

.layout-panel-west .sidemenu .tree-file {
	height: 18px;
	line-height: 18px;
}

.layout-panel-west .sidemenu .accordion-collapse::after {
	content: "";
}

.layout-panel-west .sidemenu .accordion-expand::after {
	content: "";
}

.layout-panel-west .layout-body .panel-header {
	background: #f5f7fa;
}

.layout-panel-west .layout-body .accordion .panel-title {
	line-height: 24px;
	height: 24px;
	color: #000;
	padding-top: 0;
}

.layout-panel-west .layout-body .accordion-header-selected .panel-title
	{
	color: #007bff
}

.layout-panel-west .layout-body .panel-icon {
	color: #444;
}

.layout-panel-west .sidemenu .accordion .panel-title {
	color: #25396F;
	line-height: 40px;
	height: 40px;
	font-weight: bold;
	font-size: 15px;
	border-bottom: 1px solid #E3ECFC;
	box-shadow:0 1px 1px -1px #E3ECFC;
}

/*mainTab*/
#mainTab .tabs .tabs-icon {
	font-weight: normal;
}

#mainTab .tabs li.tabs-selected .tabs-inner {
	background: #ebf2fb;
	border-bottom: solid 1px #ebf2fb;
	color: #007bff;
	border-radius: 3px 3px 0 0;
}

#mainTab .tabs {
	border-color: #e1e9f3
}

#mainTab .tabs li .tabs-inner {
	border-color: #e1e9f3
}

#mainTab .tabs li .tabs-inner:hover {
	background: #ebf2fb;
}

#mainTab .tabs-panels .panel-body {
	background: #ebf2fb;
}

.layout-panel-center .panel-body {
	padding: 0;
}

#mainTab .tabs-header {
	border-color: #fff;
	padding-top: 2px;
	background: #fff;
}

/*header*/
.layout-panel-north .panel-body {
	background: linear-gradient(120deg, #007bff 60%, #2ddcd3 100%);
	height: 60px;
}

.layout-panel-north .uimaker {
	color: #fff;
	font-size: 32px;
}

.layout-panel-north .panel-body {
	box-shadow: none;
}

.layout-panel-north .panel-header, .layout-panel-north .panel-body {
	border-radius: 0px;
	padding: 0;
}

.um-logo {
	height: 45px;
	line-height: 45px;
	padding-top: 15px;
	padding-left: 21px;
	float: left;
}

.um-system {
	color: #1B4986;
	font-weight: bold;
	float: left;
	padding-left: 6px;
	padding-top: 30px;
	font-size: 20px;
	font-family: "fzzzh", "Microsoft YaHei";
}

.um-system-mbx {
	color: #67759B;
	float: left;
	padding-left: 55px;
	padding-top: 35px;
	font-size: 12px;
	font-family: "fzzzh",  Inter-Medium, Inter,;
}

.um-info-mbx {
	color: #67759B;
	float: left;
	padding-top: 31px;
	font-size: 12px;
	font-family: "fzzzh", "Microsoft YaHei";
}

.um-info-mbx1 {
	color: #67759B;
	float: left;
	padding-left: 20px;
	padding-top: 11px;
	font-size: 12px;
	font-family: "fzzzh", "Microsoft YaHei";
}

.um-nav {
	list-style: none;
	display: block;
	float: left;
	padding-left: 10px;
}

.um-nav li {
	display: block;
	float: left;
	font-size: 14px;
	color: #fff;
	height: 60px;
	line-height: 60px;
}

.um-nav li a {
	color: #fff;
	display: block;
	padding: 0 15px;
	height: 60px;
}

.um-nav li a:hover {
	color: #2ddcd3;
	background: #0460dd;
}

.um-nav .uimaker {
	font-size: 22px;
	padding-right: 8px;
}

.um-nav-select {
	border-bottom: solid 2px #2ddcd3;
	background: #0460dd;
	height: 60px;
}

.um-info {
	float: right;
	list-style: none;
}

.um-info li {
	float: left;
	margin-right: 15px;
	line-height: 86px;
	height: 86px;
}

.um-info li .uimaker {
	font-size: 20px;
	color: #7C88B1;
}

.um-info li .uimaker:hover {
	color: #2ddcd3;
}

.um-face {
	height: 42px;
	margin-top: 13px
}

.um-face img {
	border-radius: 20%;
	width: 35px;
    height: 35px;
}

.um-face img:hover {
	filter: opacity(80%)
}

.um-uldown .l-btn {
	background: none;
	border: none;
	padding: 0;
	height: 60px;
	line-height: 60px;
	border-radius: 0;
}

.um-uldown .l-btn:hover {
	background: none;
	padding: 0;
}

.um-uldown .m-btn-downarrow {
	display: none;
}

.um-uldown .l-btn-left {
	/*width: 50px;*/
}

.um-userinfo a {
	color: #444
}

.um-userinfo a:hover {
	color: #007bff
}

.um-skindown .l-btn {
	background: none;
	border: none;
	padding: 0;
	height: 60px;
	line-height: 60px;
	border-radius: 0;
}

.um-skindown .l-btn:hover {
	background: none;
	padding: 0;
}

.um-skindown .m-btn-downarrow {
	display: none;
}

.um-skindown .l-btn-left {
	width: 28px;
}

.um-skindown .l-btn-left .l-btn-text {
	line-height: 60px;
	height: 60px;
}

/*����*/
.um-skinlist li {
	width: 20px;
	height: 20px;
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}

.um-skinlist li a {
	width: 20px;
	height: 20px;
	padding: 0;
	margin: 0;
	display: block;
}

.blue {
	background: #1A58AA;
}

.um-skinlist li a.blue:hover {
	background: #1A58AA;
	filter: alpha(opacity = 8);
	-moz-opacity: 0.80;
	opacity: 0.80;
}
.black {
	background: #000;
}

.um-skinlist li a.black:hover {
	background: #000;
	filter: alpha(opacity = 8);
	-moz-opacity: 0.80;
	opacity: 0.80;
}
.lightblue {
	background: #00d6e6;
}

.um-skinlist li a.lightblue:hover {
	background: #00d6e6;
	filter: alpha(opacity = 8);
	-moz-opacity: 0.80;
	opacity: 0.80;
}

.red {
	background: #ff382b;
}

.um-skinlist li a.red:hover {
	background: #ff382b;
	filter: alpha(opacity = 8);
	-moz-opacity: 0.80;
	opacity: 0.80;
}

.green {
	background: #318B5B;
}

.um-skinlist li a.green:hover {
	background: #318B5B;
	filter: alpha(opacity = 8);
	-moz-opacity: 0.80;
	opacity: 0.80;
}

.orange {
	background: #ffa22b;
}

.um-skinlist li a.orange:hover {
	background: #ffa22b;
	filter: alpha(opacity = 8);
	-moz-opacity: 0.80;
	opacity: 0.80;
}

.purple {
	background: #7A479F;
}

.um-skinlist li a.purple:hover {
	background: #7A479F;
	filter: alpha(opacity = 8);
	-moz-opacity: 0.80;
	opacity: 0.80;
}

/*default*/
.um-tb {
	width: 45px;
	height: 45px;
	border-radius: 45px;
	line-height: 45px;
	text-align: center;
	float: left;
}

.um-tb i {
	color: #fff;
	font-size: 20px;
	line-height: 45px;
}

.um-tb:hover {
	filter: opacity(80%)
}

.um-font {
	float: left;
	padding-left: 15px;
	font-size: 14px;
}

.um-font span {
	font-size: 22px;
}

.um-font em {
	font-style: normal;
	color: #909399;
}

.um-c1 {
	background: #007bff;
}

.um-c2 {
	background: #00d6e6;
}

.um-c3 {
	background: #ff382b;
}

.um-c4 {
	background: #00e682;
}

.um-c5 {
	background: #ffa22b;
}

.um-c6 {
	background: #604dd8;
}

.um-c7 {
	background: #ff2b88;
}

.um-ul {
	display: block;
	margin: 0;
	padding: 0;
	list-style: none;
}

.um-ul li {
	line-height: 30px;
	height: 30px;
}

.um-ul li a {
	color: #606266;
	font-size: 14px;
}

.um-ul li a:hover {
	color: #007bff;
}

.um-ul li i {
	font-size: 8px;
	padding-right: 8px;
}

.um-ul li em {
	display: block;
	float: right;
	font-size: 14px;
	font-style: normal;
	color: #909399
}

/*----easyui�����ʽ�޸�-------------------------------------------------*/

/*layout*/
.layout-split-north {
	border-bottom: 5px solid #f5f7fa;
}

.layout-split-west {
	border-right: 5px solid #f5f7fa;
}

.layout-split-east {
	border-left: 5px solid #f5f7fa;
}

.layout-split-south {
	border-top: 5px solid #f5f7fa;
}

.layout-panel-east .panel-body {
	background: #fff;
}

.layout-panel-east .panel-header {
	height: 34px;
	line-height: 34px;
	padding: 0;
}

.layout-panel-east .panel-header .panel-title {
	height: 34px;
	line-height: 34px;
}

.layout-expand-east {
	background: #f5f7fa;
	border-left: solid 1px #ebf2fb
}

.layout-panel-east .layout-button-right {
	background: none;
}

.layout-panel-east .layout-button-right::after {
	content: "\e6b3";
	color: #000;
	font-weight: normal;
}

.layout-expand-east .layout-button-left {
	background: none;
}

.layout-expand-east .layout-button-left::after {
	content: "\e6b6";
	color: #000;
	font-weight: normal;
}

.layout-panel-center .panel-header {
	height: 34px;
	line-height: 34px;
	padding: 0;
}

.layout-panel-center .panel-header .panel-title {
	height: 34px;
	line-height: 34px;
}

/*checkbox*/
.checkbox {
	border: solid 1px #dcdfe6;
	border-radius: 4px;
}

.checkbox-checked {
	background: #fff;
}

.checkbox-inner {
	background: #fff;
	border-radius: 2px;
	border: solid 1px #fff;
}

.checkbox path {
	stroke-width: 3px;
	stroke: #007bff
}

/*radiobutton*/
.radiobutton {
	border: solid 1px #dcdfe6;
}

.radiobutton-inner {
	background: #007bff;
	left: 4px;
	top: 4px;
	width: 60%;
	height: 60%;
	transform: scale(.6);
}

/*drawer*/
.window-proxy-mask, .window-mask {
	background: #0d102c;
}

.drawer.window-shadow {
	box-shadow: 0 4px 12px #8a8d9b;
}

/*panel*/
.panel {
	overflow: visible;
}

.panel-header {
	border-width: 0px;
	border-bottom: solid 1px #ebeef5;
}

.panel-title {
	color: #505a64;
	font-size: 12px;
	height: 40px;
	line-height: 40px;
	padding: 0 20px 0 16px;
}

.panel-body {
	border-width: 0px;
	/**box-shadow: 0px 3px 5px 0px rgb(0 0 0/ 3%);**/
	border-radius: 2px;
	/**overflow: hidden;**/
}

.panel-footer {
	border: none;
	border-top: solid 1px #ebeef5;
}

.panel-hleft>.panel-body {
	border-top-width: 0px;
}

.panel-hright>.panel-body {
	border-top-width: 0px;
}

.panel-hleft>.panel-body-nobottom {
	border-bottom-width: 0px;
}

.panel-hright>.panel-body-nobottom {
	border-bottom-width: 0px;
}

.panel-hleft>.panel-header {
	border-right: solid 1px #ebeef5;
}

.panel-hright>.panel-header {
	border-left: solid 1px #ebeef5;
}

.panel-hleft>.panel-header .panel-title-up {
	padding-right: 30px;
}

.panel-hright>.panel-header .panel-title {
	left: 45px;
}

/*form*/
.textbox-label {
	width: 120px;
}

.um-formbtn {
	padding-left: 120px;
	padding-top: 10px;
}

.textbox {
	border-radius: 8px;
	border: 1px solid #D2D5E1;
}

.textbox:hover {
	border-color: #c0c4cc;
}

.textbox .textbox-text {
	height: 36px;
	line-height: 36px;
}

.textbox-invalid {
	border-color: #ff382b;
}

.textbox-focused {
	border-color: #007bff;
}

.tagbox-label {
	background: #ebf2fb
}

/*pagination*/
.pagination-info {
	height: 32px;
	line-height: 32px;
}

.pagination-btn-separator {
	border-width: 0;
}

.easyui-pagination .l-btn {
	padding: 5px;
}

.easyui-pagination .l-btn:hover {
	padding: 5px;
}

.pagination-page-list {
	height: 25px;
	line-height: 25px;
	border: solid 1px #dcdfe6;
	border-radius: 4px;
}

.pagination .pagination-num {
	height: 25px;
	line-height: 25px;
	border: solid 1px #dcdfe6;
	border-radius: 4px;
	margin: 0 5px;
	width: 35px;
}

.pagination .textbox .textbox-text {
	line-height: 34px;
	height: 34px;
}

/*combobox*/
.combo-p .panel-body {
	overflow: auto;
	box-shadow: 0 2px 12px 0 rgb(0 0 0/ 10%);
	border: solid 1px #e4e7ed
}

.combobox-item-hover {
	background-color: #f5f7fa;
	color: #007bff;
}

.combobox-item-selected {
	background-color: #CCE6FF;
}

/*accordion*/
.accordion {
	border-color: #dce0e7;
}

.accordion .accordion-header-selected {
	background: #f5f7fa;
}

.accordion .accordion-header-selected .panel-title {
	color: #007bff;
}

.accordion .panel-header {
	border-bottom: solid 1px #ebeef5;
}

.accordion .panel-header .panel-title {
	height: 35px;
	line-height: 35px;
	font-size: 14px;
}

.accordion .panel-body {
	border-color: #ebeef5;
	overflow: auto;
	border-radius: 0;
}

.accordion .panel-tool a:hover {
	background-color: #ebf2fb;
}

.accordion-collapse::after {
	content: "\e60a";
}

.accordion-collapse {
	background: none;
	font-size: 8px;
	text-align: center;
	color: #007bff
}

.accordion-expand::after {
	content: "\e609";
}

.accordion-expand {
	background: none;
	font-size: 8px;
	text-align: center;
	color: #007bff
}

.accordion .panel-icon {
	line-height: 17px;
}

/*tabs*/
.tabs-panels .panel-body {
	overflow: auto;
	box-shadow: none;
}

.tabs-header, .tabs-scroller-left, .tabs-scroller-right, .tabs-tool,
	.tabs, .tabs-panels, .tabs li .tabs-inner, .tabs li.tabs-selected .tabs-inner,
	.tabs-header-bottom .tabs li.tabs-selected .tabs-inner,
	.tabs-header-left .tabs li.tabs-selected .tabs-inner,
	.tabs-header-right .tabs li.tabs-selected .tabs-inner {
	border-color: #dce0e7
}

.tabs-icon {
	line-height: 16px;
}

.tabs li.tabs-selected .tabs-inner {
	border-bottom: solid 1px #fff;
	color: #007bff;
}

.tabs-header {
	padding-top: 5px;
}

.tabs-header, .tabs-tool {
	background-color: #fbfcff;
}

.tabs li .tabs-inner:hover {
	background: #ebf2fb;
	color: #007bff;
	filter: none;
}

.tabs li .tabs-inner {
	border-radius: 3px 3px 0 0;
}

.tabs-scroller-left {
	border-left: none;
	background: none;
	line-height: 38px;
	text-align: right;
}

.tabs-scroller-right {
	border-right: none;
	background: none;
	line-height: 38px;
	text-align: left;
}

.tabs-scroller-left::after {
	content: "\e617";
}

.tabs-scroller-right::after {
	content: "\e618";
}

.tabs-scroller-left:hover, .tabs-scroller-right:hover {
	color: #007bff;
}

.tabs-header .tabs-pill li.tabs-selected .tabs-inner {
	background: #e6f2ff;
	border-color: #dce0e7;
	color: #007bff
}

/*tree*/
.tree-node {
	height: 30px;
	line-height: 30px;
}

.tree-node-selected {
	background: #ecf5ff;
	color: #007bff;
	border-radius: 4px;
}

.tree-node:hover {
	background: #ebf2fb;
	border-radius: 4px;
}

.tree-file::after {
	content: "\e642";
}

.tree-folder::after {
	content: "\e6bd";
	color: #007bff;
}

.tree-folder-open::after {
	content: "\eacb";
	color: #007bff;
}

.tree-collapsed::after {
	/**content: "\ee24";**/
}

.tree-file, .tree-folder, .tree-folder-open, .tree-collapsed,
	.tree-expanded {
	/**background: none;**/
	line-height: 18px;
	height: 18px;
}

.tree-file::after, .tree-folder::after, .tree-folder-open::after,
.tree-collapsed::after, .tree-expanded::after,
.tree-checkbox0::after, .tree-checkbox1::after,
.tree-checkbox2::after {
	font-family: "uimaker";
}

.tree-expanded::after {
	/**content: "\ee25";**/
}

.tree-checkbox0::after {
	content: "\e6ac";
}

.tree-checkbox1::after {
	content: "\e6ae";
	color: #007bff;
}

.tree-checkbox2::after {
	content: "\e6ad";
	color: #007bff;
}

.tree-checkbox0, .tree-checkbox1, .tree-checkbox2 {
	background: none;
	line-height: 18px;
	height: 18px;
}

/*timepicker*/
.timepicker-panel .clock .item-selected {
	background: #007bff;
	color: #fff;
}

.timepicker-panel .panel-header {
	color: #007bff;
}

.timepicker-panel .clock .hand, .timepicker-panel .clock .center {
	background: #007bff;
}

/*slider*/
.slider-handle::after {
	content: "\e6af";
	color: #007bff;
}

.slider-handle {
	background: none;
	margin-left: -6px;
}

.slider-v .slider-handle {
	left: 30%;
}

.slider-inner {
	border-color: #dce0e7;
	background: #f5f7fa;
}

.slider-tip {
	color: #007bff;
}

/*switchbutton*/
.switchbutton-on {
	background: #007bff;
	color: #fff;
	font-size: 12px;
}

.switchbutton {
	border: solid 1px #dce0e7;
	border-radius: 3px;
}

.switchbutton-handle {
	background-color: #f5f7fa;
}

.switchbutton-off {
	font-size: 12px;
}

/*sidemenu*/
.sidemenu .tree-node-selected {
	background: #007bff;
	color: #007bff;
	color: #fff;
	border-left: 2px solid #00d6e6;
	border-radius: 0px;
	border-right: none;
}

.sidemenu .accordion-header:hover {
	background: #f5f7fa;
}

.sidemenu .tree-node-hover {
	border-radius: 0;
}

.sidemenu .tree-node-nonleaf::after {
	content: "\e6b2";
	background: none;
	top: 25%;
	color: #007bff;
}

.sidemenu .tree-node-nonleaf-collapsed::after {
	content: "\e6b4";
	background: none;
	top: 25%;
	color: #007bff;
}

.sidemenu-collapsed .panel-icon {
	font-size: 18px;
	height: 20px;
	width: 20px;
	line-height: 20px;
}

.easyui-sidemenu .accordion .panel-body {
	box-shadow: none;
}

.sidemenu .accordion-header .panel-title {
	color: #444;
}

/*menu*/
.menu {
	border-color: #dce0e7;
}

.menu-line {
	border: none;
}

.menu {
	overflow: hidden !important;
	-moz-box-shadow: 2px 2px 3px #ededed;
	-webkit-box-shadow: 2px 2px 3px #ededed;
	box-shadow: 2px 2px 3px #ededed;
	filter: progid:DXImageTransform.Microsoft.Blur(pixelRadius=2, MakeShadow=false,
		ShadowOpacity=0.2);
}

.menu-active {
	border-color: #fff;
	color: #007bff;
	background: #ebf2fb;
}

/*menubutton*/
.menu-item .menu-icon {
	top: 0;
	height: 30px;
	line-height: 30px;
	margin: 0;
}

/*progressbar*/
.progressbar {
	border-width: 1px;
	border-color: #dce0e7;
	border-radius: 20px;
}

.progressbar-value .progressbar-text {
	background: linear-gradient(90deg, #4393ff 45%, #2ddcd3 100%)
}

/*calendar*/
.calendar {
	border-width: 0;
}

.calendar-other-month {
	opacity: 1;
	color: #c0c4cc;
}

.calendar-body th, .calendar-menu-month {
	font-weight: normal;
	color: #606266
}

.calendar-saturday {
	color: #c0c4cc;
}

.calendar-sunday {
	color: #c0c4cc;
}

.calendar-selected {
	background-color: #007bff;
	color: #fff;
	border: 0px solid #99cdff;
	padding: 0;
}

.calendar-mtable  tr td {
	border-bottom: solid 1px #ebeef5;
	border-right: solid 1px #ebeef5;
}

.calendar-mtable  tr td:first-child {
	border-left: solid 1px #ebeef5;
}

.calendar-mtable  tr:first-child td {
	border-top: solid 1px #ebeef5;
}

.calendar-hover, .calendar-nav-hover, .calendar-menu-hover {
	background-color: #ebf2fb;
	color: #007bff;
}

/*datagrid*/
.datagrid .panel-body {
	box-shadow: none;
	/*border: solid 1px #ebeef5;*/
}

.datagrid-header td, .datagrid-body td, .datagrid-footer td {
	border-color: #FFF;
	border-style: solid;
}

.datagrid-header, .datagrid-td-rownumber {
	background-color: #FFF;
}

.datagrid-header-row, .datagrid-row {
	height: 62px;
}

.datagrid-row-alt {
	background: #fbfcff;
}

.datagrid-header-row {
	font-weight: bold;
	color: #000;
}

.datagrid-row-selected {
	background: #ecf5ff;
}

.datagrid-row-over, .datagrid-header td.datagrid-header-over {
	background: #fbfcff;
	cursor: default;
}

.datagrid .panel-header {
	background: #fbfcff;
	border-width: 0px;
}

.datagrid-header {
	border-color: #FFF;
}

.datagrid-toolbar {
	border-color: #FFF;
	background: #F2F7FF;
}

.datagrid-pager {
	border-color: #fff;
}

.datagrid-toolbar {
	padding: 12px;
}

.datagrid-toolbar td {
	padding: 0 5px 0 0;
}

.datagrid-view1 .datagrid-body, .datagrid-view2 .datagrid-body {
	border-top: solid 1px #ebeef5;
}

.datagrid-row-editing .textbox-text, .datagrid-editable-input {
	color: #0f75ff;
}

.datagrid-row-expand::after {
	content: "\e6a9";
	color: #0f75ff
}

.datagrid-row-collapse::after {
	content: "\e6a8";
	color: #0f75ff
}

.datagrid-row-expand, .datagrid-row-collapse {
	background: none;
	line-height: 16px;
	height: 16px;
}

/*datalist*/
.datalist .datagrid-view1 .datagrid-body, .datalist .datagrid-view2 .datagrid-body
	{
	border-top: none;
}

.datalist .panel-body {
	border: none;
}

/*linkbutton*/
.l-btn {
	cursor: pointer;
	background: #fff;
	border: 1px solid #dcdfe6;
	border-color: #dcdfe6;
	color: #606266;
	padding: 1px 4px;
	font-size: 14px;
	border-radius: 8px;
}

.l-btn-selected {
	background: #007bff;
	color: #fff;
	border-color: #007bff;
}

.l-btn:hover {
	background: #e6f2ff;
	border-color: #b3d7ff;
	color: #007bff;
}

.l-btn-disabled, .l-btn-disabled:hover {
	opacity: 0.5;
	cursor: default;
	background: #fff;
	color: #777;
	border-color: #ccc;
}

.l-btn-plain {
	border-color: #fff;
}

.l-btn-plain:hover {
	padding: 1px 4px;
	border-radius: 8px;
}

.datagrid-toolbar .l-btn-plain {
	border-color: #dcdfe6;
}

.datagrid-toolbar .l-btn:hover {
	background: #e6f2ff;
	border-color: #b3d7ff;
	color: #2979e7;
}

.datagrid-toolbar .l-btn-selected {
	background: #007bff;
	color: #fff;
	border-color: #2979e7;
}

.l-btn-large .l-btn-icon {
	font-size: 18px;
}

.l-btn-large .l-btn-selected {
	background: #2979e7;
	color: #fff;
	border-color: #2979e7;
}

.l-btn-icon {
	font-size: 16px;
}

/*textarea*/
.textbox textarea.textbox-text {
	padding: 10px;
}

/*texteditor*/
.texteditor .l-btn-selected {
	background: #e6f2ff;
	border-color: #b3d7ff;
	color: #007bff;
}

/*window*/
.window {
	background-color: #FFF;
}

.window, .window .window-body {
	border-color: #dce0e7;
}

.window .panel-title {
	height: 25px;
	line-height: 25px;
}

.dialog-toolbar {
	border-color: #ebeef5 #ebeef5 #ebeef5 #ebeef5
}

.dialog-button {
	border-color: #ebeef5 #ebeef5 #ebeef5 #ebeef5
}

.dialog-tool-separator {
	border-left: 1px solid #dce0e7;
}

.window .window-header .panel-icon, .window .window-header .panel-tool {
	line-height: 14px;
}


.messager-info, .messager-question, .messager-error, .messager-warning {
	font-size: 25px;
}

.messager-window .messager-icon {
	margin-left: 10px;
	height: 32px;
	line-height: 32px;
}

.messager-window .messager-icon+div {
	height: 32px;
	line-height: 32px;
	font-size: 12px;
	color:#505a64;
}

.messager-window+.window-shadow {
	box-shadow: 4px 4px 12px #8a8d9b;
}

.window+.window-shadow {
	box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1);
}

/*messager-tip*/
.messager-tip .messager-info::after {
	content: "\e6b1";
	color: #ff382b;
	font-size: 18px;
}

.messager-tip .messager-question::after {
	content: "\e6c3";
	color: #00e682;
	font-size: 18px;
}

.messager-tip .messager-error::after {
	content: "\e6c4";
	color: #00d6e6;
	font-size: 18px;
}

.messager-tip .messager-warning::after {
	content: "\e6c1";
	color: #ffa22b;
	font-size: 18px;
}

.messager-tip .messager-info, .messager-tip .messager-question,
	.messager-tip .messager-error, .messager-tip .messager-warning {
	background: none;
}

.messager-tip .messager-icon {
	margin-left: 0px;
	height: 18px;
	line-height: 18px;
	display: flex;
}

/*splitbutton*/
.m-btn .l-btn-left .m-btn-line {
	border-color: #dce0e7;
}

/*�Զ�����ɫcolor*/
.c1 {
	background: #1B4986;
	border-color: #1B4986;
	color: #fff;
}

.c1:hover {
	color: #1B4986;
	border-color: #b3d7ff
}

a.c1:hover {
	background: #e6f2ff;
	filter: none;
}

.c1>.panel-header {
	color: #000;
	border-color: #b3d7ff;
	background: #e6f2ff;
}

.c1>.panel-body {
	border-color: #b3d7ff;
}

.c1>.dialog-toolbar, .c1>.dialog-button {
	border-left-color: #b3d7ff;
	border-right-color: #b3d7ff;
}

.c1>.dialog-button {
	border-bottom-color: #b3d7ff;
}

.window ~.c1 {
	background: #e6f2ff;
	border-color: #b3d7ff;
}

.c2 {
	background: #00d6e6;
	border-color: #00d6e6;
	color: #fff;
}

.c2:hover {
	color: #00d6e6;
	border-color: #99eff5
}

a.c2:hover {
	background: #e6fbfd;
	filter: none;
}

.c2>.panel-header {
	color: #000;
	border-color: #99eff5;
	background: #e6fbfd;
}

.c2>.panel-body {
	border-color: #99eff5;
}

.c2>.dialog-toolbar, .c2>.dialog-button {
	border-left-color: #99eff5;
	border-right-color: #99eff5;
}

.c2>.dialog-button {
	border-bottom-color: #99eff5;
}

.window ~.c2 {
	background: #e6fbfd;
	border-color: #99eff5;
}

.c3 {
	background: #F74461;
	border-color: #F74461;
	color: #fff;
}

.c3:hover {
	color: #F74461;
	border-color: #ffafaa
}

a.c3:hover {
	background: #ffebea;
	filter: none;
}

.c3>.panel-header {
	color: #000;
	border-color: #ffafaa;
	background: #ffebea;
}

.c3>.panel-body {
	border-color: #ffafaa;
}

.c3>.dialog-toolbar, .c3>.dialog-button {
	border-left-color: #ffafaa;
	border-right-color: #ffafaa;
}

.c3>.dialog-button {
	border-bottom-color: #ffafaa;
}

.window ~.c3 {
	background: #ffebea;
	border-color: #ffafaa;
}

.c4 {
	background: #04ACA4;
	border-color: #04ACA4;
	color: #fff;
}

.c4:hover {
	color: #04ACA4;
	border-color: #04ACA4
}

a.c4:hover {
	background: #e6fdf3;
	filter: none;
}

.c4>.panel-header {
	color: #000;
	border-color: #99f5cd;
	background: #e6fdf3;
}

.c4>.panel-body {
	border-color: #99f5cd;
}

.c4>.dialog-toolbar, .c4>.dialog-button {
	border-left-color: #99f5cd;
	border-right-color: #99f5cd;
}

.c4>.dialog-button {
	border-bottom-color: #99f5cd;
}

.window ~.c4 {
	background: #e6fdf3;
	border-color: #99f5cd;
}

.c5 {
	background: #ffa22b;
	border-color: #ffa22b;
	color: #fff;
}

.c5:hover {
	color: #ffa22b;
	border-color: #ffdaaa
}

a.c5:hover {
	background: #fff6ea;
	filter: none;
}

.c5>.panel-header {
	color: #000;
	border-color: #ffdaaa;
	background: #fff6ea;
}

.c5>.panel-body {
	border-color: #ffdaaa;
}

.c5>.dialog-toolbar, .c5>.dialog-button {
	border-left-color: #ffdaaa;
	border-right-color: #ffdaaa;
}

.c5>.dialog-button {
	border-bottom-color: #ffdaaa;
}

.window ~.c5 {
	background: #fff6ea;
	border-color: #ffdaaa;
}

.c6 {
	background: #7879F1;
	border-color: #7879F1;
	color: #fff;
}

.c6:hover {
	color: #7879F1;
	border-color: #c0b7fb
}

a.c6:hover {
	background: #e3e6fd;
	filter: none;
}

.c6>.panel-header {
	color: #000;
	border-color: #c0b7fb;
	background: #e3e6fd;
}

.c6>.panel-body {
	border-color: #c0b7fb;
}

.c6>.dialog-toolbar, .c6>.dialog-button {
	border-left-color: #c0b7fb;
	border-right-color: #c0b7fb;
}

.c6>.dialog-button {
	border-bottom-color: #c0b7fb;
}

.window ~.c6 {
	background: #e3e6fd;
	border-color: #c0b7fb;
}

.c7 {
	background: #546a8b;
	border-color: #546a8b;
	color: #fff;
}

.c7:hover {
	color: #546a8b;
	border-color: #a8bddd
}

a.c7:hover {
	background: #e7f0fd;
	filter: none;
}

.c7>.panel-header {
	color: #000;
	border-color: #a8bddd;
	background: #e7f0fd;
}

.c7>.panel-body {
	border-color: #a8bddd;
}

.c7>.dialog-toolbar, .c7>.dialog-button {
	border-left-color: #a8bddd;
	border-right-color: #a8bddd;
}

.c7>.dialog-button {
	border-bottom-color: #a8bddd;
}

.window ~.c7 {
	background: #e7f0fd;
	border-color: #a8bddd;
}

.c1>.panel-header>.panel-title, .c2>.panel-header>.panel-title, .c5>.panel-header>.panel-title,
	.c6>.panel-header>.panel-title, .c8>.panel-header>.panel-title {
	color: #000;
}

.c-plain {
	border-color: #fff;
	background: #fff;
}

.c-plain>.panel-header, .c-plain>.panel-body, .c-plain>.dialog-button,
	.c-plain>.dialog-toolbar {
	border-color: transparent;
	background: transparent;
}

.c-raised {
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0
		rgba(0, 0, 0, 0.12);
}

.c8 {
	background: #FFF;
	border-color: #1B4986;
	color: #1B4986;
}

.c9 {
	background: #F0F5FF;
	color: #5D5FEF;
	border: 1px solid #ADC6FF;
}

.c10 {
	background: #FCDDEC;
	color: #EF5DA8;
	border: 1px solid #F178B6;
}

.c11 {
	background: #F6FFED;
	color: #52C41A;
	border: 1px solid #B7EB8F;
}

.c12 {
	background: #FFF0E3;
	color: #FA6400;
	border: 1px solid #F2994A;
}
.c13 {
	background: #1B4986;
	border-color: #1B4986;
	color: #FFF;
}

/*timeline*/
.um-timeline {
	padding-left: 5px
}

.um-timeline-item {
	position: relative;
	padding-bottom: 20px
}

.um-timeline-axis {
	position: absolute;
	left: -5px;
	top: 0;
	z-index: 10;
	width: 20px;
	height: 20px;
	line-height: 20px;
	background-color: #fff;
	color: #007bff;
	border-radius: 50%;
	text-align: center;
	cursor: pointer
}

.um-timeline-axis:hover {
	color: #00e682
}

.um-timeline-item:before {
	content: "";
	position: absolute;
	left: 5px;
	top: 0;
	z-index: 0;
	width: 1px;
	height: 100%;
	background-color: #eee;
}

.um-timeline-item:first-child:before {
	display: block
}

.um-timeline-item:last-child:before {
	display: none
}

.um-timeline-content {
	padding-left: 25px
}

.um-timeline-title {
	position: relative;
	width: 185px;
	height: 36px;
	font-size: 26px;
	font-weight: 500;
	color: #242F57;
	line-height: 36px;
}

.um-timeline-list li {
	margin-bottom: 10px;
	height: 25px;
	line-height: 25px;
}

/*����Ԫ��*/
fieldset {
	border: solid 1px #dce0e7;
	border-radius: 2px;
}

hr {
	height: 0;
	line-height: 0;
	margin: 10px 0;
	padding: 0;
	border: none !important;
	border-bottom: 1px solid #dce0e7 !important;
	clear: both;
	overflow: hidden;
	background: 0 0
}

.um-elem-quote {
	margin-bottom: 10px;
	padding: 15px;
	line-height: 1.6;
	border-left: 3px solid #00d6e6;
	border-radius: 0 2px 2px 0;
	background-color: #f5f7fa
}

.um-quote-nm {
	border-style: solid;
	border-width: 1px;
	border-left-width: 3px;
	background: 0 0;
	border-color: #dce0e7;
}

.um-elem-field {
	margin-bottom: 10px;
	padding: 0;
	border-width: 1px;
	border-style: solid;
}

.um-elem-field legend {
	margin-left: 20px;
	padding: 0 10px;
	font-size: 14px;
	font-weight: 600;
}

.um-field-title {
	margin: 10px 0 20px;
	border-width: 0;
	border-top-width: 1px
}

.um-field-box {
	padding: 15px
}

.um-field-title .um-field-box {
	padding: 10px 0
}

/*���м����*/
.um-breadcrumb {
	padding: 15px 20px;
	margin-bottom: 10px;
	list-style: none;
	background-color: transparent;
	border-radius: 3px;
	font-size: 0;
	background: #fff;
}

.um-breadcrumb>li {
	display: inline-block;
	font-size: 14px;
	color: #878D99;
}

.um-breadcrumb>li+li:before {
	content: "\e618";
	padding: 0 6px;
	color: #878D99;
	font-weight: normal;
	font-size: 10px;
}

.um-breadcrumb>li a, .um-breadcrumb>li a:visited {
	color: #878D99;
	text-decoration: none;
}

.um-breadcrumb>li a:hover, .um-breadcrumb>li a:visited:hover {
	color: #007bff;
	text-decoration: none;
}

.um-breadcrumb>li.active {
	color: #acb4c5;
}

/*����badge*/
.um-badge, .um-badge-dot, .um-badge-rim {
	position: relative;
	display: inline-block;
	padding: 0 6px;
	font-size: 11px;
	text-align: center;
	background-color: #369AFE;
	color: #fff;
	border-radius: 2px
}

.um-badge {
	height: 8px;
	line-height: 16px;
	border-radius: 30px;
}

.easyui-linkbutton .um-badge, .um-nav .um-badge, .easyui-linkbutton .um-badge-dot
	{
	margin-left: 3px;
}

.um-info .um-badge {
	display: inline-block;
	position: absolute;
	min-width: 8px;
	line-height: 1;
	font-size: 10px;
	text-align: center;
	white-space: nowrap;
	border-radius: 5px;
	padding: 2px 2px;
	z-index: 99999;
	top: -14px;
	right: -5px;
}

.um-badge-dot {
	width: 8px;
	height: 8px;
	padding: 0;
	border-radius: 50%
}

.um-badge-rim {
	height: 16px;
	line-height: 16px;
	border-width: 1px;
	border-style: solid;
	background-color: #fff;
	color: #5f5f5f
}

.um-badge-rim {
	border-color: #dce0e7
}

.um-bg-c1 {
	background-color: #007bff !important;
	color: #fff !important
}

.um-bg-c2 {
	background-color: #00d6e6 !important;
	color: #fff !important
}

.um-bg-c3 {
	background-color: #00e682 !important;
	color: #fff !important
}

.um-bg-c4 {
	background-color: #ffa22b !important;
	color: #fff !important
}

.um-bg-c5 {
	background-color: #604dd8 !important;
	color: #fff !important
}

.um-bg-c6 {
	background-color: red !important;
	color: #fff !important
}

.um-bg-c7 {
	background-color: #dce0e7 !important;
	color: #5f5f5f !important
}

/*Ԫ�ض���*/
.um-face img, .um-blank img, .um-tb, .um-backtop, .um-loginleft img,
	.um-loginrow .easyui-linkbutton {
	cursor: pointer;
	transition: All 0.3s ease-in-out;
	-webkit-transition: All 0.3s ease-in-out;
	-moz-transition: All 0.3s ease-in-out;
	-o-transition: All 0.3s ease-in-out;
}

.um-face img:hover, .um-blank img:hover, .um-tb:hover, .um-backtop:hover,
	.um-loginleft img:hover, .um-loginrow .easyui-linkbutton:hover {
	transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);
}

/*-----��������Ϊlayui������ʽ(�÷��ο�layui�ĵ�)-------------------------------------------*/
.layui-container {
	position: relative;
	margin: 0 auto;
	box-sizing: border-box
}

.layui-fluid {
	position: relative;
	margin: 0 auto;
	padding: 0 15px
}

.layui-row:after, .layui-row:before {
	content: "";
	display: block;
	clear: both
}

.layui-col-lg1, .layui-col-lg10, .layui-col-lg11, .layui-col-lg12,
	.layui-col-lg2, .layui-col-lg3, .layui-col-lg4, .layui-col-lg5,
	.layui-col-lg6, .layui-col-lg7, .layui-col-lg8, .layui-col-lg9,
	.layui-col-md1, .layui-col-md10, .layui-col-md11, .layui-col-md12,
	.layui-col-md2, .layui-col-md3, .layui-col-md4, .layui-col-md5,
	.layui-col-md6, .layui-col-md7, .layui-col-md8, .layui-col-md9,
	.layui-col-sm1, .layui-col-sm10, .layui-col-sm11, .layui-col-sm12,
	.layui-col-sm2, .layui-col-sm3, .layui-col-sm4, .layui-col-sm5,
	.layui-col-sm6, .layui-col-sm7, .layui-col-sm8, .layui-col-sm9,
	.layui-col-xs1, .layui-col-xs10, .layui-col-xs11, .layui-col-xs12,
	.layui-col-xs2, .layui-col-xs3, .layui-col-xs4, .layui-col-xs5,
	.layui-col-xs6, .layui-col-xs7, .layui-col-xs8, .layui-col-xs9 {
	position: relative;
	display: block;
	box-sizing: border-box
}

.layui-col-xs1, .layui-col-xs10, .layui-col-xs11, .layui-col-xs12,
	.layui-col-xs2, .layui-col-xs3, .layui-col-xs4, .layui-col-xs5,
	.layui-col-xs6, .layui-col-xs7, .layui-col-xs8, .layui-col-xs9 {
	float: left
}

.layui-col-xs1 {
	width: 8.33333333%
}

.layui-col-xs2 {
	width: 16.66666667%
}

.layui-col-xs3 {
	width: 25%
}

.layui-col-xs4 {
	width: 33.33333333%
}

.layui-col-xs5 {
	width: 41.66666667%
}

.layui-col-xs6 {
	width: 50%
}

.layui-col-xs7 {
	width: 58.33333333%
}

.layui-col-xs8 {
	width: 66.66666667%
}

.layui-col-xs9 {
	width: 75%
}

.layui-col-xs10 {
	width: 83.33333333%
}

.layui-col-xs11 {
	width: 91.66666667%
}

.layui-col-xs12 {
	width: 100%
}

.layui-col-xs-offset1 {
	margin-left: 8.33333333%
}

.layui-col-xs-offset2 {
	margin-left: 16.66666667%
}

.layui-col-xs-offset3 {
	margin-left: 25%
}

.layui-col-xs-offset4 {
	margin-left: 33.33333333%
}

.layui-col-xs-offset5 {
	margin-left: 41.66666667%
}

.layui-col-xs-offset6 {
	margin-left: 50%
}

.layui-col-xs-offset7 {
	margin-left: 58.33333333%
}

.layui-col-xs-offset8 {
	margin-left: 66.66666667%
}

.layui-col-xs-offset9 {
	margin-left: 75%
}

.layui-col-xs-offset10 {
	margin-left: 83.33333333%
}

.layui-col-xs-offset11 {
	margin-left: 91.66666667%
}

.layui-col-xs-offset12 {
	margin-left: 100%
}

@media screen and (max-width:767.98px) {
	.layui-container {
		padding: 0 15px
	}
	.layui-hide-xs {
		display: none !important
	}
	.layui-show-xs-block {
		display: block !important
	}
	.layui-show-xs-inline {
		display: inline !important
	}
	.layui-show-xs-inline-block {
		display: inline-block !important
	}
}

@media screen and (min-width:768px) {
	.layui-container {
		width: 720px
	}
	.layui-hide-sm {
		display: none !important
	}
	.layui-show-sm-block {
		display: block !important
	}
	.layui-show-sm-inline {
		display: inline !important
	}
	.layui-show-sm-inline-block {
		display: inline-block !important
	}
	.layui-col-sm1, .layui-col-sm10, .layui-col-sm11, .layui-col-sm12,
		.layui-col-sm2, .layui-col-sm3, .layui-col-sm4, .layui-col-sm5,
		.layui-col-sm6, .layui-col-sm7, .layui-col-sm8, .layui-col-sm9 {
		float: left
	}
	.layui-col-sm1 {
		width: 8.33333333%
	}
	.layui-col-sm2 {
		width: 16.66666667%
	}
	.layui-col-sm3 {
		width: 25%
	}
	.layui-col-sm4 {
		width: 33.33333333%
	}
	.layui-col-sm5 {
		width: 41.66666667%
	}
	.layui-col-sm6 {
		width: 50%
	}
	.layui-col-sm7 {
		width: 58.33333333%
	}
	.layui-col-sm8 {
		width: 66.66666667%
	}
	.layui-col-sm9 {
		width: 75%
	}
	.layui-col-sm10 {
		width: 83.33333333%
	}
	.layui-col-sm11 {
		width: 91.66666667%
	}
	.layui-col-sm12 {
		width: 100%
	}
	.layui-col-sm-offset1 {
		margin-left: 8.33333333%
	}
	.layui-col-sm-offset2 {
		margin-left: 16.66666667%
	}
	.layui-col-sm-offset3 {
		margin-left: 25%
	}
	.layui-col-sm-offset4 {
		margin-left: 33.33333333%
	}
	.layui-col-sm-offset5 {
		margin-left: 41.66666667%
	}
	.layui-col-sm-offset6 {
		margin-left: 50%
	}
	.layui-col-sm-offset7 {
		margin-left: 58.33333333%
	}
	.layui-col-sm-offset8 {
		margin-left: 66.66666667%
	}
	.layui-col-sm-offset9 {
		margin-left: 75%
	}
	.layui-col-sm-offset10 {
		margin-left: 83.33333333%
	}
	.layui-col-sm-offset11 {
		margin-left: 91.66666667%
	}
	.layui-col-sm-offset12 {
		margin-left: 100%
	}
}

@media screen and (min-width:992px) {
	.layui-container {
		width: 960px
	}
	.layui-hide-md {
		display: none !important
	}
	.layui-show-md-block {
		display: block !important
	}
	.layui-show-md-inline {
		display: inline !important
	}
	.layui-show-md-inline-block {
		display: inline-block !important
	}
	.layui-col-md1, .layui-col-md10, .layui-col-md11, .layui-col-md12,
		.layui-col-md2, .layui-col-md3, .layui-col-md4, .layui-col-md5,
		.layui-col-md6, .layui-col-md7, .layui-col-md8, .layui-col-md9 {
		float: left
	}
	.layui-col-md1 {
		width: 8.33333333%
	}
	.layui-col-md2 {
		width: 16.66666667%
	}
	.layui-col-md3 {
		width: 25%
	}
	.layui-col-md4 {
		width: 33.33333333%
	}
	.layui-col-md5 {
		width: 41.66666667%
	}
	.layui-col-md6 {
		width: 50%
	}
	.layui-col-md7 {
		width: 58.33333333%
	}
	.layui-col-md8 {
		width: 66.66666667%
	}
	.layui-col-md9 {
		width: 75%
	}
	.layui-col-md10 {
		width: 83.33333333%
	}
	.layui-col-md11 {
		width: 91.66666667%
	}
	.layui-col-md12 {
		width: 100%
	}
	.layui-col-md-offset1 {
		margin-left: 8.33333333%
	}
	.layui-col-md-offset2 {
		margin-left: 16.66666667%
	}
	.layui-col-md-offset3 {
		margin-left: 25%
	}
	.layui-col-md-offset4 {
		margin-left: 33.33333333%
	}
	.layui-col-md-offset5 {
		margin-left: 41.66666667%
	}
	.layui-col-md-offset6 {
		margin-left: 50%
	}
	.layui-col-md-offset7 {
		margin-left: 58.33333333%
	}
	.layui-col-md-offset8 {
		margin-left: 66.66666667%
	}
	.layui-col-md-offset9 {
		margin-left: 75%
	}
	.layui-col-md-offset10 {
		margin-left: 83.33333333%
	}
	.layui-col-md-offset11 {
		margin-left: 91.66666667%
	}
	.layui-col-md-offset12 {
		margin-left: 100%
	}
}

@media screen and (min-width:1200px) {
	.layui-container {
		width: 1150px
	}
	.layui-hide-lg {
		display: none !important
	}
	.layui-show-lg-block {
		display: block !important
	}
	.layui-show-lg-inline {
		display: inline !important
	}
	.layui-show-lg-inline-block {
		display: inline-block !important
	}
	.layui-col-lg1, .layui-col-lg10, .layui-col-lg11, .layui-col-lg12,
		.layui-col-lg2, .layui-col-lg3, .layui-col-lg4, .layui-col-lg5,
		.layui-col-lg6, .layui-col-lg7, .layui-col-lg8, .layui-col-lg9 {
		float: left
	}
	.layui-col-lg1 {
		width: 8.33333333%
	}
	.layui-col-lg2 {
		width: 16.66666667%
	}
	.layui-col-lg3 {
		width: 25%
	}
	.layui-col-lg4 {
		width: 33.33333333%
	}
	.layui-col-lg5 {
		width: 41.66666667%
	}
	.layui-col-lg6 {
		width: 50%
	}
	.layui-col-lg7 {
		width: 58.33333333%
	}
	.layui-col-lg8 {
		width: 66.66666667%
	}
	.layui-col-lg9 {
		width: 75%
	}
	.layui-col-lg10 {
		width: 83.33333333%
	}
	.layui-col-lg11 {
		width: 91.66666667%
	}
	.layui-col-lg12 {
		width: 100%
	}
	.layui-col-lg-offset1 {
		margin-left: 8.33333333%
	}
	.layui-col-lg-offset2 {
		margin-left: 16.66666667%
	}
	.layui-col-lg-offset3 {
		margin-left: 25%
	}
	.layui-col-lg-offset4 {
		margin-left: 33.33333333%
	}
	.layui-col-lg-offset5 {
		margin-left: 41.66666667%
	}
	.layui-col-lg-offset6 {
		margin-left: 50%
	}
	.layui-col-lg-offset7 {
		margin-left: 58.33333333%
	}
	.layui-col-lg-offset8 {
		margin-left: 66.66666667%
	}
	.layui-col-lg-offset9 {
		margin-left: 75%
	}
	.layui-col-lg-offset10 {
		margin-left: 83.33333333%
	}
	.layui-col-lg-offset11 {
		margin-left: 91.66666667%
	}
	.layui-col-lg-offset12 {
		margin-left: 100%
	}
}

.layui-col-space1 {
	margin: -.5px
}

.layui-col-space1>* {
	padding: .5px
}

.layui-col-space2 {
	margin: -1px
}

.layui-col-space2>* {
	padding: 1px
}

.layui-col-space4 {
	margin: -2px
}

.layui-col-space4>* {
	padding: 2px
}

.layui-col-space5 {
	margin: -2.5px
}

.layui-col-space5>* {
	padding: 2.5px
}

.layui-col-space6 {
	margin: -3px
}

.layui-col-space6>* {
	padding: 3px
}

.layui-col-space8 {
	margin: -4px
}

.layui-col-space8>* {
	padding: 4px
}

.layui-col-space10 {
	margin: -5px;
	height: 100%;
}

.layui-col-space10>* {
	padding: 5px 5px 5px 5px;
	height: 100%;
}

.layui-col-space12 {
	margin: -6px
}

.layui-col-space12>* {
	padding: 6px
}

.layui-col-space14 {
	margin: -7px
}

.layui-col-space14>* {
	padding: 7px
}

.layui-col-space15 {
	margin: -7.5px
}

.layui-col-space15>* {
	padding: 7.5px
}

.layui-col-space16 {
	margin: -8px
}

.layui-col-space16>* {
	padding: 8px
}

.layui-col-space18 {
	margin: -9px
}

.layui-col-space18>* {
	padding: 9px
}

.layui-col-space20 {
	margin: -10px
}

.layui-col-space20>* {
	padding: 10px
}

.layui-col-space22 {
	margin: -11px
}

.layui-col-space22>* {
	padding: 11px
}

.layui-col-space24 {
	margin: -12px
}

.layui-col-space24>* {
	padding: 12px
}

.layui-col-space25 {
	margin: -12.5px
}

.layui-col-space25>* {
	padding: 12.5px
}

.layui-col-space26 {
	margin: -13px
}

.layui-col-space26>* {
	padding: 13px
}

.layui-col-space28 {
	margin: -14px
}

.layui-col-space28>* {
	padding: 14px
}

.layui-col-space30 {
	margin: -15px
}

.layui-col-space30>* {
	padding: 15px
}


