@charset "utf-8";
/*     左侧菜单用户中心公用      */
.ml0{
	margin-left: 0px!important;
}
.ml5{
	margin-left: 5px!important;
}
.ml10{
	margin-left: 10px!important;
}
.ml15{
	margin-left: 15px!important;
}
.ml20{
	margin-left: 20px!important;
}
.ml25{
	margin-left: 25px!important;
}
.mr15{
	margin-right: 15px!important;
}
.mt50{
	margin-top: 50px!important;
}
.layui-side-menu .layui-nav .header-item a{
	display: block;
	height: 100%;
	padding: 0px;
	line-height: 1.5
}
.header-item .radius-box{
	width: 100px;
	height: 100px;
	border-radius: 100%;
	/*padding: 5px;*/
	box-sizing: border-box;
	margin:0px auto;
	text-align: center;
}
.header-txt{
	margin-top: 10px;
	text-align: center;
}
.header-txt>cite{
	font-size: 18px;
	color: rgba(255,255,255,1);
}
.header-item .radius-box>span{
	border-radius: 100%;
}
.header-item .radius-box img{
	width: 80px;
	height: 80px;
	border-radius: 100%;
	margin: auto;
	display: inline-block;
	vertical-align: middle;
	margin-top: 9px;
}
.header-item h3{
	font-weight: normal;
	font-size:18px;
	margin:10px 0px 5px 0px;
}
.header-item p{
	font-size: 12px;
	color: #b7c4f7;
}
.layui-layout-admin .layui-header .header-set-title a{
	color: #2a3259;
}
.layui-layout-admin .layui-header .header-set-title a:hover{
	color: #2a3259;
}
.header-line{
	color: #999999;
	margin: -2px 5px 0px 15px;
}
.layui-themeDefault .layui-side-menu{
	box-shadow: 2px 2px 15px #555;
}
.layui-header .layui-nav-item .layui-icon-search{
	position: absolute; 
	left: 3px; 
	top:2px;
	color: #999
}
.layui-nav-tree .layui-this>a, .layui-nav-tree .layui-this>a:hover{
 	background:none ;
 }
 /* 系统首页公用 */
.system-item .system-item-list{
	padding:40px 20px;
	border-radius: 5px;
	color: #fff;
	font-size: 20px;
	box-shadow: -1px 2px 10px #666;
	max-height: 220px;
}
.system-item .system-item-list h3{
	font-weight: normal;
	font-size: 18px
}
.system-item .system-item-list p{
	font-size: 14px;
	margin-top: 5px;
}
.system-item .system-item-list p>span{
	font-size: 32px;
	padding:0px 5px 0px 0px;
}
.system-item-txt{
	width: 70%;
	margin: 5px 0px 0px 3%;
}
.system-ico-box{
	width: 23%;
	max-width: 75px;
	max-height: 85px;
	min-height: 75px;
}
.system-ico-box>img{
	display: block;
	width: 100%;
	height: 100%;
}
.bgcolor01{
	background-color: #2a3259;
}
.bgcolor02{
	background-color: #335d84;
}
.bgcolor03{
	background-color: #216573;
}	
.notice-card .layui-card{
	box-shadow: 3px 3px 10px #cacaca;
}
.notice-card .layadmin-carousel{
	width: 100%!important;
	min-height: 280px!important;
}	
.notice-card .layui-card-header{
	height: 78px;
	line-height: 78px;
	text-align: center;
	color: #2a3259;
	font-size: 22px;
	border-bottom: 1px solid #d5d5d5;
}
.notice-card .layui-carousel-arrow{
	background: none;
	width: 0px;
	height: 0px;
	top: -50px;
	color: #5a607e;
}
.notice-card .layui-carousel[lay-arrow=always] .layui-carousel-arrow{
	left: initial;
	right: 60px;
}	
.notice-card .layui-carousel:hover .layui-carousel-arrow[lay-type=add], .layui-carousel[lay-arrow=always] .layui-carousel-arrow[lay-type=add]{
	right: 30px;
	z-index: 999;
}	
.notice-card .layui-carousel-ind li{
	width: 40px;
	height: 5px;
	border-radius: 0px;
	background-color: #bfbfbf;
}		
.notice-card .layadmin-carousel .layui-carousel-ind li.layui-this{
	background-color: #2a3259;
}	
.notice-card li{
	margin-top: 10px;
}
.notice-card .layui-notice-card a{
	display: block;
	width: 100%;
}
.notice-card .notice-date span{
	display: block;
	height: 20px;
	line-height: 20px;
	background-color: #2a3259;
	color: #fff;
}
.notice-card .notice-date span.date{
	background-color: #dedede;
	color: #666;
}
.notice-card .notice-list{
	text-align: left;
	padding-left: 15px;
	box-sizing: border-box;
	font-size: 16px;
	color: #333;
	line-height: 40px;
}
.comapp-card a{
	display: inline-block;
	background-color: #f5f5f4;
	border-radius: 10px;
	height: 120px;
	margin-top: 40px;
	box-shadow: 0px 2px 10px #c8cad6;
	position: relative;
}
.comapp-card .layui-card-body{
	padding: 10px 15px 10px 8%;
}
.comapp-card a .status-item{
	position: absolute;
	right: 0px;
	top: 15px;
	text-align: center;
	display: block;
	color: #fff;
	background: url(../images/yy-bg.png) no-repeat left top;
	width: 90px;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	background-size: cover;
}
 .comapp-card a .status-item-protect{
 	background: url(../images/yy-bg-protect.png) no-repeat left top!important;
 }
