@charset "utf-8";

/*------------------- 初始化样式 -------------------*/
* {
	margin:0;
	padding:0;
}

html {
	height: 100%;
}

body {
	height:100%;
	font-family:Arial, Helvetica, sans-serif, 宋体;
	font-size:12px;
	color:#333;
	line-height: 1.66666666;
	background:#F5F5F5;
	/*min-width:1280px;*/
}

ul, ol {
	list-style:none;
}

a {
	cursor:pointer;
	text-decoration:none;
}

a:hover,a:focus {
	text-decoration:none;
}

label {
	font-weight:100;
	  font-size: 11px;
}

input[type="checkbox"], checkbox {
	cursor:pointer;
	vertical-align:middle;
}

/*------------------- 初始化样式结束 -------------------*/
/*------------------- 按钮样式 -------------------*/
.btn {
	position:relative;
	display:inline-block;
 *display:inline;
	zoom:1;
	font-size:12px;
	background-color:#eee;
	border:1px solid #ddd;
	padding:6px 15px;
	line-height:1.2;
	vertical-align:middle;
	text-align:center;
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	box-shadow:0 1px 3px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.1);
	-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.1);
	transition:0.2s;
	outline:none;
}

.btnsp {
	position:relative;
	display:inline-block;
 *display:inline;
	zoom:1;
	font-size:12px;
	background-color:#eee;
	border:1px solid #ddd;
	padding:6px 15px;
	line-height:1.2;
	vertical-align:middle;
	text-align:center;
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	box-shadow:0 1px 3px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.1);
	-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.1);
	transition:0.2s;
	outline:none;
}
.btn>span {
	vertical-align:middle;
}

.btn .ico_16px {
	margin-right:5px;
}

.btn:hover {
	background-color:#ddd;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.btn_small {
	padding:3px 8px;
}

.btn_orange {
	color:#fff;
	background:#EF7B2E;
	border-color:#EE701C;
}

.btn_orange:hover, .btn_orange:focus {
	background:#D35F10;
	color:#fff;
}

.btn_green, .btn_add {
	color:#fff;
	background:#4caf50;
	border-color:#4aab4e;
}

.btn_green:hover, .btn_green:focus, .btn_add:hover, .btn_add:focus {
	background: #3D8B40;
	color: #fff;
}

.btn_blue {
	color: #fff;
	background: #428BCA;
	border-color: #3D86C9;
}

.btn_blue:hover, .btn_blue:focus {
	background: #3072AD;
	color: #fff;
}

.btn_red {
	color: #fff;
	background:#FF5959;
	border-color: #FF3C3C;
}

.btn_red:hover, .btn_red:focus {
	background: #FF1E1E;
	color: #fff;
}

.btn_navy {
	color: #fff;
	background: #319DB5;
	border-color: #2B8B9F;
}

.btn_navy:hover, .btn_navy:focus {
	background: #2B8B9F;
	color: #fff;
}

.btn.btn_icon {
	padding:5px 15px 5px 10px;
}

/*------------------- 按钮样式结束 -------------------*/
/*------------------- 图标样式 -------------------*/
.ico_16px, .ico_24px {
	display:inline-block;
 *dispaly:inline;
	zoom:1;
	width:16px;
	height:16px;
	vertical-align:middle;
}

.ico_24px {
	width:24px;
	height:24px;
}

#ico0 {
	background:url(../Images/icon/system.png);
}

#ico1 {
	background:url(../Images/icon/person.png);
}

#ico2 {
	background:url(../Images/icon/money.png);
}

#ico3 {
	background:url(../Images/icon/send.png);
}

#ico4 {
	background:url(../Images/icon/money.png);
}

#ico5 {
	background:url(../Images/icon/send.png);
}

#ico6 {
	background:url(../Images/icon/servers.png);
}
#ico7 {
	background:url(../Images/icon/monitor.png);
}
#ico8 {
	background:url(../Images/icon/mms.png);
}
#ico9 {
	background:url(../Images/icon/history.png);
}
.ico_power {
	background:url(../Images/icon/power.png);
}

.ico_key {
	background:url(../Images/icon/key.png);
}

.ico_help {
	background:url(../Images/icon/help.png);
}

.ico_message {
	background:url(../Images/icon/message.png);
}

.ico_add {
	background:url(../Images/icon/add.png);
}

