/* CSS Reset */
html,body,iframe,div,span,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,p,a,strong,img,form,fieldset,legend,label{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;}
body{line-height:1;}
ul,ol{list-style:none;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}
select,input,button{vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0;}
html{zoom:expression(function(ele){ele.style.zoom="1";document.execCommand("BackgroundImageCache",false,true);}(this));}
*html,*html body{background-image:url(about:blank);background-attachment:fixed;}

/* Blank */
.bk1,.bk2,.bk3,.bk4,.bk5,.bk6,.bk7,.bk8,.bk9,.bk10,.bk11,.bk12,.bk13,.bk14,.bk15,.bk16,.bk17,.bk18,.bk19,.bk20{clear:both;font:1px/1px Arial;overflow:hidden;}
.bk1{height:1px;}.bk2{height:2px;}.bk3{height:3px;}.bk4{height:4px;}.bk5{height:5px;}.bk6{height:6px;}.bk7{height:7px;}.bk8{height:8px;}.bk9{height:9px;}.bk10{height:10px;}.bk11{height:11px;}.bk12{height:12px;}.bk13{height:13px;}.bk14{height:14px;}.bk15{height:15px;}.bk16{height:16px;}.bk17{height:17px;}.bk18{height:18px;}.bk19{height:19px;}.bk20{height:20px;}

.clearFix:after{content:"";clear:both;display:block;}
.clearFix{zoom:1;}



/* Header */
#header_area{width:auto;height:auto;}
#header_area .top_box{position:fixed;top:0;left:0;z-index:10;width:100%;height:32px;border-bottom:1px solid #DBDBDB;background:#F9F9F9;_position:absolute;_top:expression(eval(document.documentElement.scrollTop));}
#header_area .top_box .top{position:relative;z-index:0;width:1000px;height:32px;margin:0 auto;}
#header_area .top_box .top a.index{float:left;margin:4px 12px 0 0;color:#666;font:12px/2 Simsun;}
#header_area .top_box .top a.index:hover{color:#F60;}
#header_area .top_box .top a.client{float:left;margin:4px 12px 0 0;color:#666;font:12px/2 Simsun;}
#header_area .top_box .top a.client:hover{color:#F60;}
#header_area .top_box .top span.d{float:right;padding:6px 0 0;color:#999;font:12px/20px Simsun;}
#header_area .top_box .top a.add_favorite{float:right;width:30px;height:20px;padding:0 0 0 17px;margin:6px 0 0 8px;background:url(https://www.doyo.cn/Tpl/web/Public/images/favorite_bg.png) 0 3px no-repeat;text-decoration:none;color:#666;font:12px/20px Simsun;text-align:center;}
#header_area .top_box .top a.add_favorite:hover{background:url(https://www.doyo.cn/Tpl/web/Public/images/favorite_bg.png) 0 -47px no-repeat;color:#f60;}
#header_area .top_box .top .login{float:right;width:600px;height:20px;padding:6px 0 0;color:#999;font:12px/20px Simsun;text-align:right;}
#header_area .top_box .top .login a{display:inline-block;margin:0 8px;color:#666;}
#header_area .top_box .top .login a:hover{color:#f60;}
#header_area .top .login a.name{margin:0 10px 0 0;color:#2791D0;font-family:Verdana;}
#header_area .top .login a.name:hover{color:#F60;}
#header_area .top_box .top .top_nav{position:absolute;top:1px;left:132px;z-index:1;width:63px;height:29px;}
#header_area .top_box .top .top_nav .nav_box{display:none;position:absolute;top:28px;left:0;z-index:2;width:130px;height:auto;border:1px solid #ccc;background:#fff;overflow:hidden;}
#header_area .top_box .top .top_nav .nav_box div{float:left;width:50px;padding:6px 0 3px 10px;}
#header_area .top_box .top .top_nav .nav_box a{font:12px/2 Simsun;color:#333;}
#header_area .top_box .top .top_nav .nav_box a:hover{color:#F60;}
#header_area .top_box .top .top_nav .t{position:absolute;top:1px;left:1px;z-index:1;z-index:3;width:36px;height:28px;padding:0 0 0 25px;background:url(https://www.doyo.cn/Tpl/web/Public/images/topbar_ico.png) no-repeat 7px 8px;color:#333;font:12px/28px Simsun;cursor:default;}
#header_area .top_box .top .care_doyo{position:absolute;top:1px;left:195px;z-index:1;width:96px;height:29px;}
#header_area .top_box .top .care_doyo .care_box{display:none;position:absolute;top:28px;left:0;z-index:2;width:250px;height:140px;padding:5px 0 0;border:1px solid #ccc;background:#fff;}
#header_area .top_box .top .care_doyo .care_box .wechat{float:left;width:120px;height:140px;color:#666;font:12px/2 Simsun;text-align:center;}
#header_area .top_box .top .care_doyo .care_box .wechat img{display:block;width:110px;height:110px;margin:0 auto;}
#header_area .top_box .top .care_doyo .care_box .weibo{float:right;width:120px;height:140px;}
#header_area .top_box .top .care_doyo .care_box .weibo img{display:block;width:110px;height:110px;margin:0 auto;}
#header_area .top_box .top .care_doyo .care_box .weibo .weibo_link{display:inline-block;width:62px;height:22px;margin:0 0 0 30px;background:url(https://www.doyo.cn/Tpl/web/Public/images/topbar_ico.png) 0 -100px no-repeat;}
#header_area .top_box .top .care_doyo .t{position:absolute;top:1px;left:1px;z-index:1;z-index:3;width:81px;height:28px;padding:0 0 0 13px;background:url(https://www.doyo.cn/Tpl/web/Public/images/topbar_ico.png) no-repeat 74px -38px;color:#666;font:12px/28px Simsun;cursor:default;}
#header_area .top_box .top .top_nav div.active,#header_area .top_box .top .care_doyo div.active{top:0;left:0;border:1px solid #ccc;border-bottom:none;background-color:#fff;}

