/* 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; } /*Quick_bar*/ #quick_bar{position:fixed;_position:absolute;z-index:1;left:50%;margin-left:500px;bottom:10px;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)-10));width:40px;height:auto;} #quick_bar .go_top{width:40px;height:40px;margin:3px 0 0 0;background:url(../images/page_2014/quick_bar_bg.png) 0 0 no-repeat;cursor:pointer;} #quick_bar .go_top_hover{background:url(../images/page_2014/quick_bar_bg.png) 0 -50px no-repeat;} #quick_bar a.new_hd{display:block;width:40px;height:40px;margin:3px 0 0 0;background:url(../images/page_2014/quick_bar_bg.png) 0 -600px no-repeat;cursor:pointer;} #quick_bar a.new_hd:hover{background:url(../images/page_2014/quick_bar_bg.png) 0 -650px no-repeat;} /* Path */ #page_path{width:980px;height:18px;margin:0 auto;padding:8px 0 2px 0;} #page_path .path{float:left;width:730px;height:18px;font:12px/1.5 SimSun;color:#999;} #page_path .path a{color:#666;} #page_path .path a:hover{color:#F60;} #page_path .other{float:right;width:220px;height:18px;font:12px/1.5 SimSun;text-align:right;} #page_path .other .favorites{display:inline-block;height:18px;margin:0 12px 0 0;padding:0 0 0 20px;background:url(../images/page_2014/game_bg.png) -50px -99px no-repeat;color:#AAA;text-decoration:none;cursor:pointer;} #page_path .other .favorites_hover{background:url(../images/page_2014/game_bg.png) -50px -149px no-repeat;color:#F60;} #page_path .other .copyurl{display:inline-block;height:18px;padding:0 0 0 18px;background:url(../images/page_2014/game_bg.png) -50px -198px no-repeat;color:#AAA;text-decoration:none;cursor:pointer;} #page_path .other .copyurl_hover{background:url(../images/page_2014/game_bg.png) -50px -248px no-repeat;color:#F60;} /* game_name */ #game_name{width:auto;height:32px;margin:10px 0 9px 0;} #game_name h1{font:18px/30px "Microsoft YaHei",Verdana;color:#000;} #game_name span{font:14px/30px "Microsoft YaHei",Verdana;color:#999;} #game_name img{float:left;width:32px;height:32px;margin:0 10px 0 2px;border-radius:5px;} /* game_nav */ #game_nav{position:relative;width:100%;height:38px;border:1px solid #CCC;border-bottom:3px solid #0091ff;background:#f7f7f7;} #game_nav .game_menu{padding:0 0 0 16px;} #game_nav .game_menu a{float:left;position:relative;zoom:1;padding:12px 16px;margin:-1px 0 0 6px;color:#666;font:bold 14px/15px "Microsoft YaHei",Verdana;} #game_nav .game_menu a:hover{text-decoration:none;} #game_nav .game_menu .active{color:#FFF;background:#0091ff;_padding:12px 16px 13px;} /*GameBox*/ #gameBox{width:982px;height:144px;border-bottom:1px solid #dedede;background:#f8f8f8;overflow:hidden;} #gameBox.new{height:140px;} /* 只是有渠道的时候 */ #gameBox.channel{height:175px;} #gameBox .l{position:relative;z-index:0;float:left;width:501px;height:100px;padding:22px 0 0 129px;} #gameBox .l img{position:absolute;top:36px;left:33px;z-index:1;width:72px;height:72px;background:#d2d2d2;} #gameBox .l .cover{position:absolute;top:22px;left:19px;z-index:2;width:100px;height:100px;background:url(../images/shouji/c_b.png) no-repeat 0 0;} #gameBox .l .gameName{height:24px;color:#404040;font:22px/24px "Microsoft Yahei";overflow:hidden;} #gameBox .l .instruction{display:table;height:30px;padding:4px 0 0;overflow:hidden;+position:relative;} #gameBox .l .instruction div{display:table-cell;vertical-align:middle;+position:absolute;+top:50%;} #gameBox .l .instruction div span{display:block;max-height:30px;color:#797979;font:12px/15px "Microsoft Yahei";+position:relative;+top:-50%;} #gameBox .l .xx{height:42px;padding:4px 0 0;color:#8a8989;font:12px/21px "Microsoft Yahei";overflow:hidden;} #gameBox .l .xx a.class{display:inline-block;width:63px;height:21px;background:#e4e4e4;color:#8a8989;text-align:center;text-decoration:none;} #gameBox .l .xx a.class:hover{background:#f60;color:#fff;} #gameBox .l .down_channel{display:none;position:absolute;top:137px;left:16px;z-index:0;} #gameBox .l .down_channel a{float:left;width:55px;height:24px;margin:0 10px 0 0;border-radius:5px;border:1px solid #d2d2d2;color:#666;background:#FFF;font:12px/22px "Microsoft Yahei";text-align: center;} #gameBox .l .down_channel .current{background:#f6a746;color:#FFF;} #gameBox .l .down_channel a:hover{border-color:#a6a6a6;background:#bbe2ff;text-decoration:none;} #gameBox.channel .down_channel{display:block;} #gameBox .r{float:right;position:relative;z-index:0;width:238px;height:134px;padding:10px 15px 0 0;} #game_vote{position:relative;z-index:0;width:238px;height:46px;padding:22px 0 0;} #game_vote .vote_tips{position:absolute;top:5px;left:40px;z-index:1;width:120px;height:30px;background:url(../images/shouji/stars.png) no-repeat 0 -140px;color:#f60;font:12px/2 Simsun;text-align:center;} #game_vote .score{float:right;position:relative;z-index:0;width:74px;height:36px;margin:0 0 0 8px;color:#f60;font:18px/2 "Microsoft Yahei";text-align:center;overflow:hidden;} #game_vote .score strong{font:bold 36px/1 "Microsoft Yahei";} #game_vote .score strong span{font:16px/36px "Microsoft Yahei";} #game_vote .score .tips{display:none;position:absolute;top:-18px;left:0;z-index:1;width:77px;height:30px;background:url(../images/shouji/stars.png) no-repeat 0 -100px;color:#979595;font:12px/2 Simsun;text-align:center;} #game_vote .stars{float:right;position:relative;z-index:0;width:115px;height:27px;padding:9px 0 0;background:url(../images/shouji/stars.png) no-repeat 0 -22px;} #game_vote .stars .light{height:27px;background:url(../images/shouji/stars.png) no-repeat 0 -1px;} #game_vote .stars .light_opacity{filter:alpha(opacity=70);opacity:0.7} #game_vote .stars span{display:block;position:absolute;top:8px;z-index:2;width:23px;height:22px;cursor:pointer;} #game_vote .stars span.star_1{left:0;} #game_vote .stars span.star_2{left:23px;} #game_vote .stars span.star_3{left:46px;} #game_vote .stars span.star_4{left:69px;} #game_vote .stars span.star_5{left:92px;} #game_vote .stars .tips{display:none;position:absolute;top:-18px;z-index:1;width:64px;height:30px;background:url(../images/shouji/stars.png) no-repeat 0 -60px;color:#979595;font:12px/2 Simsun;text-align:center;} #game_vote .stars .t1{left:-27px;width:77px;background-position:0 -100px;} #game_vote .stars .t2{left:0;} #game_vote .stars .t3{left:23px;} #game_vote .stars .t4{left:46px;} #game_vote .stars .t5{left:69px;} #game_vote .vote_cover{position:absolute;top:5px;left:40px;z-index:4;width:198px;height:58px;border:1px solid #dfdfdf;background:#fff;color:#828282;font:bold 14px/58px "Microsoft Yahei";text-align:center;} #game_vote .vote_cover .alarm_ok{display:inline-block;width:25px;height:25px;background:url(../images/shouji/vote_icon.png) no-repeat 0 0;vertical-align:middle;} #game_vote .vote_cover .alarm_no{display:inline-block;width:25px;height:25px;background:url(../images/shouji/vote_icon.png) no-repeat 0 -50px;vertical-align:middle;} #gameBox .r a.down_way_pc{position:absolute;z-index:1;top:77px;left:-140px;width:166px;height:49px;background:url(../images/shouji/down_way_select_bg.png) -200px -100px no-repeat;} #gameBox .r a.down_way_pc:hover{background:url(../images/shouji/down_way_select_bg.png) -200px -150px no-repeat;} #gameBox .r a.down_way_android{position:absolute;z-index:1;top:77px;left:-140px;width:166px;height:49px;background:url(../images/shouji/icon_down_btn.png) 0 0 no-repeat;} #gameBox .r a.down_way_android:hover{background:url(../images/shouji/icon_down_btn.png) 0 -50px no-repeat;} #gameBox .r a.down_way_ios{position:absolute;z-index:1;top:77px;left:-322px;width:166px;height:49px;background:url(../images/shouji/icon_down_btn.png) -166px 0px no-repeat;} #gameBox .r a.down_way_ios:hover{background:url(../images/shouji/icon_down_btn.png) -166px -50px no-repeat;} #gameBox .r a.down_way_doyo{position:absolute;z-index:1;top:77px;left:40px;display:block;width:200px;height:49px;background:url(../images/shouji/down_way_select_bg.png) 0 -100px no-repeat;} #gameBox .r a.down_way_doyo:hover{background:url(../images/shouji/down_way_select_bg.png) 0 -150px no-repeat;} /* 迅雷的下载的样式 */ #down_way_select_layer{width:395px;height:auto;background:#FFF;box-shadow:0 0 15px rgba(0,0,0,0.7);} #down_way_select_layer .top{width:auto;height:32px;padding:0 12px;background:#1F86D5;color:#fff;font:14px/32px "Microsoft Yahei";} #down_way_select_layer .close{float:right;font:14px/32px SimSun;cursor:pointer;} #down_way_select_layer .close_hover{color:#f60;} #down_way_select_layer .content{width:auto;height:auto;padding:20px 22px 15px;font:12px/1.8 SimSun;color:#BFBFBF;overflow:auto;} #down_way_select_layer .content .local_down span.t{color:#3F3F3F;} #down_way_select_layer .content .local_down span.down{margin:0 5px;color:#0090FF;cursor:pointer;} #down_way_select_layer .content .local_down span.down_active{color:#F60;text-decoration:underline;} #down_way_select_layer .content .local_down span.hint{color:#F60;} #down_way_select_layer .content .button_space{padding:0 0 16px;text-align:center;} #down_way_select_layer .content .button_space a.down_way_doyo{display:inline-block;width:160px;height:37px;margin:0 5px;background:url(../images/shouji/down_way_select_bg.png) 0 0 no-repeat;} #down_way_select_layer .content .button_space a.down_way_doyo:hover{background:url(../images/shouji/down_way_select_bg.png) 0 -50px no-repeat;} #down_way_select_layer .content .button_space a.down_way_thunder{display:inline-block;width:160px;height:37px;margin:0 5px;background:url(../images/shouji/down_way_select_bg.png) -200px 0 no-repeat;} #down_way_select_layer .content .button_space a.down_way_thunder:hover{background:url(../images/shouji/down_way_select_bg.png) -200px -50px no-repeat;} #shouji_down_way_select_layer{width:395px;height:auto;background:#FFF;box-shadow:0 0 15px rgba(0,0,0,0.7);} #shouji_down_way_select_layer .top{width:auto;height:32px;padding:0 12px;background:#1F86D5;color:#fff;font:14px/32px "Microsoft Yahei";} #shouji_down_way_select_layer .close{float:right;font:14px/32px SimSun;cursor:pointer;} #shouji_down_way_select_layer .close_hover{color:#f60;} #shouji_down_way_select_layer .content{width:auto;height:auto;padding:20px 22px 15px;font:12px/1.8 SimSun;color:#BFBFBF;overflow:auto;} #shouji_down_way_select_layer .content .local_down span.t{color:#3F3F3F;} #shouji_down_way_select_layer .content .local_down span.down{margin:0 5px;color:#0090FF;cursor:pointer;} #shouji_down_way_select_layer .content .local_down span.down_active{color:#F60;text-decoration:underline;} #shouji_down_way_select_layer .content .local_down span.hint{color:#F60;} #shouji_down_way_select_layer .content .button_space{padding:0 0 16px;text-align:center;} #shouji_down_way_select_layer .content .button_space a.down_way_doyo{display:inline-block;width:160px;height:37px;margin:0 5px;background:url(../images/shouji/down_way_select_bg.png) 0 0 no-repeat;} #shouji_down_way_select_layer .content .button_space a.down_way_doyo:hover{background:url(../images/shouji/down_way_select_bg.png) 0 -50px no-repeat;} #shouji_down_way_select_layer .content .button_space a.down_way_thunder{display:inline-block;width:160px;height:37px;margin:0 5px;background:url(../images/shouji/down_way_select_bg.png) -200px 0 no-repeat;} #shouji_down_way_select_layer .content .button_space a.down_way_thunder:hover{background:url(../images/shouji/down_way_select_bg.png) -200px -50px no-repeat;} /*Content*/ #content{width:980px;height:auto;} #content .cl{float:left;width:750px;height:auto;} #content .cl .intro .title{width:730px;height:38px;color:#666;font:bold 14px/30px "Microsoft Yahei",Simsun;overflow:hidden; background:url(../images/shouji/bg_bar.jpg) repeat-x 0;} #content .cl .intro .title h3{float:left;width:auto;padding:5px 15px 0 15px;border-bottom:3px solid #379BE9;text-align:center;} #content .cl .intro .cl_con{width:730px;height:auto;padding:10px 10px 0;color:#8C8C8C;font:12px/1.75 "Microsoft Yahei",Simsun;overflow:hidden;} #content .cl .intro .cl_con .all{display:none;} #content .cl .intro .show_all{float:right;width:133px;height:24px;background:#eee;color:#4A85CB;font:12px/2 "Microsoft Yahei",Simsun;text-align:center;cursor:pointer;} #content .cl .intro .show_all_hover{color:#f60;} #content .cr{float:right;width:226px;height:auto;overflow:hidden;} #content .cr .qr_code{position:relative;z-index:0;width:auto;height:200px;font:12px/1.5 "Microsoft Yahei";color:#999;text-align:center;} #content .cr .qr_code img.code{display:block;width:164px;height:164px;margin:0 auto 10px auto;} #content .cr .qr_code .cover{position:absolute;top:60px;left:50%;z-index:2;width:32px;height:32px;padding:6px;margin:0 0 0 -22px;background:#FFF;} #content .cr .qr_code .cover img{width:32px;height:32px;} #content .cr .rank{width:226px;height:530px;overflow:hidden;} #content .cr .rank .title{position:relative;z-index:0;width:226px;height:34px;border-bottom:1px solid #F4F4F4;} #content .cr .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;} #content .cr .rank .rank_list{width:226px;height:495px;overflow:hidden;} #content .cr .rank .rank_list .it{width:226px;height:31px;padding:10px 0 0;border-bottom:1px dashed #DEDEDE;overflow:hidden;} #content .cr .rank .rank_list .active{height:107px;} #content .cr .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;} #content .cr .rank .rank_list .it .n_1{background:url(../images/shouji/sprite.png) no-repeat 0 -200px;} #content .cr .rank .rank_list .it .n_2{background:url(../images/shouji/sprite.png) no-repeat 0 -250px;} #content .cr .rank .rank_list .it .n_3{background:url(../images/shouji/sprite.png) no-repeat 0 -300px;} #content .cr .rank .rank_list .it .name{display:inline-block;width:150px;height:23px;margin:0 7px 0 0;color:#666;font:12px/22px "Microsoft YaHei";vertical-align:top;overflow:hidden;} #content .cr .rank .rank_list .it .name:hover{color:#f60;} #content .cr .rank .rank_list .it .score{display:inline-block;width:44px;color:#A3A3A3;font:12px/22px "Microsoft YaHei";vertical-align:top;} #content .cr .rank .rank_list .it .it_box{display:none;width:153px;height:76px;padding:4px 0 0 21px;} #content .cr .rank .rank_list .active .it_box{display:block;} #content .cr .rank .rank_list .it .it_box .pic{position:relative;z-index:0;float:left;width:72px;height:76px;margin:0 21px 0 0;} #content .cr .rank .rank_list .it .it_box .pic img{width:72px;height:72px;} #content .cr .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;} #content .cr .rank .rank_list .it .it_box .type{height:20px;color:#8A8A8A;font:12px/20px "Microsoft YaHei";} #content .cr .rank .rank_list .it .it_box .size{height:20px;margin:0 0 5px;color:#8A8A8A;font:12px/20px "Microsoft YaHei";} #content .cr .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;} #content .cr .rank .rank_list .it .it_box .detail:hover{border:1px solid #5FBA14;background:#5FBA14;color:#fff;} /* Icon */ .icon_s_c_blue{width:16px;height:16px;background:url(../images/comment_icon.png) 0 -197px no-repeat;vertical-align:middle;} .icon_s_c_good{width:14px;height:12px;background:url(../images/shouji/comment_icon.png) 0 0 no-repeat;vertical-align:middle;} .icon_s_c_bad{width:14px;height:12px;background:url(../images/shouji/comment_icon.png) 0 -50px no-repeat;vertical-align:middle;} .icon_s_c_quoted{width:17px;height:12px;background:url(../images/shouji/comment_icon.png) 0 -100px no-repeat;vertical-align:middle;} .icon_f_c_1{width:24px;height:24px;background:url(https://s.doyo.cn/material/images/client/comment_face.png) 0 0 no-repeat;vertical-align:middle;} .icon_f_c_2{width:24px;height:24px;background:url(https://s.doyo.cn/material/images/client/comment_face.png) -50px 0 no-repeat;vertical-align:middle;} .icon_f_c_3{width:24px;height:24px;background:url(https://s.doyo.cn/material/images/client/comment_face.png) -100px 0 no-repeat;vertical-align:middle;} .icon_f_c_4{width:24px;height:24px;background:url(https://s.doyo.cn/material/images/client/comment_face.png) -150px 0 no-repeat;vertical-align:middle;} .icon_f_c_5{width:24px;height:24px;background:url(https://s.doyo.cn/material/images/client/comment_face.png) 0 -50px no-repeat;vertical-align:middle;} .icon_f_c_6{width:24px;height:24px;background:url(https://s.doyo.cn/material/images/client/comment_face.png) -50px -50px no-repeat;vertical-align:middle;} .icon_f_c_7{width:24px;height:24px;background:url(https://s.doyo.cn/material/images/client/comment_face.png) -100px -50px no-repeat;vertical-align:middle;} .icon_f_c_8{width:24px;height:24px;background:url(https://s.doyo.cn/material/images/client/comment_face.png) -148px -50px no-repeat;vertical-align:middle;} .icon_f_c_9{width:24px;height:24px;background:url(https://s.doyo.cn/material/images/client/comment_face.png) 0 -100px no-repeat;vertical-align:middle;} .icon_f_c_10{width:24px;height:24px;background:url(https://s.doyo.cn/material/images/client/comment_face.png) -50px -100px no-repeat;vertical-align:middle;} .icon_f_c_11{width:24px;height:24px;background:url(https://s.doyo.cn/material/images/client/comment_face.png) -100px -100px no-repeat;vertical-align:middle;} .icon_f_c_12{width:24px;height:24px;background:url(https://s.doyo.cn/material/images/client/comment_face.png) -148px -100px no-repeat;vertical-align:middle;} .icon_f_c_13{width:24px;height:24px;background:url(https://s.doyo.cn/material/images/client/comment_face.png) 0 -150px no-repeat;vertical-align:middle;} .icon_f_c_14{width:24px;height:24px;background:url(https://s.doyo.cn/material/images/client/comment_face.png) -50px -150px no-repeat;vertical-align:middle;} .icon_f_c_15{width:24px;height:24px;background:url(https://s.doyo.cn/material/images/client/comment_face.png) -100px -150px no-repeat;vertical-align:middle;} .icon_f_c_16{width:24px;height:24px;background:url(https://s.doyo.cn/material/images/client/comment_face.png) -148px -150px no-repeat;vertical-align:middle;} /* Game Gift */ .game_gift{width:726px;height:auto;margin:0 0 12px 0;padding:10px 0 10px 15px;background:#f5f5f5;} .game_gift .item{display:inline-block;width:160px;height:40px;margin:0 15px 0 0;overflow:hidden;} .game_gift .item:hover{color:#F60;text-decoration:none;} .game_gift .item span{float:left;width:100%;overflow:hidden;text-align:center;} .game_gift .game_gift_name{height:17px;margin:5px 0 0 0;font:12px/17px "Microsoft Yahei";} .game_gift .game_gift_amount{font:12px/16px "Microsoft Yahei";} .game_gift .bg_f6abb3{background:#f6abb3;color:#c24c5a;} .game_gift .bg_f3c99a{background:#f3c99a;color:#cb6c00;} /* GamePic */ #game_pic{position:relative;z-index:0;width:674px;margin:0 auto;padding:0 38px;overflow:hidden;} #game_pic .left{display:none;position:absolute;z-index:3;top:0;left:0;width:50%;height:100%;background:url(https://s.doyo.cn/s.gif) 0 0 repeat;cursor:pointer;_width:375px;} #game_pic .left div{position:absolute;z-index:5;top:0;left:8px;width:22px;height:28px;background:url(../images/shouji/game_screenshot_bg.png) 3px 0 no-repeat;} #game_pic .left_hover{} #game_pic .left_hover div{background:url(../images/shouji/game_screenshot_bg.png) -97px 0 no-repeat;} #game_pic .right{display:none;position:absolute;z-index:3;top:0;left:50%;width:50%;height:100%;background:url(https://s.doyo.cn/s.gif) 0 0 repeat;cursor:pointer;_width:375px;} #game_pic .right div{position:absolute;z-index:5;top:0;right:8px;width:22px;height:28px;background:url(../images/shouji/game_screenshot_bg.png) -47px 0 no-repeat;} #game_pic .right_hover{} #game_pic .right_hover div{background:url(../images/shouji/game_screenshot_bg.png) -147px 0 no-repeat;} #game_pic .box{position:absolute;z-index:1;top:0;left:38px;width:10000px;height:auto;} #game_pic .box img{border:1px solid #AAA;background:#EEE;} #game_pic .box .pic{position:absolute;z-index:1;top:500px;display:block;border:1px solid #AAA;background:#EEE;} #game_pic .box .pic .cover{display:none;position:absolute;z-index:2;top:0;left:0;width:100%;height:100%;background:#000;filter:alpha(opacity=50);opacity:0.5;} #game_pic .box .pic img{width:100%;height:100%;border:0;background:none;} #game_pic .loading_cover{position:absolute;z-index:3;top:0;left:0;width:100%;height:100%;background:url(../images/loading_b.gif) center center no-repeat #FFF;} #game_pic_bar{display:none;width:674px;height:auto;margin:0 auto;padding:10px 38px 0;text-align:center;} #game_pic_bar em{display:inline-block;width:8px;height:8px;margin:5px 6px;background:url(../images/shouji/game_screenshot_bg.png) -190px 0 no-repeat;font:1px/1 Arial;overflow:hidden;} #game_pic_bar em.active{background:url(../images/shouji/game_screenshot_bg.png) -190px -25px no-repeat;} /* strategy 手机攻略详情页的资讯 */ #strategy .title{width:730px;height:38px;color:#666;font:bold 14px/30px "Microsoft Yahei",Simsun;overflow:hidden; background:url(../images/shouji/bg_bar.jpg) repeat-x 0;} #strategy .title h3{float:left;width:auto;padding:5px 15px 0 15px;border-bottom:3px solid #379BE9;text-align:center;} #strategy .title .more{float:right;padding:10px 10px 0 0;color:#666;font: 12px/24px "Microsoft Yahei",Simsun;} #strategy .title .more:hover{color:#F60;} #strategy .title .more span{color:#f60;} #strategy .content{width:auto;height:auto;padding:10px 0 0 11px;overflow:hidden;} #strategy .game_strategy_list{width:780px;height:auto;} #strategy .game_strategy_list li{float:left;width:370px;height:27px;margin:0 10px 0 0;font:12px/16px "Microsoft Yahei",Simsun;overflow:hidden;vertical-align:bottom;} #strategy .game_strategy_list a{float:left;width:250px;height:14px;margin:0 10px 13px 0;padding:0 0 0 10px;color:#666;background: url(../images/page_2014/game_bg.png) -49px -1043px no-repeat;overflow:hidden;} #strategy .game_strategy_list a:hover{color:#f60;} #strategy .game_strategy_list span{float:left;color:#aaa;} /* news 手机详情页面的资讯*/ #news .title{width:730px;height:38px;color:#666;font:bold 14px/30px "Microsoft Yahei",Simsun;overflow:hidden; background:url(../images/shouji/bg_bar.jpg) repeat-x 0;} #news .title h3{float:left;width:auto;padding:5px 15px 0 15px;border-bottom:3px solid #379BE9;text-align:center;} #news .title .more{float:right;padding:10px 10px 0 0;color:#666;font: 12px/24px "Microsoft Yahei",Simsun;} #news .title .more:hover{color:#F60;} #news .title .more span{color:#f60;} #news .content{width:auto;height:auto;padding:10px 0 0 11px;overflow:hidden;} #news .game_news_list{width:780px;height:auto;} #news .game_news_list li{float:left;width:370px;height:27px;margin:0 10px 0 0;font:12px/16px "Microsoft Yahei",Simsun;overflow:hidden;vertical-align:bottom;} #news .game_news_list a{float:left;width:250px;height:14px;margin:0 10px 13px 0;padding:0 0 0 10px;color:#666;background: url(../images/page_2014/game_bg.png) -49px -1043px no-repeat;overflow:hidden;} #news .game_news_list a:hover{color:#f60;} #news .game_news_list span{float:left;color:#aaa;} /* 复制地址 && 收藏成功的 提示框的样式 */ #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;} /* 新闻和攻略页面调用的样式 */ /* strategy_list */ #strategy_list{width:690px;height:auto;} #strategy_list .content{width:690px;height:auto;} #strategy_list .content .item{position:relative;z-index:2;width:690px;height:auto;padding:28px 0 20px 0;border-bottom:1px solid #D9D9D9;font:12px/1.7 Verdana;color:#666;overflow:hidden;} #strategy_list .content .item a.pic{position:relative;z-index:3;display:block;float:left;width:174px;height:116px;margin:4px 26px 0 0;background-position:center center;background-repeat:no-repeat;background-color:#F9F9F9;} #strategy_list .content .item a.pic .mark{position:absolute;z-index:1;top:-2px;left:10px;width:31px;height:29px;background:url(../images/page_2014/article_components_bg.png) 0 -300px no-repeat;} #strategy_list .content .item a.pic .p_cover{position:absolute;z-index:1;top:46px;left:75px;width:24px;height:24px;_background:#000;cursor:pointer;filter:alpha(opacity=30);opacity:0.3;} #strategy_list .content .item a.pic .p_icon{position:absolute;z-index:1;top:38px;left:66px;width:43px;height:43px;background: url(../images/page_2014/video_bg.png)no-repeat;_top:45px;_left:74px;_width:26px;_height:26px;_background:url(../images/page_2014/article_components_bg.png) -100px -200px no-repeat;cursor:pointer;} #strategy_list .content .item a.headline{display:inline-block;margin:0 0 10px 0;font:18px/1.4 "Microsoft YaHei",Verdana;color:#FF0018;} #strategy_list .content .item a.headline:hover{color:#F60;} #strategy_list .content .item a.headline_hover{color:#F60;text-decoration:underline;} #strategy_list .content .item .summary{} #strategy_list .content .item .time{position:absolute;z-index:1;top:31px;right:3px;font:12px/1.5 Verdana;color:#999;} #strategy_list .content .item .info{position:absolute;top:133px;left:200px;z-index:0;width:490px;height:20px;overflow:hidden;font:12px/1.5 Arial;color:#BBB;} #strategy_list .content .item .info .more{position:absolute;top:0;right:3px;z-index:0;font-family:SimSun;color:#AAA;} #strategy_list .content .item .info .more:hover{color:#F60;} #strategy_list .content .item .info .i1{display:inline-block;width:20px;height:18px;background:url(../images/page_2014/article_components_bg.png) 4px -248px no-repeat;vertical-align:middle;} #strategy_list .content .item .info .i2{display:inline-block;width:20px;height:18px;background:url(../images/page_2014/article_components_bg.png) -48px -248px no-repeat;vertical-align:middle;} #strategy_list .content .item .info .i3{display:inline-block;width:20px;height:18px;background:url(../images/page_2014/article_components_bg.png) -98px -248px no-repeat;vertical-align:middle;} /* 没图的时候 */ #strategy_list .content .no_img .info{display:block;position:relative;top:14px;left:0;z-index:0;width:100%;height:20px;overflow:hidden;} #strategy_list .content .no_img .info .more{position:absolute;top:0;right:3px;z-index:0;} /* 长图的时候 */ #strategy_list .content .item_b{position:relative;z-index:2;width:690px;height:auto;padding:28px 0 20px 0;border-bottom:1px solid #D9D9D9;font:12px/1.7 Verdana;color:#666;overflow:hidden;} #strategy_list .content .item_b a.pic{position:relative;z-index:3;display:block;width:690px;height:200px;margin:0 0 6px 0;background-position:0 0;background-repeat:no-repeat;} #strategy_list .content .item_b a.pic .mark{position:absolute;z-index:1;top:-2px;left:10px;width:31px;height:29px;background:url(../images/page_2014/article_components_bg.png) 0 -300px no-repeat;} #strategy_list .content .item_b a.pic img{} #strategy_list .content .item_b a.headline{display:inline-block;margin:0 0 15px 0;font:18px/1.4 "Microsoft YaHei",Verdana;color:#FF0018;} #strategy_list .content .item_b a.headline:hover{color:#F60;} #strategy_list .content .item_b a.headline_hover{color:#F60;text-decoration:underline;} #strategy_list .content .item_b .summary{} #strategy_list .content .item_b .time{position:absolute;z-index:1;top:31px;right:3px;font:12px/1.5 Verdana;color:#999;} #strategy_list .content .item_b .info{display:block;position:relative;z-index:0;width:100%;height:20px;padding:11px 0 0 0;font:12px/1.5 Arial;color:#BBB;overflow:hidden;} #strategy_list .content .item_b .info .more{position:absolute;top:11px;right:3px;z-index:0;font-family:SimSun;color:#AAA;} #strategy_list .content .item_b .info .more:hover{color:#F60;} #strategy_list .content .item_b .info .i1{display:inline-block;width:20px;height:18px;background:url(../images/page_2014/article_components_bg.png) 4px -248px no-repeat;vertical-align:middle;} #strategy_list .content .item_b .info .i2{display:inline-block;width:20px;height:18px;background:url(../images/page_2014/article_components_bg.png) -48px -248px no-repeat;vertical-align:middle;} #strategy_list .content .item_b .info .i3{display:inline-block;width:20px;height:18px;background:url(../images/page_2014/article_components_bg.png) -98px -248px no-repeat;vertical-align:middle;} #strategy_list #more_strategy.more{position:relative;z-index:10;width:100%;height:40px;margin:10px auto;font:14px/40px "Microsoft YaHei";background:#eee;color:#666;text-align:center;cursor:pointer} #strategy_list #more_strategy.none{display:none;} #strategy_list .more_strategy{position:absolute;top:3px;left:45%;z-index:0;padding:0 27px 0 0;background:url(../images/shouji/msprite.png) 64px 15px no-repeat;color:#666;} #strategy_list .load_more_pic{display:none;position:relative;z-index:0;padding:30px 0 30px 0;} #strategy_list .load_more_pic span{position:absolute;top:20px;left:50%;z-index:0;width:32px;height:32px;background:url(../images/shouji/loading_more_pic.gif) no-repeat;} #strategy_list .line{position:absolute;top:-11px;left:0;z-index:0;width:100%;border-top:1px solid #FFF;}