/* 自动编号系统 */
.first-title-auto-counter{/* 一级标题自动计数,需要设置一级标题class="first-title",下同 */

	counter-reset: count1 0;

}

.second-title-auto-counter{

	counter-reset: count2 0;

}

.first-title-auto-counter .e-menu-first-title{/*一级目录标题*/
	
/* 	display: block;
	padding-top: 10px;
	padding-bottom: 10px; */
	counter-increment: count1;
	counter-reset: count2 0;/* 重置二级目录序号 */

}

.catalogBtn{
	color:#F7931E;
    position: absolute;
    left: 7rem;
    top: 0.56rem;
    background-color: #3a4046;
    color: #F7931E;
    cursor: pointer;
	width: 100px;
    flex: 1 0 auto;
    max-width: 120px;
    text-align: center;
    transition: all 0.2s;
	border: 1px solid rgba(0,0,0,0);
}

.catalogBtn::before{
	content: '';
    display: inline-block;
    background-image: url(../images/arrow/right-arrow.svg);
    background-repeat: no-repeat;
    width: 9px;
    height: 9px;
    background-size: 9px 9px;
    position: relative;
    top: -2px;
    left: 3px;
    transition: transform 0.15s;transform: rotate(90deg);
}

.catalogBtn.show::before{
	transform: rotate(0deg);
}

.catalogBtn:hover{
	color:#f9b361;
	cursor: pointer;border: 1px solid #f9b361
}

.first-title-auto-counter .e-menu-first-title:before{

    content: counter(count1)'. ';
	color: #F7931E;
     
}

.second-title-auto-counter .e-menu-second-title{/*二级目录标题*/
	
	counter-increment: count2;

}

.second-title-auto-counter .e-menu-second-title:before{

    content: counter(count1)'.'counter(count2)' ';
     
}
/* 自动编号系统end */

@media screen and (min-width: 992px){
	.e-menu-container{
		position: absolute;
		padding-left: 10px;
		width: 245px;
	}
	.fixed-menu{
		position: fixed;
		top: 72px;
		width: 245px;
	}
	.fixed-menu .menu-list{
		height: auto;
		overflow: auto;
	}
	.menu-list{
		display: block;
	}
}
@media screen and (min-width: 1200px){
	.e-menu-container{
		width: 285px;
	}
}
@media screen and (min-width: 1400px){
	.e-menu-container{
		width: 300px;
	}
}

/* 手机端菜单 */
.hide-menu-screen .e-menu-container {
	
    position: fixed;
    left: 0;
    top: 0;
	padding: 0;
	width: 100%;
    height: 100%;
    overflow: hidden;
    pointer-events: none;
    z-index: 1500;
	
}

.hide-menu-screen .menu--visible {
	
    pointer-events: auto;
	
}

.hide-menu-screen .e-menu {
	
    position: relative;
    max-width: 320px;
    width: 80%;
    height: 100%;
	background: #343a40;
	box-shadow: 0 2px 20px rgba(0, 0, 0, 0.6);
	-webkit-transform: translateX(-103%);
			transform: translateX(-103%);
	display: flex;/*设置菜单为flex布局，与动画无关*/
    flex-direction: column;/*设置菜单内flex主轴方向为垂直方向，与动画无关*/
    will-change: transform;
    z-index: 1600;
    pointer-events: auto;
	overflow: auto;
	
}

.hide-menu-screen .e-menu-phone-icon{
	
	display: block;

}

.hide-menu-screen .e-menu-phone-icon:before{
	
	display: inline-block;
	height: 1.4em;
	width: 1.4em;
	vertical-align: middle;
	content: "";
	background: no-repeat center center;
	background-size: 100% 100%;
	background-image: url("/images/menu_button.svg");
	
}

.hide-menu-screen .menu--visible .e-menu{
	
    -webkit-transform: none;
            transform: none;
			
}

.hide-menu-screen .menu--animatable .e-menu {
	
    transition: all 130ms ease-in;/*关闭菜单的动画速度*/
	
}

.hide-menu-screen .menu--visible.menu--animatable .e-menu {
	
    transition: all 330ms ease-out;/*打开菜单的动画速度*/
	
}

.hide-menu-screen .e-menu-container:after {/*为除菜单外的部分添加一层阴影，默认透明度为0，点击菜单时透明度变为1*/

    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.4);
    opacity: 0;
    will-change: opacity;
    pointer-events: none;
    transition: opacity 0.3s cubic-bezier(0,0,0.3,1);/*阴影动画效果*/
	
}

.hide-menu-screen .menu--visible.e-menu-container:after {
	
    opacity: 1;
    pointer-events: auto;
	
}
/* 手机端菜单end */