#header_area .middle_box{width:auto;height:120px;background:url(https://s.doyo.cn/material/images/web/page_2014/header_big_bg.png) center 0 repeat-x;}
#header_area .middle{width:980px;height:120px;margin:0 auto;}
#header_area .middle .logo{float:left;width:280px;height:120px;}
#header_area .middle .logo h2{display:none;}
#header_area .middle .logo .main_logo{display:block;width:130px;height:59px;margin:27px 0 0 14px;background:url(https://s.doyo.cn/material/images/web/logo_png24_bg.png) 0 0 no-repeat;}
#header_area .middle .search{float:left;width:430px;height:93px;padding:27px 0 0 0;}
#header_area .middle .search .bar{position:relative;z-index:3;width:426px;height:42px;padding:4px 0 4px 4px;background:#ECE8E6;}
#header_area .middle .search .bar .key{float:left;width:333px;height:40px;padding:0 0 0 12px;border:solid #DCD8D4;border-width:1px 0 1px 1px;background:#FFF;font:14px/2.8 SimSun;color:#333;}
#header_area .middle .search .bar .button{float:left;width:75px;height:42px;padding:0;border:1px solid #7B736F;background:url(../images/page_2014/header_bg.png) 25px 8px no-repeat #867E79;cursor:pointer;}
#header_area .middle .search .bar .button_hover{border:1px solid #6F665F;background:url(../images/page_2014/header_bg.png) 25px -42px no-repeat #6F665F;}
#header_area .middle .search .bar .auto_box{display:none;position:absolute;z-index:1;left:4px;top:45px;width:344px;height:auto;border:solid #D9D9D9;border-width:0 1px 1px 1px;background:#FFF;overflow:hidden;}
#header_area .middle .search .bar .auto_box a{display:block;width:324px;height:48px;padding:10px;border-top:1px solid #D9D9D9;font:12px/2 SimSun;color:#333;text-decoration:none;overflow:hidden;}
#header_area .middle .search .bar .auto_box a:hover{color:#F60;}
#header_area .middle .search .bar .auto_box a.hover{background:#F6F6F6;}
#header_area .middle .search .bar .auto_box a.active{background:#EEE;}
#header_area .middle .search .bar .auto_box a img{float:left;width:48px;height:48px;margin:0 10px 0 0;}
#header_area .middle .search .bar .auto_box a span{display:inline-block;margin:4px 0 0 0;color:#AAA;}
#header_area .middle .search .word{width:422px;height:24px;padding:2px 8px 0 8px;font:12px/2 SimSun;color:#999;overflow:hidden;}
#header_area .middle .search .word a{display:inline-block;margin:0 8px 0 0;color:#999;}
#header_area .middle .search .word a:hover{color:#F60;}
#header_area .middle .link{float:right;position:relative;z-index:0;width:150px;height:50px;padding:36px 0 0 0;text-align:right;}
#header_area .middle .link a{display:inline-block;margin:0 7px 0 0;padding:7px 10px;background:#F90;font:12px/1.5 SimSun;color:#FFF;}
#header_area .middle .link a:hover{background:#F60;}
#header_area .bottom_box{width:auto;height:49px;background:#0091FF;}
#header_area .bottom{width:980px;height:49px;margin:0 auto;}
#header_area .bottom .nav{float:left;width:810px;height:49px;}
#header_area .bottom .nav a{display:inline-block;height:36px;padding:7px 16px 6px 16px;font:18px/2 "Microsoft YaHei",SimSun;color:#FFF;vertical-align:middle;}
#header_area .bottom .nav a:hover{color:#FF0;text-decoration:none;}
#header_area .bottom .nav a.active{background:#035CC1;}
#header_area .bottom .nav a.active:hover{color:#FF0;}
#header_area .bottom .nav a.index{padding:7px 25px 6px 25px;}
#header_area .bottom .nav a.chinajoy{background:url(../images/new_item.gif) 123px 5px no-repeat;}
#header_area .bottom .nav span{display:inline-block;width:2px;height:49px;background:url(../images/page_2014/header_bg.png) -98px 4px no-repeat;vertical-align:middle;}
#header_area .bottom .other{float:right;width:166px;height:26px;padding:11px 0 0 0;text-align:right;}
#header_area .bottom .other a{display:inline-block;height:24px;margin:0 7px 0 0;padding:1px 10px;background:#D0ECFF;font:12px/2 SimSun;color:#003066;}
#header_area .bottom .other a:hover{color:#F60;}

