@charset "utf-8";
body, div, dl, dt, dd, ul, li, h1, h2, h3, h4, form, input, button, textarea, p, th, td { margin: 0; padding: 0; }
img, input, button{border: 0;}
:link, :visited { text-decoration: none; }
li { list-style: none; }
a, input { outline: none; text-decoration: none;}
strong, em, i, s { font-weight: normal; font-style: normal; }
/* body { font-family: "Microsoft Yahei","HanHei SC"; background: #f4f4f4; font-size: 14px; } */
/*topbar  72g首页公共导航*/
.topbar { height: 60px; position: relative; z-index: 100; background: #fff;font-size: 14px; }
.topbar-center { width: 1160px; margin: 0 auto; _overflow: hidden; _zoom: 1; }
.topbar-center:after { content: "."; height: 0; display: block; clear: both; visibility: hidden; }
.topbar .topbar-center { position:relative;}
.site-logo { float: left; width: 110px; height: 40px; padding-top: 11px; }
.site-logo a { width: 110px; height: 40px; display: block; background: url("../images/logo.gif") no-repeat; text-indent: -999em;}
.site-nav { float: left; height: 60px; padding: 0 0 0 40px; }
.site-nav a { font-size: 16px; line-height: 60px; display: inline-block; color: #999; margin-right: 30px; }
.site-nav a:hover { color: #ed5503; }
.site-nav a i { display: inline-block; background: url("../images/sprite.png") no-repeat; vertical-align: -4px; margin-right: 5px; *vertical-align:middle;}
.site-nav a .icon-home { width: 23px; height: 22px; background-position: 0 0; }
.site-nav a:hover .icon-home { background-position: -30px 0; }
.site-nav a .icon-map { width: 20px; height: 20px; background-position: 0 -30px; }
.site-nav a:hover .icon-map { background-position: -30px -30px; }
.site-nav a .icon-wan { width: 21px; height: 22px; background-position: 0 -240px; vertical-align: -5px; *vertical-align:middle;}
.site-nav a:hover .icon-wan { background-position: -30px -240px; }
.site-nav a .icon-gift { width: 19px; height: 22px; background-position: 0 -90px; }
.site-nav a:hover .icon-gift { background-position: -30px -90px; }
.site-nav a .icon-bbs { width: 28px; height: 22px; background-position: 0 -120px; }
.site-nav a:hover .icon-bbs { background-position: -30px -120px; }
.site-nav a .icon-mobile { width: 18px; height: 24px; background-position: 0 -210px; vertical-align: -5px; *vertical-align:middle;}
.site-nav a:hover .icon-mobile { background-position: -30px -210px; }
.site-nav a .icon-first{width:22px;height:23px;background-position:-30px -180px}
.collect { float: left; width: 90px; line-height: 20px; }
.collect .icon-collect { float: left; width: 19px; height: 18px; display: block; margin: 1px 7px 0 0; background: url("../images/sprite.png") -90px 0 no-repeat; }
.share { float: left; width: 24px; height: 24px; display: inline; margin-left: 10px; text-indent: -999em; overflow: hidden; background: url("../images/sprite.png") no-repeat; }
.share.sina { background-position: -60px -30px; }
.share.sina:hover { background-position: -90px -30px; }
.share.weixin { background-position: -60px -60px; }
.share.weixin:hover { background-position: -90px -60px; }
.site-map { width: 100%; background: #fff; border-top: 1px solid #e8e8e8; box-shadow: 0 1px 3px #e8e8e8; position: absolute; top: -220px; left: 0; z-index: 99; transition: all .2s ease-out; }
.site-map.show { top: 60px; }
.nav_all_box { width: 1120px; overflow: hidden; margin: 0 auto; }
.nav_all_A, .nav_all_B, .nav_all_C { float: left; height: 168px; border-left: 1px solid #e6e6e6; padding: 20px 0 20px 20px; }
.nav_all_A { width: 230px; border-left: none; }
.nav_all_A li { width: 76px; margin: 0; }
.nav_all_B { width: 316px; }
.nav_all_B li { width: 92px; margin: 0 10px 0 0; }
.nav_all_C { width: 76px; overflow: hidden; }
.nav_all_box em { color: #333; font-weight: bold; margin: 0 0 10px; width: 100%; float: left; }
.nav_all_box ul { float: left; width: 100%; padding-bottom: 12px; }
.nav_all_box li { float: left; height: 24px; padding: 0; text-align: left; }
.nav_all_box a { background: none; color: #999; padding: 0; height: 24px; display: block; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.nav_all_box a:hover { text-decoration: underline; color: #f60; }
/*登录注册*/
.loginbox { position: absolute; top:0; right:0; height: 20px; padding: 20px 0 20px;}
.loginbox .before, .loginbox .after { float: left; height: 20px; line-height: 20px; font-size: 16px; color: #999; padding-right: 10px;/* text-overflow: ellipsis; white-space: nowrap; overflow: hidden;*/}
.loginbox a { color: #999; }
.loginbox a:hover { color: #ed5503; }
.loginbox .before a { margin: 0 8px; }
.loginbox .icon-user{overflow:hidden;float:left;}
.loginbox .icon-user img{width:20px;height:20px;border-radius:50%;}
.g-more-t,.g-more-c{*zoom:1;}
.g-more-t:after,.g-more-c:after{content:'';clear:both;display: table;}
.after{position:relative;margin-right:10px}
.after .arrow1{width: 0;height: 0;border-left: 4px solid transparent;border-right:4px solid transparent;border-top:4px solid #999999;display: inline-block;
    position: absolute;top: 9px;right:0px;transition: all 0.5s ease-in 0s;}
.after .user-name{color:#999999;white-space:nowrap;overflow: hidden;padding: 0 8px 0 4px;display: inline-block;height: 40px;text-align:right;text-overflow:ellipsis;max-width:126px}
.after:hover .arrow1{transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-webkit-transform: rotate(180deg);}
.top-user-info{position: absolute;top:35px;right:0;width: 228px;border:1px solid #cccccc;font-size: 14px;color: #999999;background:#ffffff}
.top-user-info::before{content:"";border:inherit;border-right:0;border-bottom:0;position:absolute;right:55px;top:-6px;
    -webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg);background:inherit;padding:5px;}
.user-info-top{border-bottom: 1px dashed #d8d8d8;padding: 20px 19px}
.user-info-top img{width: 60px;height: 60px;float: left;border-radius:50%}
.user-info-top ul{margin-left: 70px;}
.user-info-top .user{font-size: 16px;color: #333333;white-space:nowrap;text-overflow:ellipsis;overflow: hidden;width:120px}
.user-info-top .game-currency{color: #333333;}
.user-info-top .game-currency em{color: #f60;}
.user-info-top a{font-size: 12px;}
.user-info-center{border-bottom: 1px solid #cccccc;overflow: hidden;padding:20px 19px ;}
.user-info-center ul{margin:-15px 0 0 -20px;overflow:hidden}
.user-info-center li {background: url(../images/pop-bg.png) no-repeat;float: left;width:60px;padding-left:24px;margin:15px 0 0 20px;*display: inline-block;}
.user-info-center .i1{background-position:0 -83px;}
.user-info-center .i2{background-position:0 -108px;}
.user-info-center .i3{background-position:0 -132px;}
.user-info-center .i4{background-position:0 -154px;}
.user-info-center a{color: #999999;}
.user-info-center em{width: 6px;height: 6px;border-radius: 50%;display: inline-block;background: #f65f04;position: absolute;}
.user-info-center a:hover{color: #f60;}
.user-info-bottom{height: 32px;background: #f5f5f5;display: block;color: #999999;text-align: center;line-height: 32px;}
/*登录注册 end*/

/* 微信二维码 */
.wx-pop { height: 195px; overflow: hidden; padding: 10px 20px; text-align: center; font-size: 12px; position: absolute; z-index: 99; background: #fff; border: 1px solid #ccc; box-shadow: 5px 5px 0 #ccc; top: 60px; left: 50%; margin-left:374px; }
.wx-pop span { float: left; width: 165px; color: #999; }
.wx-pop span.blewm { border-left: 1px solid #ccc; padding-left: 20px; }
.wx-pop img { margin: 0; display:block; }
/* 手机版二维码 */
.m-pop { height: 195px; overflow: hidden; padding: 10px 20px; text-align: center; font-size: 12px; position: absolute; z-index: 99; background: #fff; border: 1px solid #ccc; box-shadow: 5px 5px 0 #ccc; top: 60px; left: 50%; margin-left:-260px; }
.m-pop span { float: left; width: 165px; color: #999; }
.m-pop span.blewm { border-left: 1px solid #ccc; padding-left: 20px; }
.m-pop img { margin: 0; display:block; }