.ico_company {
	background:url(../Images/icon/company.png);
}

.ico_search {
	background:url(../Images/icon/search.png);
}

/*------------------- 图标样式结束 -------------------*/
/*------------------- 表格样式 -------------------*/
.datatable {
	width:100%;
	border-collapse:collapse;
	font-size: 12px;
}

.datatable>thead tr, .datatable>tbody tr {
	height:35px;
}

.datatable>thead th, .datatable>tbody td {
	text-align:left;
	padding:0 10px;
}

.datatable>thead th {
	color:#1f57a1;
	background:#E6F0F9;
	border-bottom:2px solid #BCD7EF;
	text-align: center;
}

.datatable>tbody td {
	border-bottom:1px solid #eee;
	text-align: center;
}

.datatable>tfoot .pagination_info {
	margin-top:15px;
	float:left;
	color:#666;
}

.datatable>tfoot .pagination {
	font-family:宋体;
	margin:10px 0;
	float:right;
}

.datatable>tfoot .pagination>li {
	margin:0;
}

.datatable>tfoot .pagination>li.btn.active {
	background:#319DB5;
	color:#fff;
	border:1px solid #2F98AE;
	box-shadow:0 2px 4px rgba(0, 0, 0, 0.1);
}

.datatable span {
	vertical-align:middle;
}

.datatable .btn {
	margin:5px;
}

.datatable .align_c {
	text-align:center;
}

.datatable .taskInfo {
	width:150px;
}

.datatable .taskInfo .ico_company {
	margin-right:3px;
}

.datatable .taskInfo b {
	font-weight:100;
	color:#1A66A4;
}

.datatable strong {
	color:red;
}

.datatable p {
	margin:0;
}

.datatable .submitTime {
	color:#666;
}

.datatable .msgContent {
	margin:5px 0;
	text-align: left;
}

.datatable .msgContent .msgContentBox {
	max-width:500px;
	padding:5px;
	background:#FEF8DE;
	border:1px solid #FDE4B7;
}

.datatable .childtableRow>td {
	padding:0;
	border-bottom:0;
}

.datatable .childtable {
	width:100%;
	border-collapse:collapse;
	background:#fcfbf3;
}

.datatable .childtable>tbody>tr>td {
	border-bottom:1px solid #eee;
}

.datatable .tree_arrow {
	margin-right:5px;
	background:url(../Images/treeArrow.png) -16px 0;
	cursor:pointer;
}

.datatable .tree_arrow.active {
	background:url(../Images/treeArrow.png) 0 0;
}

.datatable .tree_line {
	display:inline-block;
 *display:inline;
	zoom:1;
	height:100%;
	width:16px;
	background:url(../Images/treeLine.png) 0 center;
}

.datatable .tree_node {
	margin-right:5px;
	background:url(../Images/treeNode.png);
}

/*------------------- 表格样式结束 -------------------*/
/*------------------- 表单样式 -------------------*/