/* Layout */
#wrapper{width:980px;height:auto;margin:0 auto;padding:4px 0 10px; }

/* Channel nav */
#channel_nav{width:980px;height:43px;margin:0 auto;background:#035CC1;}
#channel_nav .nav{width:964px;height:43px;padding:0 0 0 16px;}
#channel_nav .nav a{display:inline-block;width:auto;height:28px;margin:0 20px 0 0;padding:7px 10px 8px 10px;font:14px/2 "Microsoft YaHei",Verdana;color:#FFF;vertical-align:middle;}
#channel_nav .nav a:hover{color:#FF0;text-decoration:none;}
#channel_nav .nav a.active{padding:7px 10px 4px 10px;border-bottom:4px solid #F60;font-weight:bold;}
#channel_nav .nav a.active:hover{color:#FF0;}

/*Recommend*/
#recommend{position:relative;z-index:0;width:980px;height:435px;}
#recommend a{display:block;position:absolute;z-index:1;overflow:hidden;}
#recommend a img{display:block;width:100%;height:100%;transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;}
#recommend a .bg{display:none;position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;background:#000;opacity:0.7;filter:alpha(opacity=70);}
#recommend a .word{display:none;position:absolute;left:0;z-index:3;width:100%;color:#fff;font:12px/2 "Microsoft Yahei";text-align:center;}
#recommend a:hover{background:transparent;}
#recommend a:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);}
#recommend a:hover .bg{display:block;}
#recommend a:hover .word{display:block;}
#recommend .r_0{left:0;top:0;width:205px;height:260px;}
#recommend .r_1{left:206px;top:0;width:325px;height:260px;}
#recommend .r_2{left:0;top:261px;width:368px;height:174px;}
#recommend .r_3{left:369px;top:261px;width:162px;height:174px;}
#recommend .r_4{left:532px;top:0;width:205px;height:174px;}
#recommend .r_5{left:532px;top:175px;width:205px;height:260px;}
#recommend .r_6{left:738px;top:0;width:242px;height:260px;}
#recommend .r_7{left:738px;top:261px;width:242px;height:174px;}

/*Game_bar*/
#game_bar{width:960px;height:auto;padding:10px 10px 0;background:#F3F3F3;}
#game_bar .l{width:960px;height:23px;color:#ddd;font:12px/23px "Microsoft YaHei";overflow:hidden;}
#game_bar .l span{display:inline-block;width:50px;height:23px;padding:0 0 0 11px;color:#fff;vertical-align:middle;}
#game_bar .l span.t1{background:url(../images/shouji/sprite.png) no-repeat 0 0;}
#game_bar .l span.t2{background:url(../images/shouji/sprite.png) no-repeat 0 -30px;}
#game_bar .l span.t3{background:url(../images/shouji/sprite.png) no-repeat 0 -60px;}
#game_bar .l span.t4{background:url(../images/shouji/sprite.png) no-repeat 0 -90px;}
#game_bar .l a{margin:0 9px;color:#666;text-decoration:none;}
#game_bar .l a:hover{color:#F70;}
#game_bar .l a.c1{color:#F60;}
#game_bar .l a.c1:hover{color:#F00;}

/*Focus_area*/
#focus_area{width:980px;height:530px;}
#focus_area .f_left{float:left;width:226px;height:530px;margin:0 13px 0 0;}
#focus_area .f_middle{float:left;width:554px;height:530px;margin:0 13px 0 0;}
#focus_area .f_right{float:right;width:174px;height:530px;}


/*f_left*/
#lib{width:222px;height:391px;border:2px solid #f65959;}
#lib h4{height:32px;background:#f65959;color:#fff;font:16px/2 "Microsoft YaHei";text-indent:12px;}
#lib .lib_item{display:block;height:34px;padding:0 31px 0 12px;border-bottom:1px solid #eee;color:#444;background:#fcfcfc;font:12px/34px "Microsoft YaHei";text-decoration:none;}
#lib .lib_item span{float:right;color:#999;}
#lib .lib_item:hover{color:#f60;}
#lib .lib_item_active{color:#FD3B3B;font-weight:bold;}
#lib .lib_item_active span{font-weight:normal;}
#lib .category{height:34px;padding:0 10px 0 12px;border-bottom:1px dashed #ddd;background:#fcfcfc url(../images/shouji/sprite.png) no-repeat 205px -117px;color:#444;font:12px/34px "Microsoft YaHei";}
#lib .category_list{padding:0 0 0 12px;}
#lib .category_list li{float:left;width:104px;height:24px;vertical-align:bottom;overflow: hidden;font-size: 0;}
#lib .category_list li a{color:#999;font:12px/2 Arial;}
#lib .category_list li a:hover{color:#f60;}
#lib .category_list li a.active{color:#f60;font-weight:bold;}

