@charset "utf-8";
/* -----------H-ui前端框架-----------------------
H-ui.admin.css v2.3
Copyright H-ui Inc.
http://www.H-ui.net
date:2015.7.18
Created & Modified by guojunhui.
----------------------------------------------*/
html{height:100%}
body{min-height: 100%;position: relative;font-size:14px;color:#333; background-color:#fff}
a{color:#333}a:hover,a:focus,.maincolor,.maincolor a{color:#06c}
.bg-1{ background-color:#f5fafe}
h4{line-height:30px}
/*页面框架*/
.Hui-header{position:absolute;top:0; right:0; left:0;height:44px;z-index:999;}
.Hui-aside{position: absolute;top:44px;bottom:0;left:0;padding-top:10px;width:199px;z-index:99;overflow:auto; background-color:rgba(238,238,238,0.98);border-right: 1px solid #e5e5e5}
.Hui-article-box{position: absolute;top:44px;right:0;bottom: 0;left:199px; overflow:hidden; z-index:1; background-color:#fff}
.Hui-article{position: absolute;top:35px;bottom:0;left:0; right:0;overflow:auto;z-index:1}
.Hui-container{ padding:45px 0 0}
.Hui-aside,.Hui-article-box,.dislpayArrow{-moz-transition: all 0.2s ease 0s;-webkit-transition: all 0.2s ease 0s;-ms-transition: all 0.2s ease 0s;-o-transition: all 0.2s ease 0s;transition: all 0.2s ease 0s}
.big-page .Hui-article-box,.big-page .dislpayArrow,.big-page .breadcrumb{left:0px}
.big-page .Hui-aside{ left:-200px}

/*组件*/
	/*logo*/
	.Hui-logo,.Hui-logo-m{height:44px; margin-left:20px;cursor:pointer;font-size:16px; font-weight:bold; line-height:44px}
	.Hui-logo{display:inline-block;padding-right:5px}
	.Hui-logo:hover,.Hui-logo-m:hover{text-decoration:none; color:#0C0}
	.Hui-logo-m{display:none;width:45px;margin-left:10px}
	.Hui-subtitle{ font-size:12px; color:#eee; padding-top:15px}
	.viewhome{ line-height:44px; padding-right:15px}
	/**.viewhome a{ color:#FFF; padding-left:20px; background:url(../images/icon_link.png) no-repeat 0 center}/

	/*导航*/
	#Hui-nav{ margin-left:200px; margin-right:260px; background-color:transparent}
	#Hui-nav > ul > li{ font-weight:normal}
	#Hui-nav > ul > li > a{padding:0 20px}
	#Hui-nav > ul > li,#Hui-nav > ul > li > a{height:44px; line-height:44px}
	#Hui-nav > ul > li > a:hover,#Hui-nav > ul > li.current > a{ background-color:rgba(255,255,255,0.2)}
	.Hui-userbar{ position:absolute; top:0px; right:20px}
	.Hui-userbar > li{ float:left; display:inline-block; position:relative;line-height:44px}
	.Hui-userbar > li > a{ display:inline-block; padding:0 10px;height:44px; line-height:44px}
	.Hui-userbar > li > a:hover,Hui-userbar > li.current > a{ text-decoration:none;background-color:rgba(255,255,255,0.2)}
	.Hui-userbar-m {display: none;}
	#Hui-msg .badge{ position:absolute; left:19px; top:4px; font-size:12px; font-weight:normal; padding:1px 5px}
	#Hui-skin{}
	/*左侧菜单*/
	.Hui-aside .menu_dropdown dl{ margin-bottom:0}
	.Hui-aside .menu_dropdown dt{display:block;line-height:35px;padding-left:15px;cursor:pointer;position:relative;border-bottom: 1px solid #e5e5e5;font-weight:normal}
	.Hui-aside .menu_dropdown dt .menu_dropdown-arrow{ position:absolute;overflow: hidden; top:0; right:15px;transition-duration:0.3s ;transition-property:all}
	.Hui-aside .menu_dropdown dd{ display:none}
	.Hui-aside .menu_dropdown dt.selected .menu_dropdown-arrow{transform: rotate(180deg)}
	.Hui-aside .menu_dropdown dd.selected{display:block; margin-left:0px}
	.Hui-aside .menu_dropdown ul{padding:0px}
	.Hui-aside .menu_dropdown li{line-height:35px;overflow:hidden;zoom:1}
	.Hui-aside .menu_dropdown li a{padding-left:15px; display:block;font-weight: bold; margin:0}
	.Hui-aside .menu_dropdown li a i{ font-weight: normal}
	.Hui-aside .menu_dropdown dd ul{padding:3px 8px}
	.Hui-aside .menu_dropdown dd li{line-height:32px}
	.Hui-aside .menu_dropdown dd li a{line-height:32px;padding-left:26px; border-bottom:none; font-weight:normal}
	.Hui-aside .menu_dropdown li a:hover{text-decoration:none}
	.Hui-aside .menu_dropdown li.current a,.menu_dropdown li.current a:hover{background-color:rgba(255,255,255,0.2)}
	/*菜单收缩切换*/
	.dislpayArrow{position: absolute;top: 0;bottom: 0;left:200px;width:0px; height:100%;z-index:10}
	.dislpayArrow a{ position:absolute; display:block; width:17px; height:61px;top:50%; margin-top:-30px;outline:none}
	.dislpayArrow a.open{ background-position:0 -61px}
	.dislpayArrow a:hover{ text-decoration:none; background-position:right 0}
	.dislpayArrow a.open:hover{background-position:right -61px}

	/*选项卡导航*/
	.Hui-tabNav{height:35px; padding-right:75px;overflow:hidden; position:relative;background:#efeef0 url(/Home/Images/Hui/acrossTab-2.png) repeat-x 0 -175px;}
	.Hui-tabNav-wp{position:relative; height:35px;overflow:hidden}
	.Hui-tabNav .acrossTab{ position:absolute; height:26px; line-height:26px; background:none; top:8px; left:0;padding-top:0}
	.Hui-tabNav .acrossTab li,.Hui-tabNav .acrossTab li em{background-image:url(/Home/Images/Hui/acrossTab-2.png)}
	.Hui-tabNav .acrossTab li{height:26px;line-height:26px;}
	.Hui-tabNav .acrossTab li em{ right:-16px; height: 26px; width: 16px}
	.loading {background:url(/Home/Images/Hui/loading.gif) no-repeat center; height:100px}
	.show_iframe iframe {position: absolute;bottom: 0;height: 100%;width: 100%}
	.Hui-tabNav-more {position: absolute;right:0px;width:70px;top:4px;display: none}
	.show_iframe{ position:absolute; top:0; right:0; left:0; bottom:0}
	@media (max-width: 767px) {
		.show_iframe{-webkit-overflow-scrolling: touch;overflow-y: scroll}
	}

	/*面包屑导航*/
	.breadcrumb{background-color:#F5F5F5}

	/*页脚
		Name:			mod_footer
		Level:			Global
		Sample:			<footer class="footer"><p><a target="_blank" href="/feedback.html">意见反馈</a><cite>|</cite><a target="_blank" href="/about">关于XX</a><cite>|</cite><a target="_blank" href="/jobs.html">诚聘英才</a><br/>Copyright &copy;2012 guojunhui.com 郭俊辉版权所有 京ICP备10046298-4号</p></footer>
		Explain:页脚
		Last Modify:	jackying
	*/
	.footer{border-top:1px solid #E8E8E8;margin-top:20px;font-family:tahoma,Arial;font-size:12px;color:#999;line-height:22px;text-align:center}
	.footer p{padding-top:15px}
	.footer a,.footer a:hover{color:#999}
/*横向手机 竖向平板*/
@media (max-width: 767px) {
	html{ overflow-y:auto}
	#Hui-nav{margin-left:130px!important; margin-right:60px}
	#Hui-nav > ul > li{width:24%;font-weight:bold;font-size:16px}
	#Hui-nav > ul > li a{ display:block}
	.Hui-aside{ display:none;float:none; width:100%; height:auto; margin-top:0;padding-top:0;bottom:auto}
	.big-page .Hui-aside{ left:0!important}
	.Hui-subtitle,.dislpayArrow,.Hui-userbar,.Hui-tabNav{ display:none}
	.menu_dropdown dt{line-height:44px}
	.menu_dropdown li,.menu_dropdown dd li,.menu_dropdown dd li a{ line-height:44px}
	.Hui-tabNav{ position:fixed; z-index:998}
	.Hui-article{ top:44px}
	.Hui-article-box{ position:static; left:0}
	.Hui-article-box .pd-20{padding:20px 10px}
	.Hui-article{left:0}
	.Hui-container .bk-gray{ border:none}
	.Hui-container .pd-10{ padding:0}
	.Hui-nav-toggle {
		display: block;
		color: #FFFFFF;
		font-size: 28px;
		padding: 0px 6px;
	}
	.Hui-userbar-m {
		display: block;
	}
}
/*竖向手机*/
@media (max-width: 480px) {
	#Hui-nav{margin-left:50px!important;margin-right:60px}
	.Hui-logo{ display:none}
	.Hui-logo-m{display:inline-block;width: auto;padding-right:5px;}
	.Hui-subtitle,.dislpayArrow,.Hui-userbar{ display:none}
	.Hui-nav-toggle {
		display: block;
		color: #FFFFFF;
		font-size: 28px;
		padding: 0px 6px;
	}
	.Hui-userbar-m {
		display: block;
	}
}


/*==============以下是业务相关的样式====================*/
/*权限*/
.permission-list{ border:solid 1px #eee;}
.permission-list > dt{ background-color:#efefef;padding:5px 10px}
.permission-list > dd{ padding:10px; padding-left:30px}
.permission-list > dd > dl{ border-bottom:solid 1px #eee; padding:5px 0}
.permission-list > dd > dl > dt{ display:inline-block;float:left;white-space:nowrap;width:100px}
.permission-list > dd > dl > dd{ margin-left:100px;}
.permission-list > dd > dl > dd > label{ padding-right:10px}

/*图片预览*/
.portfolio-area{ margin-right: -20px;}
.portfolio-area li{position: relative; float: left; margin-right: 20px; width:162px; height:162px;margin-top: 20px;}
.portfolio-area li.hover{ z-index:9}
.portfolio-area li .portfoliobox{ position: absolute; top: 0; left: 0; width: 152px; height: 152px;padding:5px;border: solid 1px #eee; background-color: #fff;}
.portfolio-area li .checkbox{position: absolute; top: 10px; right: 5px; cursor:pointer}
.portfolio-area li.hover .portfoliobox{ height:auto;padding-bottom:10px;box-shadow:0 1px 3px rgba(68, 68, 68,0.3);-moz-box-shadow:0 1px 3px rgba(68, 68, 68,0.3);-webkit-box-shadow:0 1px 3px rgba(68, 68, 68,0.3)}
.portfolio-area li .picbox{width: 150px; height: 150px;overflow: hidden;text-align: center;vertical-align:middle;display:table-cell; line-height:150px;}
.portfolio-area li .picbox img{max-width:150px; max-height:150px;vertical-align:middle;_margin-top: expression_r(( 150 - this.height ) / 2);}
.portfolio-area li .textbox{ display: none; margin-top: 5px;}
.portfolio-area li.hover .textbox{ display: block;}
.portfolio-area li label{ display:block; cursor:pointer}

/* customized style */
/*body, th, td, button, input, select, textarea {
	font-size: 16px;
}
*/
a {
	text-decoration: none !important;
}

.tabBar {
	border-bottom: 1px solid lightgray;
	margin-bottom: 20px;
}

.tabBar a {
	background-color: white;
	cursor: pointer;
	display: inline-block;
	float: left;
	height: 30px;
	font-size: 16px;
	font-weight: normal;
	line-height: 30px;
	padding: 0 15px;
	color: #222;
}

.tabBar a.current {
	border-bottom: 2px solid #1890ff;
}

table tr:nth-child(odd):hover {
	background: #f5fafe;
}

table tr:nth-child(even) {
	background: #f5fafe;
}

.user-report {
	text-align: justify;
	text-align-last: justify;
}

.user-report>div {
	display: inline-block;
}

.enhanced-form {
	margin: 14px 50px;
	padding: 3px 32px 25px 32px;
	/*background: white;*/
	/*border: 1px solid lightgray;*/
}

.enhanced-form .formControls span, .enhanced-form .formControls i {
	display: inline-block;
	padding-left: 9px;
	line-height: 20.7px;
	font-size: 17px;
	box-sizing: border-box;
	border: solid 1px #ddd;
	width: 100%;
	transition: all .2s linear 0s;
	background: white;
}

.enhanced-form .row .form-label {
	padding: 7px 12px;
	font-size: 14px;
	font-weight: 400;
	line-height: 1;
	color: #555;
	text-align: center;
	background-color: #eee;
	border: 1px solid #ccc;
	border-radius: 4px 0 0 4px;
}

.enhanced-form .row .input-text {
	border-radius: 0 4px 4px 0;
}

.enhanced-form .row {
	margin: 0 0 15px 0 !important;
}

.enhanced-form .form-label {
	margin-top: 0 !important;
}

.enhanced-form .col-4 {
	margin-right: 35px;
}



/*** upload button ***/
.uploader {
	position: relative;
	display: inline-block;
	overflow: hidden;
	cursor: default;
	padding: 0;
	margin: 10px 0px;
	-moz-box-shadow: 0px 0px 5px #ddd;
	-webkit-box-shadow: 0px 0px 5px #ddd;
	box-shadow: 0px 0px 5px #ddd;

	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.filename {
	float: left;
	display: inline-block;
	outline: 0 none;
	height: 32px;
	width: 180px;
	margin: 0;
	padding: 8px 10px;
	overflow: hidden;
	cursor: default;
	border: 1px solid;
	border-right: 0;
	font: 9pt/100% Arial, Helvetica, sans-serif;
	color: #777;
	text-shadow: 1px 1px 0px #fff;
	text-overflow: ellipsis;
	white-space: nowrap;

	-moz-border-radius: 5px 0px 0px 5px;
	-webkit-border-radius: 5px 0px 0px 5px;
	border-radius: 5px 0px 0px 5px;

	background: #f5f5f5;
	background: -moz-linear-gradient(top, #fafafa 0%, #eee 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fafafa), color-stop(100%, #f5f5f5));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#f5f5f5', GradientType=0);
	border-color: #ccc;

	-moz-box-shadow: 0px 0px 1px #fff inset;
	-webkit-box-shadow: 0px 0px 1px #fff inset;
	box-shadow: 0px 0px 1px #fff inset;

	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.button {
	float: left;
	height: 32px;
	display: inline-block;
	outline: 0 none;
	padding: 8px 12px;
	margin: 0;
	cursor: pointer;
	border: 1px solid;
	font: bold 9pt/100% Arial, Helvetica, sans-serif;

	-moz-border-radius: 0px 5px 5px 0px;
	-webkit-border-radius: 0px 5px 5px 0px;
	border-radius: 0px 5px 5px 0px;

	-moz-box-shadow: 0px 0px 1px #fff inset;
	-webkit-box-shadow: 0px 0px 1px #fff inset;
	box-shadow: 0px 0px 1px #fff inset;
}


.uploader input[type=file] {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	border: 0;
	padding: 0;
	margin: 0;
	height: 30px;
	cursor: pointer;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}

input[type=button]::-moz-focus-inner {
	padding: 0;
	border: 0 none;
	-moz-box-sizing: content-box;
}

input[type=button]::-webkit-focus-inner {
	padding: 0;
	border: 0 none;
	-webkit-box-sizing: content-box;
}

input[type=text]::-moz-focus-inner {
	padding: 0;
	border: 0 none;
	-moz-box-sizing: content-box;
}

input[type=text]::-webkit-focus-inner {
	padding: 0;
	border: 0 none;
	-webkit-box-sizing: content-box;
}

/* White Color Scheme ------------------------ */

.white .button {
	color: #555;
	text-shadow: 1px 1px 0px #fff;
	background: #ddd;
	background: -moz-linear-gradient(top, #eeeeee 0%, #dddddd 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #dddddd));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#dddddd', GradientType=0);
	border-color: #ccc;
}

.white:hover .button {
	background: #eee;
	background: -moz-linear-gradient(top, #dddddd 0%, #eeeeee 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dddddd), color-stop(100%, #eeeeee));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dddddd', endColorstr='#eeeeee', GradientType=0);
}

/* Blue Color Scheme ------------------------ */

.blue .button {
	color: #fff;
	text-shadow: 1px 1px 0px #09365f;
	background: #064884;
	background: -moz-linear-gradient(top, #3b75b4 0%, #064884 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3b75b4), color-stop(100%, #064884));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3b75b4', endColorstr='#064884', GradientType=0);
	border-color: #09365f;
}

.blue:hover .button {
	background: #3b75b4;
	background: -moz-linear-gradient(top, #064884 0%, #3b75b4 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #064884), color-stop(100%, #3b75b4));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#064884', endColorstr='#3b75b4', GradientType=0);
}

/* Green Color Scheme ------------------------ */

.green .button {
	color: #fff;
	text-shadow: 1px 1px 0px #6b7735;
	background: #7d8f33;
	background: -moz-linear-gradient(top, #93aa4c 0%, #7d8f33 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #93aa4c), color-stop(100%, #7d8f33));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#93aa4c', endColorstr='#7d8f33', GradientType=0);
	border-color: #6b7735;
}

.green:hover .button {
	background: #93aa4c;
	background: -moz-linear-gradient(top, #7d8f33 0%, #93aa4c 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7d8f33), color-stop(100%, #93aa4c));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7d8f33', endColorstr='#93aa4c', GradientType=0);
}

/* Red Color Scheme ------------------------ */

.red .button {
	color: #fff;
	text-shadow: 1px 1px 0px #7e0238;
	background: #90013f;
	background: -moz-linear-gradient(top, #b42364 0%, #90013f 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b42364), color-stop(100%, #90013f));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b42364', endColorstr='#90013f', GradientType=0);
	border-color: #7e0238;
}

.red:hover .button {
	background: #b42364;
	background: -moz-linear-gradient(top, #90013f 0%, #b42364 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #90013f), color-stop(100%, #b42364));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#90013f', endColorstr='#b42364', GradientType=0);
}

/* Orange Color Scheme ------------------------ */

.orange .button {
	color: #fff;
	text-shadow: 1px 1px 0px #c04501;
	background: #d54d01;
	background: -moz-linear-gradient(top, #f86c1f 0%, #d54d01 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f86c1f), color-stop(100%, #d54d01));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f86c1f', endColorstr='#d54d01', GradientType=0);
	border-color: #c04501;
}

.orange:hover .button {
	background: #f86c1f;
	background: -moz-linear-gradient(top, #d54d01 0%, #f86c1f 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d54d01), color-stop(100%, #f86c1f));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d54d01', endColorstr='#f86c1f', GradientType=0);
}

/* Black Color Scheme ------------------------ */

.black .button {
	color: #fff;
	text-shadow: 1px 1px 0px #111111;
	background: #222222;
	background: -moz-linear-gradient(top, #444444 0%, #222222 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #444444), color-stop(100%, #222222));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#222222', GradientType=0);
	border-color: #111111;
}

.black:hover .button {
	background: #444444;
	background: -moz-linear-gradient(top, #222222 0%, #444444 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #222222), color-stop(100%, #444444));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#222222', endColorstr='#444444', GradientType=0);
}