.m-nav-warpper{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.m-nav{
	display: table;
	margin: 0 auto;
}
.m-nav-list{
	position: relative;
	display: inline-block;
	.m-nav-droplist{
		display: none;
		a{
			display: block;
			padding: 8px;
			text-align: center;
			background-color: #3D9DEE;
			color: #fff;
			white-space:nowrap;
		}
	}
	.slide-down-menu{
		@extend .animation;
	    display: block;
	    -webkit-animation-name: slidedown;
	       -moz-animation-name: slidedown;
	        -ms-animation-name: slidedown;
	         -o-animation-name: slidedown;
	            animation-name: slidedown;
	    /*-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.1);
	            box-shadow: 0 1px 1px rgba(0,0,0,.1);*/
	}
	.m-droplist__center{
		position: absolute;
		z-index: 1;
		-webkit-transform: translate(-50%, 0);
		left: 50%;
		
	}
	.m-droplist__left{
		position: absolute;
		z-index: 1;
		-webkit-transform: translate(0, 0);
		left: 0;
	}
	.m-droplist__right{
		position: absolute;
		z-index: 1;
		-webkit-transform: translate(0, 0);
		right: 0;
	}
}
.m-nav-list-item{
	display: block;
	font-size: 16px;
	height: 44px;
	line-height: 44px;
	color: #fff;
	padding: 0 15px;
}

// .m-dropmenu-active{
// 	.handler{
// 		&:before{
// 			@include rotate(180deg);	
// 		}
// 	}
// 	ul{
// 		padding: 10px 0;
// 	}
// }


@keyframes slidedown {
    0% {
        -webkit-transform: translateY(-10px);
           -moz-transform: translateY(-10px);
            -ms-transform: translateY(-10px);
             -o-transform: translateY(-10px);
                transform: translateY(-10px);
        opacity: 0;
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0px);
           -moz-transform: translateY(0px);
            -ms-transform: translateY(0px);
             -o-transform: translateY(0px);
                transform: translateY(0px);
    }
}
@-webkit-keyframes slidedown {
    0% {
        -webkit-transform: translateY(-10px);
           -moz-transform: translateY(-10px);
            -ms-transform: translateY(-10px);
             -o-transform: translateY(-10px);
                transform: translateY(-10px);
        opacity: 0;
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0px);
           -moz-transform: translateY(0px);
            -ms-transform: translateY(0px);
             -o-transform: translateY(0px);
                transform: translateY(0px);
    }
}