#focus_area .f_left a.fl_ad{display:block;position:relative;z-index:0;width:226px;height:123px;text-decoration:none;overflow:hidden;}
#focus_area .f_left a.fl_ad img{width:100%;height:100%;transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;}
#focus_area .f_left a.fl_ad .cover{position:absolute;top:97px;left:0;z-index:1;width:100%;height:26px;background:#000;opacity:0.7;filter:alpha(opacity=70);}
#focus_area .f_left a.fl_ad .word{position:absolute;top:97px;left:0;z-index:2;width:100%;height:26px;color:#fff;font:12px/26px SimSun;text-align:center;overflow:hidden;}
#focus_area .f_left a.fl_ad:hover{background:#fff;}
#focus_area .f_left a.fl_ad:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);}
#focus_area .f_left a.fl_ad:hover .word{color:#f60;text-decoration:underline;}

/*f_middle*/
#focus_pic{position:relative;z-index:0;width:554px;height:210px;overflow:hidden;}
#focus_pic .pic_box{position:absolute;top:0;left:0;z-index:1;width:10000px;height:210px;}
#focus_pic .pic_box a{float:left;width:554px;height:210px;text-decoration:none;}
#focus_pic .pic_box a img{width:554px;height:210px;}
#focus_pic .cover{position:absolute;left:0;top:179px;z-index:2;width:100%;height:31px;background:#000;opacity:0.7;filter:alpha(opacity=70);}
#focus_pic .word{position:absolute;left:12px;top:179px;z-index:3;width:360px;height:31px;font:12px/31px SimSun;overflow:hidden;}
#focus_pic .word a{color:#fff;}
#focus_pic .word a:hover{color:#f60;}
#focus_pic .pointer{position:absolute;left:428px;top:190px;z-index:3;width:126px;height:12px;}
#focus_pic .pointer span{float:left;width:12px;height:12px;margin:0 8px 0 0;background:url(../images/shouji/sprite.png) no-repeat -20px -160px;cursor:pointer;}
#focus_pic .pointer span.active{background:url(../images/shouji/sprite.png) no-repeat 0 -160px;}

#focus_area .f_middle .f_m_game{float:right;width:178px;height:306px;overflow:hidden;}
#focus_area .f_middle .f_m_game a{position:relative;z-index:0;float:left;width:72px;height:94px;margin:0 16px 12px 0;color:#666;font:12px/16px "Microsoft YaHei";text-align:center;overflow:hidden;}
#focus_area .f_middle .f_m_game a img{display:block;width:72px;height:72px;margin:0 0 6px 0;text-decoration:none;}
#focus_area .f_middle .f_m_game a .cover{position:absolute;top:0;left:0;z-index:1;width:72px;height:76px;background:url(../images/shouji/c_s.png) no-repeat 0 0;cursor:pointer;}
#focus_area .f_middle .f_m_game a:hover{color:#f60;}

#focus_area .f_middle .f_m_news{float:left;width:364px;height:124px;border-bottom:1px dashed #D9D9D9;padding:5px 0 0;color:#BFBFCE;text-align:center;}
#focus_area .f_middle .f_m_news a{color:#666;font:12px/2 "Microsoft YaHei";margin:0 3px;}
#focus_area .f_middle .f_m_news a.b{color:#F65959;font:bold 16px/2 "Microsoft YaHei";}
#focus_area .f_middle .f_m_news a:hover{color:#f60;}

#focus_area .f_middle .f_m_newslist{float:left;width:359px;height:176px;padding:2px 0 0 5px;list-style:inside none square;color:#B5B5B4;}
#focus_area .f_middle .f_m_newslist li{height:29px;font:12px/29px "Microsoft YaHei";vertical-align:middle;overflow:hidden;}
#focus_area .f_middle .f_m_newslist li a{color:#404040;}
#focus_area .f_middle .f_m_newslist li a:hover{color:#f60;}