.form_control {
	-webkit-box-shadow: none !important;
	background-color: #ECEDEE;
	border: 1px solid #ECEDEE;
	box-shadow: none !important;
	color: #555555;
	display: inline-block;
	font-size: 10px;
	height: auto;
	line-height: normal;
	padding: 6px 7px 5px;
	vertical-align: middle;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.form_control::-webkit-input-placeholder {
 color: #B5B5B5;
}
.form_control:-moz-placeholder {
 color: #B5B5B5;
}
.form_control::-moz-placeholder {
 color: #B5B5B5;
}
.form_control:-ms-input-placeholder {
 color: #B5B5B5;
}

.form_control:focus {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	background-color: #E6E7E8;
	border-color: #ccc;
	border: 1px solid #ccc;
	box-shadow: none;
	outline: none;
	outline: none;
}

.form_control.form_white, .form_control.form_white:focus {
	background-color:#fff;
	  width: 95px;
}
.form_control.form_white1{
	background-color:#fff;
	  width: 110px;
}

.form_control.form_white2{
	background-color:#fff;
	  width: 150px;
}

.form_control.form_success {
	background:#E2F5D1 url(../Images/icon/successs.png) right 4px no-repeat;
	border-color:#C5E19D;
}
.form_control.form_error{
	background:#FDDCCA url(../Images/icon/error.png) right 4px no-repeat;
	border-color:#F4C4A6;
}
.select2-container .select2-selection--single {
	height:34px;
	line-height:34px;
}

.select2-container .select2-selection--single .select2-selection__rendered {
	line-height:34px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	height:32px;
}
form .select2-container--default .select2-selection--single{
	background:#ECEDEE;
}
.form_group {
	margin:0 10px 10px;
	overflow:hidden;
}

.form_group .form_label {
	padding:7px 0;
	margin:0;
}

.form_group .form_control {
	width:100%;
}
form .submitButton{
	float:right;
	margin:15px 25px;
}
form .submitButton .btn{
	padding:8px 20px;
	margin-left:15px;
}

/*------------------- 表单样式结束 -------------------*/
/*------------------- 模态框样式 -------------------*/
.modal-content {
	border-radius:0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	border:0;
	box-shadow:0 5px 15px rgba(0, 0, 0, .5);
	-moz-box-shadow:0 5px 15px rgba(0, 0, 0, .5);
	-moz-box-shadow:0 5px 15px rgba(0, 0, 0, .5);
}

.modal-header {
	padding:10px 15px;
	background:#319DB5;
	color:#fff;
}

.modal-title {
	font-size:14px;
	font-weight:600;
}

/*------------------- 模态框样式结束 -------------------*/
/*------------------- 系统样式 -------------------*/
.sidebar {
	background-color: #2B2E33;
	left: 0;
	position: absolute;
	top: 0;
	bottom: 0;
	width: 12.5%;;
	z-index: 100;
	height: 100%;

}

.sidebar .logopanel {
	background: #202226;
	height: 30px;
	padding: 10px;
	right: auto;
	/*width: 12.5%;*/
	z-index: 2;
	box-sizing:content-box;
	-webkit-transition: color 0.2s ease-out;
	-moz-transition: color 0.2s ease-out;
	-o-transition: color 0.2s ease-out;
	-ms-transition: color 0.2s ease-out;
	transition: color 0.2s ease-out;
}

.sidebar .logopanel .logo {
	height:30px;
	background:url(../Images/logo.png) no-repeat;
}
.sidebar .sidebar_inner{
	position:absolute;
	top:50px;
	bottom:0;
	left:0;
	right:0;
	overflow:auto;
}
.sidebar .sidebar_top {
	color:#ddd;
}

.sidebar .menu_title {
	padding:10px 20px;
	color:#999;
}

.sidebar .nav_sidebar {
	cursor:pointer;
}

.sidebar .nav_sidebar>li>a {
	position:relative;
	display:block;
	padding:7px 20px;
	color:#ddd;
}

.sidebar .nav_sidebar>li>a span {
	vertical-align:middle;
}

.sidebar .nav_sidebar>li>a .ico_16px {
	margin-right:10px;
	opacity:.8;
	filter:alpha(opacity=80);
	-moz-opacity:.8;
}

.sidebar .nav_sidebar>li>a .nav_arrow {
	position:absolute;
	right:10px;
	top:13px;
	display:block;
	width:9px;
	height:9px;
	background:url(../Images/nav_arrow.png);
	opacity:.4;
	filter:alpha(opacity=40);
	-moz-opacity:.4;
}

.sidebar .nav_sidebar>li .subnav {
	display:none;
	background: #202226;
}

.sidebar .nav_sidebar>li .subnav>li {
	background:url(../Images/subnav_line.png) 27px 0 repeat-y;
}

.sidebar .nav_sidebar>li .subnav>li>a {
	display:block;
	color:#bbb;
	padding:6px 0 6px 55px;
	background:url(../Images/subnav_dot.png) 24px center no-repeat;
}

.sidebar .nav_sidebar>li .subnav > li.isHidden {
	-moz-opacity: 0;
	-webkit-opacity: 0;
	filter: alpha(opacity=0);
	margin-left: -20px;
	opacity: 0;
	zoom: 1;
}

.sidebar .nav_sidebar>li .subnav > li.isShow {
	-moz-opacity: 1;
	-moz-transition-delay: 0;
	-o-transition-delay: 0;
	-webkit-opacity: 1;
	-webkit-transition-delay: 0;
	filter: alpha(opacity=100);
	margin-left: 0;
	opacity: 1;
	transition-delay: 0;
	zoom: 1;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.sidebar .nav_sidebar>li .subnav > li.isShow:nth-child(1) {
 -moz-transition-delay: 40ms;
 -webkit-transition-delay: 40ms;
 -o-transition-delay: 40ms;
 transition-delay: 40ms;
}
.sidebar .nav_sidebar>li .subnav > li.isShow:nth-child(2) {
 -moz-transition-delay: 80ms;
 -webkit-transition-delay: 80ms;
 -o-transition-delay: 80ms;
 transition-delay: 80ms;
}
.sidebar .nav_sidebar>li .subnav > li.isShow:nth-child(3) {
 -moz-transition-delay: 120ms;
 -webkit-transition-delay: 120ms;
 -o-transition-delay: 120ms;
 transition-delay: 120ms;
}
.sidebar .nav_sidebar>li .subnav > li.isShow:nth-child(4) {
 -moz-transition-delay: 160ms;
 -webkit-transition-delay: 160ms;
 -o-transition-delay: 160ms;
 transition-delay: 160ms;
}
.sidebar .nav_sidebar>li .subnav > li.isShow:nth-child(5) {
 -moz-transition-delay: 200ms;
 -webkit-transition-delay: 200ms;
 -o-transition-delay: 200ms;
 transition-delay: 200ms;
}
.sidebar .nav_sidebar>li .subnav > li.isShow:nth-child(6) {
 -moz-transition-delay: 240ms;
 -webkit-transition-delay: 240ms;
 -o-transition-delay: 240ms;
 transition-delay: 240ms;
}
.sidebar .nav_sidebar>li .subnav > li.isShow:nth-child(7) {
 -moz-transition-delay: 280ms;
 -webkit-transition-delay: 280ms;
 -o-transition-delay: 280ms;
 transition-delay: 280ms;
}
.sidebar .nav_sidebar>li .subnav > li.isShow:nth-child(8) {
 -moz-transition-delay: 320ms;
 -webkit-transition-delay: 320ms;
 -o-transition-delay: 320ms;
 transition-delay: 320ms;
}
.sidebar .nav_sidebar>li .subnav > li.isShow:nth-child(9) {
 -moz-transition-delay: 360ms;
 -webkit-transition-delay: 360ms;
 -o-transition-delay: 360ms;
 transition-delay: 360ms;
}
.sidebar .nav_sidebar>li .subnav > li.isShow:nth-child(10) {
 -moz-transition-delay: 400ms;
 -webkit-transition-delay: 400ms;
 -o-transition-delay: 400ms;
 transition-delay: 400ms;
}

.sidebar .nav_sidebar>li.active>a {
	background-color:#319DB5;
	color:#fff;
}

.sidebar .nav_sidebar>li.active>a .ico_16px {
	opacity:1;
	filter:alpha(opacity=100);
	-moz-opacity:1;
}

.sidebar .nav_sidebar>li.active>a .nav_arrow {
	background-position:-9px 0;
	opacity:.6;
	filter:alpha(opacity=60);
	-moz-opacity:.6;
}

.sidebar .nav_sidebar>li.active .subnav>li.active, .sidebar .nav_sidebar>li.active .subnav>li:hover {
	background-color:#15161A;
}

.sidebar .nav_sidebar>li .subnav>li.active>a {
	background-image:url(../Images/subnav_dot_active.png);
	color:#fff;
}

.topbar {
	position:fixed;
	top:0%;
	left:12.5%;
	right:0%;
	height:50px;
	background:#fff;
	box-shadow:0px 2px 8px rgba(0, 0, 0, 0.25);
	z-index:999;
}

.topbar .topbar_nav {
	position:absolute;
	top:0;
	right:0;
}

.topbar .topbar_nav li {
	float:left;
	cursor:pointer;
	margin-left:20px;
}

.topbar .topbar_nav li .user_face {
	width:36px;
	height:36px;
	margin-right:15px;
	border-radius:100%;
	-moz-border-radius:100%;
	-webkit-border-radius:100%;
	border:2px solid #fff;
}

.topbar .topbar_nav li .admin {
	line-height:50px;
}

.topbar .topbar_nav>li>a {
	display: block;
	width: 50px;
	height: 50px;
	overflow: hidden;
	background-color:transparent;
	transition:0.2s;
}

.topbar .topbar_nav>li>a .ico_24px {
	position:relative;
	margin: 13px 0 0 13px;
}

.topbar .topbar_nav>li>a .count_tip {
	position:absolute;
	top:-4px;
	right:-4px;
	display:block;
	width:16px;
	height:16px;
	line-height:16px;
	color:#fff;
	text-align:center;
	background:red;
	border-radius:100%;
	-moz-border-radius:100%;
	-webkit-border-radius:100%;
}

.topbar .topbar_nav>li>a:hover {
	background:#eee;
}

.main_container {
	position:absolute;
	top:50px;
	bottom:0;
	left: 12.5%;
	right:0%;
	overflow:auto;
}
.main_container>iframe{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width:100%;
	height:100%;
}

.page_container {
	padding:25px;
	overflow:hidden;
}

.page_container .page_head {
	overflow:hidden;
	margin-bottom:10px;
}

.page_container .page_head h3 {
	margin:0;
	padding:0;
	line-height:35px;
	font-size:16px;
	font-weight:600;
	float:left;
}

.page_container .page_head .breadcrumb {
	float:right;
	padding:7px 0;
	margin:0;
	font-family:宋体;
	color:#666;
}

.page_container .page_head .breadcrumb a {
	color:#319DB5;
}

.panel {
	margin:0;
	background:#fff;
	border-radius:0;
	box-shadow:0px 3px 12px 0px rgba(0, 0, 0, 0.15);
	overflow:hidden;
	font-size: 15px;
}

.table_operate {
	overflow:hidden;
	padding:5px 0;
	margin-bottom:10px;
}

.forminfo11 {
	font-size: 16px;
}
.table_operate .query_item {
	display:inline-block;
 *display:inline;
	zoom:1;
	margin-left:10px;
	margin-bottom:10px;
}

.table_operate .query_item select {
	padding:3px 5px;
}

.table_operate .btn {
	margin-left:10px;
	width: 72px;
    height: 28px;
}

.operatebtn_wrap {
	  margin: -30 -10 0 280;
}

.operateBtn {
	margin:10px 0;
}

.operateBtn .btn {
	margin-right:5px;
}
.p_massage{
	padding:10px;
	background-color:#D1EDE8;
}
.p_massage strong{
	color:red;
}

/*index*/
.mainindex{padding:20px; overflow:hidden;}
.welinfo{height:32px; line-height:32px; padding-bottom:8px;}
.welinfo span{float:left;}
.welinfo b{padding-left:8px;}
.welinfo a{padding-left:15px;color:#3186c8;}
.welinfo a:hover{color:#F60;}
.welinfo i{font-style:normal; padding-left:8px;}
.xline{border-bottom:solid 1px #dfe9ee; height:5px;}
.iconlist{padding-left:40px; overflow:hidden;}
.iconlist li{text-align:center; float:left; margin-right:25px; margin-top:25px;}
.iconlist li p{line-height:25px;}
.ibox{clear:both; padding-left:40px; padding-top:18px; overflow:hidden; padding-bottom:18px;}
.ibtn{background:url(../images/ibtnbg.png) repeat-x;border:solid 1px #bfcfe1; height:23px; line-height:23px; display:block; float:left; padding:0 15px; cursor:pointer;}
.ibtn img{margin-top:5px; float:left; padding-right:7px;}
.box{height:15px;}
.infolist{padding-left:40px; padding-bottom:15px;}
.infolist li{ line-height:23px; height:23px; margin-bottom:8px;}
.infolist li span{float:left; display:block; margin-right:10px;}
.uimakerinfo{padding-left:40px; background:url(../images/search.png) no-repeat 10px 15px; padding-top:15px; padding-bottom:20px;}
.umlist{padding-left:40px;}
.umlist li{float:left; background:url(../images/ulist.png) no-repeat 0 5px; padding-left:10px; margin-right:15px;}


.info {height: 35px;}
.paomadeng {float: right;  height: 25px; margin-top: 1px;margin-left: 10px;}
.loading_class{
  	 display:none;
  	background-color:rgba(0,0,0,0.2);
  	background-color: transparent;
  	position:absolute;
  	height:100%;
	width:100%;
	margin:0 auto;
	text-align:center;


}
.loading_img{
	margin:0 auto;
	height:60px;
	width:60px;
	margin-top:auto;
	margin-bottom:auto;
	top:0;
	bottom:0;
	position:absolute;
}
.page-input{
	height:30px;
	width:30px;
}