*{
	margin: 0px;
	padding: 0px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
}
a{
	text-decoration: none;
}
html{
	width: 100%;
	height: 100%;
	overflow-x:hidden;
	overflow-y:auto;
}
body{
	width: 100%;
	min-height: 100%;
}
/*layout_header */
.layout_header {width: 100%;height: 100px;background: #fff;box-sizing: border-box;padding: 0 20px;position:fixed;left:0;top:0;z-index:10;min-width:1400px;}
.layout_header .header_l {padding-left: 100px;height:100%;background: url('../images/logo.png') no-repeat center left;display: table;}
.layout_header .header_l_cell {display: table-cell;vertical-align: middle;}
.layout_header .header_l .p1 {font-size: 30px;color:#404040;line-height: 30px;}
.layout_header .header_l .p2 {font-size: 14px;color:#404040;line-height: 14px;margin-top: 10px;}
.layout_header .header_r {float: right;display: table;margin-top:30px;}
.layout_header .header_r_cell {display: table-cell;vertical-align: middle;}
.layout_header .header_r_login {display: block;width: 72px;height: 28px;line-height: 28px;border:1px solid #e7e7e7;text-align: center;}
.layout_header .header_r_login i {display: inline-block;width: 11px;height: 28px;background: url('../images/icon6.png') no-repeat center;vertical-align: top;margin-right:5px;}
.layout_header .layout_map{left:180px;bottom:-48px;position:absolute;height: 48px;width: 100%;background: #e7e7e7;}
.layout_header .layout_map .a1 {display: block;vertical-align: top;width: 45px;height: 100%;background: url('../images/icon8.png') no-repeat center;position: relative;float:left;cursor:pointer;}
.layout_map .left_open{display: block;vertical-align: top;width: 45px;height: 100%;background: url('../images/icon8.png') no-repeat center;position: relative;float:left;cursor:pointer;}
.layout_header .layout_map .a1:after {content:'';display: block;position: absolute;top: 50%;right: 0;width:1px;height: 16px;margin-top:-8px;background: #d4d4d4;}
.layout_header .layout_map .a2 {display: block;vertical-align: top;width: 45px;height: 100%;background: url('../images/icon9.png') no-repeat center;float:left;}
.layout_header .layout_map ul{float:left;overflow:hidden;}
.layout_header .layout_map a{font-size:12px;color:#404040;line-height: 48px;margin-right:15px;position:relative;}
.layout_header .layout_map a:after{content:'>';display: block;position:absolute;height:16px;right:-15px;top:0;line-height:16px;}
.layout_header .layout_map a:last-child:after{display:none;}
.layout_header .layout_header_r {float: right;display: table;margin-top:30px;}
.layout_header .layout_header_r_cell {display: table-cell;vertical-align: middle;}
.layout_header .layout_header_r_login {display: block;width: 72px;height: 28px;line-height: 28px;border:1px solid #e7e7e7;text-align: center;}
.layout_header .layout_header_r_login i {display: inline-block;width: 11px;height: 28px;background: url('../images/icon6.png') no-repeat center;vertical-align: top;margin-right:5px;}
.layout_header  .danwei{font-size:24px;color:#5F5F5F;line-height:38px;line-height:38px;padding:0 20px;border-left:1px solid #eee;float:left;margin-left:20px;margin:20px 0 20px 20px;}
.layout_header  .danwei .content span{font-size: 24px;}
.layout_header  .danwei em{padding:5px 10px;}
.layout_header  .loginin{float:right;line-height:38px;line-height:38px;margin: 20px 0 0 20px;}
.layout_header  .loginin a{margin-left:5px;}
.layout_header  .loginin a font{color:red;}


.layout_left{width:50px;overflow-y:50px;}
.layout_left a{overflow:hidden;transition:all .3s ease;-webkit-transition:all .3s ease;}
.layout_header .layout_map{left:180px;}
.layout_body{margin:165px 15px 15px 65px;transition:all .3s ease;-webkit-transition:all .3s ease;}

/*layout_left*/
.layout_left{width: 180px;height: 100%;background: #2e2b36;overflow: hidden;position:fixed;left:0;top:100px;transition:all .3s ease;-webkit-transition:all .3s ease;z-index:10;}
.layout_left .head{display: block;font-size:12px;color:#ffffff;line-height: 48px;background:#1E1C23;}
.layout_left .head.on{background:#CD3942;}
.layout_left .head i {display:block;width: 50px;height: 48px;background: url('../images/icon7.png') no-repeat center;vertical-align: top;float:left;}
.layout_left .head span{display:block;margin-left:50px;height:100%;line-height:48px;height:48px;overflow:hidden;}
.layout_left .li{display: block;font-size:12px;color:#ffffff;line-height: 48px;}
.layout_left .li .sub-menu{background:#404044;}
.layout_left  .li i.icon {display:block;width: 50px;height: 48px;background: url('../images/icon7.png') no-repeat center;vertical-align: top;float:left;}
.layout_left .li span{display:block;margin-left:50px;height:100%;line-height:48px;height:48px;overflow:hidden;position:relative;width:130px;}
.layout_left .li .sub-menu a{display:block;padding-left:50px;height:100%;line-height:48px;height:48px;overflow:hidden;position:relative;width:130px;}
.layout_left .li i.icon2{width:12px;height:7px;display:block;position:absolute;right:15px;top:50%;margin-top:-3.5px;line-height:12px;font-size:12px;transition:all .3s ease;-webkit-transition:all .3s ease;
}
.layout_left .li .libox{overflow:hidden;height:48px;overflow:hidden;background:#333;cursor:pointer;}
.layout_left .li .son{display:none;}
.layout_left .head  a{overflow:hidden;height:48px;overflow:hidden;background:#404044;display:block;margin-bottom:2px;color:#fff;}
.sub-menu li a{font-size: 12px;}
.layout_left .li.on .sonli.on{background:#CD3942;}
.sub-menu .sonli.on{background:#CD3942;}
.layout_left .li .sonli:hover{background:#CD3942;}
.layout_left .li.on .son{display:block;}
.layout_left .li.on i.icon2{transform:rotate(180deg);-ms-transform:rotate(180deg); 	/* IE 9 */-moz-transform:rotate(180deg); 	/* Firefox */-webkit-transform:rotate(180deg); /* Safari 和 Chrome */-o-transform:rotate(180deg); 	/* Opera */}


.login-bg{
	/*background: #eeeeee url() 0 0 no-repeat;*/
	background:url(../images/bg.png) no-repeat center;
	background-size: cover;
	overflow: hidden;
}
.login{
	margin: 120px auto 0 auto;
	min-height: 420px;
	max-width: 420px;
	padding: 40px;
	background-color: #ffffff;
	margin-left: auto;
	margin-right: auto;
	border-radius: 4px;
	/* overflow-x: hidden; */
	box-sizing: border-box;
}
.login a.logo{
	display: block;
	height: 58px;
	width: 167px;
	margin: 0 auto 30px auto;
	background-size: 167px 42px;
}
.login .message {
	margin: 10px 0 0 -58px;
	padding: 18px 10px 18px 60px;
	background: #189F92;
	position: relative;
	color: #fff;
	font-size: 16px;
}
.login #darkbannerwrap {
	background: url(../images/aiwrap.png);
	width: 18px;
	height: 10px;
	margin: 0 0 20px -58px;
	position: relative;
}

.login input[type=text],
.login input[type=file],
.login input[type=password],
.login input[type=email], select {
	border: 1px solid #DCDEE0;
	vertical-align: middle;
	border-radius: 3px;
	height: 50px;
	padding: 0px 16px;
	font-size: 14px;
	color: #555555;
	outline:none;
	width:100%;
	box-sizing: border-box;
}
.login input[type=text]:focus,
.login input[type=file]:focus,
.login input[type=password]:focus,
.login input[type=email]:focus, select:focus {
	border: 1px solid #27A9E3;
}
.login input[type=submit],
.login input[type=button]{
	display: inline-block;
	vertical-align: middle;
	padding: 12px 24px;
	margin: 0px;
	font-size: 18px;
	line-height: 24px;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	color: #ffffff;
	background-color: #189F92;
	border-radius: 3px;
	border: none;
	-webkit-appearance: none;
	outline:none;
	width:100%;
}
.login hr {
	background: #fff url() 0 0 no-repeat;
}
.login hr.hr15 {
	height: 15px;
	border: none;
	margin: 0px;
	padding: 0px;
	width: 100%;
}
.login hr.hr20 {
	height: 20px;
	border: none;
	margin: 0px;
	padding: 0px;
	width: 100%;
}
.x-body{
	padding: 20px;
}
.x-nav{
	padding: 0 20px;
	position: relative;
	z-index: 99;
	border-bottom: 1px solid #e5e5e5;
	line-height: 39px;
	height: 39px;
	overflow: hidden;
}
xblock{
	display: block;
	margin-bottom: 10px;
	padding: 5px;
	line-height: 22px;
	/* border-left: 5px solid #009688; */
	border-radius: 0 2px 2px 0;
	background-color: #f2f2f2;
}
.x-right{
	float: right;
}
.x-so{
	text-align: center;
	margin-bottom: 20px;
}
.x-so input.layui-input{
	width: 190px;
}
.x-so .layui-form-label{
	display: inline-block;
}
.x-so input.layui-input,.x-so input.layui-btn{
	display: inline-block;
}
.x-red{
	color: red;
}
.page{
	margin-top: 20px;
	text-align: center;

}
.page a{
	display: inline-block;
	background: #fff url() 0 0 no-repeat;
	color: #888;
	padding: 10px;
	min-width: 15px;
	border: 1px solid #E2E2E2;

}
.page span{
	display: inline-block;
	padding: 10px;
	min-width: 15px;
	border: 1px solid #E2E2E2;
}
.page span.current{
	display: inline-block;
	background: #009688 url() 0 0 no-repeat;
	color: #fff;
	padding: 10px;
	min-width: 15px;
	border: 1px solid #009688;
}
.page .pagination li{
	display: inline-block;
	margin-right: 5px;
	text-align: center;
}
.page .pagination li.active span{
	background: #009688 url() 0 0 no-repeat;
	color: #fff;
	border: 1px solid #009688;

}

/*登录样式*/
/*头部*/
.container{
	width: 100%;
	height: 45px;
	background-color: #222;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.container .logo a{
	float: left;
	color: #fff;
	font-size: 18px;
	padding-left: 20px;
	line-height: 45px;
	width: 200px;
}
.container .right{
	background-color:rgba(0,0,0,0);
	float: right;

}
.container .left_open{
	height: 45px;
	float: left;
}
.container .left_open i{
	display: block;
	background: rgba(255,255,255,0.1) url() 0 0 no-repeat;
	color: #fff;
	width: 32px;
	height: 32px;
	line-height: 32px;
	border-radius: 3px;
	text-align: center;
	margin-top: 7px;
	cursor: pointer;
}
.container .left_open i:hover{
	background: rgba(255,255,255,0.3) url() 0 0 no-repeat;
}

.container .left{
	background-color:rgba(0,0,0,0);
	float: left;

}
.container .layui-nav-item{
	line-height: 45px;
}
.container .layui-nav-more{
	top: 20px;
}
.container .layui-nav-child{
	top: 50px;
}
.container .layui-nav-child i{
	margin-right: 10px;
}
.layui-nav .layui-nav-item a{
	color: #fff;
}
.layui-nav .layui-nav-child a{
	color: #333;
}
.left-nav{
	position: fixed;
	top: 90px;
	bottom: 42px;
	left: 0;
	z-index: 2;
	padding-top: 10px;
	width: 180px;
	max-width: 180px;
	overflow: auto;
	overflow-x:hidden;
	border-right: 1px solid #e5e5e5;

	/*width: 0px;*/
}

.left-nav #nav li:hover > a{
	/*color: blue;*/
}
.left-nav #nav .current{
	background-color: rgba(0, 0, 0, 0.3);
}

.left-nav #nav li a cite{
	font-size: 12px;
}

.left-nav #nav li .sub-menu{
	display: none;
}
.left-nav #nav li .opened{
	display: block;
}
.left-nav #nav li .opened:hover{
	/*background: #fff url() 0 0 no-repeat;*/
}
.left-nav #nav li .opened .current{

}
.left-nav #nav li .sub-menu li:hover{
	/*color: blue;*/
	/*background: #fff url() 0 0 no-repeat;*/
}
.left-nav #nav li .sub-menu li .sub-menu li a{
	padding-left: 45px;
}
/*.left-nav #nav li .sub-menu li a:hover{*/
	/*color: #148cf1;*/
/*}*/
.left-nav #nav li .sub-menu li a i{
	font-size: 12px;
}
.left-nav #nav li a i{
	padding-right: 10px;
	line-height: 14px;
}
.left-nav #nav li .nav_right{
	float: right;
	font-size: 16px;
}
.x-slide_left {
	width: 17px;
	height: 61px;
	background: url(../images/icon.png) 0 0 no-repeat;
	position: absolute;
	top: 200px;
	left: 221px;
	cursor: pointer;
	z-index: 3;
}
.page-content{
	position: absolute;
	top: 148px;
	right: 0;
	bottom: 42px;
	left: 181px;
	overflow: hidden;
	z-index: 1;
}
.page-content-bg{
	position: absolute;
	top: 46px;
	right: 0;
	bottom: 42px;
	left: 221px;
	background: rgba(0,0,0,0.5); url() 0 0 no-repeat;
	overflow: hidden;
	z-index: 100;
	display: none;
}

.page-content .tab{
	height: 100%;
	width: 100%;
	background: #EFEEF0 url() 0 0 no-repeat;
	margin: 0px;
}
.page-content .layui-tab-title{
	/*padding-top: 5px;*/
	height: 35px;
	background: #EFEEF0 url() 0 0 no-repeat;
	position: relative;
	z-index: 100;
}
.page-content .layui-tab-title li{
	line-height: 35px;
}
.page-content .layui-tab-title .layui-this:after{
	height: 36px;
}
.page-content .layui-tab-title li .layui-tab-close{
	border-radius: 50%;
}
.page-content .layui-tab-title .layui-this{
	background: #fff url() 0 0 no-repeat;
}
.page-content .layui-tab-bar{
	height:34px;
	line-height: 35px;
}
.page-content .layui-tab-content{
	position: absolute;
	top: 36px;
	bottom: 0px;
	width: 100%;
	background: #fff url() 0 0 no-repeat;
	padding: 0px;
	overflow: hidden;
}
.page-content .layui-tab-content .layui-tab-item{
	width: 100%;
	height: 100%;

}
.page-content .layui-tab-content .layui-tab-item iframe{
	width: 100%;
	height: 100%;

}

.welcome-footer{padding: 30px 0; line-height: 30px; text-align: center; background-color: #eee; color: #666; font-weight: 300;}
body .layui-layout-admin .footer-demo{height: auto; padding: 15px 0; line-height: 26px;}
.welcome-footer a{padding: 0 5px;}

table th, table td {
	word-break: break-all;
}

.footer{
	position: fixed;
	bottom: 0px;
	width: 100%;
	background-color: #222;
	border-top: 1px solid rgba(255, 255, 255, 0.2);
	line-height: 41px;
	color: #fff;
	/*padding-left: 10px;*/
}
.footer .copyright{
	margin-left: 10px;
}


@media screen and (max-width: 768px){
	.fast-add{
		display: none;
	}
	.layui-nav .to-index{
		display: none;
	}
	.container .logo a{
		width: 140px;
	}
	.container .left_open {
		/*float: right;*/
	}
	.left-nav{
		left: -221px;
	}
	.page-content{
		left: 0px;
	}
	.page-content .layui-tab-content .layui-tab-item{
		-webkit-overflow-scrolling: touch;
		overflow-y: scroll;
	}
	.x-so input.layui-input{
		width: 100%;
		margin: 10px;
	}
}