/*f_right*/
#focus_area .f_right .title{position:relative;z-index:0;width:174px;height:34px;border-bottom:1px solid #F4F4F4;}
#focus_area .f_right .title h4{position:absolute;z-index:1;width:70px;height:30px;padding:2px 0 0;border-bottom:3px solid #30AD13;color:#666;font:bold 12px/30px "Microsoft YaHei";text-align:center;}
#focus_area .f_right .rank_list{width:174px;height:495px;overflow:hidden;}
#focus_area .f_right .rank_list .it{width:174px;height:31px;padding:10px 0 0;border-bottom:1px dashed #DEDEDE;overflow:hidden;}
#focus_area .f_right .rank_list .active{height:107px;}
#focus_area .f_right .rank_list .it em{display:inline-block;width:15px;height:23px;padding:0 7px 0 0;background:url(../images/shouji/sprite.png) no-repeat 0 -346px;color:#fff;font:12px/23px "Microsoft YaHei";text-align:center;vertical-align:top;}
#focus_area .f_right .rank_list .it .n_1{background:url(../images/shouji/sprite.png) no-repeat 0 -200px;}
#focus_area .f_right .rank_list .it .n_2{background:url(../images/shouji/sprite.png) no-repeat 0 -250px;}
#focus_area .f_right .rank_list .it .n_3{background:url(../images/shouji/sprite.png) no-repeat 0 -300px;}
#focus_area .f_right .rank_list .it .name{display:inline-block;width:100px;height:23px;margin:0 7px 0 0;color:#666;font:12px/22px "Microsoft YaHei";vertical-align:top;overflow:hidden;}
#focus_area .f_right .rank_list .it .name:hover{color:#f60;}
#focus_area .f_right .rank_list .it .score{display:inline-block;width:44px;color:#A3A3A3;font:12px/22px "Microsoft YaHei";vertical-align:top;}
#focus_area .f_right .rank_list .it .it_box{display:none;width:153px;height:76px;padding:4px 0 0 21px;}
#focus_area .f_right .rank_list .active .it_box{display:block;}
#focus_area .f_right .rank_list .it .it_box .pic{position:relative;z-index:0;float:left;width:72px;height:76px;margin:0 11px 0 0;}
#focus_area .f_right .rank_list .it .it_box .pic img{width:72px;height:72px;}
#focus_area .f_right .rank_list .it .it_box .pic .cover{position:absolute;left:0;top:0;z-index:1;width:72px;height:76px;background:url(../images/shouji/c_s.png) no-repeat 0 0;}
#focus_area .f_right .rank_list .it .it_box .type{height:20px;color:#8A8A8A;font:12px/20px "Microsoft YaHei";}
#focus_area .f_right .rank_list .it .it_box .size{height:20px;margin:0 0 5px;color:#8A8A8A;font:12px/20px "Microsoft YaHei";}
#focus_area .f_right .rank_list .it .it_box .detail{float:left;display:block;width:48px;height:20px;border:1px solid #ddd;background:#eee;color:#8A8A8A;font:12px/20px "Microsoft YaHei";text-align:center;text-decoration:none;}
#focus_area .f_right .rank_list .it .it_box .detail:hover{border:1px solid #F65959;background:#F65959;color:#fff;}

