@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b,u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, tr, th, td ,button{margin: 0px; padding: 0px; border: 0px none; }
html,body{width: 100%; height: 100%;position: relative; /*min-width:1280px; */ min-height: 605px; color: #333; /*overflow-x: hidden;*/ font-family: "微软雅黑"; }
ol,ul,li{list-style:none;}
a{text-decoration: none;}
a:hover{text-decoration: underline;}

/*普通标题*/
h1,h2,h3,h4,h5,h6,i,b{ font-weight: normal; font-style: normal;}
h1{font-size: 14px; line-height: 30px;}
h1 span{font-weight: normal; font-size: 12px; color: #999}
h2{font-size: 14px; line-height: 30px; font-weight: normal;}

/*body{background-image: url(../images/bg.jpg); background-size:cover;}*/
/********************header***********************/
.header{width: 100%; height: 70px; color: #fff; background: url(../images/top_bg.png) repeat-x; position:absolute; top: 0; left: 0;}
.header .logo{width: 528px; height: 70px; float: left;}
.header .link_box{float: left;line-height: 70px; padding-left: 15px; color: #fff;}
.header .top_user {float: right; line-height: 70px; font-size: 12px; }
.header .top_user li{float: left; margin-right: 12px;color: #fff;}
.header .top_user li i{ display: block; width: 22px; height: 24px; background: url(../images/top_icon.png);float: left; margin-top: 20px; margin-right: 5px;}
.header .top_user li i.i1{background-position: 22px 1px;}
.header .top_user li i.i2{background-position: 0px 1px;}
.header .top_user li i.i3{background-position: -22px 1px;}
.header .top_user li a{float: left; color: #fff; }
/********************header end***********************/

.main_content{
	width: 100%;
	position:absolute; 
	top: 85px; 
	left: 0;
	bottom:65px
}
/******************left_content******************/
.left_content{width: 225px; height: 100%; border: 1px solid #3f80e2; position: absolute; top: 0; left: 10px; bottom: 0;overflow: hidden; color: #fff;}
.left_content h2{font-size: 18px; height: 50px; line-height: 50px; padding-left: 12px;}
.left_content .data_box{position: relative; overflow: hidden;margin: 20px 0;}
.left_content ul {position: absolute; top: 0px; left: 0px;  }
.left_content ul li{list-style: none; height: 65px; margin-bottom: 25px;}
.left_content ul li:last-child{margin-bottom: 0px!important;}
.left_content ul li dt{ width:63px; height: 63px; background: url(../images/left_icon_bg.png); text-align: center; float: left; margin-left: 5px; margin-right: 15px; }
.left_content ul li dt img{ margin-top: 10px;}
.left_content ul li dd{float: left; color: #add9fc; margin-top: 5px;}
.left_content ul li dd span{color: #fff; font-size: 24px;}
.left_content span.jt{position: absolute;left: 50%; margin-left: -11px; width: 22px; height: 10px; display: none; color: #fff; z-index: 2; background: url(../images/jt.png);}
.left_content span.up{top: 50px; }
.left_content span.down{bottom: 10px; background-position: 0 10px; }
/******************left_content end******************/

/****************middle_content****************/
.middle_content{height: 100%; border: 1px solid #3f80e2;position: absolute; top: 0; left: 275px; right: 275px; bottom: 0;}
/****************middle_content end************/

/****************right_content****************/
.right_content{width: 225px; height: 100%; border: 1px solid #3f80e2;position: absolute; top: 0; right: 10px; bottom: 0;overflow: hidden; color: #fff; }
.right_content h2{font-size: 18px; height: 50px; line-height: 50px; padding-left: 12px;}
.entrance{width: 158px; height: 500px; margin: 5px auto; /*background: url(../images/right_bg.png) center center no-repeat;*/}
.right_content .bg_line{ width: 8px; height: 500px; position: absolute; top:55px; left:50%; margin-left:-4px; background: #3F80E2;}
.entrance li { height: 56px; margin-bottom: 100px; position: relative;}
.entrance li:last-child{margin-bottom: 0!important;}
.entrance li dl{overflow: hidden; width: 100%; position: absolute; left: 24px;}
.entrance li dt {width: 54px; height: 56px; float: left; margin:0 12px;}
.entrance li dd {float: left;}
.entrance li p{text-align: left;} 
.entrance li dt{background-image: url(../images/r1_bg.png); }

/****************right_content end************/

/**********************menu_box**********************/
.menu_box{width: 215px; height: 100%; position: absolute; top:0; bottom: 0; left: -215px; z-index: 2; background: url(../images/menu_bg.png); color: #fff;}
.menu_box .menu_switch{width: 18px; height: 48px; display: block; position: absolute; left:215px ; top:50%; margin-top: -24px; background: url(../images/menu_jt.png);}
.menu_box .menu_switch.on{ background-position: 0 48px;}

.menu_box span.jt{position: absolute;left: 50%; margin-left: -11px; width: 22px; height: 10px; display: none; color: #fff; z-index: 2; background: url(../images/jt.png);}
.menu_box span.up{top: 180px; }
.menu_box span.down{bottom: 10px; background-position: 0 10px; }

.menu_box .menu_logo{ padding-top: 35px; text-align: center;}
.menu_box .menu_logo p{ font-size: 18px; width: 145px; margin: 0 auto; line-height: 30px; color: #fff;}
.menu_ul_box{overflow: hidden; position: relative; margin-top: 15px;}
.menu_ul {position: absolute; top: 0px; left: 0px; width: 100%; }
.menu_ul li{ height: 53px; line-height: 53px; margin-bottom: 22px; cursor: pointer;}
.menu_ul li:last-child{margin-bottom: 0;}
.menu_ul li:hover {background: #fff; color: #256fdf;}
.menu_ul li dt{float: left;width: 35px; height: 35px; background: url(../images/menu_icon_bg.png); margin: 10px 7px 0px 7px;}
.menu_ul li:hover dt{background-position: -35px 0;}
.menu_ul li:hover dd{ color: #256fdf;}
.menu_ul li dt span{display: block; width: 35px; height: 35px;}
.menu_ul li dd{width: 150px; float: left;background: url(../images/menu_line.png) bottom no-repeat; padding-left: 5px; font-size: 16px;color: #fff;}

/**********************menu_box end******************/
.footer{ width: 100%; height: 50px; font-size: 14px; text-align: center; color: #fff; line-height: 50px; position:absolute; bottom: 0; left: 0;}

/*dialog alertInput css*/
.dialog {color: #333;}
.dialog .s1{ font-weight: bold; margin-right: 5px;}
/*dialog alertInput css  end*/

@media screen and (max-width: 1280px) {
    .header{background: #ff0;}
}
@media screen and (max-width: 900px) {
    .header{background: #000;}
}
.topbanner-1 {
    width: 100%;
    height: 112px;
    background: url(../img/top-2.jpg);
    float: left;
    display: block;
}
.topbanner-2 {
    width: 100%;
    height: 112px;
    background: url(../img/index.png) left top no-repeat;
    float: left;
    border-bottom: 1px solid #ffffff;
}
.topbanner-3 {
    width: 100%;
    height: 112px;
    background: url(../img/top-3.jpg) right top no-repeat;
    float: left;
}
.z5 {
    font-size: 14px;
    color: #ffffff;
}
.z5 A {
    font-size: 12px;
    color: #ffffff;
}
.topnav{
	    width: 100%;
    height: 34px;
    background: url(../img/navbg.jpg);
    float: left;
   /* padding: 0px 5px;*/
}
.fixed{
	position: fixed;
	width:100%;
	z-index: 9999;
}
.layui-input,.layui-select,.layui-textarea{
    border-color: #e5e5e5 !important;
}
.main_content .layui-nav{
	background-color:#f47e18 !important;
}
/*.layui-nav .layui-nav-item a{
	color:#333;
}
.layui-nav-tree .layui-nav-child a{
	color:#333;
}*/
.layui-nav-child{
	background-color:#f6ca7ad4 !important;
}
.form-wrapper{
	width:99%;
	border:1px solid #cbcbcb;
	margin-top: 10px;
}
.table-wrapper{
	width:99%;
	border:1px solid #cbcbcb;
/* 	margin-top:30px; */
}
.form-wrapper-title{
	height:36px;
	line-height:36px !important;
	padding-left:10px;
	background-color:#7da9fd
}
.form-wrapper-title .caption{
	line-height:36px !important;
}
.table-wrapper-title{
	height:36px;
	line-height: 36px !important;
	padding-left:10px;
	background-color:#7da9fd;
}
.table-wrapper-title .caption{
	line-height: 36px !important;
}
.table-wrapper-title .caption ul{
	float: right;
}
.table-wrapper-title .caption ul li{
	float: left;
}
.table-wrapper-title .caption button{
	background:#e18528;
	margin-right: 10px;
}
.table-wrapper-title .caption button:hover{
	background:#dc7710;
}
.span-font{
	color: #FFF;
	font-size: 16px;
}
.tab-wrapper-title .span-font{
	display: inline-block;
	height: 30px;
	line-height: 30px;
	padding: 0 8px;
	cursor: pointer;
}
.span-font.active{
	background: #fff;
	color: #f9ae3e;
}
.wrapper-button{
	/* height:30px; */ 
	padding-bottom:0;
	/* padding-top:30px; */
}
/* .form-wrapper-title .caption{
	padding-top:10px ;} */
.lable-font{
	font-family: "微软雅黑", "宋体";
	font-size: 20px;
}
.data-left{
	text-align:right;
}
.data-right{
	padding:5px 0px 0px 10px;
	text-align:left;
}
.layui-body .layui-form-label span.required{
	color:#f00;
}
table.dataTable{
	    width: 100%;
}

table.dataTable tbody td{
	position: relative;
}

table.dataTable tbody td .showVal{
	min-width: 150px;
	padding: 10px;
	text-align: left;
	border: 1px solid #f9ae3e;
	background: #f9f4dc;
	color: #333;
	position: absolute;
	left: 100px;
	top:0px;
	z-index: 2;
	display: none;
}
table.dataTable tbody td .showVal:before {
  content:"";
  position: absolute;
  right: 100%;
  top: 12px;
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-right: 10px solid #f9ae3e;
  border-bottom: 8px solid transparent;
}
/*用户角色列表*/
.userManage thead tr th{width:500px;border:solid 1px #f9ae3e;border-width:1px 0px 0px 1px;}
.userManage tbody tr td{border:solid #f9ae3e; border-width:0px 1px 1px 0px; padding:10px 0px;}