@charset "utf-8";
/*css reset*/
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;-webkit-font-smoothing:antialiased;}
h1,h2,h3,h4,h5,button,input,select,textarea{font-size:100%;font-weight: normal;}
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}
/**common**/
body{color: #333;}
a{text-decoration:none;outline:none;color:#333;cursor: pointer;}
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;}

/**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-side{width: 280px;float: left;margin-right:30px;}
.g-main{overflow: hidden;}
.g-icon{background: url(../../images/common/icon_sprites.png) no-repeat;}
.size980 .g-wrap{width: 980px;}

/**header**/
.g-header{position: fixed;left: 0;top:0;right: 0;z-index: 1000;}
.forbid-18{position: absolute; color: #f20;line-height: 18px;top: 50%;margin-top: -18px;z-index: -1;left:165px;}
.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: 25px 0;background: #3d3d3d;margin-top: 70px;min-width: 980px;}
.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,.m-loginForm .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-logType a{line-height: 31px;width: 49.9%;display: inline-block;vertical-align: top;text-align: center;font-size: 15px;color: #b8b8b8;}
.pop-logType a.active{border-bottom: 2px solid #d73333;color: #333;}
.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 .i-phone{background-position:0 -186px;}
.pop-login .field .yzm{width: 86px;height:30px;position: absolute;right: 5px;top:4px;cursor: pointer;}
.pop-login .field .ipt-text{width: 213px;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-loginForm .get-mesyzm{width: 105px;border-left:1px solid #ddd;background: #eee;line-height: 36px;height: 36px;text-align: center;position: absolute;right: 1px;top:1px;}

.pop-loginForm .mesLogin-tips{line-height: 20px;color: #b8b8b8;margin-top: 12px;margin-bottom: -4px;}


/**注册弹框**/
.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;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: block;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;}
}