@charset "utf-8"; /** * @Descr :游戏通用顶栏底部 * @WebSite :http://www.9377.cn/ * @DateTime :2016-09-26 16:14:12 **/ /*reset.css*/ html{font-size:100%;}body{margin:0; color:#666; font-size:12px; line-height:1.5;}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;}.tc{text-align:center;} .game_top_hgame a,.game_top_hgame .icon_arrow,.icon_log span,.game_top_glist li i,.game_top_more i,.icon_userlist{background:url(/images/2016/game_top/game_top_icon.png) 0 0 no-repeat; _background:url(/images/2016/game_top/game_top_icon.gif) 0 0 no-repeat;} .game_top_wrap{width:100%; height:51px; border-bottom:1px solid #e8e8e9; background:#fff; position:relative; z-index:100; font:12px/1.5 "microsoft yahei", Arial, sans-serif;} .game_top_main{width:1100px; height:51px; margin:0 auto; position:relative; color:#525252; background-color:#fff; font:12px/51px \5FAE\8F6F\96C5\9ED1; z-index:101;} .game_top_main a{transition: all 0.4s ease; color:#525252;} .game_top_main a:hover{color:#03b4f5;} .game_top_logo,.game_top_qr,.game_top_topay,.game_top_hgame,.game_top_search,.game_top_state{position:relative; z-index:101; width:auto;} .game_top_logo{width:165px; height:51px; font:0/0 a; overflow:hidden; background:url(/images/2016/game_top/game_top_logo.png?201702152037) 0 0 no-repeat; _background:url(/images/2016/game_top/game_top_logo.gif?201702152037) 0 0 no-repeat;} .game_top_gap{position:absolute; width:1px; height:19px; top:17px; left:165px; overflow:hidden; background-color:#d1d5e1;} .game_top_rem{width:420px; height:51px; overflow:hidden;} .game_top_rem_pop{position:absolute; width:1100px; height:192px; top:0; left:0; z-index:100; display:none;} .game_top_qr{_width:108px; min-width: 108px;} .game_top_qr a{display:block; height:51px; padding:0 12px 0 60px; background:url(/images/2016/game_top/qricon.png) 32px center no-repeat;} .game_top_qr a:hover{background:url(/images/2016/game_top/qricon_hover.png) 32px center no-repeat;} .game_top_qr_pop{position:absolute; width:102px; left:605px; top:51px; border:1px solid #e8e8e9; background-color:#fff; padding:3px 0; z-index:100; display:none;} .game_top_qr_pop p{font:12px/16px \5FAE\8F6F\96C5\9ED1; text-align:center;} .game_top_topay{padding-right:12px;} .game_top_topay a{padding:0 12px;} .game_top_hgame{_width:91px;} .game_top_hgame a{display:block; height:51px; padding:0 18px 0 25px; background-position:0 18px; color:#03b4f5;} .game_top_hgame .icon_arrow{position:absolute; width:8px; height:6px; overflow:hidden; margin:22px 0 0 4px; background-position:0 -120px; transition:all 0.4s ease 0s; *margin:6px 0 0 4px;} .game_top_hgame_hover .icon_arrow,.game_top_hgame a:hover .icon_arrow{transform: rotate(180deg);} .game_top_search{width:135px; height:24px; padding:14px 0 0 15px; background:url(/images/2016/game_top/game_top_search.jpg) 15px 14px no-repeat;} .game_top_search input{float:left; display:inline; height:24px; background:none; border:none;} .game_top_stxt{width:96px; border:none; font:12px/24px \5FAE\8F6F\96C5\9ED1; padding-left:10px; color:#979798;} .game_top_sbtn{width:28px; cursor:pointer;} /* 用户信息 */ .game_top_state{display:block; width:84px; height:51px; color:#fff; background-color:#02b4f4;} .game_top_state a{color:#fff; padding:0 5px;} .game_top_state a:hover{color:#fff; background-color:#00baff;} .icon_log{text-indent:33px;} .icon_log span{position:absolute; width:29px; height:51px; margin-left:-33px; background-position:18px -181px; *margin-top:-16px;} .game_top_loged{text-align:center; text-indent:0px; position:relative;} .game_top_uname{display:block; width:70px; height:51px; padding-right:5px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; text-align:center;} .game_top_loged .icon_userlist{width:8px; height:6px; overflow:hidden; position:absolute; top:24px; right:6px; background-position:0 -357px; transition:all 0.4s ease 0s;} .game_top_loged_hover .icon_userlist{transform:rotate(180deg);} .game_top_setup{position:absolute; width:84px; top:51px; right:0; background-color:#02b4f4; padding-bottom:6px; display:none;} .game_top_setup ul li a{display:block; height:28px; line-height:28px; color:#fff; overflow:hidden; text-align:center;} .game_top_setup ul li a:hover{color: #b0e9fe;} /* 更多游戏列表 */ .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/cms_style_2012_new/game_top_icon.png?201702131050) no-repeat; _background: url(../../images/cms_style_2012_new/game_top_icon.gif?201702131050) no-repeat;} .game-top-glist { width: 100%; height:290px; overflow: hidden; opacity: 0; position: absolute; top: -290px; left: 0px; z-index: 100;} .game-top-bg { width: 100%; height:290px; position: absolute; top: 0px; left: 0px; background: #fff; opacity: 0.9;} .game-top-gmain { width: 1024px; height: 290px; margin: 0 auto; overflow: hidden; position: relative; z-index: 1002;} .game-top-rmd { width: 1200px; height: 145px; border-bottom: 1px solid #ddd;} .game-top-rmd a { width: 82px; height: 110px; 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: 1200px; height: 116px;} .game-top-gtype1 { width: 671px; border-right: 1px solid #ddd;} .game-top-gtype2 { width: 362px; padding-left: 70px;} .game-top-aglist dl { height: 150px; margin-top: 16px; float: left;} .game-top-aglist dt { height: 34px; font-size: 16px; color: #09b5f5;} .game-top-aglist dd { width: 134px; height: 24px; line-height: 24px; overflow: hidden; float: left;} .game-top-aglist dd a { color: #6f6f6f; transition: all 0.3s ease;} .game-top-aglist dd a:hover { color: #09b5f5; padding-left: 12px;} .game-top-gtype2 dd { width: 178px;} /*.game_top_glist{position:absolute; width:463px; background-color:#fff; border:1px solid #e8e8e9; left:50%; margin-left:-26px; z-index:100; opacity:0; filter:alpha(opacity=0);} .game_top_glist a{transition:color 0.3s ease;} .game_top_glist a:hover{color:#0ab6f8;} .game_top_glist ul{margin-right:-1px;} .game_top_glist li{float:left; display:inline; width:115px; height:29px; font:12px/29px \5FAE\8F6F\96C5\9ED1; border-right:1px solid #e8e8e9; border-bottom:1px solid #e8e8e9;} .game_top_glist li a{display:block; text-align:center; color:#666;} .game_top_glist li i{position:absolute; height:29px; width:16px;} .game_top_glist li i.new_icon{background-position:4px -320px;} .game_top_glist li i.hot_icon{background-position:4px -290px;} .game_top_more{text-align:center; font:12px/29px \5FAE\8F6F\96C5\9ED1; border-top:1px solid #e8e8e9; background-color:#f9f9f9; margin-top:-1px;} .game_top_more i{width:30px; height:29px; display:inline-block; *display:inline; zoom:1; vertical-align:top; background-position:0 -224px;} .game_top_more a{color:#999;} .game_top_more a:hover i{background-position:0 -254px;}*/