@charset "utf-8";
/* @author -------- Xunlei UED - Baeor Huang
 * @build  -------- 2010-12 
 * @time   -------- 2011-01 
 * @type   -------- flash site style*/
html,body,div,object,embed,pre,code,h1,h2,h3,h4,h5,h6,p,span,em,cite,del,a,img,ul,li,ol,dl,dt,dd,form,input{margin:0;padding:0;font-size:100%;}
fieldset,img{border:0;}
ol,ul{list-style:none;}
em{font-style:normal;}
legend{display:none;}
textarea{overflow:auto;}
select,button,input,option,textarea{font-size:12px;color:#666666;}
label,input{vertical-align:middle;font-family:tahoma;}
label{cursor:pointer;}
button{border:0 none;cursor:pointer;padding:0;}
.comt_input:focus,.t_input:focus{border-color:#1D8AEF!important;}
html{-webkit-text-size-adjust:none;}
body{text-align:center;font:12px/1.5 Helvetica,Tahoma,Arial,\5B8B\4F53,sans-serif;color:#000000;background-color:#F5FAFF;padding-bottom:20px;}
/*------------ background style start ---------------------------*/
.ico_arr,.ico_recom,.btn,.topchannel,.topchannel .content,.logo,.topchannel li,.navpan .content,.mainnav li,.mainnav li a,.area_head,.area_head .t_hotsale,.tab_head li,.tab_head li a,.arr,.circle,.num,.page_turn button,.pages .turn,.pic,.gpic,.game_recom .rpic,.btn_search,.t_input_serch,.btn_fav,.btn_save,.area_box2 .area_head h2,.topic_ranknav li,.inside_sidepan .sub_title,.go_top{background: url(../images/bg_spr_n.png) no-repeat -999em -999em;}
.area_content,.rank_box{background:#FFFFFF url(../images/bg_con.png) repeat-x 0 bottom;}
a{cursor:pointer;}
/*------------ text style start ---------------------------*/
.grade,.pages .on{font-weight:bold;}
.contact_con strong,.contact_head h2{font-weight:normal;}
a,.pages a:hover,.readup a:hover,.readmore:hover,.btn_fav:hover,.ranknav li a:hover,.comt_support a:hover,.classic_tab li a:hover{text-decoration:none;}
.comt_support a:hover{_text-decoration:underline;}
a:hover,.tl,.link_add,.guide_hotsearch dd a,.game_op_share li a,.game_info_list a,.data_comt_num a,.pages span a:hover{text-decoration:underline;}
/*------------ clear style start ---------------------------*/
.clear,.area_content{clear:both;}
.clearfix:after,.content:after,.imgArea:after,.circle_box:after,.game_info_op ol:after,.game_info_close:after,.comt_item:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix,.imgArea,.circle_box,.piclist ul,.game_info_op ol,.game_info_close,.comt_item,.game_previ_list{zoom:1;}
/*------------ color style start ---------------------------*/
a,.pages a:hover,.mainnav .on a:hover,.guide_bread .on,.game_intro h3,.game_intro h4,.pages .on,.hotag_list .hot a,.tab_head .on a,.classic_tab .on a,.readup,.ranknav li a:hover,.contact_con strong,.contact_con h3,.classic_tab li a:hover,.game_info_pages em{color:#0071C7;}
.upload_box a{color:#016A9F;}
.hlight,.recom_hot .hot .num,.recom_list .grade,.intro_info strong,.grade,.rankpage strong,.readup a:hover,.readmore:hover,.taglist .on,.hotnum strong{color:#FF5B01;}
.guide_bread a,.pages a{color:#000000;}
.topchannel li a{color:#525b66;}
.c_gray,.point,.hotag_list .point,.intro_info,.topic_ranknav .num,.topic_intro_point,.contact_con ol{color:#898989;}
.member_op,.member_op_link a{color:#AEAEAE;}
.hotnum,.time{color:#A6A6A6;}
/*------------ hide style start ---------------------------*/
.hide,.soft_info{position:absolute;left:-999em;}
.indent,.header .logo a,.hotlist .hot,.hotlist .nhot,.recom_hot .num,.btn,.pages .turn,.page_turn button,.level a,.btn_search,.rh_title,.hot_title,.t_doc,.level_grade em,.area_title,.btn_check,.t_upload,.inside_primary h2{display:inline-block;overflow:hidden;text-indent:-999em;*text-indent:0;*line-height:999em;*font-size:0;}
.inlink{position:absolute;overflow:hidden;display:block;text-indent:-999em;}
/*------------ img style start ---------------------------*/
.rpic img,.gpic img,.pic img,.game_info_close li img,.bpic img,.imgAreaPic{display:block;background:url(../images/bg_spr_n.png) no-repeat -999em;}
.game_recom .rpic img,.game_info_close li img,.game_previ_list .imgAreaPic,.topic_intro .imgAreaPic,.bpic img{padding:1px;border:1px solid #B5D2ED;}
.rpic:hover img,.pic:hover img,.gpic:hover img,.game_info_close a:hover img,.bpic:hover img,.game_previ_list .imgAreaPic:hover,.comt_pic:hover,.maqiu_previ_list .mPic:hover{border-color:#0095F6;}
.rpic:hover img,.game_info_close a:hover img,.bpic:hover img,.game_previ_list .imgAreaPic:hover,.comt_pic:hover,.maqiu_previ_list .mPic:hover{box-shadow:0 0 4px #55A3FB;-moz-box-shadow:0 0 4px #55A3FB;-webkit-box-shadow:0 0 4px #55A3FB;}
.loadpic,.turn_pic,.topic_intro .imgAreaPic{background:#F5FAFF url(../images/loading.gif) 50% 50% no-repeat;}
/*------ 120*90 style start --------*/
.pic img,.bpic img,.game_previ_list .imgAreaPic{width:120px;height:90px;background-position:-151px -184px;}
.game_rank_mod .bpic img,.game_previ_list .imgAreaPic{background-position:-150px -183px;}
/*------ 50*38 style start --------*/
.rpic img,.game_list .gpic img{width:50px;height:38px;background-position:-209px -286px;}
.rpic img{background-position:-208px -285px;}
/*------ 80*60 style start --------*/
.piclist2 .pic img,.game_info_close li img{width:80px;height:60px;background-position:-59px -214px;}
.game_info_close li img{background-position:-58px -213px;}
/*------------ img style end ---------------------------*/
.fl{float:left;}
.decimal_list{list-style:decimal inside;}
.nobg{border:none!important;background:none!important;}
.bline{height:1px;width:100%;*font-size:0;overflow:hidden;display:block;border-bottom:1px dashed #D3D3D3;}
/*------------ ico style start ---------------------------*/
.ico{display:inline-block;width:20px;height:20px;overflow:hidden; vertical-align:middle;}
.ico_arr{background-position:5px -173px;}
/*------------ circle style start ---------------------------*/
.arr,.circle,.iCircle{ position:absolute; display:block;overflow:hidden; }
.circle_box{position:relative;border:1px solid #E0E0E1;background-color:#FFFFFF;-moz-border-radius:5px;border-radius:5px;}
.circle,.iCircle{ width:6px;height:6px;}
.circle_box .l_top,.area_head .l_top{top:-1px;left:-1px;background-position:-95px -185px;}
.circle_box .r_top,.area_head .r_top{top:-1px;right:-1px;background-position:-101px -185px;}
.circle_box .l_bom{bottom:-1px;left:-1px;background-position:-95px -191px;}
.circle_box .r_bom{bottom:-1px;right:-1px;background-position:-101px -191px;}
.circle_box .il_top{top:-1px;left:-1px;background-position:-40px -60px;}
.circle_box .ir_top{top:-1px;right:-1px;background-position:-34px -60px;}
.circle_box .il_bom{bottom:-1px;left:-1px;background-position:-40px -54px;}
.circle_box .ir_bom{bottom:-1px;right:-1px;background-position:-34px -54px;}
.circle_box_tran{background-color:#F0F7FE;border-color:#CBDAF7;}
.topguide{border-top-width:0;}
.contact_box .circle_box_tran{border-bottom-width:0;}
.circle_box_tran_in{border:1px solid #FFFFFF;border-top-width:0;-moz-border-radius:5px;border-radius:5px;}
.contact_head .l_top{background-position:-110px -185px;}
.contact_head .r_top{background-position:-116px -185px;}
.circle_box_tran .l_bom{background-position:-110px -191px;}
.circle_box_tran .r_bom{background-position:-116px -191px;}
/*------------ area style start ---------------------------*/
.area_head{background-position:0 -35px;background-repeat:repeat-x;border:1px solid #CBDAF7;-moz-border-radius:5px 5px 0 0;border-top-left-radius: 5px 5px;border-top-right-radius: 5px 5px;}
.area_box{height:30px;}
.area_box_in{height:30px;}
.area_head{position:relative;height:32px; border-bottom-width:0;}
.area_head .area_title{margin-top:6px;margin-left:12px;}
.area_head .t_hotsale{background-position:-55px -285px;}
.area_title{float:left;_display:inline;width:100px;height:15px;}
.area_head .more{top:9px;right:11px;}
.area_content{border:1px solid #CBDAF7;background-color:#FFFFFF;}
/*------------ tab style start ---------------------------*/
.tab_head{height:27px;position:relative;z-index:2;}
.tab_head ul,.area_tab ul{ position:absolute;width:100%; left:0;top:0;}
.tab_head li{padding-left:5px; float:left;_display:inline;margin-right:-1px;width:96px;background-position:-277px -252px;}
.tab_head li a{display:block; height:27px;line-height:28px;background-position:-597px -135px; text-align:center;color:#000000;overflow:hidden;}
.tab_head .on{width:95px;background-position:-277px -285px;}
.tab_head .on a{height:28px;background-position:right -115px;font-weight:bold;}
/*------------ piclist style start ---------------------------*/
.piclist ul{overflow:hidden; padding:0 1px;}
.piclist li{float:left;_display:inline;width:130px;overflow:hidden; display:inline;margin:0 4px 0 8px;}
.pic{display:block;width:122px;height:92px;padding:3px 4px 6px;background-position:-146px -180px; overflow:hidden;margin-bottom:2px;}
.pic img{border:1px solid #FFFFFF;}
.piclist li p{height:20px;overflow:hidden;text-align:center;}
/*------------ recom style start ---------------------------*/
.recom_list .num,.hotlist .num{position:absolute;display:block;width:15px;height:15px;text-align:center;font-size:10px;font-weight:bold;line-height:14px;color:#FFFFFF;background-position:-20px -190px;background-color:#3784D6;}
.recom_list .num1,.hotlist .num1{background-position:0 -195px;background-color:#ED2217;}
.recom_list .num2,.hotlist .num2{background-position:0 -215px;background-color:#F8852B;}
.recom_list .num3,.hotlist .num3{background-position:0 -235px;background-color:#E5B538;}
.recom_list{padding-bottom:6px;line-height:24px;}
.recom_list li{position:relative;_zoom:1;overflow:hidden;margin:0 11px;}
.recom_list .num{left:10px;top:5px;}
.game_recom{position:relative;margin-bottom:2px;border-bottom:1px dashed #D3D3D3;padding:9px 0 9px 32px;}
.game_recom .num{top:10px;}
.game_recom .rpic{float:left;margin-right:9px;}
.game_recom h4,.game_list li h4{height:18px;line-height:18px;overflow:hidden;color:#0C88FC;font-weight:normal;}
.game_recom .grade{font-size:14px;font-weight:bold;font-family:\5FAE\8F6F\96C5\9ED1;}
.rankli{padding-left:32px;padding-right:24px;height:24px;}
.rankli .grade{ position:absolute;right:6px;top:0;}
/*------------ holist_box style start ------------------------*/
.hotlist_box{margin-bottom:7px;}
.hotlist{padding:9px 12px 6px 7px;}
.hotlist li{ position:relative;zoom:1;padding-left:23px;padding-right:44px;margin-bottom:5px;height:18px;overflow:hidden;}
.hotlist .tophot{margin-bottom:5px;height:36px;padding-right:0;}
.hotlist .num,.hotlist .hot{left:0;top:2px;}
.hotlist .hotnum{position:absolute;right:0;bottom:0;}
.tophot .hotnum{display:block; text-align:right;}
.hotnum strong{font-weight:bold;margin-right:4px;}
.hottag .tophot {height:34px;padding-right:3px; line-height:28px;border-bottom:1px dashed #D3D3D3;}
.hottag .tophot .hot{top:7px;}
.hottag{padding:11px 0 12px 7px;overflow:hidden;zoom:1;}
.hottag li{ float:left;width:60px;padding-right:3px;}
/*------------ common layout start ---------------------------*/
.content{position:relative;width:976px;margin:0 auto;text-align:left;clear:both;}
/*------------ header start ---------------------------*/
.header{width:976px;height:76px;margin:0 auto; position:relative;background:url(../images/bg_banner.jpg) no-repeat top left;}
.header .logo{ float:left;width:160px;}
.header .logo a{ display:block;height:76px;}
.header .btn_fav,.header .btn_fav:hover,.header .btn_save,.header .btn_save:hover{position:absolute;width:71px;height:18px;line-height:18px; color:#fff; text-decoration:none;}
.header .btn_fav{top:9px;right:76px;background-position:-56px -306px;}
.header .btn_save{top:9px;right:0;background-position:-130px -306px;}
/*------------ navpan style start ---------------------------*/
.navpan{font-family:\5FAE\8F6F\96C5\9ED1;}
.navpan .content{background-color:#32ADF0;height:36px;background-position:0 -10px; background-repeat:repeat-x;}
.navpan,.navpan .content{background-position:0 -70px; background-repeat:repeat-x;}
.navpan .arr{width:6px;height:36px;top:0;}
.navpan .arr_l{left:0;background-position:0 -115px;}
.navpan .arr_r{right:0;background-position:-6px -115px;}
.mainnav{float:left;_display:inline;margin:6px 0 0 9px;}
.mainnav li{ float:left;_display:inline;height:26px;overflow:hidden;/*text-shadow:1px 1px 0 #00527E;*/}
.mainnav li a{float:left;padding-left:18px;padding-right:16px;color:#FFFFFF;height:26px;line-height:23px;line-height:25px\9;font-size:14px;background-position:-283px -180px;-webkit-transition:all 0.5s linear;}
.mainnav li a:hover{color:#C8F304;-webkit-transform:color;}
.mainnav .nav1{background-position:-999em;}
.mainnav .on{background-color:#FFFFFF;background-position:right -150px;margin-right:5px;position:relative;z-index:2;/*text-shadow:1px 1px 0 #C6F0FC;*/}
.mainnav .on a{padding-right:11px;background-position:-270px -114px;color:#0090EF;}
.mainnav .on .nav1{background-position:-270px -290px;}
/*------------ guidepan style start ---------------------------*/
.topguide{width:974px;margin-bottom:8px;-moz-border-radius:0 0 5px 5px;border-top-left-radius:0;border-top-right-radius:0;}
.topguide .circle_box_tran_in{height:33px;-moz-border-radius:0 0 5px 5px;border-top-left-radius:0;border-top-right-radius:0;}
/*------------ bread_box style start ---------------------------*/
.guide_bread a{margin:0 5px;text-shadow:0 1px 0 #FFFFFF;}
.guide_bread .on{margin-left:5px;text-shadow:0 1px 0 #FFFFFF;}
.guide_bread{float:left;_display:inline;margin-top:7px; vertical-align:b}
/*------------ searchpan style start ---------------------------*/
.searchpan{overflow:hidden;float:right; _display:inline;margin-right:10px;margin-top:4px;}
.guide_hotsearch,.guide_hotsearch dt,.guide_hotsearch dd{ display:inline;color:#666666;}
.guide_hotsearch{position:relative;top:1px\0;}
.guide_hotsearch dd a{margin-right:6px;}
.t_input_serch{width:156px;height:22px;background-position:-110px -115px; display:inline-block;margin-right:4px; position:relative;top:-1px;*top:0;}
.t_input_serch input{width:150px;height:18px;line-height:18px;_line-height:14px;text-indent:3px;padding:1px 2px;padding:2px 3px 0\9;color:#B6B6B6;background-color:transparent;cursor:text;position:relative;top:1px\9;*top:0;border:1px solid #CBDAF7;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;border:none\9;background-color:#FFFFFF;background-color:transparent\9;}
.t_input_serch input:focus{color:#666666;border-color:#73C4F1;box-shadow:1px 1px 2px #55A3FB;-moz-box-shadow:1px 1px 2px #FFFFFF;-webkit-box-shadow:1px 1px 2px #55A3FB;}
.btn_search{width:55px;height:28px;border:none;background-color:#32ADF0;color:#FFFFFF;background-position:-20px -140px;vertical-align:middle;position:relative;*top:-2px;font-size:14px;text-indent:2px;text-indent:-999em\0;overflow:hidden;text-shadow:1px 1px 0 #0F71CE;}
.btn_search:before{content:"";width:100%;height:100%; position:absolute;left:0;top:0;background:url(../images/bg_spr_n.png) no-repeat -20px -140px;background:none\0;}
.btn_search:before,  x:-moz-any-link, x:default{left:-3px; top:-8px; }/*for firefox button*/
/*------------ footer style start ---------------------------*/
.ft_copyright_info{color:#3A3939;padding-bottom:10px;margin-bottom:10px;border-bottom:3px solid #0585CE;}
.ft_copyright_info a{ margin-left:5px;color:#2C9EE9; text-decoration:underline;}
.footer {width:960px;height:50px;margin:0 auto;padding-top:30px;text-align:center;clear:both;color:#B7B7B7;}
.f-nav a{color:#333333;}
.footer .f-nav { width:930px; height:20px; text-align:center; }
.footer .f-nav a { margin:0 8px;}
.footer .copyright { width:930px; height:44px; line-height:22px; text-align:center; font-size:11px;}
/*------------ pages style start ---------------------------*/
.pages{padding-top:20px;height:26px;white-space:nowrap; text-align:center; overflow:hidden;}
.pages span{vertical-align:middle;}
.pages span a,.pages .on{padding:0 5px;}
.pages .turn{ display:inline-block;*display:inline;zoom:1; vertical-align:middle;width:15px;height:12px;background-position:-89px -148px;padding:0;}
.pages .turn{opacity:0.45; filter:alpha(opacity=45);}
.pages a .turn{opacity:1; filter:alpha(opacity=100);}
.pages .turn_pre{background-position:-102px -148px;}
.pages .turn_next{background-position:-102px -163px;}
.pages .turn_last{background-position:-89px -163px;}
.page_turn .t_input{width:24px;height:13px; padding:2px;margin:0 5px; border:1px solid #DFDFDF; }
.page_turn button{width:34px;height:16px;margin-right:4px;background-position:-38px -190px;vertical-align:middle;}
/*------------ ray box style start ---------------------------*/
.area_box2 .area_head{height:26px;}
.area_box2 .area_head,.area_box2 .area_content{border-color:#D7D7D7;}
.area_box2 h2.area_title{ height:18px; width:800px; line-height:18px; margin-top:4px; padding:0;text-indent:0; color:#056EE0;font-family: Microsoft YaHei,"雅黑"; font-size:13px;}
.area_box2 h2.area_title a{ text-decoration:none;}
/*------------ game like style start ---------------------------*/
.game_like{ margin-top:8px;}
.game_like ul{ padding:12px 10px 13px 10px;overflow:hidden; zoom:1;}
.game_like li{ float:left; width:99px; height:18px; overflow:hidden;margin:4px 10px; display:inline;}
.game_like li a{ color:#858585;}
/*------------ go_top style start ---------------------------*/
.go_top{background-position:-21px -215px;position:absolute;width:26px;height:83px;top:500px;right: 35px; VISIBILITY: visible;POSITION: absolute;}
/*.go_top{position:fixed;_position:absolute;width:26px;height:83px;bottom:10%;background-position:-21px -215px;}*/
.go_top a{display:block;width:26px;height:83px;}
.go_top a span{display:none;}
