/*** Nokersang 2014-3 ***/

/* 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;}

/* Layout */
#wrapper{width:980px;height:auto;margin:0 auto;padding:10px;}
#p_left{float:left;width:230px;height:auto;}
#p_right{float:right;width:735px;height:auto;}

/* 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;}

#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;}

/* Channel nav */
#channel_nav{display:none;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;}

/* Page */
#category_list{width:226px;height:auto;border:2px solid #EEE;}
#category_list .title{width:214px;height:32px;padding:0 0 0 12px;background:#EEE;font:bold 16px/2 "Microsoft YaHei",Verdana;color:#666;}
#category_list .title h2{font:16px/2 "Microsoft YaHei",Verdana;}
#category_list .content{width:226px;height:auto;}
#category_list .content .item{width:226px;height:35px;overflow:hidden;}
#category_list .content .item a.l{display:block;width:184px;height:24px;padding:5px 30px 5px 12px;border-bottom:1px solid #EEE;background:#FCFCFC;font:bold 12px/2 SimSun;color:#666;}
#category_list .content .item a.l:hover{color:#F60;}
#category_list .content .item a.l .name{float:left;}
#category_list .content .item a.l .number{float:right;font:12px/2 Arial;color:#999;}
#category_list .content .item a.l:hover .number{color:#999;text-decoration:none;}
#category_list .content .item a.active{font-weight:bold;color:#FF0018;}
#category_list .content .item a.active:hover{color:#F00;text-decoration:none;}
#category_list .content .item .n{width:180px;height:24px;margin:0 0 8px 0;padding:5px 34px 5px 12px;border-bottom:1px solid #EEE;background:url(../images/page_2014/search_components_bg.png) 202px -50px no-repeat #FCFCFC;font:bold 12px/2 SimSun;color:#666;cursor:pointer;}
#category_list .content .item .n .name{float:left;}
#category_list .content .item .n .number{float:right;font:12px/2 Arial;color:#999;}
#category_list .content .item ul{padding:0 0 0 12px;}
#category_list .content .item li{float:left;width:214px;height:24px;overflow:hidden;}
#category_list .content .item li a{font:12px/2 Arial;color:#999;}
#category_list .content .item li a:hover{color:#F60;}
#category_list .content .item_active{height:auto;overflow:auto;}
#category_list .content .item_hover .n{border-bottom:1px dashed #DDD;background:url(../images/page_2014/search_components_bg.png) 202px -140px no-repeat #F5F5F5;}
#category_list .content .item_active .n{border-bottom:1px dashed #DDD;background:url(../images/page_2014/search_components_bg.png) 202px -100px no-repeat #FCFCFC;}
#category_list .content .item_active_hover .n{border-bottom:1px dashed #DDD;background:url(../images/page_2014/search_components_bg.png) 202px -190px no-repeat #F5F5F5;}

#search_related{width:230px;height:auto;overflow:hidden;}
#search_related .title{width:230px;height:38px;background:url(../images/page_2014/index_components_bg.png) 0 37px repeat-x;overflow:hidden;}
#search_related .title h3{float:left;width:auto;height:32px;padding:1px 16px 2px 16px;border-bottom:3px solid #FF0018;font:16px/2 "Microsoft YaHei",SimSun;color:#999;}
#search_related .content{width:230px;height:auto;overflow:hidden;}
#search_related .content li{width:220px;height:18px;padding:7px 3px 6px 3px;background:url(../images/page_2014/index_components_bg.png) 0 -120px repeat-x;vertical-align:middle;overflow:hidden;}
#search_related .content li .b{float:right;width:50px;height:18px;color:#AAA;text-align:right;white-space:nowrap;}
#search_related .content li .b .c{width:1px;height:5px;margin:6px 0 0 0;background:#BBB;font:1px/1 Arial;}
#search_related .content li a{float:left;font:12px/1.5 SimSun;color:#111;white-space:nowrap;}
#search_related .content li a:hover{color:#F60;}

#list_sort{position:relative;z-index:2;width:735px;height:44px;background:url(../images/page_2014/search_components_bg.png) 0 0 repeat-x;overflow:hidden;}
#list_sort .sort{width:auto;height:44px;}
#list_sort .sort a{display:block;float:left;width:auto;height:28px;padding:9px 15px 7px;font:14px/2 SimSun;color:#444;}
#list_sort .sort a:hover{color:#F60;}
#list_sort .sort a.active{padding:6px 15px 7px;background:#FFF;border:solid #D9D9D9;border-width:0 1px;border-top:3px solid #FF0018;font-weight:bold;color:#FF0018;}
#list_sort .sort a.active:hover{color:#FF0018;}
#list_sort .line_l{position:absolute;z-index:1;top:0;left:0;width:1px;height:44px;background:#D9D9D9;font:1px/1 Arial;overflow:hidden;}
#list_sort .line_r{position:absolute;z-index:1;top:0;right:0;width:1px;height:44px;background:#D9D9D9;font:1px/1 Arial;overflow:hidden;}

