body{
	margin:0px ;
	padding: 0px;
	background: #f6f6f6;;
	
}
ul,p{
	margin:0px; padding: 0px;;
}
ul li{
	list-style-type: none;
}
/*
 * top
 */
.top{
		background: #fff;
		padding:5px 0px;
		
		
	}
	
	.top-left{
	
		 font-size: 20px;
		  font-weight: 600;;
		  padding: 5px 20px;
	}
	.top-right {
		padding: 10px 0px;
		display: flex;
		display: -webkit-flex-;
		flex-flow: row nowrap;
		align-items: center;
		
		
	}
	.top-right span{
		display: flex;
		display: -webkit-flex-;
		justify-content: flex-end;
		flex-flow: row nowrap;
		align-items: center;
		
	}
	.top-right span img{
		width:18px;
		height: auto;
		margin-right:5px;
		 font-weight: 200;
	}
	.top-right span label{
		margin-bottom: 0px !important;
	}
	

/*main*/
.main{
	
		height: 900px;
		margin-top:10px;
	}
	.main-left{
		height: 100%;
		background: #fff;
		padding-top: 10px;
	}
	.main-left ul li:first-child{
		
		color: #000;
		font-size: 16px;;
		 font-weight: 600;
		width:100%;
		text-align: center;
		 padding: 10px 0px;;
		 border-bottom: 1px solid #f6f6f6;;
		 background: #95D5FF;
		 color: #fff;
		/* display: flex;
		 display: -webkit-flex-;
		 align-content: center;
		 justify-content: center;*/
	}
	.main-left ul li:first-child img{
		
		
	}
	.main-left ul li:first-child img:first-child{margin-right:5px;width:25px;}
	.main-left ul li:first-child img:last-child{margin-left:5px; width:13px;}
	.main-left ul li:last-child{
		 display: none;;
	}
	
	.main-left ul li a{
		
		display: block;;
		 text-align: center; 
		 color: #303030;
		 text-align: right;
		 padding-right:20%;
		 padding:10px 20% 10px 0px;
	}
	.main-right{
		height: 100%;
		background: green;
		padding-left:10px !important;
		background: #f6f6f6;
		padding-right:0px !important;
	}
	.main-right-nav,.main-right-current{
		background: #fff;
		 padding: 10px 0px;
		 border-bottom: 1px solid #f6f6f6;
	}
	.main-right-nav a{
		margin-left:10px;
		margin-right:10px;
	}
    .main-right-current {
    	display: flex;
    	display: -webkit-flex;
    	flex-flow: row wrap;
    	padding:15px 0px 5px 0px;
    }
    .main-right-current  a{
    	padding: 5px 10px;
    	background: #f6f6f6;
    	color: #303030;
    	font-size: 14px;
    	position: relative;
    	margin-left:10px;
    	margin-bottom:10px;
    	
    }
    .main-right-current a img{
    	width:20px;
    	height: auto;
    	position: absolute;
    	top:-10px;
    	right: -10px;
    	
    }
    .main-body{
    	margin-top:10px;
    }
 
 
 .flex{
 	display: flex;
 	display: -webkit-flex;
 	flex-flow:row nowrap;
 	justify-content: center;
 	align-items: center;
 }
 .flex_col{
 	display: flex;
 	display: -webkit-flex;
 	flex-flow:column;
 	
 }
 .flex_a{ flex:auto}
 .flex_n{flex:none}
    
