@charset "utf-8";
/*reset.css*/
html{ font-size:100%;} body { margin:0; color: #666; font-size: 12px; line-height: 1.5; min-width: 1098px;} dl, dd, h1, h2, h3, h4, h5, h6, p, ul, ol { margin:0;} ul, ol { padding-left:0; list-style-type:none;} img { border:0;} a { text-decoration:none; outline: 0 none;} a:hover { text-decoration:none;} a, button { cursor:pointer;} table { border-collapse:collapse; border-spacing:0} input, select, img { vertical-align:middle;} input, select, body { font-family: 'microsoft yahei';} a, input, button { padding:0; margin:0; outline:0} i,em {font-style: normal;} .fl { float: left; display: inline;} .fr { float: right; display: inline;} .dib { display: inline-block; *display: inline; *zoom: 1;} .fix {zoom:1;} .fix:after,.fix:before{display:block;content:"clear";height:0;clear:both;overflow:hidden;visibility:hidden;} .none { display: none;} .hidden { width: 0px; height: 0px; overflow: hidden;}
/*reset.css*/
.link_reg{padding-left:23px;background:url(../images/icon_user.gif) no-repeat left center;}
/*.link_gamedown{padding-left:22px;background:url(../images/icon_down.gif) no-repeat left center;}*/

/*.game-top-hgame a, .game-top-hgame .icon-arrow,.game-top-state .icon-log,.game-top-setup .icon-email, .game-top-aglist .icon-hot, .game-top-aglist .icon-new, .game-top-qr .icon-mark, .game-top-loged .icon-arrow, .game-top-loged .icon-redot { background: url(../images/bg-top-line_3x38.jpg) no-repeat; _background: url(../images/bg-top-line_3x38.jpg) no-repeat;}*/
.game-top-wrap { width: 100%; height: 40px; background: #fff; position: relative; z-index: 100; font:12px/1.5 "microsoft yahei", Arial, sans-serif;background: #f5f5f5 url(../images/bg-top-line_3x38.jpg) repeat-x;}
.game-top-main { width: 1024px; height: 40px; margin: 0 auto; background: #fff; position: relative; z-index: 101;background: #f5f5f5 url(../images/bg-top-line_3x38.jpg) repeat-x;}
.game-top-main a { transition: all 0.4s ease;}
.game-top-logo { width: 220px; height: 40px; text-indent: -9999px; background: url(../images/bg-top-logo.png) no-repeat; position: absolute; top: 0px; left: 0px; z-index: 101;}
.game-top-gap { width: 1px; height: 20px; background: #d2d7e3; position: absolute; top: 11px; left: 149px;}
.game-top-rem { width: 360px; height: 40px; position: absolute; top: 0px; left: 250px;}
.game-top-rem-pop { width: 1024px; height: 192px; position: absolute; top: 0px; left: 0px; z-index: 100; display: none;}
.game-top-qr { width: 102px; height: 43px; line-height: 40px; color: #d6d5d5; position: absolute; top: 0px; right: 226px; z-index: 101;}
.game-top-qr a { display: inline-block; line-height: 40px; color: #565656; padding: 0 10px 0 34px; background: url(../../images/cms_style_2012_new/qricon.png?201702131050) no-repeat 0px 11px; position: relative;}
.game-top-qr a:hover, .game-top-qr .qr-hover { color: #03b4f5; background: url(../../images/cms_style_2012_new/qricon_hover.png?201702131050) no-repeat 0px 11px;}
.game-top-qr .icon-mark { width: 6px; height: 6px; overflow: hidden; vertical-align: middle; background-position: 0 -316px; position: absolute; top: 12px; right: 8px; display: none;}
.game-top-qr-pop { width: 233px; height: 248px; overflow: hidden; position: absolute; top: 41px; left: 637px; z-index: 100; display: none;}
.game-top-qr-pop p { height: 24px; line-height: 14px; font-size: 14px; color: #333; font-weight: 700; text-align: left;}
.game-top-topay { width: 102px; height: 40px; line-height: 38px; color: #d6d5d5; position: absolute; top: 0px; right: 118px; z-index: 101;}
.game-top-topay a { display: inline-block; line-height: 40px; color: #565656; padding:0 10px 0 24px; transition: all 0.4s ease;}
.game-top-topay a:hover { color: #03b4f5;}

.game-top-topay1 { width: 112px; height: 40px; line-height: 40px; color: #d6d5d5; position: absolute; top: 0px; right: 68px; z-index: 101;}
.game-top-topay1 a { display: inline-block; line-height: 40px; color: #565656; padding: 0 10px 0 26px; transition: all 0.4s ease;}
.game-top-topay1 a:hover { color: #03b4f5;}

.game-top-hgame { position: absolute; top: 0px; right: 20px; z-index: 101;width:100px}
.game-top-hgame a { display: inline-block; line-height: 40px; color: #03b4f5; padding: 0 2px 0 24px; background-position: 0px 15px;}
.game-top-hgame a:hover .icon-arrow { transform: rotate(180deg);}
.game-top-hgame .icon-arrow { width: 8px; height: 6px; position: absolute; top: 19px; right: 0px; background-position: 0 -120px; transition: all 0.4s ease 0s;}
.game-top-hgame-hover .icon-arrow { transform: rotate(180deg);}
.game-top-search { width: 132px; height: 24px; position: absolute; top: 10px; right: 100px; z-index: 101; background: url(../../images/cms_style_2012_new/game_top_search.jpg?201702131050) no-repeat;}
.game-top-stxt { width: 98px; height: 18px; line-height: 18px; font-size: 12px; border: 0 none; overflow: hidden; margin: 3px 0 0 8px; float: left;}
.game-top-sbtn { width: 20px; height: 18px; float: left; margin: 3px 0 0 0px; cursor: pointer; display: inline; background: none; border: none;}
.game-top-state { width: 84px; height: 40px; color: #fff; overflow: hidden; background-color: #03b4f5; position: absolute; top: 0px; right: 0px; z-index: 101;}
.game-top-state a:hover { color: #fff; background-color: #00baff;}
.game-top-log { display: block; width: 100%; height: 40px; line-height: 40px; color: #fff; text-indent: 38px;}
.game-top-state a.icon-log { background-position: 20px -185px;}
.game-top-relog { }
.game-top-loged { text-align: center; text-indent: 0px; position: relative;}
.game-top-uname { display: block; width: 65px; height: 40px; padding: 0 14px 0 5px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; text-align: center;}
.game-top-loged .icon-arrow { width: 8px; height: 6px; position: absolute; top: 19px; right: 6px; background-position: 0 -346px; transition: all 0.4s ease 0s;}
.game-top-loged .icon-redot { width: 6px; height: 6px; overflow: hidden; background-position: 0 -316px; position: absolute; top: 6px; right: 7px; display: none;}
.game-top-loged-hover .icon-arrow { transform: rotate(180deg);}
.game-top-setup { width: 102px; height: 150px; padding-left: 15px; background: #03b4f5; position: absolute; top: 42px; right: -33px; display: none;}
.game-top-setup ul li a { display: block; height: 28px; line-height: 28px; color: #fff; overflow: hidden; position: relative;}
.game-top-setup ul li a:hover { color: #b0e9fe;}
.game-top-setup .icon-email { display: inline-block; width: 21px; height: 14px; background-position: 0 -38px; position: absolute; top: 6px; left: 61px;}
.game-top-setup .icon-emails { background-position: 0 -80px;}

.game-top-glist { width: 390px; height: auto; overflow: hidden; opacity: 0; position: absolute; top: -340px; left: 55%; z-index: 100;border-top:1px solid #d6d6d6;border-left:1px solid #d6d6d6;}
.game-top-bg { width: 100%;position: absolute; top: 0px; left: 0px; background: #fff; opacity: 0.9;}
.game-top-gmain { width: 1024px; margin: 0 auto; overflow: hidden; position: relative; z-index: 1002;}
.game-top-rmd { width: 1200px; border-bottom: 1px solid #ddd;}
.game-top-rmd a { width: 82px; overflow: hidden; text-align: center; color: #333; margin: 25px 75px 0 0; display: inline; float: left; }
.game-top-rmd a em { display: block; margin-top: 10px; transition: all 0.3s ease;}
.game-top-rmd a img { display: block;}
.game-top-rmd a:hover { color: #09b5f5;}
.game-top-rmd a:hover em { margin-top: 5px;}
.game-top-aglist .icon-hot, .game-top-aglist .icon-new { display: inline-block; width: 11px; height: 11px; overflow: hidden; vertical-align: middle; background-position: 0 -240px;}
.game-top-aglist .icon-new { background-position: 0 -280px;}

.game-top-aglist { width: 390px; background-color: #fff;}
.game-top-gtype1 { width: 390px;}
.game-top-gtype2 { border-top:2px solid #7a0002;width:auto; height: auto; }
.game-top-aglist dl { width:392px;height: auto;overflow:hidden;}
.game-top-aglist dt { height: 34px; font-size: 16px; color: #09b5f5;}
.game-top-aglist dd { width:auto; float:left;}
.game-top-aglist dd a{color:#464646;float:left;height:29px;line-height:29px;padding:0 10px;text-decoration:none;width:109px;margin:0;overflow:hidden;text-align:center;position:relative;border:1px solid #d6d6d6; border-top:none; border-left:none;}
.game-top-aglist dd a:hover{background-color:#edf8fc;}
.game-top-gtype2 dd { width: auto;}
.game-top-gtype2 dd a span{position:absolute;right:13px;top:10px;display:block;width:25px;height:9px;}
.game-top-gtype2 dd a .top-hot{background-position: -120px -20px;}
.game-top-gtype2 dd a .top-new{background-position: -120px 0px;}
.game-top-gtype2 dd a span {  background: url(../images/corner.png) no-repeat scroll 0 0 transparent;}

.game-footer { width: 100%; min-width: 1024px; overflow:hidden; background: #080808; font:12px/1.5 "microsoft yahei", Arial, sans-serif;}
.game-footer-inner { width: 100%; height: 198px; border-top: 1px solid #27262a; border-bottom: 1px solid #27262a; background: #1d1c20; position: relative; overflow:hidden;}
.game-footer-fun { width: 1098px; height: 198px; overflow: hidden; margin: 0 auto; position: absolute; top: 0px; left: 50%; margin-left: -530px;}
.game-footer-fun dl { width: 133px; height: 135px; margin: 32px 0 0 -1px; padding-left: 50px; border-left: 1px solid #2a292d; float: left;}
.game-footer-fun dt { height: 18px; color: #5e5e5e; font-weight: 700; margin-bottom: 8px;}
.game-footer-fun dd { height: 22px; line-height: 22px;}
.game-footer-fun dd a { color: #5e5e5e; transition: all 0.4s ease;}
.game-footer-fun dl:nth-child(5) dd:last-child a { color: #cba950; }
.game-footer-fun dd a:hover { color: #3f6c8c;}
.game-footer-more { width: 720px; height: 198px; overflow: hidden; position: absolute; top: 0px; left: 104px; display: none;}
.game-footer-m { width: 732px; height: 170px; overflow: hidden; background: #1d1c20; position: absolute; top: 0px; left: 714px;}
.game-footer-copyright { width: 1024px; min-height: 145px; margin: 0 auto; overflow: hidden;}
.game-footer-logo { width: 140px; height: 56px; margin: 45px 0 0 70px; background: url(../../images/cms_style_2012_new/footer_logo_black.png?201702131050) no-repeat; _background: url(../../images/cms_style_2012_new/footer_logo_black.gif?201702131050) no-repeat; float: left;}
.game-footer-copr { height: 77px; padding-left: 14px; margin-top: 34px; border-left: 1px solid #343237; color: #6e6e6e; float: left;}
.game-footer-copr2 { height: 56px; margin-top: 44px;}
.game-footer-copr a { color: #6e6e6e; transition: all 0.4s ease}
.game-footer-copr a:hover { color: #3f6c8c;}
.game-footer-copr p { height: 14px; line-height: 14px; overflow: hidden; margin-bottom: 7px;}

.game-footer-white { background: #f0f0f0;}
.game-footer-white .game-footer-inner { border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; background: #fff;}
.game-footer-white .game-footer-inner .game-footer-fun dl { border-left: 1px solid #e3e3e3;}
.game-footer-white .game-footer-fun dt { color: #6f6f6f;}
.game-footer-white .game-footer-fun dd a { color: #6f6f6f;}
.game-footer-white .game-footer-fun dd a:hover { color: #03b4f5;}
.game-footer-white .game-footer-m { background: #fff;}
.game-footer-white .game-footer-copr  { border-left: 1px solid #d6d5d5; color: #908f92;}
.game-footer-white .game-footer-copr a { color: #908f92;}
.game-footer-white .game-footer-copr a:hover { color: #03b4f5;}

.game-footer .bainfo { text-align: center; float: none; clear: both; padding: 10px 0;}
.game-footer .bainfo .game-ba, .game-footer .bainfo .comp-ba { display:inline-block; vertical-align: top; padding-left: 34px; height: 35px; line-height: 35px; margin: 0 10px; color: #6e6e6e;}
.game-footer .bainfo .game-ba { background: url('/images/youxidzbq.png?201804') center left no-repeat; }
.game-footer .bainfo .comp-ba { background: url('/images/wenhuajingying.png?201804') center left no-repeat;}

.top-mails, .top-arrow, .top-arrow1,.top-arrow2,.top-arrow3,.top-mark-menu a, .top-log {    background: url(../images/bg-gs-ico.png) no-repeat scroll 0 0 transparent;}
.top-arrow {  background-position: -3px -5px;  display: block;  height: 10px;  position: absolute;  right: -10px;  top: 14px;  width: 10px;}
.top-arrow:hover{ background-position:-3px -25px;}

.top-arrow1 {  background-position: 0px -220px;  display: block;  height: 20px;  position: absolute;  right: 80px;  top: 10px;  width: 20px;}
.top-arrow1:hover{ background-position:0px -180px;}

.top-arrow2 {  background-position: 0px -300px;  display: block;  height: 20px;  position: absolute;  right: 80px;  top: 10px;  width: 20px;}
.top-arrow2:hover{ background-position:0px -260px;}

.top-arrow3 {  background-position: 0px -380px;  display: block;  height: 20px;  position: absolute;  right: 65px;  top: 10px;  width: 20px;}
.top-arrow3:hover{ background-position:0px -340px;}

.top-arrow-up, .top-hover .top-arrow {  background-position: -3px -25px;}