@font-face {
    font-family: element-icons;
    src: url(fonts/element-icons.woff?t=1472440741) format('woff'), url(fonts/element-icons.ttf?t=1472440741) format('truetype');
    font-weight: 400;
    font-style: normal
}
body{
	margin: 0;
	padding: 0;
}
a{
	color: inherit;
	text-decoration: none;
}
.yh-logo{
	padding-top: 8px;
	text-align: center;
}
.el-header{
	width: 100%;
	padding: 0;
	background: #05220b;
	height: 90px !important;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
}
.el-main{
	padding: 0;
	margin-top: 90px;
}
.el-footer{
	padding: 0;
	height: 190px !important;
	background-color: #1f1f1f;
	position: relative;
}
.el-footer p{
	margin: 15px 19%;
	font-size: 16px;
	color: #999999;
}
.el-footer p:nth-child(3){
	font-size: 36px;
}
.el-footer .qr-code{
	width: 110px;
	height: 143px;
	position: absolute;
	right: 19%;
	top: 24px;
}
.el-footer .qr-code div{
	text-align: center;
}
.el-footer .qr-code div img{
	width: 110px;
	height: 110px;
}
.el-footer .qr-code div:nth-child(2){
	margin-top: 8px;
	color: #999999;
}
.grid-content {
	min-height: 90px;
}
.bg-purple-dark {
	background: #05220b;
}
.el-menu-demo{
	background: #05220b;
	padding-top: 18px;
}
.el-menu.el-menu--horizontal{
	border-bottom: none;
}
.el-menu--horizontal>.el-menu-item a{
	text-decoration:none;
	position: relative;
	top: -2px;
}
.el-menu--horizontal>.el-menu-item:not(.is-disabled):hover {
	background-color: #05220b;
	color: #ffffff;
}
.el-menu--horizontal>.el-menu-item,
.el-menu--horizontal>.el-submenu .el-submenu__title{
	height: 46px;
	line-height: 46px;
	margin-top: 15px;
	font-size: 18px;
	padding: 0;
	margin: 0 60px 0 0;
}
.el-menu--horizontal>.el-menu-item.is-active {
	border-bottom: 4px solid #1cb234;
	color: #ffffff;
}
.el-menu--horizontal>.el-submenu .el-submenu__title:hover {
	background-color: #05220b;
}
.el-menu--horizontal>.el-submenu.is-active .el-submenu__title{
	color: #ffffff;
	border-bottom: 4px solid #1cb234;
	position: relative;
}
.el-menu--horizontal>.el-menu-item.is-active::after,
.el-menu--horizontal>.el-submenu.is-active .el-submenu__title::after{
	border: solid transparent;
	content: ' ';
	height: 0;
	position: absolute;
	width: 0;
	border-width: 4px;
	border-color: #fff;
	left: 50%;
	margin-left: -4px;
	bottom: -6px;
	transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
}
.el-menu--popup{
	padding: 0;
	background: rgba(2, 26, 7, 0.3);
	top: 15px;
	padding-right: 38px;
}
.el-menu--horizontal .el-menu .el-menu-item, .el-menu--horizontal .el-menu .el-submenu__title{
	background: none;
	height: 60px;
	line-height: 60px;
	padding: 0 0 0 38px;
	font-size: 18px;
	color: rgba(255, 255, 255, 0.5) !important;
}
.el-menu--horizontal .el-menu-item:not(.is-disabled):hover{
	color: #FFFFFF !important;
}
.el-menu-item:hover {
	outline: 0;
	background: none;
}
.el-menu--horizontal .el-menu .el-menu-item.is-active, .el-menu--horizontal .el-menu .el-submenu.is-active>.el-submenu__title{
	color: #FFFFFF !important;
}
.el-menu--horizontal .el-menu .el-menu-item{
	float: left;
}
.el-submenu__icon-arrow{
	display: none;
}
.el-icon-menu{
	display: none;
}
.el-icon-menu:before{
	content: "\e617";
}
.el-icon-arrow-left:before {
    content: "\e601";
}
.el-icon-arrow-right:before {
    content: "\e602";
}
.el-menu-vertical-demo{
	display: none;
}
@media only screen and (min-width: 100px) and (max-width: 1405px) {
	.el-header {
	    height: 60px !important;
	}
	.el-main {
	    margin-top: 60px;
	}
	.grid-content {
	    min-height: 60px;
	}
	.yh-logo img{
		height: 42px;
	}
	.el-menu-demo{
		display: none;
	}
	.el-icon-menu{
		display: block;
		color: #FFFFFF;
		font-size: 24px;
		float: right;
		margin-right: 20px;
		margin-top: 18px;
	}
	.el-menu-vertical-demo{
		display: block;
		width: 100%;
		overflow: hidden;
		text-align: center;
		position: absolute;
		top: 60px;
		background: rgba(255,255,255,0.8);
	}
	.el-menu-vertical-demo .el-submenu .el-menu{
		background: rgba(255,255,255,0.5);
	}
	.el-menu-vertical-demo .el-submenu__title:hover {
	    background-color: rgba(255,255,255,0.5);
	}
	.el-submenu.is-active .el-submenu__title {
    	color: #1cb234;;
    	border-bottom-color: #1cb234;
	}
	.el-menu-vertical-demo .el-submenu__title{
		border-bottom: 1px solid #f1f1f1;
	}
	.el-menu-vertical-demo .el-submenu__title,
	.el-menu-vertical-demo .el-menu-item{
		height: 42px;
		line-height: 42px;
		font-size: 14px;
		border-bottom: 1px solid #f1f1f1;
	}
	.el-menu-vertical-demo .el-submenu .el-menu-item{
		height: 32px;
		line-height: 32px;
		font-size: 12px;
		color: #666666;
	}
	.el-menu-vertical-demo .el-menu-item.is-active{
		color: #1cb234;
	}
	.el-footer {
	    height: 140px !important;
	}
	.el-footer p{
		margin: 10px 3%;
		font-size: 12px;
	}
	.el-footer p:nth-child(3) {
	    font-size: 20px;
	}
	.el-footer .qr-code{
		width: 60px;
		height: 100px;
		right: 3%;
		top: 30px;
		font-size: 12px;
	}
	.el-footer .qr-code div img{
		width: 60px;
		height: 60px;
	}
	.el-footer .qr-code div:nth-child(2){
		margin-top: 0px;
	}
}
@media only screen and (min-width: 100px) and (max-width: 414px) {
	.yh-logo img{
		position: relative;
		left: -30px;
	}
}