.none{ display:none;}  
.textceter{ text-align: center;}


 
.tongji{height:38px; margin: 10px 0px ; line-height:38px;border: 1px solid #009688;; color: #009688; text-align: center;}
.font12{ font: normal 12px/1.5 "microsoft yahei"}
.font14{ font: normal 14px/1.5 "microsoft yahei"}
.font16{ font: normal 16px/1.5 "microsoft yahei"}
.font18{ font: normal 18px/1.5 "microsoft yahei"}
.font20{ font: normal 20px/1.5 "microsoft yahei"}

.mt1{ margin-top: 1px;}
.mt2{ margin-top: 2px;}
.mt3{ margin-top: 3px;}
.mt4{ margin-top: 4px;}
.mt5{ margin-top: 5px;}
.mt6{ margin-top: 6px;}
.mt7{ margin-top: 7px;}
.mt8{ margin-top: 8px;}
.mt9{ margin-top: 9px;}
.mt10{ margin-top: 10px;}
.mt11{ margin-top: 11px;}
.mt12{ margin-top: 12px;}
.mt13{ margin-top: 13px;}
.mt14{ margin-top: 14px;}
.mt15{ margin-top: 15px;}
.mt16{ margin-top: 16px;}
.mt17{ margin-top: 17px;}
.mt18{ margin-top: 18px;}
.mt19{ margin-top: 19px;}
.mt20{ margin-top: 20px;}


.mb1{ margin-bottom: 1px;}
.mb2{ margin-bottom: 2px;}
.mb3{ margin-bottom: 3px;}
.mb4{ margin-bottom: 4px;}
.mb5{ margin-bottom: 5px;}
.mb6{ margin-bottom: 6px;}
.mb7{ margin-bottom: 7px;}
.mb8{ margin-bottom: 8px;}
.mb9{ margin-bottom: 9px;}
.mb10{ margin-bottom: 10px;}
.mb11{ margin-bottom: 11px;}
.mb12{ margin-bottom: 12px;}
.mb13{ margin-bottom: 13px;}
.mb14{ margin-bottom: 14px;}
.mb15{ margin-bottom: 15px;}
.mb16{ margin-bottom: 16px;}
.mb17{ margin-bottom: 17px;}
.mb18{ margin-bottom: 18px;}
.mb19{ margin-bottom: 19px;}
.mb20{ margin-bottom: 20px;}


.ml1{ margin-left: 1px;}
.ml2{ margin-left: 2px;}
.ml3{ margin-left: 3px;}
.ml4{ margin-left: 4px;}
.ml5{ margin-left: 5px;}
.ml6{ margin-left: 6px;}
.ml7{ margin-left: 7px;}
.ml8{ margin-left: 8px;}
.ml9{ margin-left: 9px;}
.ml10{ margin-left: 10px;}
.ml11{ margin-left: 11px;}
.ml12{ margin-left: 12px;}
.ml13{ margin-left: 13px;}
.ml14{ margin-left: 14px;}
.ml15{ margin-left: 15px;}
.ml16{ margin-left: 16px;}
.ml17{ margin-left: 17px;}
.ml18{ margin-left: 18px;}
.ml19{ margin-left: 19px;}
.ml20{ margin-left: 20px;}


.mr1{ margin-right: 1px;}
.mr2{ margin-right: 2px;}
.mr3{ margin-right: 3px;}
.mr4{ margin-right: 4px;}
.mr5{ margin-right: 5px;}
.mr6{ margin-right: 6px;}
.mr7{ margin-right: 7px;}
.mr8{ margin-right: 8px;}
.mr9{ margin-right: 9px;}
.mr10{ margin-right: 10px;}
.mr11{ margin-right: 11px;}
.mr12{ margin-right: 12px;}
.mr13{ margin-right: 13px;}
.mr14{ margin-right: 14px;}
.mr15{ margin-right: 15px;}
.mr16{ margin-right: 16px;}
.mr17{ margin-right: 17px;}
.mr18{ margin-right: 18px;}
.mr19{ margin-right: 19px;}
.mr20{ margin-right: 20px;}

.title{ font: normal 14px/1.5 "微软雅黑"; padding: 10px 10px; color: gray;;}
.block_l{ display: block;; float: left;}
.block_r{ display: block;; float:right}
.center{ text-align: center;}
.clearfix:after {content:""; display: block; clear:both; }
.fff{ color: #fff;}
.bfff{ background: #fff;}

.layadmin-side-shrink .layui-icon{ font-size:20px !important;}
.layui-side .layui-icon{ font-size: 14px ;}