@charset "utf-8";
*{
	box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;
}
html, body{
	height: 100%;
}
body{
	font-size: 12px;background: #e2e2e2;position: relative;
}

/*登录界面*/
.login{
	background: rgb(9, 18, 43);position: absolute;top: 0;left: 0;bottom: 0;right: 0;
}
.login-form{
	width:320px;margin: 200px auto 0;
}
.login-form h2{
	font-size: 28px;text-align: center;font-weight: 300;margin-bottom: 30px;color: #ff6600;
}
.login-form .vercode{
	position: absolute;top: 1px;right: 1px;width: 120px;height: 36px;
}

/*顶部导航*/
.header{
	width: 100%;height: 50px;line-height: 50px;background: #2F4056;color: #fff;position: fixed;top: 0;left: 0;z-index: 1000;overflow: hidden;
}
.header .logo{
	width: 220px;height:50px;text-align: center;font-size: 14px;font-weight: bold;position: absolute;left: 0;top: 0;
}
.header .nav{
	height: 50px;position: absolute;top: 0;right: 0;padding: 0 15px;
}
.header .nav li{
	display: inline-block;padding: 0 10px;height: 50px;
}
.header .nav li a{
	display: block;height: 50px;color: #FFB800;
}
.header .nav li a:hover{
	border-bottom: 4px solid #FFB800;
}

/*左侧菜单*/
.sider{
	width: 220px;overflow: hidden;position: fixed;top: 50px;left: 0;bottom: 0;padding: 10px 5px;
}
.menu{
	background: #fff;padding: 10px 5px 0 5px;border: 1px solid #d9d9d9;border-radius: 2px;
}
.menu-list{
	padding-top: 5px;
}
.menu-list li{
	height: 40px;line-height: 40px;border-bottom: 1px solid #e9e9e9;position: relative;padding: 0 10px;
}
.menu-list li:last-child{
	border-bottom: 0;
}
.menu-list li a{
	display: inline-block;color: #000;cursor: pointer;
}
.menu-list li a:hover{
	color: #009688;
}
.menu-list .li-title{
	position: absolute;top: 0;left: 10px;right: 30px;
}
.menu-list .li-icon{
	position: absolute;top: 0;right: 10px;color: #FFB800;font-size: 15px;
}



/*主体内容*/
.main{
	position: fixed;top: 50px;left: 220px;right: 0;bottom: 0;overflow: hidden;
}
.iframe{
	width: 100%;height:100%;position: absolute;top: 0;left: 0;right: 0;bottom: 0;padding: 11px 0;border: 0;
}

/*修改密码*/
.changePassword{
	width: 420px;padding: 30px 40px;
}
/*排序框*/
.sort-input{
	width: 70px;height: 28px;border-radius: 2px;border: 1px solid #ccc;padding: 0 4px;padding: 0 10px;
}

/*百度富文本编辑器*/
.edui-default .edui-editor{
	border: 1px solid #e6e6e6!important;width: 100%!important;
}

/*上传图片*/
.layui-upload-img{
	float: left;height: 38px;margin: 0 10px!important;background: #000;
}


/*修改layui.css*/
.layui-table{
	width: auto;
}
.layui-collapse{
	border: 0;
}
.layui-colla-item{
	border: 0;margin-bottom: 8px;
}
.layui-colla-content{
	border: 0;padding: 0 10px;
}
.layui-colla-title{
	height: 32px;line-height:32px;background: #e9e9e9;text-align: center;color: #01AAED;border: 1px solid #d9d9d9;border-radius: 2px;font-weight: 700;font-size: 12px;
}
.layui-card-header{
	/*font-weight: 700;font-size: 12px;*/
	height: 50px;
	line-height: 50px;
	font-size: 16px;
}
.layui-card-header a{
	/*color: #009688;*/
}
.layui-table td, .layui-table th{
	font-size: 12px;text-align: center;
}
.layui-form-switch{
	height: 28px;line-height: 28px;padding: 0 8px;margin-top: 0;border-radius: 12px;
}
.layui-form-switch em{
	margin-right: 5px;
}
.layui-form-onswitch em{
	margin-right: 21px;
}
.layui-form-switch i{
	top: 5px;
}
.layui-form-select dl{
	z-index: 1000;
}
.layui-form-pane .layui-form-label{
	width: 150px;
	padding: 8px 5px;
}
.layui-form-pane .layui-input-block{
	margin-left: 150px;
}
.layui-form-pane .layui-form-text .layui-textarea{
	min-height: 150px;
}



/*分页*/
.pagination{
	font-size: 0;text-align: center;margin-top: 2rem;
}
.pagination li{
	display: inline-block;font-size: 14px;border: 1px solid #009688;border-right: 0;width: 50px;height: 35px;line-height: 35px;overflow: hidden;
}
.pagination li:last-child{
	border-right: 1px solid #009688;
}
.pagination .disabled{
	color: #ccc;
}
.pagination .active{
	background: #009688;color: #fff;
}
.pagination li a{
	display: block;
}



.formWidth5{
	width: 500px;
}


/*CheckBox:CSS*/
.checkboxLabel{
    background-color: white;
    border-radius: 2px;
    border:1px solid #999;
    width:16px;
    height:16px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    line-height: 16px;
}
input[type="checkbox"]:checked + label{
    background-color: #eee;
}
input[type="checkbox"]:checked + label:after{
    content:"\2714";
}
input[type="checkbox"]{
	display: none;
}