.comapp-card .data-center-txt{
	margin-top: 52px;
	color: #2a3259;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 2px;
}
.comapp-card .status-bottom{
	position: absolute;
	width: 100%;
	padding: 7px 0px;
	left: 0px;
	bottom: 0px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	background-color: #cdcdcd;    
	text-align: center;   	
}
.comapp-card .status-bottom .disc{
	display: block;
	margin: auto;
	width: 5px;
	height: 5px;
	border-radius: 100%;
	background-color: #2a3259;
}
.tzgg-ico{
	width: 60px;
	height: 60px;
	background: url(../images/tzgg-ico.png) center;
}
.cyyy-ico{
	width: 60px;
	height: 60px;
	background: url(../images/cyyy-ico.png) center;        	
}
/* 换肤切换 */
.layui-theme-chose{
 	  height: 30px;
 	  line-height: 30px;
 	  top: 10px;
 	  right:200px;
 }
 .layui-theme-chose li{
 	  height: 30px;
 	  color: #999;
 	  font-size: 14px
 }
 .layui-theme-chose li span{
 	 display: inline-block;
 	 vertical-align: middle;
 	 cursor: pointer;
 	 width: 20px;
 	 height: 20px;
 	 margin: 0px 0px 0px 10px;
 	 background: url(../images/theme-sprite.png) no-repeat center;
 	 border-radius: 100%;
 	 
 }
 .layui-theme-chose li span.themeDefault{
 	 background-position: 0px 0px;
 }
 .layui-theme-chose li span.themeDefault.checked{
 	 background-position: 0px -24px;
 	 box-shadow: 1px 1px 10px #777;
 }        	 
 .layui-theme-chose li span.theme02{
 	 background-position: -29px 0px;
 }
 .layui-theme-chose li span.theme02.checked{
 	 background-position: -29px -24px;
 	 box-shadow: 1px 1px 10px #777;
 }          	 
 .layui-theme-chose li span.theme03{
 	 background-position: -57px 0px;
 }
 .layui-theme-chose li span.theme03.checked{
 	 background-position: -57px -24px;
 	 box-shadow: 1px 1px 10px #777;
 }          	 
 .layui-theme-chose li span.theme04{
 	 background-position: -86px 0px;
 }   
 .layui-theme-chose li span.theme04.checked{
 	 background-position: -86px -24px;
 	 box-shadow: 1px 1px 10px #777;
 }  
 .layui-theme-chose li span.theme05{
 	 background-position: -114px 0px;
 }   
 .layui-theme-chose li span.theme05.checked{
 	 background-position: -114px -24px;
 	 box-shadow: 1px 1px 10px #777;
 }  
  .layui-theme-chose li span.theme06{
 	 background-position: -138px 0px;
 }   
 .layui-theme-chose li span.theme06.checked{
 	 background-position: -138px -24px;
 	 box-shadow: 1px 1px 10px #777;
 } 
 .layui-nav-tree .layui-nav-item-line.layui-this{
 	background: none;
 	position: relative;
 }
 .layui-nav-tree .layui-nav-item-line.layui-this:before{
	position: absolute;
	left: 0px;
	top: 0px;
	content:'';
	height: 56px;
	width: 5px;
	background-color: #009688; 	
 }
 .layui-form-select dl dd.layui-this {
    background-color: #393D49;
}
.layui-laydate-content td.laydate-selected{
	background-color: #f1f1f1!important;
}
.layui-form .layui-btn-list button[type=button]{
	background-color: #187cc9;
}
.layui-form .layui-btn-list button[type=button]:hover{
	background-color: #2e3f75;
}
.layui-fluid{
	padding: 10px 0px;
}
.layui-layer-iframe .layui-layer-btn{
	text-align: center!important;
	width: 100%;
	position: absolute;
	left: 0px;
	bottom: 50px;
}
.layui-layer-iframe .layui-layer-btn a{
	background: #009688;
	border-color: #009688;
}
