﻿*{ margin:0; padding:0;}
body { font-family:微软雅黑; font-size:12px;}
a{text-decoration:none;outline:none;color:black;}
li{ list-style:none;}
img {border: medium none;}
.imggray{ FILTER: gray; }
iframe{ border:none;}
.icon_hot, .icon_hot_g, .icon_home, .icon_server, .icon_busy, .icon_free, .icon_wait, .icon_exit{background: url("../images/GameLib/server_icon.gif") no-repeat;display: inline-block;_zoom:1;_display:inline;}
.icon_hot{ background-position: -10px -70px;height: 12px;width: 12px;}
.icon_hot_g{ background-position: -30px -70px;height: 12px;width: 12px;}
.icon_home{ background-position: -50px -69px;height: 16px;width: 16px;}
.icon_server{background-position: -79px -68px;height: 18px;width: 10px;}
.icon_busy{background-position: -100px -72px;height: 10px;width: 10px;}
.icon_free{background-position: -123px -72px;height: 10px;width: 10px;}
.icon_wait{background-position: -144px -69px;height: 17px;width: 17px;}
.icon_exit{background-position: -169px -70px;height: 16px;width: 16px;}


.game_img .pbar{background: url("/images/GameLib/icon.gif") no-repeat -5px -92px ;height: 7px;margin: -15px auto 0;position: relative;width: 55px;z-index: 10; overflow:hidden; text-align:left;}
.game_img .pbaring{ background: url("/images/GameLib/icon.gif") no-repeat -5px -103px;height: 7px;margin: 0;width: 0;z-index: 11;}