/*Game_box */
.game_box{width:980px;height:auto;overflow:hidden;}
.game_box .title{position:relative;z-index:0;width:919px;height:53px;padding:0 0 0 61px;border-bottom:1px solid #D10849;background:url(../images/shouji/sprite.png) no-repeat 3px -400px;color:#F65959;font:bold 18px/46px "Microsoft YaHei";}
.game_box .title a{position:absolute;top:24px;right:0;z-index:1;color:#666;font:12px/14px "Microsoft YaHei";}
.game_box .title a:hover{color:#f60;}
.game_box .b{position:relative;z-index:0;float:left;width:226px;height:300px;text-decoration:none;overflow:hidden;}
.game_box .b img{width:226px;height:300px;transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;}
.game_box .b .cover{position:absolute;top:274px;left:0;z-index:1;width:226px;height:26px;background:#000;opacity:0.7;filter:alpha(opacity=70);}
.game_box .b .word{position:absolute;top:274px;left:0;z-index:2;width:226px;height:26px;color:#fff;font:12px/26px SimSun;text-align:center;}
.game_box .b:hover{background:#fff;}
.game_box .b:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);}
.game_box .b:hover .word{color:#f60;text-decoration:underline;}

.game_box .game_list_box{float:left;width:734px;height:300px;margin: 0 0 0 20px; overflow: hidden;}
.game_box .game_list{width:800px;height:300px;}
.game_box .game_list a{position:relative;z-index:0;float:left;width:72px;height:94px;margin:0 35px 9px 0;color:#666;font:12px/16px "Microsoft YaHei";text-decoration:none;text-align:center;overflow:hidden;}
.game_box .game_list a img{display:block;width:72px;height:72px;margin:0 0 6px;}
.game_box .game_list a .cover{position:absolute;left:0;top:0;z-index:1;width:72px;height:76px;background:url(../images/shouji/c_s.png) no-repeat 0 0;cursor:pointer;}
.game_box .game_list a:hover{color:#f60;text-decoration:underline;}

.game_box .game_ban{width:1000px;height:118px;overflow:hidden;}
.game_box .game_ban a{position:relative;z-index:0;float:left;width:188px;height:118px;margin:0 10px 0 0;overflow:hidden;}
.game_box .game_ban a img{width:188px;height:118px;overflow:hidden;transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;}
.game_box .game_ban a .cover{position:absolute;top:92px;left:0;z-index:1;width:100%;height:26px;background:#000;opacity:0.7;filter:alpha(opacity=70);}
.game_box .game_ban a .word{position:absolute;top:92px;left:0;z-index:2;width:100%;height:26px;color:#fff;font:12px/26px SimSun;text-align:center;overflow:hidden;}
.game_box .game_ban a:hover{background:#fff;}
.game_box .game_ban a:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);}
.game_box .game_ban a:hover .word{color:#f60;text-decoration:underline;}

/* 新的game_ban的样式调整 */
#game_ban_new.new{width:1000px;height:160px;overflow:hidden}
#game_ban_new .title{width:980px;height:28px;padding:0;border-bottom:1px solid #CCC;background:none;}
#game_ban_new .title h2{float:left;padding:0 10px 0 0;border-bottom:3px solid #f65959;font:bold 12px/26px "Microsoft YaHei"; color:#666;}
#game_ban_new .title h2 em{float:left;width:14px;height:25px;margin:0 10px;background:url(../images/shouji/sprite.png) no-repeat 0 -691px;}
#game_ban_new .title .entrance_area{position:relative;z-index:0;float:right;height:auto;margin:7px 10px 0 0;color:#CCC;font:12px/14px "Microsoft YaHei";overflow:hidden;}
/* #game_ban_new .title .entrance{width:510px;} */
#game_ban_new .title a{position:relative;top:0;left:0;z-index:0;width:auto;height:auto;padding:0 15px  0 8px;margin:0;zoom:1;}
#game_ban_new .title a span{position:absolute;top:0;_top:-3px;right:0;color:#666;font-size:12px;color:#d7d7d7;}
#game_ban_new .title a:hover{color:#F60;text-decoration:none;}
#game_ban_new .title a em{position:absolute;top:0;_top:-3px;right:4px;z-index:0;width:10px;height:14px;color:#666;background:url(../images/shouji/sprite.png) no-repeat 0 -738px;}
#game_ban_new .title .highlight_color{color:#F60;}
#game_ban_new .title .hot{background:url(../images/shouji/sprite.png) no-repeat 54px -738px;}
#game_ban_new .title .more{float:right;margin:7px 0 0 0;font:12px/14px "Microsoft YaHei";}
#game_ban_new .content{padding:11px 0 0 0;}
#game_ban_new .content a{position:relative;z-index:0;float:left;width:188px;height:118px;margin:0 10px 0 0;overflow:hidden;}
#game_ban_new .content a img{width:188px;height:118px;overflow:hidden;transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;}
#game_ban_new .content a .cover{position:absolute;top:92px;left:0;z-index:1;width:100%;height:26px;background:#000;opacity:0.7;filter:alpha(opacity=70);}
#game_ban_new .content a .word{position:absolute;top:92px;left:0;z-index:2;width:100%;height:26px;color:#fff;font:12px/26px SimSun;text-align:center;overflow:hidden;}
#game_ban_new .content a:hover{background:#fff;}
#game_ban_new .content a:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);}
#game_ban_new .content a:hover .word{color:#f60;text-decoration:underline;}

#dj{position:relative;z-index:0;}
#dj .title{border-color:#549F27;background:url(../images/shouji/sprite.png) no-repeat 3px -480px;color:#549F27;}
#dj .game_list_box{width:741px;height:300px;padding:0 0 0 13px;margin:0;overflow: hidden;}
#dj .game_list{width:800px;height:300px;}
#dj .dj_ban{width:1000px;height:306px;overflow:hidden;}

#ban_focus{position:relative;z-index:0;float:left;width:498px;height:306px;margin:0 15px 0 0;overflow:hidden;}
#ban_focus .pic_box{position:absolute;top:0;left:0;z-index:1;width:10000px;height:306px;}
#ban_focus .pic_box a{float:left;width:498px;height:306px;text-decoration:none;}
#ban_focus .pic_box a img{width:498px;height:306px;}
#ban_focus .arrow{display:none;position:absolute;top:88px;z-index:2;width:30px;height:65px;cursor:pointer;opacity:0.5;filter:alpha(opacity=50);}
#ban_focus .go_left{left:0;background:url(../images/shouji/sprite.png) 0 -600px no-repeat;}
#ban_focus .go_right{right:0;background:url(../images/shouji/sprite.png) -50px -600px no-repeat;}
#ban_focus .go_left_hover,#ban_focus .go_right_hover{opacity:1;filter:alpha(opacity=100);}
#ban_focus .cover{position:absolute;left:0;top:242px;z-index:2;width:100%;height:64px;background:#000;opacity:0.7;filter:alpha(opacity=70);}
#ban_focus .word{position:absolute;left:0;top:246px;z-index:3;width:100%;height:34px;font:14px/34px SimSun;text-align:center;overflow:hidden;}
#ban_focus .word a{color:#fff;}
#ban_focus .word a:hover{color:#f60;}
#ban_focus .pointer{position:absolute;left:0px;top:281px;z-index:3;width:100%;height:12px;text-align:center;}
#ban_focus .pointer span{display:inline-block;width:12px;height:12px;margin:0 4px;background:url(../images/shouji/sprite.png) no-repeat 0 -550px;cursor:pointer;vertical-align:top;}
#ban_focus .pointer span.active{background:url(../images/shouji/sprite.png) no-repeat -24px -550px;}

#dj .dj_ban .dj_r{position:relative;z-index:0;float:left;width:226px;height:145px;margin:0 15px 16px 0;overflow:hidden;}
#dj .dj_ban .dj_r img{width:226px;height:145px;overflow:hidden;transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;}
#dj .dj_ban .dj_r .cover{position:absolute;top:119px;left:0;z-index:1;width:100%;height:26px;background:#000;opacity:0.7;filter:alpha(opacity=70);}
#dj .dj_ban .dj_r .word{position:absolute;top:119px;left:0;z-index:2;width:100%;height:26px;color:#fff;font:12px/26px SimSun;text-align:center;overflow:hidden;}
#dj .dj_ban .dj_r:hover{background:#fff;}
#dj .dj_ban .dj_r:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);}
#dj .dj_ban .dj_r:hover .word{color:#f60;text-decoration:underline;}

/* hot_strategy */
#hot_strategy{margin:20px 0 0 0;}
#hot_strategy .title{width:980px;height:30px;padding:0;border-bottom:1px solid #CCC;background:none;}
#hot_strategy .title h2{float:left;padding:0 10px 2px 0;border-bottom:3px solid #f65959;font:bold 14px/26px "Microsoft YaHei"; color:#666;}
#hot_strategy .title h2 em{float:left;width:14px;height:25px;margin:0 10px;background:url(../images/shouji/sprite.png) no-repeat 0 -767px;}
#hot_strategy .content{}
#hot_strategy .content .left{float:left;position:relative;z-index:0;border:1px solid #F4F4F4;border-bottom:none;margin:7px 0 0 0;}
#hot_strategy .content .left li{vertical-align:bottom;}
#hot_strategy .content .left .line{position:absolute;top:233px;left:0;z-index:0;width:100%;_width:740px;height:0;border-top:1px solid #F4F4F4;}
#hot_strategy .content .game_menu{float:left;width:141px;height:auto;}
#hot_strategy .content .game_menu li{position:relative;z-index:0;width:136px;height:38px;margin-top:-1px;border:solid #F4F4F4;border-width:1px 1px 1px 0;text-align:center;font:12px/38px "Microsoft YaHei";color:#888;cursor:default;}
#hot_strategy .content .game_menu span{position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;overflow: hidden;}
#hot_strategy .content .game_menu li i{display:none;position:absolute;top:0;left:0;width:140px;height:100%;background:url(../images/shouji/game_menu_li_bg.png) no-repeat;}
#hot_strategy .content .game_menu li.active{color:#FFF;}
#hot_strategy .content .game_menu li.active i{display: block;}
#hot_strategy .content .game_msg_list{float:left;margin:10px 0 0 32px;width:158px;height:auto; }
#hot_strategy .content .game_msg{display:none;}
#hot_strategy .content .game_msg.active{display:block;}
#hot_strategy .content .game_msg_hd{width:100%;height:82px;}
#hot_strategy .content .game_msg_hd a{float:left;}
#hot_strategy .content .game_msg_hd span{float:left;}
#hot_strategy .content .game_msg_hd .pic{margin:0 10px 0 0;}
#hot_strategy .content .game_msg_hd .pic img{display:block;width:72px;height:75px;}
#hot_strategy .content .game_msg_hd .name{width:71px;height:14px;margin:0 0 4px 0;font:bold 12px/14px "Microsoft YaHei";color:#333;overflow:hidden;}
#hot_strategy .content .game_msg_hd .type{width:71px;height:25px;font:12px/25px "Microsoft YaHei";color:#8a8a8a;overflow:hidden;}
#hot_strategy .content .game_msg_hd .size{width:71px;height:14px;font:12px/14px "Microsoft YaHei";color:#8a8a8a;overflow:hidden;}
#hot_strategy .content .game_msg_hd .name:hover{color:#F60;}
#hot_strategy .content .game_msg_hd .type:hover{color:#F60;}
#hot_strategy .content .game_detail{width:157px;overflow:hidden;}
#hot_strategy .content .game_detail p{height:114px;font:12px/22px "Microsoft YaHei";color:#898989;overflow:hidden;text-indent:2em;}
#hot_strategy .content .game_detail .more{display:block;height:20px;background:#EEE;font:12px/20px "Microsoft YaHei";text-align:center;
border:1px solid #ddd;color:#898989;overflow:hidden;}
#hot_strategy .content .game_detail .more:hover{color:#FFF;background:#F60;}
#hot_strategy .content .game_comment_list{float:left;width:355px;height:224px;margin:10px 0 0 54px;overflow:hidden;}
#hot_strategy .content .game_comment_list .game_comment{display:none;}
#hot_strategy .content .game_comment_list .active{display:block;}
#hot_strategy .content .game_comment_list li{width:100%;height:14px;margin: 0 0 12px 0;vertical-align:bottom;overflow:hidden;font-size:0;}
#hot_strategy .content .game_comment_list span{float:left;color:#bfbfce;font:10px/12px "Microsoft YaHei";}
#hot_strategy .content .game_comment_list a{float:left;width:270px;height:14px;margin:0 30px 0 0;color:#333;font:12px/14px "Microsoft YaHei";overflow:hidden;}
#hot_strategy .content .game_comment_list a:hover{color:#F60;}

#hot_strategy .content .right {float:left;width:226px;height:235px;margin:7px 0 0 12px;overflow:hidden;}
#hot_strategy .content .right .dj_r{position:relative;z-index:0;float:left;width:226px;height:112px;overflow:hidden;margin:0 0 11px 0;}
#hot_strategy .content .right .dj_r img{width:226px;height:112px;overflow:hidden;transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;}
#hot_strategy .content .right .dj_r .cover{position:absolute;top:86px;left:0;z-index:1;width:100%;height:26px;background:#000;opacity:0.7;filter:alpha(opacity=70);}
#hot_strategy .content .right .dj_r .word{position:absolute;top:86px;left:0;z-index:2;width:100%;height:26px;color:#fff;font:12px/26px SimSun;text-align:center;overflow:hidden;}
#hot_strategy .content .right .dj_r:hover{background:#fff;}
#hot_strategy .content .right .dj_r:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);}
#hot_strategy .content .right .dj_r:hover .word{color:#f60;text-decoration:underline;}

/*Rank_area*/
#rank_area{width:980px;height:auto;padding:0 0 0 20px;overflow:hidden;}
#rank_area .rank{float:left;width:220px;margin:0 20px 0 0;}
#rank_area .rank .title{position:relative;z-index:0;width:220px;height:34px;border-bottom:1px solid #F4F4F4;}
#rank_area .rank .title h4{position:absolute;z-index:1;width:70px;height:30px;padding:2px 0 0;border-bottom:3px solid #30AD13;color:#666;font:bold 12px/30px "Microsoft YaHei";text-align:center;}
#rank_area .rank .rank_list{width:220;height:495px;overflow:hidden;}
#rank_area .rank .rank_list .it{width:220;height:31px;padding:10px 0 0;border-bottom:1px dashed #DEDEDE;overflow:hidden;}
#rank_area .rank .rank_list .active{height:107px;}
#rank_area .rank .rank_list .it em{display:inline-block;width:15px;height:23px;padding:0 7px 0 0;background:url(../images/shouji/sprite.png) no-repeat 0 -346px;color:#fff;font:12px/23px "Microsoft YaHei";text-align:center;vertical-align:top;}
#rank_area .rank .rank_list .it .n_1{background:url(../images/shouji/sprite.png) no-repeat 0 -200px;}
#rank_area .rank .rank_list .it .n_2{background:url(../images/shouji/sprite.png) no-repeat 0 -250px;}
#rank_area .rank .rank_list .it .n_3{background:url(../images/shouji/sprite.png) no-repeat 0 -300px;}
#rank_area .rank .rank_list .it .name{display:inline-block;width:145px;height:23px;margin:0 7px 0 0;color:#666;font:12px/22px "Microsoft YaHei";vertical-align:top;overflow:hidden;}
#rank_area .rank .rank_list .it .name:hover{color:#f60;}
#rank_area .rank .rank_list .it .score{display:inline-block;width:44px;color:#A3A3A3;font:12px/22px "Microsoft YaHei";vertical-align:top;}
#rank_area .rank .rank_list .it .it_box{display:none;width:199px;height:76px;padding:4px 0 0 21px;}
#rank_area .rank .rank_list .active .it_box{display:block;}
#rank_area .rank .rank_list .it .it_box .pic{position:relative;z-index:0;float:left;width:72px;height:76px;margin:0 21px 0 0;}
#rank_area .rank .rank_list .it .it_box .pic img{width:72px;height:72px;}
#rank_area .rank .rank_list .it .it_box .pic .cover{position:absolute;left:0;top:0;z-index:1;width:72px;height:76px;background:url(../images/shouji/c_s.png) no-repeat 0 0;}
#rank_area .rank .rank_list .it .it_box .type{height:20px;color:#8A8A8A;font:12px/20px "Microsoft YaHei";}
#rank_area .rank .rank_list .it .it_box .size{height:20px;margin:0 0 5px;color:#8A8A8A;font:12px/20px "Microsoft YaHei";}
#rank_area .rank .rank_list .it .it_box .detail{float:left;display:block;width:48px;height:20px;border:1px solid #ddd;background:#eee;color:#8A8A8A;font:12px/20px "Microsoft YaHei";text-align:center;text-decoration:none;}
#rank_area .rank .rank_list .it .it_box .detail:hover{border:1px solid #F65959;background:#F65959;color:#fff;}

/* 点击收藏的提示框的样式 */
#tooltip_box_layer{width:336px;height:auto;box-shadow:0 0 3px rgba(0,0,0,0.7);background:#FFF;}
#tooltip_box_layer .top{width:auto;height:32px;padding:0 3px 0 12px;background:#1f86d5;}
#tooltip_box_layer .top .title{float:left;font:bold 16px/2 "Microsoft YaHei",Verdana;color:#FFF;}
#tooltip_box_layer .top .close{float:right;margin:3px 0 0 0;width:24px;height:24px;cursor:pointer;font:24px/1 SimSun;color:#FFF;}
#tooltip_box_layer .top .close_hover{color:#F00;}
#tooltip_box_layer .bottom{width:auto;height:50px;text-align:center;}
#tooltip_box_layer .bottom .close{display:block;position:static;width:100px;height:32px;border:1px solid #E1621C;margin:0 auto;background:#FA8500;font:14px/32px SimSun;color:#fff;text-align:center;text-decoration:none;cursor:pointer;}
#tooltip_box_layer .bottom .close_hover{background:#E1621C;}
#tooltip_box_layer .content{width:auto;height:auto;padding:15px 12px;font:12px/1.8 Verdana;color:#666;overflow:auto;}
#tooltip_box_layer .content a{color:#0091FF;}
#tooltip_box_layer .content a:hover{color:#F60;}

/*Footer*/
#footer_area{width:auto;height:auto;padding:15px 0;border-top:2px solid #F9F9F9;}
#footer{width:980px;height:auto;margin:0 auto;font:12px/2 Arial;color:#999;text-align:center;}
#footer a{color:#666;}
#footer a:hover{color:#F90;}
#footer a.s{color:#666;}
#footer a.s:hover{color:#F90;}