@charset "utf-8";
/*单机游戏系列*/
.main{width: 1180px; margin: 20px auto 0 auto;}
.main .breadcrumbs{ border-bottom:none; padding-bottom:0;}
.main h3{ color:#e54d00; font-size:26px; line-height:27px; height:27px; font-weight:bold; padding-bottom:10px; border-bottom:2px solid #ff7f00; overflow:hidden;}
.main h3 span{ color:#515151;}
.main h3 b{ float:right;}
.main h3 .more{float: right;width: 22px;height: 22px;background:url(/Public/images/game/index/more.png) 0 -124px no-repeat;}
.main h3 .more:hover{background-position: 0 -186px;}
/*area1*/
.area1{ overflow:hidden; margin-bottom:50px;}
.area1_l{ float:left; width:880px;}
.area1_l h2{ height:47px; border:1px solid #ececec; position:relative; overflow:hidden;}
.area1_l h2 .ta{ position:absolute; left:0; top:0;}
.area1_l h2 .ta li{ float:left; padding-right:2px; cursor:pointer; background:url(/Public/images/game/index/game02.jpg) no-repeat right center;}
.area1_l h2 .ta li a{ color:#757575; padding:15px 20px; font-size:18px; height:19px; line-height:19px; display:block;}
.area1_l h2 .ta li.active a,.area1_l h2 .ta li:hover a{background-color:#ff5500; color:#fff;}
.area1_l h2 p{ float:right; margin-right:10px;}
.area1_l h2 p a{ color:#757575; font-size:14px; line-height:47px;}
.area1_l h2 p:hover a{ color:#ff5500;}
.area1_l ul{ overflow:hidden; margin-left:-23px; height:462px;}
.area1_l ul li{ width:156px; float:left; margin-top:20px; margin-left:23px;}
.area1_l ul img{ display:block; width:156px; height:107px; margin-bottom:10px; opacity:1;filter(alpha=100)}
.area1_l ul img:hover{ opacity:0.9;filter(alpha=90)}
.area1_l ul p{ width:156px; color:#333; font-size:16px; line-height:17px; height:17px; overflow:hidden; text-align:center;}
.area1_l ul p:hover { color:#ff5500;}
.area1_r{ float:right; width:260px;}
.area1_r h2{ width:260px; height:50px; background-color:#ff5500; overflow:hidden;} 
.area1_r h2 p{ color:#fff; border-left:4px solid #fff; padding-left:14px; margin-left:16px; font-size:20px; line-height:21px; height:21px; margin-top:15px; display:block; float:left;}

.area1_r .box{ border:1px solid #ececec;}
.bg{ background-color:#f6f6f6;}
.area1_r .tit{ line-height:38px; height:38px; padding-left:35px; color:#757575; font-size:15px; background:url(/Public/images/game/index/img02.png) no-repeat 10px center; cursor:pointer;}
.area1_r ul{ overflow:hidden; height:344px; border-top:1px solid #ececec; display:none;}
.area1_r ul li{ float:left; width:128px; height:42px; border-right:1px solid #ececec; border-bottom:1px solid #ececec; overflow:hidden;}
.area1_r ul li:hover,.area1_r ul li.active{ background-color:#ff9500;}
.area1_r ul li:hover a,.area1_r ul li.active a{ color:#fff;}
.area1_r ul li a{ width:128px; text-align:center; color:#757575; font-size:14px; line-height:42px; display:block;}
/*area2*/
.area2{ overflow:hidden; margin-bottom:50px;}
.area2 h4{ color:#333; font-size:20px; line-height:21px; height:21px; border-left:5px solid #ff9500; padding-left:10px; margin-top:18px;}
.area2_l{ float:left; width:880px;}
.area2_l ul{ overflow:hidden; margin-left:-30px;}
.area2_l li{ float:left; width:120px; margin:20px 0 0 30px;}
.area2_l img{ display:block; width:120px; height:160px; margin-bottom:9px; opacity:1;filter(alpha=100)}
.area2_l img:hover{ opacity:0.9;filter(alpha=90)}
.area2_l p{ width:120px; color:#333; font-size:16px; line-height:17px; height:17px; overflow:hidden;}
.area2_l p:hover{ color:#ff5500;}
.area2_r{ float:right; width:260px;}
.area2_r ul{ margin-top:5px;}
.area2_r li{ overflow:hidden; padding-top:10px; padding-bottom:14px; border-bottom:1px solid #ececec; height:45px; background:url(/Public/images/game/index/img01.png) no-repeat left 10px;}
.area2_r li:last-child{ border-bottom:none;}
.area2_r p{ float:left; width:54px; text-align:center; margin-top:25px; color:#333; font-size:14px; font-family:"Arial";}
.area2_r div{ float:left; margin-left:15px; width:190px; overflow:hidden;}
.area2_r h5 a{ display:block; color:#333; font-size:16px; width:190px; height:17px; line-height:17px; overflow:hidden; margin:6px 0 7px 0;}
.area2_r h5 a:hover{ color:#ff5500;}
.area2_r b{ color:#999; font-size:12px; line-height:13px; height:13px; width:190px; overflow:hidden; display:block;}
.area2_r span{ display:block; float:left;}
.area2_r span em{ color:#666;}
.area2_r span:last-child{ border-left:1px solid #ececec; padding-left:15px; margin-left:15px;}
/*area3*/
.area3{ margin-bottom:50px;}
.area3 ul{ overflow:hidden; margin-top:20px; border-left:1px solid #ececec; border-top:1px solid #ececec;}
.area3 li{ float:left; border:1px solid #ececec; margin-left:-1px; margin-top:-1px;}
.area3 img{ display:block; width:255px; height:108px; padding:19px 19px 12px 19px; opacity:1;filter(alpha=100)}
.area3 img:hover{ opacity:0.9;filter(alpha=90)}
.area3 p{ width:255px; color:#333; font-size:16px; line-height:17px; height:17px; overflow:hidden; margin:0 19px 19px 19px; text-align:center;}
.area3 p:hover{ color:#ff5500;}
/*area4*/
.area4{ margin-bottom:50px;}
.genre{ margin-top:20px;}
.genre dl{ width:1158px; height:193px; border:1px solid #ececec; margin-left:20px;}
.genre dt{ float:left; height:130px; width:40px; margin:20px 0 0 -20px; position:relative;}
.genre dt a{ display:block; color:#fff; font-size:16px; text-align:center; width:18px; padding:15px 11px; background-color:#ffb54c; border-radius:4px; position:absolute; top:50%;word-wrap:break-word; }
.genre dd{ float:left; display:block; width:210px; margin-top:20px; margin-left:12px;}
.genre dd img{ width:210px; height:130px; display:block; margin-bottom:10px; opacity:1;filter(alpha=100)}
.genre dd img:hover{ opacity:0.9;filter(alpha=90)}
.genre p{ color:#4e4e4e; font-size:16px; line-height:17px; height:17px; width:210px; overflow:hidden; text-align:center;}
.genre p:hover{ color:#ff5500;}
.genre2{ overflow:hidden; margin-top:20px;}
.genre2 dl{ width:558px; height:165px; border:1px solid #ececec; margin-left:20px; float:left;}
.genre2 dl:first-child{ margin-right:20px;}
.genre2 dt{ float:left; width:40px; height:100px;margin:20px 10px 0 -20px; position:relative;}
.genre2 dt a{ color:#fff; font-size:16px; text-align:center; width:18px; padding:15px 11px; background-color:#ffb54c; border-radius:4px; display:block; position:absolute; top:50%;word-wrap:break-word; }
.genre2 dd{ float:left; display:block; width:160px; margin-top:20px; margin-left:10px;}
.genre2 dd img{ width:160px; height:100px; display:block; margin-bottom:10px; opacity:1;filter(alpha=100)}
.genre2 dd img:hover{ opacity:0.9;filter(alpha=90)}
.genre2 p{ color:#4e4e4e; font-size:16px; line-height:17px; height:17px; width:160px; overflow:hidden; text-align:center;}
.genre2 p:hover{ color:#ff5500;}
/*area5*/
.area5{ margin-bottom:50px;}
.pos{ position:relative;}
.area5 .ta{ position:absolute; bottom:0; right:0; z-index:99;}
.area5 .ta li{ float:left; margin-right:20px; line-height:39px; height:39px; z-index:99;}
.area5 .ta li:hover,.area5 .ta li.active{ background:url(/Public/images/game/index/img12.jpg)/*url(/Public/images/game/index/img11.png)*/  no-repeat bottom center;}
.area5 .ta li a{ color:#818181; font-size:16px; font-weight:normal; display:block;}
.area5 .gx{ padding-left:18px; background:url(/Public/images/game/index/img05.png) no-repeat left center;}
.area5 .ta li:hover .gx,.area5 .ta li.active .gx{ background:url(/Public/images/game/index/img06.png) no-repeat left center; color:#ff5500;}
.area5 .rm{ padding-left:24px; background:url(/Public/images/game/index/img07.png) no-repeat left center;}
.area5 .ta li:hover .rm,.area5 .ta li.active .rm{ background:url(/Public/images/game/index/img08.png) no-repeat left center; color:#ff5500;}
.area5 .rq{ padding-left:14px; background:url(/Public/images/game/index/img09.png) no-repeat left center;}
.area5 .ta li:hover .rq,.area5 .ta li.active .rq{ background:url(/Public/images/game/index/img10.png) no-repeat left center; color:#ff5500;}
.area5 ul{ overflow:hidden; margin-left:-20px;}
.area5 ul li{ float:left; width:180px; margin:20px 0 10px 20px;}
.area5 ul li div{ border:1px solid #ececec; overflow:hidden;}
.area5 ul li div a{ display:block; position:relative; width:178px; height:238px;}
.area5 ul li div b{ position:absolute; z-index:3; left:0; bottom:0; color:#fff; font-size:16px; line-height:29px; height:29px; font-weight:normal; background:url(/Public/images/game/sing05.png) no-repeat left top; display:inline-block; width:53px; padding-left:14px;}
.area5 ul li div p{ position:absolute; z-index:2; right:0; bottom:0; width:154px; height:29px; line-height:29px; background:url(/Public/images/game/sing_p.png) repeat; padding:0 12px; text-align:right; color:#ddd; font-size:16px;}
.area5 ul img{ display:block; width:178px; height:238px; opacity:1;filter(alpha=100)}
.area5 ul img:hover{ opacity:0.9;filter(alpha=90)}
.area5 ul h4{ height:33px; overflow:hidden;}
.area5 ul h4 a{ font-size:16px; color:#333; line-height:33px;}
.area5 ul h4 a:hover{ color:#ff5500;}
.area5 ul li p{ color:#999; font-size:14px;}
.area5 ul li span{ color:#ff5500; font-size:20px; font-weight:bold;}

.hidden{display: none;}
.show{display: block;}

.s_more a{ display:block; color:#fff; font-size:24px; font-weight:bold; background-color:#ff7f00; text-align:center; line-height:46px; height:46px; border:none; border-radius:5px;}
.s_more a:hover{ background-color:#ff5500;}