@charset "utf-8";
/* -----------H-ui前端框架-------------
* H-ui.admin.css v2.3.2
* http://www.h-ui.net/
* Created & Modified by guojunhui
* Date modified 2015.12.19
*
* Copyright 2013-2015 北京颖杰联创科技有限公司 All rights reserved.
* Licensed under MIT license.
* http://opensource.org/licenses/MIT
*
*/
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:60px;z-index:999;}
.Hui-aside{position: absolute;top:60px;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:60px;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:60px; margin-left:20px;cursor:pointer;font-size:16px; font-weight:bold; line-height:60px}
.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:60px; 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:60px; line-height:60px}
#Hui-nav > ul > li > a:hover,#Hui-nav > ul > li.current > a{ background-color:none}
.Hui-userbar{ position:absolute; top:0px; right:20px}
.Hui-userbar > li{ float:left; display:inline-block; position:relative;line-height:60px}
.Hui-userbar > li > a{ display:inline-block; padding:0 10px;height:60px; line-height:60px}
.Hui-userbar > li > a:hover,Hui-userbar > li.current > a{ text-decoration:none;background-color:none}
#Hui-msg .badge{ position:absolute; left:19px; top:4px; font-size:12px; font-weight:normal; padding:1px 5px}
/*左侧菜单*/
.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:none}
/*菜单收缩切换*/
.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(../images/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(../images/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(../images/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}

/*面包屑导航*/
.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;padding:0}
	.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}
}
/*竖向手机*/
@media (max-width: 480px) {
	#Hui-nav{margin-left:50px!important;margin-right:60px}
	.Hui-logo{ display:none}
	.Hui-logo-m{ display:inline-block; padding-right:5px}
	.Hui-subtitle,.dislpayArrow,.Hui-userbar{ display:none}
}

/*==============以下是业务相关的样式====================*/
/*权限*/
.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}
body{
	background: #edf1f5;
}
.btn.radius.btn-primary{
	background-color: #2890ff!important;
}
.btn.radius.btn-primary:hover{
	border-color: #2481e5!important;
	background-color: #2481e5!important;
}
.maskNew{
	position: fixed;
	z-index: 9999999;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0,0,0,0.6);
	display: block;
}
.pagination .active a {
	background: #0275d8;
	color: #fff;
	border-color: #0275d8;
}
.maskNewContent{
	width: 500px;
	height: 300px;
	margin: 0 auto;
	position: relative;
	top: 200px;
	background: #fff;
	border-radius: 10px;
}
foreignObject{
	width: 14.28%;
}
.ct-end{
	width: 100%!important;
}
.closeMask{
	width: 100px;
	height: 50px;
	border: 1px solid #eee;
	border-radius: 5px;
	background: #008DEF;
	color: #fff;
	font-size: 16px;
	line-height: 50px;
	cursor: pointer;
}
.iptRl{
	width: 140px;
	height:31px;
	font-size: 14px;
	vertical-align: middle;
	margin-right:0px;
	padding-left: 10px;
	color: #97A0B4;
	border: 1px solid #D5DBE8;
}
#btn1:hover{
	background-color: #2481e5!important;
	border-color: #2481e5!important;
}
#btn1{
	height: 36px;
	line-height: 36px;
}
#btn2:hover{
	background-color: #0fa675!important;
	border-color: #0fa675!important;

}
#btn2{
	background-color: #17ba8e!important;
	height: 36px;
	line-height: 36px;
}
.closeA{
	position: absolute;
	right:10px;
	top: 15px;
	width: 30px;
	height: 30px;
	color: #eee;
}
.maskTitle{
	height: 50px;
	padding-left: 30px;
	line-height: 50px;
	text-align: left;
	color: #414658;
	font-size: 16px;
	border-bottom: 2px solid #e9ecef;
}
.newBtn{
	background-color: #38b4ed!important;
	width: 112px;
	height: 36px!important;
	font-size: 14px!important;
	line-height: 36px!important;
	color: #fff!important;
	display: flex;
	align-items: center;
	padding: 0px 12px;
	display: inline-block;
}
.newBtn img{
	margin-right: 5px!important;
	height: 14px;
	width: 14px;
	margin-bottom: 2px;
}
.page-container{
	padding: 10px;
}
.table-bg thead th{
	background-color: #fff;
}
.dataTable td.sorting_1{
	background: #fff;
}
#DataTables_Table_0_length{
	position: absolute;
	bottom: 13px;
	padding-left: 10px;
	padding-bottom: 0px;
}
#DataTables_Table_0_info{
	margin-left: 140px;
}
#DataTables_Table_0_wrapper{
	position: relative;
	background: #fff;
	padding-bottom: 50px;
}
.pagination a, .pagination span {
	position: relative;
	display: block;
	padding: .5rem .75rem;
	margin-left: -1px;
	line-height: 1.25;
	color: #0275d8;
	background-color: #fff;
	border: 1px solid #ddd;
	text-decoration:none;
}
.status{
	width:55px;
	height:30px;
	line-height: 30px;
	display: inline-block;
	margin-left:25px;
	text-align: center;
}
.pagination {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	padding-left: 0;
	list-style: none;
	border-radius: .25rem;
}
table{
	border: none!important;
}
#table_wrapper{
	position: relative;
	padding-bottom: 50px;
}
.row .form-label{
	width: 12%!important;
}
td a div{
	line-height: 18px;
	text-align: center;
	height: 18px;
	font-size: 12px!important;
}
.dataTables_wrapper .dataTables_length{
	position: absolute;
	bottom: -37px;
	padding-left: 10px;
	padding-bottom: 0px;
}
.dataTables_wrapper .dataTables_info{
	position: relative;
	left: 130px;
}
.tableTitle{
	width: 500px!important;
	text-align: left!important;

}
table th{
	border-bottom: 2px solid #666;
}
.tableControl{
	width: 130px!important;
}
td,th{
	position: relative;
}
.dataTables_wrapper .dataTables_info{
	padding-top: 15px;
}
input[type=checkbox]{
	visibility: hidden;
}
.table-bordered th, .table-bordered td{
	border-left: none;
}

