yrxzy/src/style/home.scss

@import 'style';
@import 'base';
$height: 50px;
.el-header{
	padding: 0;
	height: 111px !important;
}
.header {
	background: linear-gradient(180deg, #A1C3E8 0%, #FFFFFF 100%);
	color: #0F1F8C;
	height: 56px !important;
	text-align: center;
	font-size-adjust: 20px;
	line-height: 56px;
	font-weight: bolder;
	.logo{
		height: 60px;
		margin-top: 5px;
	}
}
.nav{
	background: #0F1F8C;
	padding: 0 44px;
	a{
		display: inline-block;
		line-height: 55px;
		padding: 0 12px;
		color: #fff;
		font-size: 14px;
		text-decoration: none;
		margin-right: 20px;
	}
	.active{
		background: #09166F;
	}
	.setting{
		float: right;
		color: #fff;
		line-height: 55px;
		.el-dropdown{
			color: #fff;
			margin: 0 20px;
		}
	}
}
.main {
	position: relative;
	height: calc(100vh - 111px);
	background: #F4F4F4;
	// padding-top: 10px;
}
.left-aside {
	height: 100%;
	overflow-y: auto;
	overflow-x: hidden;
	background: #fff;
	.left-menue {
		border: none;
		& > .is-active {
			background-color: #DCECFF !important;
			position: relative;
			// border-left: 10px solid #ECF0F5;
			transition: all .3s linear;
			.iconfont{
				color: #3895FE;
			}	
			&>.el-submenu__title{
				color: #3895FE !important;
			}
			.is-active {
				background-color: #DCECFF !important;
				// border-left: 10px solid #ECF0F5;
				transition: all .3s linear;
				position: relative;
				.iconfont{
					color: #3895FE;
				}		
			}	
		}
		.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:20px 20px;
	position: relative;
	overflow:hidden;
	section>p{
		color:#666666;
		font-size:14px;
		font-weight: 400;
		span{
			color:#cccccc;
		}
	}
	.content{
		background: #fff;
		padding: 20px;
		margin-top: 12px;
		height: calc(100vh - 190px);
		box-shadow:0px 4px 12px 0px rgba(0,0,0,0.12);
		// overflow:scroll;
	}
	.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{
        background: #fff;
        // border: 1px solid #EDEDED;
		// min-height: calc(100vh - 430px);
		height:calc(100vh - 350px);
    }
    .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;
}
// 表头
thead{
	tr th{
		background-color: #F2F2F2 !important;
		padding: 8px 0 !important;
	}
}
tbody{
	tr td{
		padding: 4px 0 !important;
	}
}

.edit{
	color: #FFB82F;
}
.del{
	color: #F01010;
}
.logout:hover{
	cursor: pointer;
}
.upload_btn{
	position: relative;
	input{
		position: absolute;
		width: 100%;
		left: 0;
		opacity: 0;
	}
}
// 内容区域滚动
.el-form.over_y{
    max-height: calc( 100vh - 290px);
    padding:0 10px;
    overflow-y:auto;
    &::-webkit-scrollbar {/*滚动条整体样式*/
        width:4px;/*高宽分别对应横竖滚动条的尺寸*/
        height:4px;
    }
    &::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
        border-radius:5px;
        -webkit-box-shadow: inset005pxrgba(0,0,0,0.2);
        background:rgba(0,0,0,0.2);
    }
    &::-webkit-scrollbar-track {/*滚动条里面轨道*/
        -webkit-box-shadow: inset005pxrgba(0,0,0,0.2);
        border-radius:0;
        background:rgba(0,0,0,0.1);
    }
}
// 弹框
.el-dialog__footer{
	text-align: center;
}