.body{  background:#29272B url(http://gamecentp-dev.vgs.lenovo.com.cn/public/cent2tpl/dist/static/img/bg-full-1eda5f3da0.png); }
.main{ width: 1200px;  margin:0px auto;}
.pos{ position: absolute; display: block; border:0px; padding: 0px; margin:0px;}
.pes{ position: relative; display: block; border:0px; padding: 0px; margin:0px; }
.btn{ display: block; cursor: pointer;}
.none{ display: none; }


/**iframe**/
.gmbox::-webkit-scrollbar
{
  width: 6px;
  height: 10px;
  background-color: #1C0B04;
}
/*定义滚动条轨道 内阴影+圆角*/
.gmbox::-webkit-scrollbar-track
{
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  background-color: #1C0B04;
}
/*定义滑块 内阴影+圆角*/
.gmbox::-webkit-scrollbar-thumb
{
  -webkit-box-shadow: inset 0 0 6px rgba(15,0,0,.3);
  background-color: #793324;
}
.gmbox::-webkit-scrollbar-thumb:hover{
  background-color: #DDDBDA;
}

iframe::-webkit-scrollbar
{
  width: 6px;
  height: 10px;
  background-color: #1C0B04;
}
/*定义滚动条轨道 内阴影+圆角*/
iframe::-webkit-scrollbar-track
{
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  background-color: #1C0B04;
}
/*定义滑块 内阴影+圆角*/
iframe::-webkit-scrollbar-thumb
{
  -webkit-box-shadow: inset 0 0 6px rgba(15,0,0,.3);
  background-color: #793324;
}
iframe::-webkit-scrollbar-thumb:hover{
  background-color: #DDDBDA;
}


/**iframe**/

/* 图标部分 */
@font-face {
  font-family: 'iconfont';
  src: url('./iconfont/iconfont.eot');
  src: url('./iconfont/iconfont.eot?#iefix') format('embedded-opentype'),
  url('./iconfont/iconfont.woff') format('woff'),
  url('../iconfont/iconfont.woff') format('woff'),
  url('./iconfont/iconfont.ttf') format('truetype'),
  url('./iconfont/iconfont.svg#iconfont') format('svg');
}
.iconfont{
  font-family:"iconfont" !important;
  font-size:16px;font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}

.gmbox{ position: relative;   }

/** 游戏头部  **/
.gmbox .gmtop{ height: 75px; background:#29292a url(../images/top-bg.jpg) no-repeat;background-size: 100% 100%;}
.gmbox .gmtop .logo{/* width: 103px; height: 30px;*/ position: absolute;  top:15px; left:15px; }
.gmbox .gmtop .logo a,.gmbox .gmtop .logo a img{display: block;width: 100%;height: 100%;}
.gmbox .gmtop .logo img{     width: 130px; }
.gmbox .gmtop .toolbox{
    width: 165px; height: 20px; z-index: 10;
    /*background: #f00;*/
    top:10px; right: 10px;
}

.gmbox .gmtop .toolbox button.btn{ width:20px; height: 20px; float: left;  margin-right: 15px;
    margin-top: 3px;  }
.gmbox .gmtop .toolbox button.btn.toolSkins{
    background: url(../images/icon_1.png) no-repeat;
    background-size:20px 20px;
}
.gmbox .gmtop .toolbox button.btn.toolSkins:hover{
    background: url(../images/icon_1_hover.png) no-repeat;
}
.gmbox .gmtop .toolbox button.btn.toolMenus{
    background: url(../images/icon_2.png) no-repeat;
    background-size:20px 20px;
}
.gmbox .gmtop .toolbox button.btn.toolMenus:hover{
    background: url(../images/icon_2_hover.png) no-repeat;
}
.gmbox .gmtop .toolbox button.btn.toolSuoxiao{
    background: url(../images/icon_3.png) no-repeat;
    background-size:20px 20px;
}
.gmbox .gmtop .toolbox button.btn.toolSuoxiao:hover{
    background: url(../images/icon_3_hover.png) no-repeat;
}
.gmbox .gmtop .toolbox button.btn.toolFangda{
    background: url(../images/icon_4.png) no-repeat;
    background-size:20px 20px;
}
.gmbox .gmtop .toolbox button.btn.toolFangda:hover{
    background: url(../images/icon_4_hover.png) no-repeat;
}
.gmbox .gmtop .toolbox button.btn.big.toolFangda{
    background: url(../images/icon_4_big.png) no-repeat;
    background-size:20px 20px;
}
.gmbox .gmtop .toolbox button.btn.big.toolFangda:hover{
    background: url(../images/icon_4_big_hover.jpg) no-repeat;
}
.gmbox .gmtop .toolbox button.btn.toolClose{
    background: url(../images/icon_5.png) no-repeat;
    background-size:20px 20px;
}
.gmbox .gmtop .toolbox button.btn.toolClose:hover{
    background: url(../images/icon_5_hover.png) no-repeat;
}
/*礼包*/
.gmbox .gmtop .toolbox button.btn.toolLb{
    width: 22px; height: 24px;
    background: url("../images/topmenu/libao.png") no-repeat center;
    background-size:22px 24px; margin-top: 0px;
}
/*返回箭头*/
.gmbox .gmtop .toolbox button.btn.toolReturn{
    background: url("../images/j_no.png") no-repeat center;
    background-size:14px 14px;
}
.gmbox .gmtop .toolbox button.btn.toolReturn:hover{
    background: url("../images/j_hov.jpg") no-repeat;
    background-size:20px 20px;
}
/*返回箭头结束*/
.gmbox .gmtop .toolbox button.btn.nor{ margin-right: 0px;}

.gmbox .topNav{ width: 600px; height: 50px; left: 50%; margin-left: -290px; top:18px;  }
.gmbox .topNav ul{ position: relative; z-index: 10; }
.gmbox .topNav ul li{ /*width: 16.6%;*/ width: 20%; height: 50px; float: left; cursor: pointer;   }
.gmbox .topNav ul li span.ic{ display: block;width: 100%;height: 100%;  }
/*width: 20px; height: 20px;*/
.gmbox .topNav ul li span.ic.ic-game{  background: url(../images/icon_game.png) no-repeat center;}
.gmbox .topNav ul li span.ic.ic-live{  background: url(../images/icon_live.png) no-repeat center;}
/*.gmbox .topNav ul li span.ic.ic-saishi{  background: url(../images/icon_ss.png) no-repeat center;}*/
/*添加定位，便于推荐游戏加速器icon图标定位*/
.gmbox .topNav ul li span.ic.ic-saishi{ position: relative; background: url(../images/icon_ss.png) no-repeat center;}
.gmbox .topNav ul li span.ic.ic-shop{  background: url(../images/icon_shop.png) no-repeat center;}
.gmbox .topNav ul li span.ic.ic-bbs{  background: url(../images/icon_bss.png) no-repeat center;}
.gmbox .topNav ul li span.ic.ic-wegame{  background: url(../images/icon_wegame.png) no-repeat center;}
.gmbox .topNav ul li p{ font-size: 18px; text-align: center; color:#333333;  line-height: 50px; }
.gmbox .topNav ul li:hover{  cursor: pointer;}
.gmbox .topNav ul li:hover p{
   /* color: #fff;*/ color: #9d9da6;
}
.gmbox .topNav ul li.on p{  /*color: #fff;*/ color: #9d9da6; }
.gmbox .topNav ul li.on span.ic.ic-game{  background: url(../images/icon_game_hover.png) no-repeat center;}
.gmbox .topNav ul li.on span.ic.ic-live{  background: url(../images/icon_live_hover.png) no-repeat center;}
.gmbox .topNav ul li.on span.ic.ic-saishi{  background: url(../images/icon_ss_hover.png) no-repeat center;}
.gmbox .topNav ul li.on span.ic.ic-shop{  background: url(../images/icon_shop_hover.png) no-repeat center;}
.gmbox .topNav ul li.on span.ic.ic-bbs{  background: url(../images/icon_bss_hover.png) no-repeat center;}
.gmbox .topNav ul li.on span.ic.ic-wegame{  background: url(../images/icon_wegame_hover.png) no-repeat center;}
/*加速器推荐icon*/
.gmbox .topNav ul li span.ic.ic-saishi .icon_recom{
    width: 20px;
    height: 18px;
    right: 24px;
    top: 6px;
    background: url("../images/icon_recom.png") no-repeat center;
}
/*加速器推荐icon*/
.gmbox .topNav .navOn{
    position: absolute;
    bottom: -16px;
    left: 20px;
    width: 142px;
    height: 38px;
    background: url(../images/ic_hover.png) no-repeat center;
    opacity: 0.8;
}
.gmbox .userBox{
    width: 115px; height: 35px; line-height: 35px; white-space: nowrap;  text-overflow: ellipsis;
    bottom:5px; right: 68px;
    padding-left: 38px;
    overflow: hidden;
    cursor: pointer;
    color: #fff;
}
.gmbox .userBox:hover{
    color: #bababa
}
.gmbox .userBox p{
     white-space: nowrap;  text-overflow: ellipsis;  overflow: hidden;
}
.gmbox .userBox .face{ display:block; width: 30px; height: 30px; border-radius: 100%;
    border:1px solid #29272B; left: 2px; top:2px; 
}
.gmbox .userBox .face:hover{
  cursor: pointer;
}
.gmbox .userBox .face img{
    width: 100%; height: 100%; border-radius: 100%; display: block;
}
.gmbox .toolBtn{
    width: 80px; height: 15px; left: 45px; top:45px;  z-index: 10;
    /*background: #f00;  */
}
.gmbox .toolBtn button.btn{
    position: absolute; display: block; border: none;
}
.gmbox .toolBtn button.btn-history{
    width: 14px; height: 14px; background: url(../images/ic_back.png) no-repeat center;  top: 0px; left: 0px;
}
.gmbox .toolBtn button.btn-shuaxin{
    width: 14px; height: 14px; background: url(../images/ic_sx.png) no-repeat center; top: 0px; left: 35px;
}
.gmbox .toolbox .khdToolsMenu{
    width: 126px;
    background: #292c33;
    color: #bababa;
    min-height: 120px;
    left: 0;
    top: 25px;
    box-shadow: #000 1px 1px 7px; 


}
.gmbox .toolbox .khdToolsMenu ul{
    padding: 0px 0px;
}
.gmbox .toolbox .khdToolsMenu ul li{
    height: 28px; line-height: 25px; text-align: center; cursor: pointer; font-size: 14px;
}
.gmbox .toolbox .khdToolsMenu ul li:hover{
    background: #3A3C47;
}
/** 游戏头部  **/

/** 游戏左侧菜单  **/
.gmbox .gmLeftMenu{ width:200px; min-height: 618px; height: 100%; background: #48484C; float: left; position: fixed; z-index: 10; color: #979797;  }
.gmbox .gmLeftMenu .menuBtn{  width: 26px; height: 68px; background:url(../images/menuLeft.png); top:50%;margin-top: -34px; right: -23px; }
.gmbox .gmLeftMenu .menuBtn.rbg{  width: 26px; height: 68px; background:url(../images/menuRight.png); top:50%; right: -23px;margin-top: -34px; }
.gmbox .gmLeftMenu .userBoxs{ height: 147px; overflow: hidden;}
.gmbox .gmLeftMenu .userBoxs .face{ width: 100%; height: 100%;  position: relative; overflow: hidden; }
.gmbox .gmLeftMenu .userBoxs .face:hover{cursor: pointer;}
.gmbox .gmLeftMenu .userBoxs .face .faceMask{ width: 100%; height: 100%; background:url(../images/userbox/facemask.png) no-repeat center; position: absolute; z-index: 10; left: 0px; top: 0; background-size: 100% 100%; }
.gmbox .gmLeftMenu .userBoxs .face img{ width: 66px; height: 66px; display: block; margin: 18px auto; position: relative; z-index: 1;cursor: pointer; }
.gmbox .gmLeftMenu .userBoxs .lv{ width: 31px; height: 11px;
    position: absolute;
    z-index: 10;
    left: 50%;
    top: 104px;
    margin-left: -15px; }
.gmbox .gmLeftMenu .userBoxs .lv img{ display: block; width: 100%; height: auto; }
.gmbox .gmLeftMenu .userBoxs .name{
    position: absolute;
    width: 100%;
    top: 120px;
    z-index: 10;
    text-align: center; color: #a9aaab; font-size: 14px;  }
.gmbox .gmLeftMenu .userBoxs button.login{
    position: absolute;
    width: 100%;
    top: 115px;
    z-index: 10;
    font-weight: normal;
    border: none;
    background: none;
    text-align: center;
    color: #C7C7C7;
    text-decoration: underline;
    font-size: 14px;
}
.gmbox .gmLeftMenu h3{
    height: 37px; line-height: 37px; text-indent: 18px;
    font-size:14px; background: #383a46 url(../images/userbox/titlebg.png) no-repeat;
    background-size: 100% 100%; border-bottom: 1px solid #3E3F4B;
}
.gmbox .gmLeftMenu .gameList{ clear: both; overflow: hidden; overflow-y:scroll; overflow-x:hidden; height: 66%;   }
.gmbox .gmLeftMenu .gameList::-webkit-scrollbar {
        display: none;
}
.gmbox .gmLeftMenu .gameList li{  height: 50px; position: relative;  line-height: 50px; text-indent: 55px; overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis; padding-right: 5px; font-size: 14px; }
.gmbox .gmLeftMenu .gameList li img{ display: block; width: 30px; height: 30px; position: absolute; left: 15px; top: 50%; margin-top: -15px; border-radius: 6px;  }
.gmbox .gmLeftMenu .gameList li:hover{
    background: #696970;
    color: #fff;
    cursor: pointer;
}
.gmbox .gmLeftMenu .gameList li.on{
    background: #2e2d30;
    color: #fff;
}
.gmbox .gmLeftMenu .rmenu span:hover{
    cursor: pointer;
    background: #3A3C47;
}
.gmbox .gmLeftMenu .gameBox{
    width:120px; height: 180px; font-size: 12px;
    margin:90px auto 30px auto;
}
.gmbox .gmLeftMenu .gameBox .gameImg{
    width: 99px;
    height:97px; margin: 0px auto; display: block; margin-bottom: 20px;
}
.gmbox .gmLeftMenu .gameBox .gameInfo{
    text-align: center; line-height: 26px;
}
.gmbox .gmLeftMenu .gameBox .gameInfo a{
    text-decoration: underline;
    color: #979797;
    cursor: pointer;
}

    /*.gmbox .gmLeftMenu .gameList li.foot:hover{*/
    /*background: none;*/
/*}*/
.gmbox .gmLeftMenu .foot{
    padding-left: 0px; margin-top: 20px;
}
.gmbox .gmLeftMenu .foot .btnAddGame{
    display: block; width: 90px; height: 22px; background:none; border:none; color: #9899a2;
    margin: 5px auto; cursor: pointer; position: relative; text-indent: 0.5em;
}
.gmbox .gmLeftMenu .foot .btnAddGame span.ic{
    display: block; width: 22px; height: 22px; background: url(../images/icon_plus.png) no-repeat center; position: absolute;
    left: 0px; top: 0px;
}
/*添加本地游戏*/
.gmbox .gmLeftMenu .localGamesBtn{
    position: fixed;
    left: 0px;
    bottom: 0px;
    z-index: 10;
    height: 25px;
    width: 200px;
    background: #666666;
    font-size: 12px;
    text-align: center;
    line-height: 25px;
    display: none;
}
.gmbox .gmLeftMenu .localGamesBtn:hover{
    background: #6a6a71;
}


.gmbox .gmRightMain{
     width:88%; float: left; min-height: 618px; margin-left: 12%; background:#f1f1f1 url(../images/bg-full.png) no-repeat top center;
}
.gmbox .gmRightMain iframe{
    border:0px; width: 100%; height: 100%; min-height: 618px;
}
    
/* 公用底部 */
.gmFoot{
    height: 60px;
    left: 200px;
    bottom: 0px; 
    right: 0px;
    z-index: 9;
    /*background: #f00;*/

}
.cmFootBox{
  left:0px; bottom: 0px; right: 0px;
  z-index: 999;
  height: 60px;
  background:#E7E7E7;
  border-top:1px solid #606272;
  color: #565656;

}
.cmFootBox .progressBar{
    width: 530px;
    height:20px;
    top:50%; margin-top: -5px;
    right:34%;
    color: #565656;
    line-height: 20px;
    font-size: 12px;
}
.cmFootBox .progressBar span.info{
      width: 320px;
      height: 22px;
      line-height: 22px;
      font-size: 12px;
      top:-22px;
      left: 5px;
      color:#565656;
}
.cmFootBox .progressBar span.progress{
      width: 340px;
      height: 5px;
      background: #6a6a71;
      border-radius: 6px;
      top: 50%;
      margin-top: 0px;
      left: 10px;

}
.cmFootBox .progressBar span.progress em{
        display: block; background:#d91b50; height:5px; width: 0%; border-radius: 6px;
}
.cmFootBox .progressBar  span.pgsNot1{
     left: 10px;
      top:-15px;

}
.cmFootBox .progressBar span.pgsNot2{
      left: 370px;
}
.cmFootBox .otherInfo{
      
      height: 22px; line-height: 22px;
      top: 50%; margin-top: -11px; font-size: 12px;
      right: 210px;
}
.cmFootBox .otherInfo span.ic.loding{
    display: block;
    width: 34px;
    height: 34px;
    position: absolute;
    left: -50px;
    top: -5px;
    background:url(../images/progress/loading.gif);
    background-size:100% 100%;

}

/* 遮罩 */
.cmFootBox .btnmask{
  position: absolute;
  top:0px;
  z-index: 5;
  background: #f00; opacity: 0.0;
}
.cmFootBox .btnmask:hover{
  cursor: pointer;
}
.cmFootBox .btnmask.startGmMask{
  right: 0px;
  width: 150px; height: 60px;
}
.cmFootBox .btnmask.ztMask{
      width:35px;
      height: 32px;
      top:15px;
      right: 257px;
}
.cmFootBox .btnmask.delMask{
      width:35px;
      height: 32px;
      top:15px;
      right: 207px;
}
/* 遮罩 */
.cmFootBox .btnbox{
    display: block;
    top:0px;
    right:0px;
    width: 330px; height: 60px;
    font-size: 16px;
}
.cmFootBox .btnbox .btn{
    z-index: 1;
      width: 150px; height: 60px;
      border:none;  background: #d91b50;
      color: #fff;
      font-size: 16px;
      position: absolute;
      cursor: pointer;
      display: block;
}
.cmFootBox .btnbox .btn:hover{
  cursor: pointer;
}
.cmFootBox .btnbox .btn.zt,.cmFootBox .btnbox .btn.del{
      width:32px;
      height: 32px;
      line-height: 32px;
      text-align: center;
      border-radius: 100%;
      top:15px;
      background: none;
      color:#999999;
}
.cmFootBox .btnbox .btn .iconfont{
        font-size: 36px;
        font-weight: normal;
}
.cmFootBox .btnbox .btn .iconfont.iconfont:hover{
        color: #c32c4c;
}

.cmFootBox .btnbox .btn.del{
      right: 210px;
}
.cmFootBox .btnbox .btn.zt{
      right: 260px;
}
.cmFootBox .btnbox .btn.startGm,.cmFootBox .btnbox .btn.cancel{
      top:0px;
      right: 0px;
      text-align: center;
      line-height: 60px;
}
.cmFootBox .btnbox .btn.cancel{
  z-index: 10;
  background: #999;
  display: none;
}

  
/*临时置灰*/
.grayscale{
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}