.breadcrumb{
	background: #edf1f5;
	margin: 0 10px;
	border: none;
	padding-left: 0px;
	padding: 0px;
}
.pd-20{
	padding: 10px!important;
}
.breadcrumb .btn-success{
	display: none;
}
.dataTables_wrapper .dataTables_paginate{
	margin-right: 15px;
}
.inputC+label{
	display: block;
	width: 14px;
	height: 14px;
	cursor: pointer;
	background: #fff;
	border: 1px solid #eee;
	border-radius: 2px;
	position: relative;
	left: -2px;
}
.inputC:checked +label::before{
	display: block;
	content: "\2714";
	text-align: center;
	font-size: 12px;
	color: white;
	background: #008DEF;
	width: 14px;
	height: 14px;
	line-height: 14px;
}
.inputC{
	display: block;
	width: 14px;
	height: 14px;
	cursor: pointer;
	background: #fff;
	border: 1px solid #eee;
	border-radius: 2px;
	z-index: 99999;
	position: relative;
	left: 12.5px;
}
.btnDiv{
	margin-top: 20px!important;
}

.btnDiv a{
	height: 35px;
	color: #fff;
}
#Hui-tabNav{
	display: none;
}
.Hui-article{
	top: 0px!important;
}
table.dataTable thead .sorting_asc{
	background-image: none!important;
}
table.dataTable thead .sorting{
	background-image: none!important;
}
table.dataTable thead .sorting_desc{
	background-image: none!important;
}
table thead tr th{
	border-bottom: 2px solid #d5dbe8!important;
	height: 60px;
}
td a{
	display: inline-block;
	min-width: 40px;
	height: 20px;
	line-height: 20px;
	font-size: 12px!important;
	box-sizing: border-box;
	border:1px solid #d5dbe8;
	color:#888f9e;
}
form[name=form1]{
	background: #fff;
	padding:10px;
	text-align: left;
}
form[name=form1] input[type=submit]{
	margin-right: 10px;
}
form[name=form1]  img{
	margin-right: 10px;
}
#qxIpt{
	font-size: 16px;
	width: 50px;
	height: 31px;
	display:inline-block;
	line-height: 31px;
	cursor:pointer;
	background: #008DEF;
	text-align: center;
	border-radius: 5px;
	color: #fff;
}
form .select{
	color: #999;
	margin-right: 15px;
}
form[name=form1] input{
	margin-right: 10px;
}
.reset{
	color: #999;
	background: #fff;
	padding: 5px;
	height: 33px;
	border: 1px solid #eee;
	border-radius: 5px;
	width: 53px;
	cursor: pointer;
}
.breadcrumb .Hui-iconfont{
	display: none;
}
.btn-success{
	background: #008DEF;
	border: none;
	border-radius: 5px;
}
.table-border.table-bordered{
	background: #fff;
}