﻿/*------------------
Created:2011/4/13
author:jinbo
email:jinbo.gy@shandagames.com
website:http://www.2144.cn
-----------------*/
/*common*/
.crumbs, #games_daqo h3, #click_getmore span, .page a.next, .page a.next:hover, .page a.perv, .page a.perv:hover, #contentTopics_a a.current, .icslt_tl, .icslt_bl, .list_smallgame, #input_id{background:url(../images/list.gif) no-repeat}
recommend_title li.current, #recommend_title li.current, .games_description span, .games_description code, #recommend_title h2, #ics_title h2{background:url(/n2/images/tags.gif) no-repeat}
#recommend_title, #recommend_title span, #click_getmore{background:url(/n2/images/radius.gif) no-repeat 0 -40px}
#recommend_cont img, #recommend_contlong img{background:url(/n2/images/imgbg.gif) no-repeat}
#games_daqo, #gmaes_rankcon, #recommend_cont, #recommend_contlong, #games_all, .page, .ics_box, .friendlinks_box{*zoom:1}
#games_daqo:after, #gmaes_rankcon:after, #recommend_cont:after, #recommend_contlong:after, #games_all:after, .page:after, .ics_box:after, .friendlinks_box:after{content:'\20';display:block;height:0;clear:both}
#games_daqo h3, #games_all li{white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis}
.crumbs, .girl_games{margin:0 auto;width:960px}
.buttonpage{background:url(/n2/images/newico.gif) no-repeat}
/*list.htm*/
.addfonts{height:25px;*height:24px;font-weight:bold;padding:14px 0 0 16px;*padding-top:15px;font-size:14px;color:#108A01}
.crumbs{padding-top:7px;text-indent:7px;background-position:-747px 11px;color:#333}
.crumbs span{color:#777}
.crumbs a, .crumbs h1{margin:0 5px}
.crumbs h1{display:inline}
#games_daqo{border-left:1px solid #ccc;border-right:1px solid #ccc;overflow:hidden}
#games_daqo div{margin-right:-22px;width:980px}
#games_daqo h3{font-weight:normal;float:left;width:107px;height:16px;line-height:16px;margin:11px 0 0 12px;display:inline;text-indent:18px}
#games_daqo a.current{color:red}
.hotico{display:inline-block;width:13px;height:16px;margin:-22px 0 0 3px;position:relative;z-index:1;background:url(../images/hot.gif) no-repeat}
/*list.htm recommended_topics*/
.recom_topics{float:left;width:750px}
#recommend_title{margin-top:6px;height:36px;padding:2px 0 0 14px;overflow:hidden}
#recommend_title span{float:right;padding-right:15px;height:38px;margin-top:-2px;background-position:100% -40px}
#recommend_title ul{float:left;height:36px;overflow:hidden}
#recommend_title li{margin-left:-2px;float:left;height:26px;background:url(/n2/images/tagbg01.jpg) no-repeat;width:84px;text-align:center;font-size:14px;font-weight:bold;color:#5E5E5E;padding-top:10px;cursor:pointer}
#recommend_title li.current{margin-right:2px;background-position:0 0;color:#FEFEFE}
#recommend_title li.current a, #recommend_title li.current a:hover{color:#FEFEFE;text-decoration:none}
#recommend_title li a, #recommend_title li a:hover{color:#5E5E5E;text-decoration:none}
#recommend_cont, #recommend_contlong{background:url(/n2/images/oragenshort_line_y.jpg) repeat-y;padding:4px 0 0 4px;_padding-top:2px}
#recommend_contlong{padding-left:3px}
#recommend_cont dd, #recommend_contlong dd{float:left;width:100%}
#recommend_cont h5, #recommend_contlong h5{font-weight:normal;display:inline}
.addScore dd h5{float:left;width:106px;height:117px;overflow:hidden}
.addScore dd i, .addScore dd i i{float:left;height:7px;line-height:0;font-size:0;overflow:hidden}
.addScore dd i, .addScore dd i i{background:url(/n2/images/g_xinxin.png) no-repeat}
.addScore dd i{margin:2px 0 0 30px;display:inline;width:47px}
.addScore dd i i{background-position:0 -7px;margin:0}
#recommend_cont dd a, #recommend_contlong dd a{float:left;width:96px;margin:6px 5px 0 5px;height:97px;display:inline;text-align:center;overflow:hidden;line-height:1.6;position:relative}
#recommend_cont dd img, #recommend_contlong dd img{display:block;width:72px;height:72px;margin:0 auto 2px;padding:2px}
/*list.htm page*/
.page {padding:24px 0 7px 0;*padding-top:20px;_padding-top:24px;width:100%;clear:both;height:25px;overflow:hidden;text-align:center;color:#656565}  
.page a, .page span{margin-right:3px;padding:2px 6px;border: 1px solid #D4D4D4;background-color:#fff;color:#666;display:inline-block;vertical-align:text-bottom}
.page span{border:none;padding: 2px}
.page em {border-color:#FEE4AB;color:#C30;font-style:normal}
.page strong {background:#FFF5E1;color:#FE730A;border:1px solid #FE730A;margin-right:3px;padding: 2px 6px;display:inline-block;vertical-align:text-bottom}
.page a {color:#666;cursor:pointer}
.page a:hover {background:#FFF5E1;text-decoration:none;color:#FE730A;border:1px solid #FE730A}
.page a.next{border:none;background-position:-73px -101px;width:61px;height:21px;overflow:hidden;padding:0}
.page a.next:hover{border:none;background-position:-73px -78px}
.textpage{border:1px solid #D4D4D4;width:28px;height:19px;text-align:center;line-height:19px;overflow:hidden;background:#fff;margin:0 2px;vertical-align:text-bottom}
.buttonpage{background-position:0 -258px;width:35px;height:21px;border:none;cursor:pointer;padding:0;border;none;margin:0 2px;vertical-align:text-bottom}
.buttonpage_over{background-position:0 -280px}
.page select{vertical-align:text-bottom}
.page a.perv{border:none;background-position:-73px -123px;width:61px;height:21px;padding:0;overflow:hidden}
.page a.perv:hover{border:none;background-position:-73px -145px}
/*list.htm gmaes_ranking start*/
.gmaes_ranking{float:right;width:200px}
#gmaes_ranktitle{margin-top:6px;padding-left:3px;height:40px;overflow:hidden}
#gmaes_ranktitle h3{float:left;width:90px;margin:5px 0 0 4px;text-indent:9px;cursor:pointer;display:inline;height:24px;font-size:14px;line-height:26px;overflow:hidden;color:#606060}
#gmaes_ranktitle .current{color:#ED7505}
.backbg, .backbg_current{background:url(/n2/images/graybg.gif) no-repeat}
.backbg_current{background-position:0 -40px}
#gmaes_rankcon{background:url(/n2/images/double_line.jpg) repeat-y;padding:0 12px 0 12px}
#gmaes_rankcon dl{float:left;width:100%;background:url(/n2/images/ranking.gif) no-repeat;margin-top:-3px}
#gmaes_rankcon dd, #gmaes_rankcon dt, #gmaes_rankcon li{float:left;width:100%}
#gmaes_rankcon dd, #gmaes_rankcon li{height:66px;border-bottom:1px dotted #DFDFDF;overflow:hidden}
#gmaes_rankcon img{float:left;width:45px;height:45px;background:url(/n2/images/imgbg_small.gif) no-repeat;padding:2px;margin:8px 0 0 22px;display:inline}
.games_description{float:right;width:96px;margin-top:6px;line-height:1.8;color:#878787}
.games_description h4{width:96px;height:18px;overflow:hidden;font-weight:normal}
.games_description span, .games_description code{display:block;width:47px;line-height:2px;height:7px;overflow:hidden;background-position:0 -115px}
.games_description code{width:auto;float:left;line-height:30px;background-position:0 -125px}
#gmaes_rankcon li{text-indent:19px;height:27px;line-height:28px}
#gmaes_rankcon li a{margin-left:5px}
/*list.htm games_all*/
.bg158{background-position:0 -158px}
.bg158 .title_warpline h3, .bg158 .addfonts{color:#ED5202}
#games_all{border-left:1px solid #ccc;border-right:1px solid #ccc;padding:0 16px 0 13px}
#games_all ul{margin-top:2px;float:left;width:100%;background:url(/n2/images/listdian.jpg) repeat;color:#FE6400;display:none}
#games_all li{height:30px;line-height:32px;float:left;width:19.9%;overflow:hidden}
#games_all ul.height180{display:block;height:360px;overflow:hidden}
#games_all ul.current{height:auto}
#click_getmore{height:37px;overflow:hidden;background-position:0 -199px}
#click_getmore span{display:block;margin:9px auto 0;width:88px;background-position:-120px -19px;height:16px;line-height:16px;overflow:hidden;padding-left:12px;color:#FE750B;cursor:pointer}
#click_getmore span.current{background-position:-239px -19px}
/*moretopicsList.htm*/
.Projectlist{float:right;width:750px}
.Project_recom{float:left;width:200px}
.Project_recom h3, .Project_recom .grayshort_bline{background:url(/n2/images/moreto.gif) no-repeat}
.Project_recom h3{height:29px;overflow:hidden;margin-top:6px;text-indent:24px;color:#F05306;font-size:14px;padding-top:12px}
.Project_recom .grayshort_bline{background-position:0 -43px;height:10px}
#contentTopics_a{background:url(/n2/images/borderbg01.jpg) repeat-y;padding:0 14px 0 12px}
#contentTopics_a a{border-bottom:1px dotted #E3E3E3;display:block;width:174px;padding:9px 0 8px 0;height:50px;overflow:hidden;line-height:1.8}
#contentTopics_a img{float:left;width:48px;height:49px;margin:0 9px 0 8px;display:inline}
#contentTopics_a span{display:block;color:#888}
#contentTopics_a a:hover{text-decoration:none;color:#FF3C00}
#contentTopics_a a.current, #contentTopics_a a.current:hover{color:#FF3C00;text-decoration:none;background-position:100% -113px}
#recommend_title h2{float:left;background-position:-84px -253px;padding:0 28px 0 12px;height:30px;line-height:38px;overflow:hidden;font-size:14px;color:#EE5006}
/*topicsList.htm*/
.icslt_tl, .icslt_bl{height:10px;line-height:5px;overflow:hidden;background-position:-145px -89px}
.icslt_tl{background-position:-145px -78px;margin-top:6px}
.ics_box{background:url(/n2/images/topbg.jpg) repeat-y;padding:0 8px 6px 12px}
#ics_img{float:left;width:186px;height:126px;overflow:hidden;margin-top:8px;position:relative}
#ics_img img{width:180px;height:120px;float:left;border:1px solid #DDD;padding:2px;cursor:pointer}
#ics_img span, #ics_img strong{cursor:pointer;display:block;height:21px;width:180px;position:absolute;right:3px;bottom:2px;color:#FFF;font-weight:bold;text-align:center;line-height:23px;overflow:hidden}
#ics_img span{filter: alpha(opacity=70);opacity: .7;background:#000}
#ics_title{float:right;width:535px;border-bottom:1px dotted #E4E4E4;height:29px;line-height:31px;overflow:hidden}
#recommend_title .borderright li{background-position:right top}
#ics_title h2{float:left;background-position:-82px -257px;padding-left:14px;color:#F05208;font-size:14px}
#ics_title span{float:right;color:#333}
.contentTopics{font-weight:normal;float:right;width:520px;padding:3px 5px 0 10px;line-height:1.6;color:#666}
.contentTopics a{margin-right:10px}
.contentTopics p{text-indent:2.0em;padding:3px 0}
#input_id{float:left;width:63px;height:20px;border:none;cursor:pointer;background-position:-187px -115px;margin:3px 0 0 15px;display:inline}
/*label_list.htm*/
.width200 #recommend_title h2{width:200px}
.width200 #recommend_title ul{width:420px}
/*Last_updated .htm*/
#recommend_contlong{background:url(/n2/images/oragen_line_y.jpg) repeat-y}
#list_sort{float:right;padding:9px 10px 0 0;padding-top:6px\9;padding-top:9px\0;color:#666}
#list_sort label{padding-right:5px}
/*friendlinks.htm*/
.friendlinks_box{overflow:hidden;background:url(/n2/images/oragen_line_y.jpg) repeat-y;padding:0 26px 12px 21px}
.friendlinks_box dt{font-weight:bold;border-bottom:1px dotted #CBCBCB;height:37px;line-height:48px;color:#333;overflow:hidden}
.friendlinks_box dd{padding-bottom:14px}
.friendlinks_imgs, .friendlinks_fonts{width:100%;overflow:hidden}
.friendlinks_imgs p{width:940px;margin-right:-29px}
.friendlinks_imgs img{float:left;width:88px;height:31px;margin:14px 27px 0 2px;display:inline}
.friendlinks_fonts ul{width:912px;margin-right:-1px}
.friendlinks_fonts li{float:left;width:114px;margin-top:16px;height:16px;line-height:16px;overflow:hidden}
.friendlinks_me{color:#777}
.friendlinks_me p{padding-top:14px}
.friendlinks_me img{border:1px solid #D0D0D0;vertical-align:middle}
/*classification.htm*/
.classlt_960, .classlb_960{background:url(/n2/images/class.gif) no-repeat}
.classlt_960, .classlb_960{height:10px;line-height:3px;overflow:hidden;margin-top:8px}
.classlb_960{margin-top:0;background-position:0 -10px}
.class_table{width:100%;font-size:14px;color:#343434;background:url(/n2/images/class.jpg) repeat-y;line-height:32px}
.class_table th{width:137px;padding-top:6px;border-bottom:1px solid #E7E7E7;border-right:1px solid #E7E7E7}
.class_table td{padding:6px 6px 0 0;vertical-align:top;padding-left:15px;border-bottom:1px solid #E7E7E7}
.class_table a{margin-right:15px;white-space:nowrap;display:inline-block}
.class_table span a{color:#FD6301}
.class_table span a:hover, .list_smallgame  a:hover, .errorol li a:hover{text-decoration:underline;color:#FF0000}
.class_table th.borderbottomnone, .class_table td.borderbottomnone{border-bottom:none}
/*404.htm*/
.error_778{background:url(/n2/images/404.jpg) no-repeat}
.error_warp{padding:60px 0;margin:0 auto;width:778px}
.error_778{height:234px;overflow:hidden;padding:40px 0 0 259px;background-color:#F8F8F8}
.error_778 h1{float:left;font-size:16px;color:#333;border-bottom:1px solid #D4D4D4;padding:19px 0px}
.errorp{padding-top:19px;color:#656565;clear:both;width:100%}
.errorol{padding-top:6px;color:#656565;clear:both}
.errorol li{margin-top:15px;float:left;width:100%}
.errorol li a{text-decoration:underline;color:#FE6700;font-weight:bold;margin:0 3px}
.list_smallgame{margin-top:22px;text-indent:9px;background-position:-955px -140px}
.list_smallgame a{margin:0 5px;color:#676767}
/*top.htm*/
.girl_games .title_warp{background-position:0 -118px}
.girl_games .title_warp h3, .addredfonts{padding:11px 0 0 16px;*padding-top:12px;color:#F15107}
.addredfonts{font-size:14px;font-weight:bold}
.girl_games .title_warp span{padding:13px 4px 0 0}
#project_games{padding-left:3px}
#project_games a{float:left;width:76px;margin:4px 0 0 3px;height:78px;display:inline;text-align:center;overflow:hidden;line-height:1.8}
#project_games img{display:block;width:48px;height:49px;margin:0 auto 4px}
/*jinbo adddata2011-11-30*/
#recommend_cont dd img, #recommend_contlong dd img,#gmaes_rankcon img{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-webkit-box-shadow:0 3px 8px #D4D4D4;-moz-box-shadow:0 3px 8px #D4D4D4;box-shadow:0 3px 8px #D4D4D4}

/*lizhi adddata2011-12-16 weblist.htm*/
.web_gmrank .web_gmtop,.web_gmbtm,.web_rectop,.web_recbtm,.more_top,.more_btm{ background:url(/n2/images/weblist_frame.png) no-repeat; overflow:hidden}
.freeplay_btn,.entergame_btn{ width:71px; height:25px; line-height:25px; text-align:center; font-weight:bold; float:left; background:url(/n2/images/weblist_btns.png) no-repeat; margin-top:5px;overflow:hidden}
.web_gmrank{float:left}
.web_gmrank .web_gmtop,.web_recommend{height:33px; line-height:33px; margin-top:6px}
.web_gmrank .web_gmtop h3{padding-left:20px; font-size:14px; color:#706f6f}
.web_gmbtm{height:5px; background-position:0 -33px}
.web_gmrank #gmaes_rankcon,.more_con {background:#fff; border-left:1px solid #d1d1d1;border-right:1px solid #d1d1d1;overflow:hidden}
.web_gmrank #gmaes_rankcon{height:489px;}
.web_gmrank #gmaes_rankcon dl{margin-top:3px; height:480px; overflow:hidden}
.web_recommend{width:749px; float:right}
.web_rectop{background-position:-200px 0}
.web_rectop h3{color:#ab440c; padding-left:25px; font-size:14px}
.web_recbtm{height:5px; background-position:-200px -33px}
.web_reccon{border-left:1px solid #f5cc89;border-right:1px solid #f5cc89;height:489px; overflow:hidden}
.tj_list{overflow:hidden}
.tj_list li{width:162px; height:225px; float:left; display:inline; margin:14px 0 0 20px}
.tj_list .imgbox{position:relative; width:162px; height:195px; display:block}
.imgbox span,.imgbox em{position:absolute; bottom:5px;_bottom:4px; left:6px;width:150px; height:22px; cursor:pointer;display:block}
.imgbox span{background:#000;background: rgba(0, 0, 0, 0.6)!important; filter:alpha(opacity=60); }
.imgbox em{position:absolute; bottom:5px;_bottom:4px; left:6px;line-height:22px; color:#fff;text-align:center; width:150px; height:22px; cursor:pointer;z-index:2}
.tj_list .imgbox:hover{ text-decoration:none}
.tj_list img{width:150px; height:185px; display:block; padding:4px 5px; background:#f5f5f5; border:1px solid #dadada}
.freeplay_btn{color:#343434}
.freeplay_btn:hover{ background-position:0 -25px; text-decoration:none;color:#343434}
.entergame_btn{background-position:0 -50px; color:#ab5515; margin-left:20px; display:inline}
.entergame_btn:hover{ background-position:0 -75px; text-decoration:none;color:#ab5515;}
.more_top{height:34px; background-position:0 -38px; line-height:36px; margin-top:8px}
.more_top h3{padding-left:30px; font-size:14px; color:#706f6f}
.more_con a{width:126px;background:#fff;overflow:hidden;height:100px;float:left;margin:10px 15px 0 18px; text-align:center; color:#4b4b4b}
.more_con a:hover{color:#f20}
.more_con{padding-bottom:10px}
.more_con img{width:120px; height:75px; display:block; padding:2px; border:1px solid #dadada; margin-bottom:4px}
.more_btm{height:6px; background-position:0 -72px}




