@import url(font.css);
/* 头部区 header */

.header{width:100%; margin:0 auto;}
.wrap{width:960px; margin:0 auto; overflow:hidden;}
.head_top {height:32px; background:url(../images/head_top_bg.gif) repeat-x; margin-bottom:5px;}
.head_top .wrap{text-indent:30px; line-height:25px; position:relative;}
.head_top .alogin{font-weight:bold;}
.head_top .areg{}
.head_top .wrap span{position:absolute; right:10px; top:0;}
.header .imgwrap{width:960px; margin:0 auto; height:70px; position:relative; overflow:hidden;}
.logo{width:270px; left:0; overflow:hidden; text-align:center; margin-left:20px; position:absolute; bottom:0;}
.banner{right:0; position:absolute; bottom:0;}
.banner img{margin-left:25px; width:285px; height:54px;}

/*导航*/
.nav{width:960px; margin:10px auto 0; clear:both;  background:url(../images/navbg.gif) repeat-x bottom;}
.menu_nav{ height:35px; overflow:hidden;}
.nav  ul{text-align:center;}
.nav li{display:inline; font-weight:bold; margin-left:-5px; *margin-left:-8px; font-family:宋体;}
.nav li a{height:35px; line-height:33px; display:inline-block; text-align:center; font-weight:bold; padding-left:18px; background:url(../images/menu_nav_bg.gif) no-repeat;}
.nav li a span{height:35px; line-height:33px; display:inline-block; background:url(../images/menu_nav_bg.gif) no-repeat right -35px; padding-right:18px; cursor:pointer;}
.nav .current a,.nav li a:hover{height:35px; background:url(../images/menu_nav_bg_on.gif) no-repeat 0 0; text-decoration:none;}
.nav .current span,.nav li a:hover span{height:35px; background:url(../images/menu_nav_bg_on.gif) no-repeat right -40px;}

.nav .home{ height:35px; background:url(../images/ykt.gif) no-repeat;  text-align:center; display:inline;}
.nav .home a{width:56px; height:35px; display:inline-block; background:none !important; padding:0;}


