.mmenu-opened,.mmenu-opened body{height:100%;width:100%;overflow:hidden;}
.mmenu-opened body{position:relative;}
.mmenu{display:none;width:100%;height:100%;position:absolute;top:0;left:0;z-index:0;overflow:auto;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;}
.mmenu,.mmenu *{-webkit-text-size-adjust:none;font-family:Arial, Helvetica, Garuda, sans-serif;font-size:14px;}
.mmenu ul,.mmenu li{list-style:none;}
.mmenu li{position:relative;}
.mmenu ul,.mmenu li,.mmenu li > a,.mmenu li > span{display:block;padding:0;margin:0;}
.mmenu > ul{background-color:inherit;padding:20px; border-bottom: 1px solid #555;}
.mmenu-opened .mmenu.mmenu-opened{display:block;}
.mmenu-opened .mmenu-page{box-shadow:0 0 20px rgba( 0, 0, 0, 0.8 );background-color:inherit;min-height:100%;position:absolute;z-index:3;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#mmenu-blocker{display:none;}
.mmenu-opened #mmenu-blocker,.mmenu-blocking #mmenu-blocker{background:#fff;opacity:0;display:block;width:100%;height:100%;position:absolute;top:0;z-index:2;}
.mmenu-opened .mmenu-page,.mmenu-opened #mmenu-blocker{-webkit-transition:left 0.5s ease, right 0.5s ease, margin 0.5s ease;-moz-transition:left 0.5s ease, right 0.5s ease, margin 0.5s ease;transition: left 0.5s ease, right 0.5s ease, margin 0.5s ease;}
/*.mmenu-accelerated .mmenu-page,html.mmenu-accelerated #mmenu-blocker{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}*/
html.mmenu-accelerated #mmenu-blocker{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
.mmenu-left.mmenu-opened .mmenu-page,html.mmenu-left.mmenu-opened #mmenu-blocker{margin-left:0px;left:0%; width: 0%;}
.mmenu-left.mmenu-opening .mmenu-page,.mmenu-left.mmenu-opening #mmenu-blocker{margin-left:-30%;left:100%;}
.mmenu-right.mmenu-opened .mmenu-page,.mmenu-right.mmenu-opened #mmenu-blocker{margin-right:0px;right:0%;}
.mmenu-right.mmenu-opening .mmenu-page,.mmenu-right.mmenu-opening #mmenu-blocker{margin-right:-30%;right:100%;}

.mmenu{background:#414141;}
.mmenu li{border:none;}
.mmenu li:first-child{border-top-width:0;}
.mmenu li > a,.mmenu li > span{text-indent:20px;text-overflow:ellipsis;white-space:nowrap;line-height:40px;overflow:hidden;font-size: 16px; color: #ebebeb;}
/*.mmenu li > a,.mmenu li > span,.mmenu li > a:hover{color: #ec862c;}*/
.mmenu li.mmenu-selected > a,.mmenu li.mmenu-selected > span{background:#414141;}
.mmenu li.mmenu-selected > a.mmenu-subopen{background:transparent;}

.mmenu.mmenu-horizontal{width:70%;}
.mmenu.mmenu-horizontal ul{width:100%;margin-left:0%;float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:margin-left 0.5s ease;-moz-transition:margin-left 0.5s ease;transition:margin-left 0.5s ease;}
.mmenu-accelerated .mmenu.mmenu-horizontal ul{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}

.mmenu.mmenu-horizontal ul.mmenu-submenu{display:none;}
.mmenu.mmenu-horizontal ul.mmenu-submenu.mmenu-opened{display:block;}
.mmenu.mmenu-horizontal ul.mmenu-subopened{margin-left:-10%;height:100%;overflow:hidden;}

.mmenu li a:hover{color: #ec862c; background: #303030;}
.mmenu li.arrow > a{ background: url("../images/right.png") 96% center no-repeat; }
.mmenu li.arrow.arrow_bottom > a{ background:#303030 url("../images/bottom.png") 96% center no-repeat; }
.game_open{ width: 100%; background: #2a2a2a;padding: 15px 0; display: none;}
.game_open a , .game_open span{display:block; text-align: left;height:32px;line-height:32px; color:#999; font-size:16px; padding: 0 20px; }
.game_open a i , .game_open span i{ display: inline-block; width: 18px; height: 20px;margin-right: 6px;   }
.game_open a i img{ display: inline-block; vertical-align: middle;  }
.game_open a:hover{background: #414141; }


.phone_login{ width: 100%;  border-bottom: 1px solid #555;}
.phone_login_top{ padding: 15px;  }
.phone_login_top a.jian{ display: block; padding: 5px 5px 5px 5px;color:#ebebeb;font-size: 16px; height: 30px;line-height: 30px; background: url("../images/right.png") 96% center no-repeat;  }
.phone_login_top a.jian2{ background:#303030 url("../images/bottom.png") 96% center no-repeat; color: #ec862c;}
.phone_login_top a i{display: block; width: 20px;height: 100%; padding-left: 20px; float: left;background: url("../images/tou.png") 10px center no-repeat;}
.phone_login_top a i.hou{display: block; width: 20px;height: 100%; padding-left: 20px; float: left;background: url("../../../upload/passport/avatar/preview/s1448607222397.jpg") 10px center no-repeat;}
.phone_login_top a span{display: block; height: 100%; float: left; width:66%;overflow: hidden; }


.fdiv{border-top: 1px solid #555; width: 92%; padding:0 3%;}
.fdiv span{ display: block; font-size: 12px; color: #999; padding: 10px 0 10px;text-align: center;}
.fdiv span a{display: inline-block;color: #ec862c;font-size: 12px; }
.fdiv input{display: block;color: #74746f; padding-left:2%;font-size: 12px; width:97%; height: 30px; background: #fff; margin: 0 auto 10px; }
.fdiv a.now{ display: inline-block; color: #fff; text-align: center; padding: 2% 4%;  background: #f9343b; margin:0 auto 10px; font-size: 12px;}
.sign_phone{ width: 100%; overflow: hidden; margin-bottom: 10px;}
.sign_phone em{ display: block; color: #a1a1a1; font-size: 14px; padding-bottom: 8px;}
.sign_phone a{float:left; display: block; width: 52px; height: 40px; background: url("../images/sign.jpg") no-repeat; }
.sign_phone a.sign2{ background-position: -52px 0;}
.sign_phone a.sign3{ background-position: -104px 0;}
.sign_phone a.sign4{ background-position: -156px 0;}
.fdiv a.username{ display: block; color: #fff; font-size: 12px;  line-height: 26px;}
.fdiv p{display: block; color: #fff; font-size: 12px;  line-height: 26px;}
.fdiv .after_nav{margin-top: 10px; }
.fdiv .after_nav a{display: block; width: 100%; height: 40px; line-height: 40px; text-indent: 10px;  text-overflow: ellipsis;  white-space: nowrap;  overflow: hidden;color: #fff; font-size: 16px; }
.fdiv .after_nav a:hover{ color: #d37a2c;}



@media all and (max-width: 600px) {
    .mmenu > ul {  background-color: inherit;  padding: 20px 5px;  border-bottom: 1px solid #555;  }
    .phone_login_top {  padding: 15px 10px;  }
    .phone_login_top a.jian{ padding: 5px 0;}
}


@media all and (max-width: 414px) {
    .fdiv .after_nav a{font-size: 14px;}
    .mmenu li > a, .mmenu li > span{font-size: 14px;}
    .game_open a, .game_open span{font-size: 14px;}
    .phone_login_top a.jian {  font-size: 14px;}
}