*{margin: 0px;padding: 0px;}
body{box-sizing: border-box;width: 100%;height: 100%;overflow:hidden ;background-color: #e8ecf0;}


/*==================主题风格====================*/
.layui-btn{height: 32px;line-height: 30px;}
/*.layui-btn-normal{background-color: #eaf6ff;}
.layui-btn-normal:hover{background-color: #d2ecfd;}
.layui-btn-danger{background-color:#ff3939;}
.layui-btn-danger:hover{background-color:#ffeaea;}*/


/*==================登录界面====================*/
.layui-fluid{
	padding: 0px;
	background-color: #FFFFFF;
}
/*左侧静态图*/
.login_left{
	position: fixed;
	min-height: 855px;
	height: 100%;
	width: 100%;
	background: linear-gradient(to right bottom,#129FEA,#1BC5E0);
}
.login_left img{
	position: absolute;
	z-index: 1;
	top: 8%;
	left: 15%;
	/*background-repeat:no-repeat ;
	background-attachment:fixed ;
	transform: translate(40%,50%);*/
}
/*轮播*/
/*.layui-carousel{min-height: 920px;}
.layui-carousel>[carousel-item]>*{
	background: linear-gradient(to right bottom,#129FEA,#1BC5E0);
}
.layui-carousel img{
	background-repeat:no-repeat ;
	background-attachment:fixed ;	
	transform: translate(45%,50%);
}*/
/*版本切换*/
/*.change_version{
	float: left;
	height: 50px;
	top: 6%;
	width: 100%;
	text-align: center;
	position: absolute;
	z-index: 1;
}
.change_version>.layui-btn-primary{
	border: none;
	background-color:transparent;
	color: #FFFFFF;
	font-size: 18px;
	margin-left: 50px;
}
.change_version>.layui-btn-primary:hover{
	background-color: #FFFFFF;
	color: #129FEA;
	opacity: 1;
}*/
/*版本信息*/
.version_info{
	color: #FFFFFF;
	float: left;
	position: fixed;
	z-index: 1;
	bottom:5%;
	left: 20%;
	text-align: center;
}
.version_info>a:hover{
	color: #0078E7;
}
/*登陆-右*/
.login_right{
	position: fixed;
	right: 0;
	width: 650px;
	min-height: 855px;
	height: 100%;
	/* background-color: #FFFFFF; */
}
.login_area>.version_info{color: #222222;}

.login_right>h3{
	display: block;
	padding-top:80px;
	margin-left:105px;
}
.login_right>img{margin:85px 0px 0px 105px;}
/*登录表单*/
.login_area{
	margin-top:20px;
	margin-left:38px;
	height: 280px;
	width: 350px;
}
.login_area2{
	/* height: 375px;415 */
	height: 455px;
	width: 430px;
	background-color: #FFFFFF;
	border-radius: 5px;
	/* margin-top:305px; */
	margin-top:260px;
}
.login_area2 h3{
	font-size: 28px;
    font-weight: 500;
    color: #333230;
    padding-top: 20px;
    margin-left: 90px;
    
}
.login_area .layui-tab-content{padding: 0px;}	
.login_area .layui-tab{width: 350px;margin: 0px;}
.login_area .layui-tab ul li{width: 175px;padding:0px;font-size: 16px;}
.login_area .layui-tab-title .layui-this:after{border-width:0px;}
.login_area .layui-tab-title .layui-this{
	border-bottom:solid 2px #1798ea ;
	color:#1798ea;
}
.login_area .layui-tab-bar{display: none;}
.login_area .layui-form-pane{width: 350px;}
.login_area .layui-form-item{
	margin:30px 0px 0px 0px;
	width: 350px;
	border: 1px solid #cccccc;
	border-radius: 3px;
}
.login_area .layui-form-pane .layui-input{height: 42px;border: none;}
.login_area .layui-form-pane .layui-form-label{width: 53px;}
.login_area .layui-form-pane .layui-form-label img{margin: -5px;}
.login_area .layui-form-pane .layui-input-block{width: 299px;margin-left: 52px;}
.login_area .layui-form-pane .layui-form-item[pane] .layui-input-inline{
	margin:0px 0px 0px 52px;
	width: 198px;
}
/*验证码*/
#processImg{
	display: block;
	float: right;
	height: 42px;
	width: 100px;
	margin: 0px;
}
/*登录按钮*/
.login_btn,.dog_login{	
	width: 350px;
	height: 42px;
	font-size: 18px;
	background: -webkit-linear-gradient(#1FA2F2, #127EEB);
}
.login_btn{
	/* margin-top:25px; */
	margin-top:15px;
	background-color: #008ff4;
	border-radius: 3px;
}
.dog_login{
	margin-top: 15px;
	background-color: #eaf6fe;
	border:1px solid #b0dcff;
	color: #008aeb;
}
.dog_login:hover{
	background-color: #008aeb;
	color: #FFFFFF;
}
/*自动登录*/
.login_assist{margin-top: 10px;}
/*.auto_land{
	display: inline-block;
	color: #666666;
}
.auto_land:hover{color: #008FF4;}
.auto_land input{
	width: 16px;
	height: 16px;
	margin-right: 3px;
	vertical-align: middle;
}*/
/*忘记密码*/
.forget_password{
	color: #999999;
	display: inline-block;
	height: 20px;
	float: right;
	text-align: right;
}
.forget_password:hover{color: #0078E7;}
/*版本信息*/
.version_info2{
	font-size: 12px;
	color: #666666;
	text-align: center;
	position: fixed;
	bottom: 5%;
}
/*=============主页头部==============*/
/*顶部系统控制栏*/
.top-header{
	position: fixed;
	z-index: 99;
	top: 0;
	height: 30px;
	width: 100%;
	/* background: linear-gradient(to right,rgba(178, 221, 242, 1),rgba(105, 176, 225, 1)); */
	background: linear-gradient(to bottom,#67b0f9,#227be3);/* background:url(../img/banner1.jpg) no-repeat left top;  */
}
.top-header p{
	color: #FFFFFF;
	font-family: sans-serif;
	/* padding-left: 20px; */
	display: inline-block;
	line-height: 30px;
	margin-right: 10px;
}
.header-right{
	display: inline-block;
	float: right;
	line-height: 30px;
	padding-right:20px ;
}
.header-right a{
	display: inline-block;
	float: right;
	padding: 0px 10px;
	width: 60px;
	text-align: center;
	color: #FFFFFF;
	border-left:1px solid #B3B3B3;
}
#quit_login{padding-left: 20px;}

/*===============nav导航栏==============*/
#top_navbar{
	position: fixed;
	z-index: 99;
	top:30px;
	width: 100%;
	line-height: 70px;
	background-color: #EAF7FF;
	box-shadow: 0px 1px 4px 0 rgba(93, 102, 140, 0.25), inset 0px -2px 0 0 #00a5f7;
}
.logo{
	color: #2A7DD1;
	font-family: sans-serif;
	font-size: 22px;
	padding-left:20px ;
	cursor: default;
	/* background-color: #2883d0; */
}
.logo img{padding: 0px 5px 5px 0px;height: 42px;width: 42px;}
.top-navbar{
	/* background-color: #EAF7FF; */
	/* background-color: #2a7dd1; */
	/* background: linear-gradient(to bottom,#67b0f9,#227be3); */
	/* background:url(../img/banner1.jpg) no-repeat left top; //(设置成背景图片方式)*/
	background: linear-gradient(to bottom,#0f70e1,#27a0ed);
	box-shadow:inset 0px -2px 0 0 #00a5f7;
	float: right;
}
.top-navbar .layui-nav-item a{
	display: block;
	height: 70px;
	width: 75px;
	padding: 0px;
	position: relative;
}
.nav-item-img{
    display: inline-block;
    width: 32px;
    height: 32px;
    position: relative;
    margin: -16px 0px 0px 25px;
}
.nav-item-span{
	color: #FFFFFF;
    position: absolute;
    display: inline-block;
    width: 100%;
    height: 20px;
    margin-top: 24px;
    margin-left: -55px;
    font-size: 12px;
    text-align: center;
}
.layui-nav .layui-this:after, 
.layui-nav-bar, 
.layui-nav-tree .layui-nav-itemed:after{background-color:#00a5f7;}
.nav-item-menuOne{
	color: #333;
    /* font-weight: bold; */
    font-size: 15px;
    letter-spacing: 2px;

}
/*.top_navbar .layui-nav-item{margin: 3px;}
.top_navbar>.layui-nav-item a{
	margin-top: 7px;
	height: 66px;
	width: 80px;
	display: block;
	position: relative;
	float: left;
}
.nav_img{
	position: absolute;
	margin-left: 23px;
	-moz-margin-start:-58px;	
}
.nav_span{
	width: 80px;
	font-size: 14px;
	text-align: center;	
	display: inline-block;
	margin-top:45px;
	line-height: 20px;
	float: left;
	position: relative;
	color: #333333;	
}
.top_navbar>.layui-nav-bar,.top_navbar>.layui-this:after{height: 0px;}
.top_navbar>.layui-nav-item:hover{
	border-radius: 8px !important;
	background-color: #cee4f1 !important;
	cursor: pointer;	
}*/
/*.top_navbar>.layui-nav-item:hover .nav_span{color: #008ff4;}*/
/*.top_navbar>.layui-nav-item::selection{
	border-radius: 8px;
	background-color: #ffffff;
	box-shadow: 0px 1px 10px 0 rgba(0, 143, 244, 0.3), inset 0px 2px 0 0 #56b9ff;
}*/


/*================左侧菜单栏============*/
.layui-nav-side{top: 100px;z-index: 98;}
/*左侧菜单*/
.left_menu{
	/* background-color:#eaf6ff; */
	/* background-color:#f3f8fc; */
	background-color:#f8fafc;
	border: solid 1px #aecee6;
	
	/*box-shadow: 0px 2px 10px rgba(153,153,153,0.4);*/
}
.left_menu .layui-nav-bar{background-color: #0078E7;width: 3px;}
.left_menu .layui-nav-item .layui-nav-more{border-top-color:rgba(0,0,0,0.7) ;}
.left_menu .layui-nav-mored,.left_menu>.layui-nav-itemed .layui-nav-more{border-top-color:transparent;	border-bottom-color: #444444;}
.left_menu .layui-nav-tree .layui-this>a{background-color:#D6F0FF;}
.left_menu .layui-nav-item>a{background-color: #fff;color: #454545 !important;border-bottom:1px solid #b4cad8;font-weight: 600; padding: 0px 26px !important;}
.left_menu .layui-nav-item>a:hover{background-color: #BFDCEA !important;color: #188AE2 !important;}
.left_menu .layui-nav-itemed .layui-nav-child{background-color: #D6F0FF !important;}
.left_menu .layui-nav-itemed .layui-nav-child a{color: #000000 !important;}
.left_menu .layui-nav-child dd.layui-this>a,.left_menu .layui-nav-child dd.layui-this{background-color:#D6F0FF !important;color: #188AE2 !important;}

#draw_back{
	border-top:1px solid #188AE2;
	background-color:#c9c9c9 !important;
	color: #454545 !important;
	/* border-bottom:2px solid #198EEB; */
}
/*左侧菜单折叠*/
#draw_back i{
	float: right;
	font-size: 16px;
	padding-top: 14px;	
	color:#188AE2;
}
#draw_back i{
	float: right;
	font-size: 16px;
	padding-top: 14px;	
	color:#188AE2;
}
#draw_back img{margin-right: 8px;}
#retract_menu{
	display: block;
	width: 0px;
	position: fixed;
	z-index: 98;
	top: 100px;
	min-height: 600px;
	height: 100%;
	background-color: #EAF7FF;
	color: #198EEB;
	text-align: center;
	font-size: 20px;
	box-shadow: 0px 2px 10px rgba(153,153,153,0.4);
}
#retract_menu i{margin-top: 400px;}


/*=============工作区=============*/
/*内容区*/
.work-area{
	margin:100px 0px 0px 200px;
	padding:0px 15px;
	/* background-color: #e8ecf0; */
	background-color: #ffffff;
	overflow-y: auto;
	height:869px;
}
.withoutSidebar-work-area{margin:100px 0px 0px 0px;}

/*首页*/
.index-card-title-dot{
	width:4px;
	height: 16px;
	background-color: #007DDB;
	display: inline-block;
	margin:0px 5px -2px 0px;
}
.index-card-title-link{
	display: inline-block;
	float: right;
}
.index-page{
	background-color: #E8EBF1;
	padding: 10px 100px;
}
.index-page .layui-row{padding: 10px 0px;}
.no-data{
	background: url(../img/nodata.png) no-repeat center;
	width: 100%;
	min-height:200px;
}
.index-page .layui-tab-brief>.layui-tab-more li.layui-this:after, 
.index-page .layui-tab-brief>.layui-tab-title .layui-this:after{
	border-bottom:#008FF4 2px solid;
}
.index-page .layui-tab-brief>.layui-tab-title .layui-this{color: #008FF4;}


/*面包屑*/
.breadcrumb{padding:10px 0px 5px 0px;}
.layui-breadcrumb a{color: #444444 !important;}
.layui-breadcrumb a:hover{color:#1E9FFF !important;cursor: pointer;}
/*搜索*/
.layui-colla-icon{display: none;}
.collapse_replace{float:right;}
.collapse_replace i{margin-left: 5px;}
/*.collapse_area{margin:5px;box-shadow: 2px 2px 8px rgba(153,153,153,0.4);}*/
.collapse_area .layui-colla-title{
	background-color: #f6f7fb;
	color: #444444;
	font-size: 16px;
	padding:0px 20px;
}
.collapse_area .layui-colla-content{background-color: #FFFFFF;}
.form_btn{text-align: right;margin: 0px;padding:5px 5px 0px 0px;}
/*日期组件*/
.layui-laydate-footer span:hover{color: #1E9FFF;cursor: pointer;}
/*layui树组件*/
.layui-tree li a:hover{color: #0078E7;cursor: pointer;}
.tree_selected{color:#0078E7;}
/*ztree树组件*/
.menu_control_btn{
	position: relative;
	z-index: 10;
}
#menu_list,#user_list{
	margin-top: 10px;
	height: 500px;
	overflow: scroll;
}
.ztree li a{margin: 5px;}
.ztree li span{margin-right: 5px;font-size: 16px;}
/*组织架构*/
.organize_tree,.member_table{background-color: #FFFFFF;}
.organize_tree{height: 500px;overflow: scroll;}
/*用户权限管理*/
.userMenuControl_btn{margin-bottom: 5px;}
/*数据表*/
.data_table,.collapse_area{background-color: #FFFFFF;}
.collapse_area{margin:10px 0px;}
.data_table{margin:20px;}
.layui-table th{
	font-weight: bold;    
	color: #333333;
    background-color: rgb(242,242,242);
}	
/*box-shadow: 2px 2px 8px rgba(153,153,153,0.4);*/
.table_name{
	line-height: 40px;
	font-weight: bold;
	font-size: 18px;
	color: #333333;
	font-family: "寰蒋闆呴粦";
	padding-left: 20px;
	margin-top: 10px;
}
.table_btn{
	line-height: 40px;	
	text-align: right;
	padding: 10px 20px 0px 0px;
}
.btn_add{background-color: #2ec059;}
.btn_delete{background-color: #e2e5ec; border: solid 1px #d6d9e1;color: #999999;}
.btn_delete:hover{background-color: #fdd5d5;color:#e53030;border:solid 1px #ff8585;cursor: pointer;}
.btn_reset,.btn_search{background-color:#eaf6fe ;color: #008ff4;border: 1px solid #b0dcff;}
.btn_reset:hover,.btn_search:hover{background-color:#008FF4;cursor: pointer;}
.table_btn .layui-btn+.layui-btn{margin-left: 15px;}
.layui-table-view{background-color: #FFFFFF;}
.layui-table-header,.layui-table thead tr{background-color: #f6f7fb;color: #666666;}
.layui-table-sort .layui-table-sort-asc{border-bottom-color:#FFFFFF}
.layui-table-sort .layui-table-sort-desc{border-top-color:#FFFFFF}
/*统一风格*/
.layui-form-checked[lay-skin=primary] i{background-color: #1E9FFF;color: #FFFFFF;border: #1E9FFF;}
.layui-form-checked, .layui-form-checked:hover{border-color:#1E9FFF;cursor: pointer;}
.layui-form-checked span, .layui-form-checked:hover span{background-color: #1E9FFF;color: #FFFFFF;cursor: pointer;}
.layui-form-checked i, .layui-form-checked:hover i{color: #1E9FFF;cursor: pointer;}
.layui-form-radio>i:hover, .layui-form-radioed>i{color: #1E9FFF;cursor: pointer;}
.layui-form-onswitch{border-color:#1E9FFF;background-color: #1E9FFF;}
.layui-form-select dl dd.layui-this{background-color: #1E9FFF;}
/*分页*/
.layui-table-page>div{float: right;margin-right:40px;}
.layui-laypage button{color: #007DDB;}
.layui-laypage a, .layui-laypage button, .layui-laypage input, .layui-laypage select, .layui-laypage span{border: solid 1px #007DDB;border-radius: 5px;}
.layui-laypage-count{color:#007DDB !important;/*float:left;margin-right:720px !important ;*/}
.layui-laypage-limits{color:#007DDB !important;/*position: absolute;float: left;margin-left:-700px !important ;*/}
.layui-laypage-skip{color: #0078E7 !important;}
.layui-table-page .layui-laypage a{
	border: solid 1px #1E9FFF;
	color:#1E9FFF !important;
	margin:-10px 5px 0px 5px;
}
tbody .layui-table-cell {
	color:#5e5e5e;
	height: 26px; 
	padding-top: 0;
	padding-bottom: 0;
}

/*重新定义分页高度*/
.layui-table-page{
	padding: 20px 6px;
    height: 60px;
}

/*邮件*/
.email-list{display: inline-block;}
.email-list li{
	display: block;
	height: 145px;
	width: 190px;
	border: dashed 1px #e2e2e2;
}
/*.email-list li:hover::after{
	content: "";
	position: absolute;
	z-index: 99;
	background-color:rgba(243,243,243,0.85);
	width: 190px;
	height: 144px;
	text-align: center;
}*/
.email-list .fa-trash-alt{
	position: relative;
	display: inline;
	font-size: 20px;
	float: right;
	padding: 10px 10px;
	color: #ff7676;
}
.email-list .fa-file-alt{
	position: absolute;
	display: inline;
	font-size: 50px;
	padding: 50px 0px 0px 75px;
	opacity: 0.5;
}
.email-name{
	display: block;
    position: absolute;
    z-index: 99;
    text-align: center;
    width: 190px;
    line-height: 20px;
    padding-top: 115px;
    color: #999999;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;  
}

/*数据表末列操作*/
.oc{
	display:inline-block;
	/*border: solid 1px #0078E7;*/
	color: #129eff;
	font-size: 14px;
	width: auto;
	padding:0px 5px;
	line-height: 20px;
	/* margin: 2px 5px; */
	position: relative;
	text-align: center;
	
}

/* .fa {
	width: 1rem;
	margin-right: 8px;
	transition: margin-right .5s ease;
	color: #19a1f5;
} */

.data-table tbody tr:HOVER td {
	background-color: #D0E8F4;
}

.oc:hover{color: #007ed8;cursor: pointer;}

/*鑷姩鐢熸垚椤甸潰*//*自动生成页面*/.auto-generate-page{
	margin:20px;	
	background-color: #FFFFFF;
	position: relative;
}
.auto-generate-page .layui-tab-content{
	height:560px;
	overflow-y:auto;
}
.auto-generate-page .layui-tab-card{
	margin: 0px;
	border: none;
	box-shadow: none;
}
.auto-generate-page .layui-btn-group{
	position: absolute;
	right: 20px;
	top: 5px;
}
.auto-generate-page .page-content{padding:0px 100px;}
#columnsInfo .layui-table-view .layui-form-onswitch{background-color: #cbe5ff;}
#columnsInfo .layui-table-view .layui-form-switch{height: 5px;}
#columnsInfo .layui-table-view .layui-form-switch i{margin-top: -8px;}
#columnsInfo .layui-table-view .layui-form-onswitch i{
	position: absolute;
	z-index: 999;
	background-color:#6699FF;
	margin-top: -8px;
}

/*===========主页页脚============*/
.footer{
	text-align: center;
	font-size: 12px;
	position: fixed;
	z-index: 0;
	bottom: 5px;
	color: #999999;
	width: 100%;
}
.idcardclass .layui-form-label{
	width:120px;
}
.idcardclass .layui-input-inline{
	margin:left;
}

/*===========模态框============*/
/*模态框表格内容*/
.modal-table{
	 width:96%;
	 margin:0 2%;
 }
.modal-table td{
	 border: 1px solid #bbbbbb;
	 color: #3C3C3C;
	 padding: 5px 8px;
}
.modal-table td.label{
	background: #D0E8F4;
    text-align: right;
    padding: 8px 8px;
}

.modal-table .layui-input{
	padding: 3px 5px;
    border: 1px solid #a4a4a4;
    height: 28px;
    background-color: #fff;
    border-radius: 2px;
    line-height: 28px;
}
.modal-table td.upSelect .layui-anim-upbit{
	 top: -80px;
} 
.email-list{
	vertical-align:middle;
}
.email-list li{
	height:34px;
}
.layui-upload-drag{
	padding-top: 7px;
}

.modal_row{margin-top: 20px;}
.modal_row ul li div{margin-bottom:5px;}

/*面包屑*/
.breadcrumb{padding:5px 0px 5px 20px;}
.layui-breadcrumb a{color: #444444 !important;}
.layui-breadcrumb a:hover{color:#1E9FFF !important;cursor: pointer;}
.layui-breadcrumb span:nth-child(1){
	margin-right:5px;
	letter-spacing: 2px;
}
.breadcrumb,.layui-table-header .layui-table th{
    color: #484848;
    font-weight: bold;
    border-color: #DEDEDE;
}
/*面包屑*/
.breadcrumb {padding:0px;padding-bottom:5px;}
.breadcrumb .fa-compass{
	color: orangered;
	box-shadow: 1px 1px 2px #CCCCCC;
	border-radius: 50%;
	margin-right: 5px;
	color:red;
}