@charset "utf-8";
/*单机游戏系列*/
.main{width:1180px; margin: 20px auto 0 auto;}
.main .breadcrumbs{ border-bottom:none; padding-bottom:0;}
img:hover{ opacity:0.9;filter(alpha=90)}
.hidden{display: none;}
.show{display: block;}
/*area1*/
.area1{ margin:10px 0 40px;}
.area1 h2{ font-size:26px; font-weight:bold; color:#515151; line-height:46px; line-height:46px; border-bottom:2px solid #ff7f00;}
.area1 h2 span{ color:#e54d00;}
.area1 ul{ overflow:hidden; margin:0 0 0 -31px;}
.area1 li{ float:left; margin:19px 0 0 31px;}
.area1 li img{ display:block; width:120px; height:160px;}
.area1 li p{ display:block; width:120px; overflow:hidden; text-align:center; color:#333333; font-size:16px; line-height:17px; height:17px; margin:10px 0 3px;}
.area1 li p:hover{ color:#ff5500;}

/*area2*/
.area2 h2{ font-size:26px; font-weight:bold; color:#515151; line-height:46px; line-height:46px; border-bottom:2px solid #ff7f00;}
.area2 h2 span{ color:#e54d00;}
.area2 ul{ overflow:hidden; margin:0 0 10px -40px;}
.area2 li{ float:left; width:570px; margin:0 0 40px 40px;}
.area2 dt{ overflow:hidden; line-height:51px; height:51px; border-bottom:1px solid #c7c7c7;}
.area2 dt p{ color:#515151; font-size:14px; font-weight:bold;}
.area2 dt .rank{ float:left; width:40px;}
.area2 dt .zone{ float:left; width:148px; margin-right:20px; text-align:center;}
.area2 dt .game{ float:left; width:130px; margin-right:20px;}
.area2 dt .type{ float:left; width:57px; margin-right:20px;}
.area2 dt .time{ float:left; width:85px; margin-right:20px;}
.area2 dt .download{ float:left; width:30px;}
.area2 dd{ overflow:hidden; padding:15px 0 14px; border-bottom:1px solid #eeeeee;}
.area2 dd .rank{ float:left; width:40px;}
.area2 dd .rank span{ display:block; width:20px; text-align:center; height:20px; line-height:20px; color:#909090; font-size:14px; font-family:"Arial"; background-color:#ebebeb; margin-top:20px; border-radius:2px;}
.area2 dd .zone{ float:left; width:148px; margin-right:20px;}
.area2 dd .zone img{ display:block; width:148px; height:63px;}
.area2 dd .game{ float:left; width:130px; margin-right:20px; height:63px; overflow:hidden;}
.area2 dd .game a{ color:#515151; font-size:14px; line-height:63px;}
.area2 dd .game a:hover{ color:#ff5500;}
.area2 dd .type{ float:left; color:#515151; font-size:14px; line-height:63px; height:63px; width:57px; margin-right:20px; overflow:hidden;}
.area2 dd .time{ float:left; color:#d9d9d9; font-size:14px; font-family:"Arial"; line-height:63px; width:85px; margin-right:20px;}
.area2 dd .download{ float:left;}
.area2 dd .download a{ width:30px; background:url(/Public/images/game/rank/icon.png) no-repeat center center; display:block; height:63px;}
.area2 dd .download a:hover{ background:url(/Public/images/game/rank/icon02.png) no-repeat center center;}
.area2 span.bg{ background-color:#ff7f00!important; color:#fff!important;}

/*area3*/
.area3 h2{ font-size:20px; font-weight:bold; color:#515151; line-height:46px; line-height:46px; border-bottom:2px solid #ff7f00;}
.area3 h2 span{ color:#e54d00;}
.area3 .cont{ overflow:hidden; margin:0 0 0 -41px;}
.area3 .cont_sub{ width:365px; float:left; margin:0 0 40px 41px; position:relative;}
.area3 .cont_sub .ta{ position:absolute; top:0; right:0;}
.area3 .ta{ overflow:hidden;}
.area3 .ta li{ float:left; color:#818181; font-size:16px; cursor:pointer; width:35px; text-align:center; line-height:48px;}
.area3 .ta li:hover,.area3 .ta li.active{ color:#ff7f00; background:url(/Public/images/game/rank/bg.png) no-repeat bottom center;}
.area3 .cont_sub ul li{ overflow:hidden; padding:15px 0 14px; border-bottom:1px solid #eeeeee;}
.area3 li.tit{ overflow:hidden; line-height:51px; height:51px; border-bottom:1px solid #c7c7c7;}
.area3 li.tit p{ color:#515151; font-size:14px; font-weight:bold;}
.area3 li.tit .rank{ float:left; width:40px; margin-right:10px; line-height:51px!important; height:51px;}
.area3 li.tit .game{ float:left; width:175px; margin-right:20px; line-height:51px!important; height:51px;}
.area3 li.tit .time{ float:left; width:75px; margin-right:15px; line-height:51px!important; height:51px;}
.area3 li.tit .download{ float:left; width:30px;}
.area3 li .rank{ float:left; width:40px; margin-right:10px;}
.area3 li .rank span{ display:block; width:20px; text-align:center; height:20px; line-height:20px; color:#909090; font-size:14px; font-family:"Arial"; background-color:#ebebeb; border-radius:2px;}
.area3 li .game{ float:left; width:175px; margin-right:20px; height:23px; overflow:hidden;}
.area3 li .game a{ color:#515151; font-size:14px; line-height:20px;}
.area3 li .game a:hover{ color:#ff5500;}
.area3 li .time{ float:left; width:75px; margin-right:15px; color:#d9d9d9; font-size:14px; font-family:"Arial"; line-height:20px;}
.area3 li .download{ float:left; width:30px;}
.area3 li .download a{ width:30px; background:url(/Public/images/game/rank/icon.png) no-repeat center center; display:block; height:20px;}
.area3 li .download a:hover{ background:url(/Public/images/game/rank/icon02.png) no-repeat center center;}
.area3 span.bg{ background-color:#ff7f00!important; color:#fff!important;}


.area3 .cont_sub .more{ line-height:38px; height:38px; text-align:center; color:#fff; font-size:16px; font-weight:bold; background-color:#ffaa00; display:block; border-radius:5px;}
.area3 .cont_sub .more:hover{ background-color:#ff7f00;}