#list_info{width:720px;height:24px;padding:10px 0 10px 13px;border:solid #D9D9D9;border-width:0 1px 1px 1px;font:12px/2 SimSun;color:#666;}
#list_info .red{color:#FF0018;}

#tips_box{width:auto;height:auto;margin:0 0 10px 0;border:1px solid #D9D9D9;background:#FFB;padding:6px 12px;font:12px/1.7 SimSun;color:#666;}
#tips_box a{color:#19D;}
#tips_box a:hover{color:#F60;}

#list_game{width:733px;height:auto;border:solid #D9D9D9;border-width:0 1px 1px 1px;overflow:hidden;}
#list_game .type{width:720px;height:24px;padding:5px 0 5px 13px;border:solid #D9D9D9;border-width:0 0 1px 0;background:url(../images/page_2014/search_components_bg.png) 710px -240px no-repeat #F9F9F9;font:12px/2 SimSun;color:#444;cursor:pointer;}
#list_game .type_hover{background:url(../images/page_2014/search_components_bg.png) 710px -340px no-repeat #F5F5F5;}
#list_game .type_active{background:url(../images/page_2014/search_components_bg.png) 707px -287px no-repeat #F9F9F9;}
#list_game .type_active_hover{background:url(../images/page_2014/search_components_bg.png) 707px -387px no-repeat #F5F5F5;}
#list_game .list{width:750px;height:auto;padding:25px 0 0 12px;}
#list_game .list a{position:relative;z-index:2;float:left;width:132px;height:197px;margin:0 12px 12px 0;font:12px/1.5 SimSun;color:#444;text-align:center;overflow:hidden;}
#list_game .list a:hover{background:#FFF;color:#FF0018;text-decoration:none;}
#list_game .list a img{display:block;width:100px;height:140px;margin:0 auto 5px auto;border:2px solid #EEE;}
#list_game .list a:hover img{border:2px solid #FF0018;}
#list_game .list a .mark{position:absolute;z-index:1;top:2px;left:78px;width:38px;height:38px;background:url(../images/cover_language_cn.png) 0 0 no-repeat;cursor:pointer;}
#list_game .list a .name{width:auto;height:18px;word-wrap:break-word;word-break:break-all;overflow:hidden;}
#list_game .list a span{display:inline-block;padding:1px 3px;font:12px/1.3 Verdana;color:#FFF;filter:alpha(opacity=70);opacity:0.7;}
#list_game .list a span.danji{background:#0091FF;}
#list_game .list a span.wangluo{background:#D10849;}
#list_game .list a span.wangye{background:#00A317;}
#list_game .list a span.res{padding:1px 0 1px 6px;color:#000;}
#list_game .list a em{font-style:normal;color:#F00;}
#list_game .list a.more{clear:both;float:none;display:block;width:240px;height:18px;margin:0 0 0 234px;padding:5px 0;background:#F77;font:12px/1.5 SimSun;color:#FFF;text-align:center;}
#list_game .list a.more:hover{background:#F60;text-decoration:underline;}
#list_game .list_s{padding:25px 0 0 18px;}
#list_game .list_s a{position:relative;z-index:2;float:left;width:97px;height:117px;margin:0 23px 24px 0;font:12px/1.5 SimSun;color:#444;text-align:center;}
#list_game .list_s a:hover{background:#FFF;color:#FF0018;text-decoration:none;}
#list_game .list_s a img{display:block;width:77px;height:78px;margin:0 auto 3px auto;border:0;}
#list_game .list_s .cover{position:absolute;z-index:2;left:10px;top:0;width:77px;height:81px;background:url(../images/search_cover.png) no-repeat 0 0;cursor:pointer;}
#list_game .list_s a:hover img{border:0;}
#list_game .list_s a.more{color:#FFF;}
#list_game .list_s a.more:hover{color:#FFF;}

.change_page{width:auto;height:auto;padding:0 20px;text-align:center;font:12px/1.5 Arial;color:#4E4E4E;}
.change_page a{display:inline-block;width:auto;height:18px;margin:0 2px;padding:4px 9px 2px 9px;background:#DDD;font:12px/1.5 SimSun;color:#4E4E4E;vertical-align:middle;}
.change_page a:hover{background:#F60;color:#FFF;text-decoration:none;}
.change_page a.active{background:#FF0018;color:#FFF;}
.change_page a.active:hover{background:#FF0018;}
.change_page .ellipsis{display:inline;}
.change_page .disable{display:inline-block;width:auto;height:18px;margin:0 2px;padding:3px 8px 1px 8px;border:1px solid #DDD;color:#DDD;vertical-align:middle;}
.change_page .page_jump_number{width:36px;height:18px;margin:0 3px;padding:2px;border:1px solid #AAA;text-align:center;vertical-align:middle;}
.change_page .info{display:none;}

.change_page .total{float:left;font:12px/2 SimSun;color:#666;}
.change_page .total .number{color:#FF0018;}