@charset "utf-8";

@media (max-width:991px){
	.menu-box{ display: none; position:absolute;top: 80px; right: 0;z-index:2147483645; width: 120px; }
	.menu-box ul li{ margin-bottom:1px; }
	.menu-box ul li a{ display: block; color: #fff; line-height:40px; text-align:center; background-color: rgba(247,92,109,0.8); }
	.menu-box ul li.active a{ background: #dd3551; }
	.menu-btn{ position: absolute; top:20px; right: 15px; z-index:2147483647; padding:11px 7px 0; width: 40px; height: 40px; background-color: #333; }
	.menu-btn b{ display: block; height:4px; background: #fff;}
	.menu-btn b:nth-child(2){ margin:3px 0; }
	.menu-btn.active{ background-color: #f75c6d; }
	.menu-btn.active b:nth-child(1){ transform:translate(0,7px) rotate(45deg); }
	.menu-btn.active b:nth-child(2){ opacity: 0; }
	.menu-btn.active b:nth-child(3){ transform:translate(0,-7px) rotate(-45deg); }
}

@media (max-width:767px){
	.menu-box{ top: 60px; width: 100px; }
	.menu-box ul li a{ font-size: 12px; line-height:30px; }
	.menu-btn{ top:12px; padding:10px 7px 0; width:35px; height:35px; }
	.menu-btn b{height:3px; }
	.menu-btn.active b:nth-child(1){ transform:translate(0,6px) rotate(45deg); }
	.menu-btn.active b:nth-child(3){ transform:translate(0,-6px) rotate(-45deg); }
}