.context{width:490px; border: 1px solid #A9C6F1;border-top: none;overflow: hidden;margin:0px auto 10px;}
.context .title{background: url("/images/GameLib/head_bg.jpg") repeat-x 0 -58px;font-size: 15px;height: 29px;padding: 4px 0 0 10px;width: 100%;}
.picBox{width:100%; height:300px; margin:0px auto; overflow:hidden; position:relative;}
.picBox ul.show_pic{ margin:0; padding:0; list-style:none; height:265px; width:5048px; position:absolute;}
.picBox ul.show_pic li{ float:left; margin:0; padding:0; height:265px;}
.picBox ul.show_pic li img{ display:block; border:none;}
.icon_num{ position:absolute; right:7px; margin-top:265px;}
.icon_num li{ line-height:1.35em; float:left; background:url(../images/Lobby/btn.gif) 0px 0px  no-repeat;width:23px; height:23px; font-family:微软雅黑; font-size:16px; font-weight:bolder; list-style:none; color:#fff; text-align:center;  cursor:pointer;  padding-bottom:10px; margin:0;margin-right:5px;}
.icon_num li:hover,.icon_num li.active{ background-position:-23px 0px; font-family:微软雅黑; font-size:16px; font-weight:bolder;  color:#454545;}

.games_type{height:31px; background:url('/images/GameLib/head_bg.jpg') repeat-x;overflow: hidden;}
.games_type ul{margin-left:4px; line-height:31px; height:31px; float:left;}
.games_type ul li{ display:inline-block;zoom:1; *display:inline;}
.games_type ul li a{ color:#000;display: block;height: 33px;text-align: center;width: 71px; }
.games_type ul li a:hover ,.games_type ul li .on{ cursor:pointer;  background:url(/images/GameLib/icon.gif) -5px 0px no-repeat; color:White; font-weight:bold;}

.game_sch{ display:inline; float:right;margin:2px 10px 0 0;width:195px;}
.game_sch .game_sch_frm{overflow:hidden;*zoom:1;}
.game_sch .s_box{float:left;width:145px;height:27px;overflow:hidden;background:url(/images/GameLib/sths.gif) 0 -55px no-repeat;}
.game_sch .t_inp{width:139px;height:26px;padding-left:5px; padding-top:3px\9;*padding-top:3px; color:#7a7a7a;background:none;border:none;font-family:微软雅黑;}
.game_sch .b_btn{float:left;width:49px;height:27px;margin-left:1px;cursor:pointer;background:url(/images/GameLib/sths.gif) -150px -55px no-repeat;border:none;}
.game_sch .b_btnover{float:left;width:49px;height:27px;margin-left:1px;cursor:pointer;background:url(/images/GameLib/sths.gif) -209px -55px no-repeat;border:none;}
.game_sch .b_btndown{float:left;width:49px;height:27px;margin-left:1px;cursor:pointer;background:url(/images/GameLib/sths.gif) -268px -55px no-repeat;border:none;}

.div_sch_lst {position:absolute;width:143px;background:#fff;border:1px solid #ced7dc;border-top:none;z-index:7;}
.div_sch_lst a {display:block;height:20px;line-height:20px;padding:0 5px; font-size:12px; text-decoration:none;}
.div_sch_lst a:hover {text-decoration:none;}
.div_sch_lst a.on {background:#ced7dc;cursor:pointer;}


.game_area{height:28px; background:url('/images/GameLib/head_bg.jpg') 0 -31px repeat-x; overflow:hidden; display:none;}
.game_area ul{margin-left:4px; line-height:31px; height:31px; float:left;}
.game_area ul li{ display:inline-block;zoom:1; *display:inline;}
.game_area ul li a{ color:#000;display: block;height: 33px;text-align: center;width: 71px; }
.game_area ul li a:hover ,.game_area ul li .on{ cursor:pointer;  background:url(/images/GameLib/icon.gif) -5px 0px no-repeat; color:White; font-weight:bold;}

.game_py{height:28px; background:url('/images/GameLib/head_bg.jpg') 0 -31px repeat-x; overflow:hidden;}
.game_py ul{margin-left:4px; line-height:28px; height:28px;}
.game_py ul .title{ float:left;margin: 0 6px; display:inline;}
.game_py ul li{float: left;margin: 7px 5px 0 0; display:inline;}
.game_py ul .fix a{_padding-top:1px;}
.game_py ul li a{display:block; text-align:center; color:#727375; cursor:pointer;width: 15px; line-height:14px; height:14px;}
.game_py ul li.big a{ width:29px;}
.game_py ul li a.on,.game_py ul a:hover{background:url(/images/GameLib/icon.gif) -5px -33px no-repeat;   color:White;}
.game_py ul li.big .on,.game_py ul .big a:hover{background:url(/images/GameLib/icon.gif) -25px -33px no-repeat;}	

.games_list{ width:720px; margin:5px auto; border:1px solid #a2c6d5; background-color:#f9fdfe;}
.games_list ul{}
.games_list ul li{  border-bottom: 1px dashed #AFC8CF;border-right: 1px dashed #AFC8CF;display: inline-block;zoom:1; *display:inline;height: 99px;margin-bottom: -1px;margin-right: -1px;overflow: hidden;padding-top: 10px;width: 240px;}
.games_list .games_detail {float: left;margin-left: 6px;margin-top: 3px;width: 150px;}
.games_list .game_img{ width:68px; float:left; margin-left:9px;}
.games_list .games_title{ font-size:14px; font-weight:bolder;}
.games_list .games_class{ color:#7e7e7e;font-weight:normal; margin-left:5px; font-size:12px;}
.games_list .games_detail p{color:#6b6b6b; margin-top:10px; margin-bottom:5px; width:127px; line-height:16px; float:left; height:32px; overflow:hidden;}
.games_list .games_btn{ float:right; margin-left:5px; height:26px; border:1px solid white;}
.games_list .games_list{ margin-left:-8px; width:100%;  overflow:hidden; }
.games_list .game_img .pmsg{color: green;margin-top: 10px;text-align: center;width: 68px;}
.games_list .g_tips_btn_add {background: url("/images/GameLib/icon.gif") no-repeat -81px -5px;display: block;height: 24px;line-height: 24px;overflow: hidden;width: 59px;text-align: center;color:white;}
.games_list .g_tips_btn_join{background-position: -81px -121px;}
.games_list .g_tips_btn_gray {background: url("/images/GameLib/icon.gif") no-repeat -81px -5px;display: block;height: 24px;line-height: 24px;overflow: hidden;width: 59px;text-align: center;color:white;}

.pager{ margin:14px 3px 3px; padding:3px; font-family:宋体; font-size:12px; color:#464646; text-align:center;}
.pager .pg_pre,.pager .pg_nxt{ border:1px solid #dddddd; margin-right:2px; padding:2px 5px;}
.pager a{ border:1px solid #dddddd; margin-right:2px; padding:2px 5px; text-decoration:none; cursor:pointer; color:#464646;}
.pager a:hover{ background-color:#75dffd;}
.pager .on{border:1px solid #dddddd; margin-right:2px; padding:2px 5px; background-color:#00c6ff; font-weight:bolder;}


.game_server{ width:720px; height:720px; overflow:hidden;}
.server_left{ width:260px; float:left;}
.server_center{ background: url("../images/GameLib/server_icon.gif") -483px -10px;float: left;height: 100%;width: 6px;}
.server_right{ width:454px; float:left; overflow:hidden;}

.server_top{ float:left; width:100%;background-color: #F6FCFE;}
.server_top .top_l{ float: left;height: 90px;width: 80px;}
.server_top .game_img{display:block; width:68px; height:68px;margin: 5px;}
.server_top .game_img .pmsg{color: green;margin-top:8px;text-align: center;width: 68px;}
.server_top .top_m{float: left;height: 90px;width: 100px;}
.server_top .top_m li{ margin:2px 0;}
.server_top .top_r{float: left;height: 90px;}
.server_top .top_r li{ margin:5px 0;}
.server_top .top_r li a{ background: url("../images/GameLib/server_icon.gif") -10px -10px; display:block; width:61px; height:20px;text-align: center; color:White;}

.server_line{background: url("../images/GameLib/server_icon.gif") no-repeat -7px -254px;float:left;height: 4px;width:100%; overflow:hidden;}

#scrollbar1 { }
#scrollbar1 .viewport {height: 100%; overflow: hidden; position: relative; }
#scrollbar1 .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
#scrollbar1 .scrollbar{position: relative; background-position: 0 0; float: right; width: 15px; }
#scrollbar1 .track { height: 100%; width:13px; position: relative; padding: 0 1px; }
#scrollbar1 .thumb { background: transparent url(../images/GameLib/bg-scrollbar-thumb-y.gif) no-repeat 50% 100%; height: 20px; width: 25px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -5px; }
#scrollbar1 .thumb .end { background: transparent url(../images/GameLib/bg-scrollbar-thumb-y.gif) no-repeat 50% 0; overflow: hidden; height: 5px; width: 25px; }
#scrollbar1 .disable { display: none; }
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }

.server_midden{ width:260px; height:340px;overflow: hidden;outline: medium none; float:left;}
.server_midden .container{ width:100%; height:100%;}

.server_midden .overview dt{background: url("../images/GameLib/server_icon.gif") -9px -165px;height: 28px;width: 243px;line-height: 28px; margin:5px 0;cursor:pointer; overflow:hidden;}
.server_midden .overview dt.open {cursor: default;}
.server_midden .overview dt.on{ background-position:-9px -204px; }
.server_midden .overview dt span{vertical-align: -3px;float: left;margin: 5px 5px 0;}
.server_midden .overview dt .icon_wait{float: right;margin: 5px 10px 0 0;}
.server_midden .overview dt a{color: Black;float: left;}

.server_midden .overview dd {font-size: 12px;font-family:微软雅黑; padding: 0; margin: 0;overflow: hidden;}
.server_midden .overview dd li{height: 28px;width: 243px;margin: 2px 0;line-height: 28px; cursor:pointer; overflow:hidden;}
.server_midden .overview dd li.on{background: url("../images/GameLib/server_icon.gif") -9px -165px; background-position:-9px -204px; }
.server_midden .overview dd li span{margin:10px 5px 0 25px;vertical-align: -1px; float:left;}
.server_midden .overview dd li b{ font-weight:normal; margin-left:10px; display:inline;}
.server_midden .overview dd li a{color:Black;}
.server_midden .overview dd li a img{left: 85px;position: relative;top: -23px;z-index: -10;}

.server_midden .serverbar{ height: 100%;position: absolute;right: 1px;top: 0;width: 12px;}
.server_midden .bartrack{background:#E5EFF7;position: relative;height: 100%; width:12px;}
.server_midden .bardrag{ background: url("../images/GameLib/server_icon.gif") no-repeat -453px 1px #E5EFF7;cursor: pointer;height: 100px;left: 0;position: relative;top: 0;width: 12px;}        

.server_bottom .hd{background: url("../images/GameLib/server_icon.gif") no-repeat -10px -265px;height: 28px;width: 100%;}
.server_bottom{float: left;width: 100%;}
.server_bottom ul li{ background: url("../images/GameLib/server_icon.gif") -8px -303px;height: 21px;line-height: 21px;margin: 5px 0;width: 100%;}
.server_bottom ul li span {margin: 0 5px;}


.matchlist{ width:254px; height:218px;}
.matchlist .head{background: url("../images/GameLib/server_icon.gif") -10px -357px;height: 23px;line-height: 23px;text-align: right;width: 100%;}
.matchlist  ul{ width:100%; height:193px;overflow: hidden;}
.matchlist  ul li{text-align: center;width: 74px;overflow:hidden;float: left; margin:9px 0px 0 10px; display:inline;height: 86px;}
.matchlist .game_img{cursor: pointer;display: block;height: 70px;width: 100%;}
.matchlist .games_detail{cursor: pointer;height: 16px;line-height: 16px;overflow: hidden;width: 100%;}
.matchlist #ahddz_btn_add{display: block;height: 70px;width: 74px;}
.matchlist .pmsg{ display:none;}



.context #hotgameCont .container{height: 100px;overflow: hidden;width: 460px; float:left;}
.context .hotgame{float:left; width:3800px;}
.context .hotgame li{float: left;margin: 7px 4px 0;text-align: center;width: 68px;display:inline;}
.context .hotgame li img{ width:100%; height:68px;}
.context .hotgame li span{ line-height:20px;}

.context #hotactCont .container{height: 95px;overflow: hidden;width: 460px; float:left;}
.context .hotact{float:left;}
.context .hotact li{float: left;margin: 7px 3px 0;text-align: center;width: 147px; display:inline;}
.context .hotact li img{ width:100%; height:83px;}

.bigcontext{ width:775px;}
.bigcontext #hotgameCont .container{ width:746px;}
.bigcontext #hotactCont .container{ width:746px;}
.bigcontext .hotact li{ margin: 7px 1px 0;}
.bigcontext .hotgame li{ margin: 7px 4px 0 3px;}


.slidercontrol { cursor: pointer;display: block;float: left;height: 12px;text-indent: -10000px;width: 10px;}
#hotgameCont .leftcontrol{background: url("http://app.gameabc.com/Images/pre.gif") no-repeat;margin: 40px 2px 0; display:inline;}
#hotgameCont .rightcontrol{background: url("http://app.gameabc.com/Images/next.gif") no-repeat;margin: 40px 2px 0;display:inline;}
#hotactCont .leftcontrol{background: url("http://app.gameabc.com/Images/pre.gif") no-repeat;margin: 40px 2px 0;display:inline;}
#hotactCont .rightcontrol{background: url("http://app.gameabc.com/Images/next.gif") no-repeat;margin: 40px 2px 0;display:inline;}

.calendar{ width:242px; height:142px;}
.calendar .top{ width:240px; height:100px; overflow:hidden;}
.calendar .top div{float: left;height: 100%;text-align: center;font-family:黑体;color:White;}
.calendar .top .left{ width:85px; font-size:32px; padding-top:18px;}
.calendar .top .middle{width:75px; font-size:18px;line-height: 25px;padding-top: 15px;}
.calendar .top .middle b{font-size:12px;}
.calendar .top .right{width:61px; font-size:14px;padding-top:6px;}
.calendar .bottom{background: url("../images/GameLib/server_icon.gif") -196px -69px ;height: 60px;width: 100%;margin-top:2px; overflow:hidden;}
.calendar .bottom div{float: left;height: 100%;text-align: center;font-weight:bold;padding-top:10px; line-height:20px;}
.calendar .bottom .left{width: 80px; font-family:宋体;color:#e5f6ff; }
.calendar .bottom .right{width: 160px; font-family:黑体; font-size:15px;color:#195c78;  padding-top: 0;}