@charset "utf-8";
/* css document */


/*手机端*/
.hmenu-btn{width:26px;height:72px;padding:34px 0 0;cursor:pointer;}
.hmenu-btn a{display:block;width:100%;height:3px;background-color:#666666;position:relative;}
.hmenu-btn a:before,
.hmenu-btn a:after{content:"";display:block;width:100%;height:3px;background-color:#666666;position:absolute;left:0px;}
.hmenu-btn a:before{top:-8px;}
.hmenu-btn a:after{bottom:-8px;}
.hmenu-btn.cur a{-moz-animation: buttonanimation 0.3s ease forwards;-webkit-animation: buttonanimation 0.3s ease forwards;animation: buttonanimation 0.3s ease forwards;}
.hmenu-btn.cur a:before{-moz-animation: buttonanimationbefore 0.3s ease forwards;-webkit-animation: buttonanimationbefore 0.3s ease forwards;animation: buttonanimationbefore 0.3s ease forwards; }
.hmenu-btn.cur a:after{-moz-animation: buttonanimationafter 0.3s ease forwards;-webkit-animation: buttonanimationafter 0.3s ease forwards;animation: buttonanimationafter 0.3s ease forwards; }
@-moz-keyframes buttonanimationbefore {
	0% {-moz-transform: translatey(0px) rotate(0);transform: translatey(0px) rotate(0); }
	50% {-moz-transform: translatey(8px) rotate(0);transform: translatey(8px) rotate(0); }
	100% {-moz-transform: translatey(8px) rotate(45deg);transform: translatey(8px) rotate(45deg); } 
}
@-webkit-keyframes buttonanimationbefore {
	0% {-webkit-transform: translatey(0px) rotate(0);transform: translatey(0px) rotate(0); }
	50% {-webkit-transform: translatey(8px) rotate(0);transform: translatey(8px) rotate(0); }
	100% {-webkit-transform: translatey(8px) rotate(45deg);transform: translatey(8px) rotate(45deg); } 
}
@keyframes buttonanimationbefore {
	0% {-moz-transform: translatey(0px) rotate(0);-ms-transform: translatey(0px) rotate(0);-webkit-transform: translatey(0px) rotate(0);transform: translatey(0px) rotate(0); }
	50% {-moz-transform: translatey(8px) rotate(0);-ms-transform: translatey(8px) rotate(0);-webkit-transform: translatey(8px) rotate(0);transform: translatey(8px) rotate(0); }
	100% {-moz-transform: translatey(8px) rotate(45deg);-ms-transform: translatey(8px) rotate(45deg);-webkit-transform: translatey(8px) rotate(45deg);transform: translatey(8px) rotate(45deg); } }
@-moz-keyframes buttonanimationafter {
	0% {-moz-transform: translatey(0) rotate(0);transform: translatey(0) rotate(0); }
	50% {-moz-transform: translatey(-8px) rotate(0);transform: translatey(-8px) rotate(0); }
	100% {-moz-transform: translatey(-8px) rotate(-45deg);transform: translatey(-8px) rotate(-45deg); } 
}
@-webkit-keyframes buttonanimationafter {
	0% {-webkit-transform: translatey(0) rotate(0);transform: translatey(0) rotate(0); }
	50% {-webkit-transform: translatey(-8px) rotate(0);transform: translatey(-8px) rotate(0); }
	100% {-webkit-transform: translatey(-8px) rotate(-45deg);transform: translatey(-8px) rotate(-45deg); } 
}
@keyframes buttonanimationafter {
	0% {-moz-transform: translatey(0) rotate(0);-ms-transform: translatey(0) rotate(0);-webkit-transform: translatey(0) rotate(0);transform: translatey(0) rotate(0); }
	50% {-moz-transform: translatey(-8px) rotate(0);-ms-transform: translatey(-8px) rotate(0);-webkit-transform: translatey(-8px) rotate(0);transform: translatey(-8px) rotate(0); }
	100% {-moz-transform: translatey(-8px) rotate(-45deg);-ms-transform: translatey(-8px) rotate(-45deg);-webkit-transform: translatey(-8px) rotate(-45deg);transform: translatey(-8px) rotate(-45deg); } 
}
@-moz-keyframes buttonanimation {
	0% {background: #aaaaaa; }
	50% {background: rgba(255, 255, 255, 0); }
	100% {background: rgba(255, 255, 255, 0); }
}
@-webkit-keyframes buttonanimation {
	0% {background: #aaaaaa; }
	50% {background: rgba(255, 255, 255, 0); }
	100% {background: rgba(255, 255, 255, 0); } 
}
@keyframes buttonanimation {
	0% {background: #aaaaaa; }
	50% {background: rgba(255, 255, 255, 0); }
	100% {background: rgba(255, 255, 255, 0); } 
}


.hmenu-btn-web.hmenu-btn{display:none;padding:24px 0 0;height:50px;float:right;}