@charset "UTF-8";
/**
 *
 * @authors lizhi02
 * @date    2016-12-02
 * @version v1.0
 */
body,h1,h2,h3,h4,h5,dl,dt,dd,ul,ol,li,p,pre,form,button,input,textarea,th,td{margin:0;padding:0;}
body,button,input,select,textarea{font:12px/1.5 Microsoft Yahei,tahoma,\5b8b\4f53;}
h1,h2,h3,h4,h5,button,input,select,textarea{font-size:100%;}
em,i{font-style:normal;}
form{display:inline;}
ul,ol{list-style:none;}
img{border:0 none;vertical-align: top;}
table{border-collapse:collapse;border-spacing:0}

a{text-decoration:none;outline:none;color:#333;cursor: pointer;}
a:hover{text-decoration: none;}
a:focus, *:focus {outline:none;}
.clearfix:after{content:'\20';display:block;height:0;clear:both}
.clearfix{*zoom:1}
.hidden{display:none}
.underline{text-decoration: underline;}
#right-side-menu{bottom:230px;top:auto;}
#button-to-top{display:block; position:fixed; bottom:215px;}
body{background: url(../images/hall_body_bg.jpg) no-repeat center top #111216;width: 100%;height: 100%;overflow: auto;overflow-x: hidden;background-attachment: fixed;}


.g-navbar .nav-icon{width: 22px;height: 22px;vertical-align: top;display: inline-block;background: url(../images/nav_sprites.png) no-repeat;}

.g-navbar{width: 61px;border-left: 1px solid #3d3d3d;border-right: 1px solid #444;height: 100%;box-shadow: -1px 0 0 #1d1d1d inset;background:url(../images/nav_bg.png) no-repeat #2e2e2e;position: fixed;top: 0;left: 0;}
.g-navbar .navlist{}
.g-navbar li{width: 60px;height: 72px;vertical-align: top;}
.g-navbar a{width: 100%;text-align: center;color: #888;padding-top: 18px;height: 54px;display: block;}
.g-navbar a:hover,.g-navbar .active a{background: #363636;color: #fff;}

.g-navbar .active a{background: #363636;color: #fff;border-left: 3px solid #c73329;margin-left: -2px;}

.g-navbar .i-home{background-position: 0 0;}
.g-navbar .i-game{background-position: 0 -23px;}
.g-navbar .i-webgame{background-position: 0 -46px;}
.g-navbar .i-diamond{background: url(../images/pop_img/my-act.png) no-repeat;background-position: 0 -28px;}
.g-navbar .i-v{background-position: 0 -70px;}
.g-navbar a:hover .i-home,.g-navbar .active .i-home{background-position: -23px 0;}
.g-navbar a:hover .i-game,.g-navbar .active .i-game{background-position: -23px -23px;}
.g-navbar a:hover .i-webgame,.g-navbar .active .i-webgame{background-position: -23px -46px;}
.g-navbar a:hover .i-diamond,.g-navbar .active .i-diamond{background: url(../images/pop_img/my-act.png) no-repeat;background-position: 0 0;}
.g-navbar a:hover .i-v,.g-navbar .active .i-v{background-position: -23px -70px;}
.g-navbar .text{margin-top: 5px;display: block;}



.g-cont:after{content:'\20';display:block;height:0;clear:both}
.g-cont{width: 1427px;margin:0 auto;padding: 20px 0 30px 0;zoom:1;padding-bottom: 70px;}

.g-cont2:after{content:'\20';display:block;height:0;clear:both}
.g-cont2{width: 1427px;margin:0 auto;padding: 20px 0 30px 0;zoom:1;padding-bottom: 70px;}

.g-cont3:after{content:'\20';display:block;height:0;clear:both}
.g-cont3{width: 1427px;margin:0 auto;padding: 20px 0 30px 0;zoom:1;padding-bottom: 70px;}

.g-cont1:after{content:'\20';display:block;height:0;clear:both}
.g-cont1{width: 1427px;margin:0 auto;padding: 20px 0 30px 0;zoom:1;padding-bottom: 70px;}



/*.star{display: inline-block;vertical-align: top;width: 65px;height: 13px;background: url(../images/star_bg.png) no-repeat;}
.star4{background-position: -13px 0;}
.star3{background-position: -26px 0;}
.star2{background-position: -39px 0;}
.star1{background-position: -52px 0;}*/

.g-crumb{margin: 20px 0;font-size: 13px;color: #cacaca;height: 24px;line-height: 24px;}
.g-crumb a{color: #cacaca;}
.g-crumb a:hover{color: #fff;}
.g-crumb span{color: #fff;cursor: default;}

.m-hd{font-size: 15px;color: #cacaca;height: 24px;}
.m-hd h3{font-weight: normal;line-height: 24px;cursor: default;}

.g-cont-wrap{margin-left: 63px;}
@media screen and (max-width: 1560px){
   .g-cont2{margin-left: 9%;}
  .main{margin-left: 86px;}
  .header{margin-left: 80px;}


  }
@media screen and (max-width: 1500px){
   .g-cont2{margin-left: 8%;}

  }
@media screen and (max-width: 1450px){
   .g-cont2{margin-left: 6%;}
   

  }
@media screen and (max-width: 1440px){
	.g-cont{width: 1210px;}
   .go_content{width: 1065px;}
  }
@media screen and (max-width: 1400px){
	
   .g-cont2{margin-left: 5%;}
  }
 @media screen and (max-width: 1350px){
 
   .g-cont2{margin-left: 3%;}
  }
 @media screen and (max-width: 1330px){
 
   .g-cont2{margin-left: 2%;}

   .go_content{width: 1086px;}
	.g-cont-wrap{margin-left: 46px;}
   .g-hall-main{width: 1065px;}
    /*.g-cont-wrap{width: 1104px;}*/
     .g-cont3{width: 1104px;}
  }
@media screen and (max-width: 1300px){
	.g-cont{width: 1195px;}
  
  }  





::-webkit-scrollbar-thumb{
   background-color:#5c5e62;
   -webkit-border-radius:5px;
}

/*---鼠标滑过滚动条显示样式--*/
::-webkit-scrollbar-thumb:hover{
   background-color:#87888b;
   -webkit-border-radius:5px;
}

/*---滚动条大小--*/
::-webkit-scrollbar{
   width:12px;
}
/*---鼠标点击滚动条显示样式--*/
::-webkit-scrollbar-thumb:active{
   background-color:#5c5e62;
   -webkit-border-radius:5px;
}


.ppup{width: 368px;height: 152px;text-align: center;background: url(../images/pop_img/ppup.png) no-repeat;z-index: 1050;margin: auto;position: fixed;left: 0;right: 0;top: 0;bottom: 0;}
.ppup-close{background: url(../images/pop_img/pop_btn_close.png) no-repeat;width: 16px;height: 16px;display: block;position: absolute;right: 10px;top: 10px;cursor: pointer;}
.ppup h3{color: #333333;margin-top: 40px;font-size: 14px;font-family: "微软雅黑";font-weight: 100;}
.ppup .qd{display: inline-block;width: 84px;height: 30px;background: #e43a3a;border-radius:1px;text-align: center;line-height: 30px;color: #fff;margin-top: 30px;cursor: pointer;}

.ppup .qx{display: inline-block;width: 82px;height: 28px;background: #fff;border-radius:1px;text-align: center;line-height: 30px;color: #e43a3a;border: 1px solid #e43a3a;margin-top: 30px;margin-left: 20px;cursor: pointer;}



/**layout**/
.g-wrap:after{content:'\20';display:block;height:0;clear:both;}
.g-wrap{width: 1200px;margin: 0 auto;position: relative;z-index: 100;min-width: 980px;}
.g-wrap2{width: 1200px;margin: 0 auto;position: relative;z-index: 100;min-width: 980px;}
.g-side{width: 280px;float: left;margin-right:30px;}
.g-main{overflow: hidden;}
.g-icon{background: url(../images/icon_sprites.png) no-repeat;}
.size980 .g-wrap{width: 980px;}


/**header**/

.g-hdNav{background:#fff;border-bottom: 1px solid #f4f4f4\9;}
.g-logo{float: left;}
.g-logo a{display: block;height: 70px;}
.g-logo img{vertical-align:top;margin-top:4px;}
.g-nav{float: right;margin-right: 60px;zoom:1;display: inline;}
.g-nav-menu li{float: left;font-size: 15px;}
/* .g-nav-menu .active{} */
.g-nav-menu a{display: block;padding: 0 20px;line-height: 67px;}
.g-nav-menu .active{border-bottom: 3px solid #e43a3a;}
.g-nav-menu a:hover{color: #f24444;}
.g-nav-menu .active a:hover{color: #333;}
.g-nav-menu .icon-hot{width: 20px;height: 15px;background-position: 0 -2px;position: absolute;top:0;margin: 10px 0 0 -14px;}

.size980 .g-nav{}
.size980 .g-nav-menu a{padding: 0 10px;}

.g-userpanel{float: right;margin-right: 30px;display: inline;height: 70px;}
.g-usermenu{top:50%;margin-top: -16px;cursor: pointer;}
.g-usermenu .loginafter{position: relative;z-index: 1000;}
.g-usermenu,.g-usermenu .avatar{position: relative;height: 32px;cursor: pointer;}
.g-usermenu .avatar img{width: 32px;margin-right: 5px;height: 32px;}
.g-usermenu .avatar img,.g-usermenu .avatar .username{height: 32px;display: inline-block;vertical-align: middle;line-height: 32px;}
.g-usermenu .avatar .amask{width: 32px;height: 32px;position: absolute;top:0;left:0;background: url(../images/imask_32.png) no-repeat;}
.g-usermenu .avatar .icon-arrow{width: 9px;height: 5px;display: inline-block;vertical-align: middle;background-position: -138px -12px;margin-left: 5px;}
.g-usermenu .avatar .icon-new{position: absolute;top:0;left: 24px;z-index: 3;width: 9px;height: 9px;background-position: -236px 0;}
.g-usermenu .dropmenu{position: absolute;top:50px;z-index: 100;display: none;left:0;}
.g-usermenu .usercase{padding: 10px 0;width: 128px;background: #fafafc;border:1px solid #d5d5d5;position: relative;}
.g-usermenu .usercase .g-icon{width: 12px;height: 9px;position: absolute;left: 58px;top:-9px;background-position: -172px 0;}
.usercase a{height: 27px;line-height: 27px;padding-left: 25px;display: block;}
.usercase .hl{color: #e43a3a;}
.usercase a:hover{background: #e43a3a;color: #fff;}
.iframe-absolute{ width:100%;height:100%;position:absolute;left:0;z-index:-1;background:none;filter: alpha(opacity=0);top:-20px;padding-bottom:10px; }
.g-usermenu.hover .dropmenu{display: block;}
.g-usermenu .loginbefore{height: 32px;line-height: 32px;}
.g-usermenu .loginbefore em{padding: 0 10px;}
.g-nav-switch{width: 70px;float: right;}
.g-nav-switch .switch-btn{background: #e43a3a;text-align: center;cursor: pointer;height: 70px;line-height: 70px;}
.g-nav-switch .switch-btn .g-icon{width: 20px;height: 20px;background-position: -60px 0;display: inline-block;vertical-align: -5px;*vertical-align: -28px;}
.g-nav-switch .switch-menu{padding: 30px 0 50px;position: absolute;background: #2a2a2a;height: 280px;width: 1200px;left:0;z-index: 1000;display: none;z-index: 1000;background: rgba(42,42,42,0.9);overflow: hidden;}
.g-nav-switch.fold .switch-menu{display: block;}
.g-nav-switch.fold .switch-btn{background: #2a2a2a;}
.g-nav-switch.fold .switch-btn .g-icon{background-position: -30px 0;}
.g-nav-switch .g-allgame{position: relative;}

.size980 .g-userpanel{margin-right: 15px;}
.size980 .g-nav-switch{width: 60px;}
.size980 .g-nav-switch .switch-menu{width: 980px;}


.g-ag-hd{padding-left: 50px;font-size: 20px;color: #fff;font-weight: bold;}
.g-ag-bd:after{content:'\20';display:block;height:0;clear:both}
.g-ag-bd{padding: 30px 10px 0 0;*zoom:1;}
.g-ag-bd .game-case{float: left;border-right: 1px solid #454545;height: 220px;padding-left:50px;overflow: hidden;}
.g-ag-bd .sort1{width: 355px;}
.g-ag-bd .sort2{width: 245px;}
.g-ag-bd .sort3{width: 245px;}
.g-ag-bd .sort4{width: 135px;border-right: 0 none;}
.game-case .gamelist{font-size: 0;}
.game-case h4{color: #e43a3a;font-size: 16px;font-weight: normal;padding-bottom: 5px;}
.game-case li{width: 115px;display: inline-block;*display: inline;*zoom:1;vertical-align: top;padding:7px 0;font-size: 12px;}
.game-case a{color: #aaa;}
.game-case a:hover{color: #fff;text-decoration: underline;}
.game-case .g-icon{margin-left: 8px;}
.icon-h,.icon-n{width: 14px;height: 14px;display: inline-block;vertical-align:top;margin-top: 2px;}
.icon-h{background-position: -90px -3px;}
.icon-n{background-position: -114px -3px;}
.layscroll .g-header{box-shadow:0 3px 5px rgba(0,0,0,0.2);}
.layscroll .g-nav-menu a{padding: 0 15px;}
.layscroll .g-nav-menu a{line-height: 40px;}
.layscroll .g-logo h1 a{height: 40px;}
.layscroll .g-logo img{width: 108px;margin-top:0;}
.layscroll .g-nav-switch, .layscroll .g-userpanel{height: 43px;}
.layscroll .g-nav-switch .switch-btn{line-height: 43px;height: 43px;}
.layscroll .g-nav-menu .icon-hot{margin: 3px 0 0 0;}
.layscroll .switch-btn .g-icon{*vertical-align: -12px;}

/**顶部通知栏**/
.g-notice-mod .i-notice,.g-notice-mod .g-notice-close{background: url(../images/notice_sprites.png) no-repeat;overflow: hidden;}
.g-hdNotice{height: 38px;border:1px solid #dad699;background: #f9f5c7;margin-top: -1px\9;}
.g-hdNotice .g-wrap{position: static;}
.g-notice-mod{color: #ff4906;height: 18px;overflow: hidden;padding: 10px 20px 0;}
.g-notice-mod .i-notice{width: 12px;height: 11px;float: left;margin: 4px 5px 0 0;}
.g-notice-mod .line{padding: 0 6px;}
.g-notice-mod a{color: #ff4906;}
.g-notice-mod a:hover{text-decoration: underline;}
.g-notice-mod .g-notice-close{width: 15px;height: 15px;float: right;margin: 2px 20px 0 10px;background-position: 0 -12px;}
.g-notice-mod .g-notice-close:hover{background-position: 0 -28px;}

.size980 .g-ag-hd{padding-left: 35px;}
.size980 .g-ag-bd .game-case{padding-left: 35px;}
.size980 .game-case li{width: 100px;}
.size980 .g-ag-bd .sort1{width: 310px;}
.size980 .g-ag-bd .sort2{width: 205px;}
.size980 .g-ag-bd .sort3{width: 205px;}
.size980 .g-ag-bd .sort4{width: 105px;}

/**footer**/
.g-footer{padding: 0px 0;background: #3d3d3d;min-width: 980px;opacity: 0;}
.g-footer .footer-nav{padding: 0 55px;overflow: hidden;line-height: 26px;}
.footer-nav .f-item{width: 33%;display: inline-block;text-align: center;vertical-align: top;*display: inline;zoom:1;}
.footer-nav .f-item dt{font-size: 14px;font-weight: bold;color: #fff;width: 230px;text-align: left;display: inline-block;padding-bottom: 10px;}
.footer-nav .f-item dd{width: 230px;text-align: left;display: inline-block;overflow: hidden;line-height: 16px;vertical-align: middle;;padding: 5px 0;}
.footer-nav .f-item dd,.footer-nav .f-item a{color: #999;}
.footer-nav .f-item .online-btn{width: 60px;height: 20px;border: 1px solid #999;text-align: center;line-height: 20px;border-radius: 2px;display: inline-block;font-size: 12px;color: #999;vertical-align: middle;}
.footer-nav .f-item .link-box{width: 110px;float: left;overflow: hidden;line-height: 26px;}
.footer-nav .link-box .g-icon{width: 6px;height: 6px;background-position: -50px -57px;margin: 11px 5px 0 0;float: left;}
.footer-nav .link-box a:hover .g-icon{background-position: -56px -57px;}
.footer-nav .link-box a:hover{color: #fff;text-decoration: underline;}
.footer-nav .icon-qq,.footer-nav .icon-phone{width: 16px;height: 16px;display: inline-block;vertical-align: top;background-position: 0 -57px;margin:0 5px 0 0;}
.footer-nav .icon-phone{background-position: -21px -57px;}
.g-footer .footer-link{padding: 22px 0;color: #777;text-align:center;line-height: 24px;}
.g-footer .footer-link a{color: #777;}
.g-footer .footer-link em{color: #525252;}
.g-footer .footer-logo{text-align: center;}

/**登录弹框**/
.pop-mask{width: 100%;height: 100%;position: absolute;background: #fff;opacity: 0.2;filter:alpha(opacity=20);top:0;left: 0;}
.popup .btn-close,.popup .i-user,.popup .i-pwd,.pop-reg .i-gift,.pop-icon,.popup .errortips-box em{background: url(../images/pop_sprites.png) no-repeat;}
.maskbg{position:fixed;_position:absolute;top:0;left:0;width:100%;_height:100%;bottom:0;z-index:1000;background:#000000;opacity: 0.5;filter:alpha(opacity=50);}
.popup{position:fixed;_position:absolute;z-index:1003;left:50%;top:50%}
.pop-login{width: 325px;margin: -210px 0 0 -170px;padding: 12px 15px;}
.btn-close{width: 12px;height: 12px;cursor: pointer;position: absolute;right:30px;top:25px;z-index: 1;}
.btn-close:hover{background-position: -12px 0;}
.pop-main{background:#fff;padding: 20px 25px;position: relative;}
.pop-hd .tit{font-size: 15px;color: #333;}
.pop-loginForm{/*overflow: hidden;*/}

.pop-login .pop-hd{border-bottom: 1px solid #e3e3e3;height: 32px;}
.pop-login .pop-bd{padding-top: 5px;/*overflow: hidden;*/}
.pop-login .pop-hd .tit{line-height: 31px;border-bottom: 2px solid #d73333;padding: 0 20px;float: left;}
.pop-login .field{margin-top:20px;position: relative;}
.pop-login .field .icon-box{position: absolute;left:1px;top:1px;width: 36px;height: 36px;background: #f9f9f9;border-right: 1px solid #ddd;}
.pop-login .field .pop-icon{width: 36px;height: 36px;display: block;}
.pop-login .field .i-user{background-position:0 -13px;}
.pop-login .field .i-pwd{background-position:0 -54px;}
.pop-login .field .i-secure{background-position:0 -145px;}
.pop-login .field .yzm{width: 86px;height:30px;position: absolute;right: 5px;top:4px;cursor: pointer;}
.pop-login .field .ipt-text{width: 212px;height: 20px;margin:0;border: 1px solid #ddd;background: #fff;color: #2c2c2c;line-height: 20px;padding: 8px 10px 8px 50px;display: inline-block;vertical-align: middle;}
.pop-login .ipt-text.default-style{color: #999;}
.pop-login .focus .ipt-text{border-color: #4285f4;box-shadow: 0px 0px 10px rgba(66,133,244,0.2);}
.pop-login .error .errortips-box{display: block;}
.pop-login .error .ipt-text{border-color: #f24444;box-shadow: 0px 0px 10px rgba(66,133,244,0.2);}
.pop-login .find-pwd{padding: 10px 0 0 0;overflow: hidden;}
.pop-login .auto-login{line-height: 16px;float: left;}
.pop-login .find-pwd input{width: 14px;height: 14px;display: inline-block;vertical-align: middle;margin-right: 5px;}
.pop-login .auto-login span{vertical-align: middle;color: #999;}
.pop-login .forget-pwd{color: #999;float: right;}
.pop-login .forget-pwd:hover{color: #f24444;text-decoration: underline;}
.popup .btns-mod{padding: 15px 0;overflow: hidden;}
.popup .btn-style{height: 40px;text-align: center;background: #f24445;font-size: 15px;color: #fff;display: block;border-radius: 2px;border:1px solid #d43e3f;}
.popup .btn-style:hover{background: #ff5354;}
.popup .btn-style .text,.popup .btn-style .pop-icon{display: inline-block;vertical-align: middle;line-height: 40px;}
.popup .btn-style .i-success{width:16px;height: 16px;background-position: -16px -126px;margin-right: 5px;}
.popup .btn-style .text{line-height: 40px;}
.popup .text-links{overflow: hidden;}
.popup .text-links .morelogin{float: left;color: #aaa;}
.popup .morelogin a{color: #aaa;margin-right: 10px;line-height: 18px;display: inline-block;vertical-align: top;}
.popup .morelogin .loginwechat{background: url(../images/u_wechat.png) no-repeat left center;padding-left: 22px;}
.popup .morelogin .loginqq{background: url(../images/u_qq2.png) no-repeat left center;padding-left: 18px;}
.popup .morelogin .line{padding: 0 8px;}
.popup .text-links .main-link{float: right;}
.popup .text-links .accounts{padding-top: 8px;overflow: hidden;}

/**注册弹框**/
.pop-reg{margin: -268px 0 0 -203px;width: 416px;padding: 12px 15px;}
.pop-reg .i-gift{width: 13px;height: 15px;display: inline-block;vertical-align: top;background-position: 0 -95px;margin-left: 5px;}
/*.pop-reg .pop-bd{padding-top: 15px;overflow: hidden;}*/
.pop-regForm{overflow: hidden;}
.pop-reg .pop-hd{height: 32px;border-bottom: 1px solid #ddd;}
.pop-regType{}
.pop-regType a{margin-right: 20px;line-height: 31px;padding: 0 20px;font-size: 15px;}
.pop-regType a.active{color: #d73333;border-bottom: 2px solid #d73333;display: inline-block;}
.pop-regCon{padding-top: 15px;}

.pop-reg-mod .field{margin-top: 20px;position: relative;}
.pop-reg-mod .field label{float: left;width: 60px;text-align: right;line-height: 38px;}
.pop-reg-mod .field .controls{position: relative;margin-left: 65px;}
.pop-reg-mod .field .pop-icon{position: absolute;top:13px;right: 10px;}
.pop-reg-mod .i-ok{width: 14px;height: 14px;background-position: 0 -126px;}
.pop-reg-mod .i-locked{width: 12px;height: 14px;background-position: 0 -111px;cursor: pointer;}
.pop-reg-mod .i-unlock{width: 16px;height: 14px;background-position:-16px -111px;cursor: pointer;}
.pop-reg-mod .ipt-text{border:1px solid #ddd; height:20px; width:278px;padding: 8px 10px;background: #fff;line-height: 20px;color: #2c2c2c;vertical-align:middle;}
.pop-reg-mod .ipt-yzm{width: 162px;}
.pop-reg-mod .get-yzm{display: inline-block;vertical-align: middle;width: 106px;height: 34px;line-height: 34px;text-align: center;background: #eee;border:1px solid #ddd;color: #333;margin-left:8px;}
.pop-reg-mod .get-yzm:hover{background: #dedede;border-color:#dedede;}

.pop-reg-mod .ipt-text.default-style{color: #999;}
.pop-reg-mod .controls.focus .ipt-text{border-color:#4285f4;}
.pop-reg-mod .controls.error .ipt-text{border-color:#e43a3a;}
.pop-reg-mod .identity-tips{margin: 25px 0 -10px;padding-left: 65px;padding-top: 15px;border-top: 1px dotted #c6c6c6;}
.pop-reg-mod .agreedeal-mod{margin-top: 20px;line-height: 14px;overflow: hidden;padding-left: 65px;color: #999;}
.pop-reg-mod .agreedeal-mod input{vertical-align: top;width: 14px;height: 14px;display: inline-block;margin-right: 5px;}
.pop-reg-mod .agreedeal-mod a{color: #999;}
.pop-reg-mod .agreedeal-mod .main-link{float: right;color: #4285f4;}
.pop-reg-mod .agreedeal-mod .underline:hover{text-decoration: underline;}
.popup .errortips-box{position: absolute;width: 100%;height: 28px;display: none;padding-top: 5px;top:-35px;left: 0;}
.popup .errortips-box .error-cont{padding: 0 10px;background: #ffedbe;border-radius: 2px;}
.popup .error-cont p{line-height: 28px;color: #dc7e3f;}
.popup .errortips-box em{position: absolute;left: 20px;top: 28px;width: 10px;height: 5px;background-position:-15px -102px;}
.pop-reg-mod .controls.error .errortips-box{display: block;}
.pop-reg-mod .btns-mod{padding: 20px 0 15px 65px;overflow: hidden;}
.pop-reg-mod .btn-style{width: 228px;}

.float-service{width: 33px;height: 110px;position: fixed;top:50%;right:0;margin-top: -55px;z-index:10000;}
.float-service a{width: 33px;height: 110px;display: none;background: url(../images/btn_vip.png) no-repeat;}

/**屏幕宽度小于1366时**/
@media screen and (max-width: 1365px) {
.g-wrap{width: 980px;}
.g-nav{}
.g-nav-menu a{padding: 0 10px;}
.g-userpanel{margin-right: 15px;}
.g-nav-switch{width: 60px;}
.g-nav-switch .switch-menu{width: 980px;}
.g-ag-hd{padding-left: 35px;}
.g-ag-bd .game-case{padding-left: 35px;}
.game-case li{width: 100px;}
.g-ag-bd .sort1{width: 310px;}
.g-ag-bd .sort2{width: 205px;}
.g-ag-bd .sort3{width: 205px;}
.g-ag-bd .sort4{width: 105px;}

}


#right-side-menu {
  position: fixed;
  width: 60px;
  z-index: 1;
  top: 55%;
  right: 10px;
  cursor: pointer;
}
#right-side-menu .button {
  width:60px;
  height: 60px;
  margin-bottom: 10px;
  display: block;
  -webkit-transition: background 0.3s ease-in-out;
}
#right-side-menu .button-to-top {
  background: url(../images/right-btn.png) 0 -240px;;
}
#right-side-menu .button-to-top:hover {
  background: url(../images/right-btn.png) 0 -300px;
}
#right-side-menu .button-to-bottom {
  background: url(http://js.97uimg.com/image/down.png);
}
#right-side-menu .button-to-bottom:hover {
  background: url(http://js.97uimg.com/image/down-on.png);
}
#right-side-menu .button-qq-group {
  background: url(../images/right-btn.png?v=3) 0 0px;;
}
#right-side-menu .button-qq-group:hover {
  background: url(../images/right-btn.png?v=3) 0 -60px;
}
#right-side-menu .button-add-fav {
  background: url(../images/right-btn.png) 0 -120px;
}
#right-side-menu .button-add-fav:hover {
  background: url(../images/right-btn.png) 0 -180px;
}
#right-side-menu #qq-group-detail {
  float: right;
  display: none;
  width: 284px;
  height: 64px;
  margin-right: 60px;
  margin-top: 0px;
  background: url(http://js.97uimg.com/image/bg-qq-group.png);
}
#right-side-menu #qq-group-detail .tip {
  font-size: 16px;
  float: left;
  margin-left: 20px;
  margin-top: 19px;
  color: #353535;
}
#right-side-menu #qq-group-detail .icon-join {
  display: block;
  float: left;
  margin-left: 8px;
  margin-top: 19px;
  width: 90px;
  height: 22px;
  background: url(http://js.97uimg.com/image/join-qq-group.png);
}

#right-side-menu .button-qq-group .icon-join {
    display: block;
    width: 60px;
    height: 60px;
}