You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
89 lines
7.8 KiB
CSS
89 lines
7.8 KiB
CSS
2 years ago
|
@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;}*/
|