/*导航 搜索 快速充值*/
.nav_box{height:66px;}
.nav_box .wrap{ position:relative; overflow:visible;}
.radio{width:180px; height:0px; position:absolute; top:10px; left:100px;}
.radio label{color:#FFF; font-weight:bold;}
.pro_search,.pro_pay{width:600px; height:50px; position:absolute; top:10px; right:90px;}
.pro_search_inpt{width:441px; height:28px; background:url(../images/search.gif) no-repeat; float:left;}
.pro_search_inpt input{width:94% !important; margin:7px 10px 0 !important; border:none;}
.pro_search_btn input{width:79px; height:28px;  background:url(../images/search.gif) no-repeat -450px 0;  float:left; margin-left:5px;  cursor:pointer;}

.pro_pay_select{width:441px; height:28px; float:left;}
.pro_pay_select select{float:left; height:25px; line-height:25px; margin-top:2px;}
.pro_pay_btn input{width:79px; height:28px; float:left; background:url(../images/search.gif) no-repeat right top; cursor:pointer;  margin-left:5px; }

.select_01{width:100px; overflow:hidden; float:left;}
.select_02{width:150px; overflow:hidden; float:left;}
.select_03{width:190px; overflow:hidden; float:left;}

.nav .link{position:absolute; top:45px; right:250px;}
.nav .link a{font-weight:bold;}


/* 体部区 main */

.main{width:960px; margin:0 auto; overflow:hidden;}

/* 热门游戏专区 */
.game{width:960px; margin:0 auto}
.game_main{background:url(../images/hot_bg.gif) repeat-y;}
.game_main_top{height:36px; background:url(../images/hot_top.gif) repeat-x;}
.game_main_top ul{height:36px;float:left;}
.game li{float:left; display:inline-block;}
.game li a{height:29px; line-height:29px; font-weight:bold; padding-left:10px; margin:4px 5px 0; display:inline-block;}
.game li a span{padding-right:10px;}
.game_main_top li.selected a {background:url(../images/hot_on.gif) no-repeat;}
.game_main_top li.selected span{height:29px; line-height:29px; padding-right:10px; display:inline-block; cursor:pointer; background:url(../images/hot_on.gif) no-repeat right -32px;}
.hot{width:217px; height:36px; background:url(../images/hot_top.gif) no-repeat; float:left; padding-left:15px;}
.hot a{width:90px; background:none !important; overflow:hidden;}
.game_list{margin:0 27px; padding:5px 0; display:inline-block; line-height:20px; clear:both;}
.game_list a{width:60px; display:inline-block; font-family:宋体; text-align:center;}
.game_list span{padding:0 2px; text-align:center; display:inline-block; color:#D2D2D2;}
.game_bottom{height:9px; background:url(../images/hot_bottom.gif) no-repeat;}
.game_list2{margin:0 27px; padding:5px 0; display:inline-block; line-height:20px; clear:both;}

/* 体部区 左侧 index_left */

.index_left{width:212px; float:left; margin-top:15px;}
.gonggao{height:169px; background:url(../images/gonggao.gif); overflow:hidden;}

/* 左侧 公告切换标签 */
.gonggao_top{margin-top:4px; margin-left:8px; overflow:hidden; border-bottom:none;}
.gonggao_top li{float:left; width:75px; margin-right:6px;  height:28px; line-height:28px;  text-align:center}
.gonggao_top li a{ display:block; line-height:28px; width:75px; text-decoration:none}
.gonggao_top li a:hover{text-decoration:none}
.gonggao_top li.tab_on{background:url(../images/tab_on.gif) no-repeat; z-index:10; height:28px; line-height:28px; width:75px;}
.gonggao_top li.tab_on a{font-weight:bold;}
. li.usual{height:28px; width:75px;}

.gonggao_main{width:190px; margin:0 auto;}
.gonggao_main ul{padding-top:10px; overflow:hidden;}
.gonggao_main ul li{width:190px; height:22px; overflow:hidden;}
.gonggao_main ul li span{float:right;}
.gonggao_main ul li a{width:140px; float:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; border-left:2px solid #FFF; padding-left:5px;}
.gonggao_main ul li a:hover{text-decoration:none;}

/* 左侧 客服中心 kefu */

.kefu{margin-top:10px; clear:both;}
.kefu_img{margin:-5px 0 5px;}
.kefu_top{height:31px; line-height:31px; background:url(../images/service.gif) no-repeat; padding-left:30px; font-weight:bold;}
.kefu_main{background:url(../images/kefu_main_bg.gif); clear:both; padding:10px 9px 0;}
.MyMarqueeY{height:58px; overflow:hidden;}
.kefu dl{ clear:both; line-height:20px;}
.kefu dl dt{width:60px; float:left; text-align:right;}
.kefu dl dd{width:130px; float:right; word-break:break-all;}
.kefu p{width:100%; text-align:center; clear:both; padding:10px 0 5px;}
.kefu p a{width:194px; height:28px; display:block; margin-top:5px; background:url(../images/chaxun.gif) no-repeat; overflow:hidden; text-indent:-999px;}
.kefu .web{ background-position:0 -32px;}
.kefu .feedback{ background-position:0 -64px;}
.kefu_bottom{height:10px; background:url(../images/service.gif) no-repeat bottom; font-size:0;}



.cj{margin-top:10px;}
.cj_top{height:29px; background:url(../images/gonggao.gif) no-repeat; position:relative;}
.cj_top span{height:29px; font-weight:bold; line-height:29px; padding:0 8px; background:url(../images/title.gif) no-repeat; position:absolute;left:8px; top:5px;}
.cj_top span em{height:29px; width:8px; background:url(../images/title.gif) no-repeat right; position:absolute; right:0; top:-1px;}
.cj_main{padding:10px 15px; background:url(../images/cj_bg.gif); line-height:20px;}
.cj_bottom{height:7px; background:url(../images/gonggao.gif) no-repeat bottom;}

.index_left .ad_inner ul li a span{position:absolute; top:0; left:0;width:212px; height:83px; background:url(../images/ad_210x80.png) no-repeat; _background:none;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='circular.png',sizingMethod='crop'); cursor:pointer}
.index_left .ad_inner ul img{width:212px; height:83px; display:block}

/* 体部区 中间 index_middle */

.index_middle{width:563px; float:left; margin-left:12px;  margin-top:15px;}

.index_middle_top{height:56px; background:url(../images/index_middle_title.jpg) no-repeat; padding-left:114px;}
.index_middle_top a{height:42px; line-height:40px; display:inline-block; font:14px Microsoft Yahei; font-weight:bold; margin-right:3px; float:left; text-indent:-999px;}
.index_middle_top a:hover{ background-image:url(../images/index_middle_title_hover.jpg) no-repeat -114px 0;}
.pay_1{width:53px;}
.pay_1:hover{background:url(../images/index_middle_title_hover.jpg) -114px 0;}
.pay_2{width:55px;}
.pay_2:hover{background:url(../images/index_middle_title_hover.jpg) -170px 0;}
.pay_3{width:45px;}
.pay_3:hover{background:url(../images/index_middle_title_hover.jpg) -228px 0;}
.pay_4{width:45px;}
.pay_4:hover{background:url(../images/index_middle_title_hover.jpg) -276px 0;}
.pay_5{width:46px;}
.pay_5:hover{background:url(../images/index_middle_title_hover.jpg) -324px 0;}
.pay_6{width:74px;}
.pay_6:hover{background:url(../images/index_middle_title_hover.jpg) -373px 0;}
.pay_7{width:55px;}
.pay_7:hover{background:url(../images/index_middle_title_hover.jpg) -450px 0;}
.pay_8{width:41px;}
.pay_8:hover{background:url(../images/index_middle_title_hover.jpg) -508px 0;}


.index_middle_main{background:url(../images/index_middle_bg.gif); padding-right:3px;}
.index_middle_main .content{height:632px; overflow:auto; width:96%; margin:0 auto; scrollbar-arrow-color:#333; scrollbar-shadow-color:#CCC;scrollbar-base-color:#DDD; }
.index_middle_main .content a{text-decoration:none;}
.products{width:96.5%; margin:0 auto;}
.products thead{height:25px; background:#FEF4ED; padding-left:0;}
.products thead td,products thead th{border:none;}
.products thead th{background:#FEF4ED;  border:none;}
.products th{width:100px; text-align:left; border-bottom:1px solid #CCC; padding:5px 5px 0 15px; line-height:20px; vertical-align:text-top; font-weight:normal; background:url(../images/icon.gif) no-repeat 3px 9px; _background:url(../images/icon.gif) no-repeat 3px 12px;}
.pro_list{width:98.5%; float:right;}
.pro_list td{border-bottom:1px solid #CCC; line-height:20px; padding:4px 5px 2px;}
.value{width:40px;}
.price{width:60px;}
.mode{width:60px;}
.mode a{width:55px; height:18px; line-height:20px; _line-height:18px; overflow:hidden; text-align:center; display:block; background:url(http://192.168.0.110:86/OneCard/Boss_OneCard/images/bg_buy.gif) no-repeat; margin:0 0 3px; text-decoration:none;}
.mode1{}
.mode2{}
.mode3{}
.index_middle_bottom{height:20px; background:url(../images/main_bottom.gif);}


/* 体部区右侧 index_right */

.index_right{width:162px; float:right;  margin-top:15px;}

/* 右侧 自定义信息 news */
.news{}
.news_top{height:29px; background:url(../images/news.gif) no-repeat;}
.news_top span{height:25px; line-height:25px; font-weight:bold; display:inline-block; background:url(../images/news.gif) no-repeat right -54px; margin:4px 0 0 12px; padding:0 10px 0 5px;}
.news_main{background:url(../images/news_bg.gif) repeat-y;}
.news_main p{ text-align:center; padding:8px 0;}
.news_main p img{width:143px; height:42px;}
.news_main ul{width:140px; margin:0 auto; overflow:hidden;}
.news_main ul li{width:140px; background:url(../images/point.gif) no-repeat -5px 4px; padding-left:10px;  white-space:nowrap; overflow:hidden;text-overflow:ellipsis; line-height:25px;}
.news_bottom{height:7px; background:url(../images/news.gif) no-repeat 0 -40px; font-size:0;}

/*广告区 ad_inner */
.ad_inner{margin-top:10px;}
.ad_inner ul:after {content: "\0020"; display: block; height: 0;clear: both; visibility: hidden; }
.ad_inner ul{zoom: 1;} 
.ad_inner li{ position:relative;float:left; margin-bottom:10px;}
.index_right .ad_inner ul li a span{position:absolute; top:0; left:0;width:160px; height:87px; background:url(../images/ad_png.png) no-repeat; _background:none;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='circular.png',sizingMethod='crop'); cursor:pointer}
.index_right .ad_inner ul img{width:160px; height:87px; display:block}


/* 底部区 footer */
.footer{width:960px; margin:15px auto 0; padding-bottom:15px;}

/* 底部区 全国垂直站点 site */
.site{width:960px; overflow:hidden; clear:both;}
.site_top{width:960px; height:10px; background:#FFF url(../images/site.gif) no-repeat; float:left;}
.site_main{width:960px; background:url(../images/site_bg.gif) repeat-y; float:left;}
.site_main_left{width:95px; float:left; font-size:14px; font-weight:bold; text-align:center; line-height:1.5em;}
.site_main_right{width:850px; float:right;}
.site_bottom{width:960px; height:10px; background:#FFF url(../images/site.gif) no-repeat bottom 0; float:left;}

.allsite{padding-top:3px; line-height:1.5em;}

/* 底部区 版权 copyright */

.copyright{min-height:50px; padding-left:227px; line-height:20px; text-align:left; margin-top:10px; position:relative;}
.safepolice{height:40px; position:absolute; right:150px; top:50%; margin-top:-20px; _margin-top:-70px;}


/*频道页*/
.position{margin:8px 0; padding-left:5px;}
.position a{}
.channel{border-left:1px solid #DFDFDF; margin-bottom:15px; font-family:Tahoma, Geneva, sans-serif;}
.ch_top{height:26px; background:url(../images/thead.gif) repeat-x; padding-top:2px; font-weight:bold;}
.ch_top th,.ch_main th{height:26px; width:200px; text-align:left; text-indent:15px; border-right:1px solid #DFDFDF; border-bottom:1px solid #DFDFDF; font-weight:bold;}
.ch_top td,.ch_pro_list td{padding:5px; border-right:1px solid #DFDFDF;border-bottom:1px solid #DFDFDF; }



.channel .value{width:100px;}
.channel .price{width:100px;}
.channel .mode{width:100px;}
.ch_products{border-left:1px solid #DFDFDF; border-right:1px solid #DFDFDF;}


/*帮助中心*/
.help_left{width:212px; margin-top:20px; float:left;}
.help_left_top{height:32px; line-height:38px; overflow:hidden; font-weight:bold; padding-left:20px; background:url(../images/help.gif) no-repeat;}
.help_left_main{ background:url(../images/help_bg.gif) repeat-y;}
.help_left dl{margin:0 11px;}
.help_left dt{height:25px; line-height:25px; padding-left:15px; background:url(../images/help.gif) no-repeat -11px -43px;}
.help_left dt a{font-weight:bold;}


.help_left dd{height:25px; line-height:25px;}
.help_left dd a{text-indent:15px;}
.help_left dd a:hover{background:url(../images/help.gif) no-repeat -5px -114px; display:block;}
.help_left_bottom{height:10px; background:url(../images/help.gif) no-repeat 0 -216px;}


.help_right{width:733px; float:right; margin-top:20px;}
.help_right h1{height:34px; line-height:34px; padding-left:10px; background:url(../images/help.gif) no-repeat -226px 0; font-size:14px; font-weight:bold;}
.help_right h2{height:60px; line-height:60px; padding-left:10px; margin-top:20px; background:url(../images/help.gif) no-repeat 0 -237px; font-size:14px; font-weight:bold;}
.help_right h3{height:25px; line-height:25px; padding-left:20px; margin-top:20px; background:url(../images/help.gif) no-repeat -226px -39px; font-size:14px; font-weight:bold; border-bottom:1px solid #ccc;}
.help_right p{ line-height:1.5em; padding:10px 24px;}
.help_kf{font-size:14px; line-height:2em !important;}



/*20111203*/
.new_pay{ width:210px; overflow:hidden; margin-bottom:10px;}
.new_pay_tit{ height:32px; line-height:33px; font-weight:bold; padding-left:12px; background:url(../images/new_pay.gif) no-repeat; color:#660000;}
.new_pay_cont{ border-left:1px solid #FFA800; border-right:1px solid #FFA800; padding:5px; text-align:center}
.new_pay_btm{ height:5px; overflow:hidden; background:url(../images/new_pay.gif) no-repeat 0 -42px;}