.muuweb-header-m { top: 0; box-shadow: 0 5px 10px rgba(0,0,0,.05); left: 0; z-index: 1000; position: fixed; background: #f5f5f5; width: 100%; transition: all 0.8s; border-top-width: 4px; border-top-style: solid; border-top-color: #c00607; height: 50px; }
.muuweb-header-m .muuweb-logo { width: calc(100% - 50px); float: left; margin: 11px 0 0 10px; display: block; transition: all 0.8s; text-align: center;}

.muuweb-header-m .muuweb-logo img { display: inline-block; height: 30px;  }

.muuweb-header-m .xx_email{
	position: absolute;
    right: 50px;
    padding-top: 8px;
    width: 30px;
}
.muuweb-header-m .xx_email .iconfont{font-size: 23px;}
.muuweb-header-m .xx_user{
	position: absolute;
    right: 10px;
    margin-top: 8px;
    width: 32px;
    float: right;
    border-radius: 50%;
    background: #F0DDDD;
    color: #C71000;
    text-align: center;
    height: 32px;
    line-height: 32px;
    overflow: hidden;
}
.muuweb-header-m .xx_user .iconfont{font-size: 23px;color: #C71000;}
.muuweb-header-m .xx_user img{width: 32px;height: 32px;margin-top: -3px;}

.muuweb-header-m .bg { position: fixed; top: 50px; right: 0; bottom: 0; width: calc(100% - 20px); height: 100vh; z-index: 99; background: #000; opacity: .8; filter: alpha(opacity=10); cursor: pointer; transform: scaleX(0); transform-origin: 100% 50%; transition: transform 0.6s; border-right-width: 10px; border-left-width: 10px; border-right-style: solid; border-left-style: solid; border-right-color: #f5f5f5; border-left-color: #f5f5f5; display:none }
.muuweb-header-m .menu-box { position: absolute; z-index: 9999; left: 0; padding: 15px 15px; transition: all 0.6s; }
.muuweb-header-m .muuweb-menu { width: 25px; margin: 0 auto; cursor: pointer; }
.muuweb-header-m .muuweb-menu .line { position: relative; top: 0; display: block; width: 100%; height: 2px; transition: transform 0.3s ease, top 0.3s ease, width 0.3s ease, opacity 0.3s, background 0.3s; transform-origin: center center; background: #666; ; }
.muuweb-header-m .muuweb-menu .line:nth-child(2) { margin: 6px 0; }
.muuweb-header-m.ishow { }
.muuweb-header-m.ishow .bg { transform: scaleX(1); }
 
.muuweb-header-m.ishow .menu-box { left: 0; }
.muuweb-header-m.ishow .muuweb-menu .line:nth-child(1) { top: 8px; transform: rotate(45deg); opacity: 0.8; }
.muuweb-header-m.ishow .muuweb-menu .line:nth-child(2) { opacity: 0; width: 0 }
.muuweb-header-m.ishow .muuweb-menu .line:nth-child(3) { top: -8px; transform: rotate(-45deg); opacity: 0.8; }
.muuweb-header-m .muuweb-nav { position: fixed; top: 60px; right: 0;  bottom: 0; overflow-y: auto; padding-top: 0; width: 0%; z-index: 99; cursor: pointer; transition: .36s ease-in-out; -webkit-transition: .36s ease-in-out; transform-origin: 100% 50%; padding: 0; top: 53px; background: #222222; }
 
 
.muuweb-header-m .muuweb-nav li {  overflow: hidden; position: relative; }
.muuweb-header-m .muuweb-nav li a{ color:#fff}
.muuweb-header-m.ishow .muuweb-nav { transform: scaleX(1);width: calc(100% - 20px); opacity: 0.9; border-right-width: 10px; border-left-width: 10px; border-right-style: solid; border-left-style: solid; border-right-color: #f5f5f5; border-left-color: #f5f5f5;overflow:hidden }



 @media (min-width: 1200px) {
.muuweb-header-m { display: none; }
}
 @-webkit-keyframes scaleUpDown { from {
-webkit-transform: scale(1.1);
transform: scale(1.1) translateZ(0);
}
to { opacity: 1; -webkit-transform: scale(1); transform: scale(1) translateZ(0); }
}
@keyframes scaleUpDown { from {
-webkit-transform: scale(1.1);
transform: scale(1.1) translateZ(0);
}
to { opacity: 1; -webkit-transform: scale(1); transform: scale(1) translateZ(0); }
}
 @-webkit-keyframes colorSlide { 0% {
height:0;
}
90% {
height:40px;
}
}
@keyframes colorSlide { 0% {
height:0;
}
90% {
height:40px;
}
}
@-webkit-keyframes trackBallSlide { 0% {
opacity: 1;
-webkit-transform: scale(1) translateY(-8px);
transform: scale(1) translateY(-8px);
}
34% {
opacity: 1;
-webkit-transform: scale(0.9) translateY(4px);
transform: scale(0.9) translateY(4px);
}
68% {
opacity: 0;
-webkit-transform: scale(0.4) translateY(16px);
transform: scale(0.4) translateY(16px);
}
100% {
opacity: 0;
-webkit-transform: scale(0.4) translateY(-8px);
transform: scale(0.4) translateY(-8px);
}
}
@keyframes trackBallSlide { 0% {
opacity: 1;
-webkit-transform: scale(1) translateY(-8px);
transform: scale(1) translateY(-8px);
}
34% {
opacity: 1;
-webkit-transform: scale(0.9) translateY(4px);
transform: scale(0.9) translateY(4px);
}
68% {
opacity: 0;
-webkit-transform: scale(0.4) translateY(16px);
transform: scale(0.4) translateY(16px);
}
100% {
opacity: 0;
-webkit-transform: scale(0.4) translateY(-8px);
transform: scale(0.4) translateY(-8px);
}
}
@-webkit-keyframes nudgeMouse { 0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
50% {
-webkit-transform: translateY(8px);
transform: translateY(8px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes nudgeMouse { 0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
50% {
-webkit-transform: translateY(8px);
transform: translateY(8px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
 @-moz-keyframes three-quarters-loader { 0% {
-moz-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-moz-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes three-quarters-loader { 0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes three-quarters-loader { 0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}