@import 'style';
@import 'base';
$height: 50px;
.header {
	background: -webkit-linear-gradient(top, $color, $color_1);
	color: #fff;
	height: 60px !important;
	padding: 0 20px 0 0;
	.logo{
		height: 60px;
		margin-top: 5px;
	}
	h1{
		font-size: 18px;
		// line-height: 60px;
		display: inline-block;
		font-weight: 400;
		img{
			display: inline-block;
			vertical-align: middle;
		}
		span{
			font-size: 14px;
			margin-left: 10px;
		}
	}
	.settings{
		float: right;
		line-height: 60px;
		img{
			position: relative;
			top: 3px;
		}
		span{
			color: #fff;
			font-size: 15px;
			padding: 0 10px;
			cursor: pointer;
		}
		.logout:hover{
			color: #999;
		}
	}
}
.main {
	position: relative;
	height: calc(100vh - 60px);
	background: #ECF0F5;
	// padding-top: 10px;
}
.left-aside {
	height: 100%;
	overflow-y: auto;
	overflow-x: hidden;
	background: #151932;
	.left-menue {
		border: none;
		& > .is-active {
			background-color: $color_2 !important;
			position: relative;
			border-left: 10px solid #ECF0F5;
			transition: all .3s linear;
			.iconfont{
				color: $mainColor;
			}	
			&>.el-submenu__title{
				color: #fff !important;
			}
			.is-active {
				background-color: $color_2 !important;
				border-left: 10px solid #ECF0F5;
				transition: all .3s linear;
				position: relative;
				.iconfont{
					color: $mainColor;
				}		
			}	
		}
		.is-opened{
			background-color: #fff !important;
			border-left: none !important;
			&>.el-submenu__title{
				color: #fff !important;
				
			}
		}
		.el-menu-item-group__title{
			padding: 0;
		}
		.child{
			padding-left: 60px !important;
		}
		.el-menu-item, .el-submenu__title{
			height: 48px;
			line-height: 48px;
			font-size: 15px;
		}
		// .el-menu-item{
		// 	height: 44px;
		// 	line-height: 44px;
		// }
	}
}
.el-main {
	// border: 1px solid red;
	padding:10px 20px;
	position: relative;
	.content{
		background: #fff;
		padding: 32px;
		margin-top: 12px;
		min-height: calc(100vh - 130px);
		box-shadow:0px 4px 12px 0px rgba(0,0,0,0.12);
	}
	.title_top{
		
		.add_btn{
			width:90px;
			height:32px;
			background:$mainColor;
			border:1px solid rgba(237,237,237,1);
			border-radius:4px;
			float: right;
			text-align: center;
			line-height: 32px;
			color: #FFF;
		}
	}

    .table_div{
        background: #fff;
        border: 1px solid #EDEDED;
        min-height: calc(100vh - 430px);
    }
    .edit_btn{
        color: #25486A;
	}
	.info_btn{
		background: #ECF0F5;
		color: #1F2328;
		border-color: #ECF0F5;
	}
	// 分页
	.el-pagination {
		// position: absolute;
		// left: 0;
		// bottom: 15px;
		text-align: right;
		width: 100%;
		margin-top: 20px;
	}
}
.el-dialog{
	.el-select{display: block;}
}
.main_btn{
	background: $mainColor;
	border-color: $mainColor;
	width: 120px;
	font-size: 14px;
}
.cancel_btn{
	width: 170px;
	font-size: 14px;
	color: #6A737B;
}
// 列表页面
.filter{
	background: #fff;
	padding: 20px 20px 10px; 
	border:1px solid #EDEDED;
	border-radius:2px;
	margin-bottom: 10px;
	margin-top: 10px;
	.el-form-item{
		margin-bottom: 10px;
	}
	.el-input,.el-select{
		width: 150px;
	}

}
.table{
	thead{
	   th{
		   background: #eee;
	   }
	}
	button{
		padding:6px;
	}
}
.el-table__fixed-right::before, .el-table__fixed::before{
	background: none;
}
//上传按钮
.up_btn{
	position: relative;
	input{
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		opacity: 0;
	}
}
.upload_div{
	width: 150px;
	height: 100px;
	border: 1px dashed #d9d9d9;
	position: relative;
	line-height: 120px;
	text-align: center;
	input{
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		opacity: 0;
	}
	img{
		position: absolute;
		left: 0;
		top: 0;
	}
	i{
		font-size: 48px;
		color: #999;
	}
}
@media (max-width: 750px) {}
