/*main*/
.main{ width:1180px;}
.main .title{ color:#e54d00; font-size:22px; line-height:23px; font-weight:bold; padding-bottom:11px; border-bottom:2px solid #ff6a00; overflow:hidden;}
.main img:hover{ opacity:0.9;filter(alpha=90)}
.hidden{display: none;}
.show{display: block;}
/*area1*/
.area1{ margin-bottom:25px; padding-top:20px;}
.area1 ol{ border-bottom:2px solid #ff6a00; height:33px;}
.area1 ol li{ float:left; cursor:pointer; padding-bottom:12px; margin-right:10px;}
.area1 ol li b{ color:#5d5d5d; font-size:22px; line-height:23px; font-weight:bold; display:block;}
.area1 ol  p{ float:right; color:#5d5d5d; font-size:14px; line-height:33px;}
.area1 ol p span{ color:#ff5500; font-weight:bold;}
.area1 ol li:hover,.area1 ol li.active{ background:url(/Public/images/gameLibrary/index/libg.jpg) no-repeat bottom center;}
.area1 ol li:hover b,.area1 ol li.active b{ color:#e54d00;}
.area1 ol li:first-child b{ background:url(/Public/images/gameLibrary/index/hot.png) no-repeat right top; width:111px;}
.area1 ul{ overflow:hidden; margin:20px 0 0 -21px;}
.area1 ul li{ float:left; width:150px; margin:0 0 10px 21px;}
.area1 ul img{ display:block; width:150px; height:95px;}
.area1 ul p{ width:150px; text-align:center; color:#333; font-size:16px; line-height:17px; height:17px; overflow:hidden; margin:6px 0;}
.area1 ul p:hover{ color:#ff5500;}
/*area2*/
.area2{margin-bottom:25px;}
.area2-left{ float:left; width:860px;}
.area2-left ul{ overflow:hidden; margin:21px 0 0 -28px}
.area2-left li{ float:left; width:120px; margin:0 0 28px 28px;}
.area2-left li img{ display:block; width:120px; height:161px;}
.area2-left li h5{ color:#333; font-size:16px; display:block; width:120px; line-height:17px; height:17px; overflow:hidden; text-align:center; margin:9px 0 5px;}
.area2-left li h5:hover{ color:#ff5500;}
.area2-left li span{ color:#9c9c9c; font-size:12px; display:block; width:120px; line-height:13px; height:13px; overflow:hidden; text-align:center;}
.area2-right{ float:right; width:280px; position:relative;}
.area2-right h2{ font-size:18px!important;}
.area2-right .ta{ position:absolute; top:20px; right:-5px; overflow:hidden; background:url(/Public/images/game/game_index/bgli.jpg) no-repeat 51px top;}
.area2-right .ta li{ float:left; cursor:pointer; color:#4f5361; font-size:14px; line-height:15px; height:20px; margin:0 5px;}
.area2-right .ta li.active{ color:#ff9500; line-height:15px; font-size:14px; background:url(/Public/images/game/game_index/libg2.jpg) no-repeat bottom center;}
.tit li{ margin-bottom:14px;}
.tit li.active div{ display:none;}
.tit li.active dl{ display:block;}
.tit li div{ overflow:hidden;}
.tit div em{ float:left; display:block; width:19px; text-align:center; line-height:19px; height:19px; background-color:#4b9afa; color:#fff;}
.tit div em.bg{ background-color:#ff5a00;}
.tit div p{ float:left; display:block; margin:0 4px;}
.tit div p a{ display:block; color:#969696; font-size:14px; line-height:19px;}
.tit div p a:hover,.area2-right .tit div h5 a:hover{ color:#ff5a00;}
.tit div h5 a{ float:left; display:block; color:#333; font-size:14px; line-height:19px; width:165px; height:19px; overflow:hidden;}
.tit div span{ float:right; display:block; color:#969696; font-size:14px; line-height:19px;}
.tit div b{ color:#e64d00; font-weight:normal;}
.tit li dl{ overflow:hidden; display:none;}
.tit dt{ float:left; width:130px; height:100px;}
.tit img{ display:block; width:130px; height:100px;}
.tit dd{ float:right; width:140px;}
.tit dd h5{ color:#333; font-size:16px; line-height:17px; height:17px; overflow:hidden; margin-bottom:8px;}
.tit dd h5:hover{ color:#ff5a00;}
.tit dd p{ color:#969696; font-size:14px; line-height:20px;}
.tit dd b{ color:#e64d00; font-size:18px; font-weight:bold;}
.tit dd .down{ line-height:26px; height:26px; color:#fff; font-size:14px; font-weight:bold; display:block; padding-left:34px; width:68px; margin-top:6px; background:url(/Public/images/game/game_index/dn.png) no-repeat #ff9500 10px center;}
.tit dd .down:hover{ background:url(/Public/images/game/game_index/dn.png) no-repeat #fba326 10px center;}
/*area2__end*/
/*area4*/
.area4{ margin-bottom:60px;}
.area4 .cont{ margin:0 0 0 -35px;}
.area4 dl{ float:left; width:572px; margin-left:35px;}
.area4 dt{ overflow:hidden; margin-top:20px; border-bottom:1px solid #e6e6e6;}
.area4 dt h2{ border-left: 5px solid #ff9500; padding-left: 8px; font-size:18px; color: #4f5361; float: left; margin-bottom:11px;}
.area4 dt a{ float:right; color:#ff7f00; font-size:16px;}
.area4 dt a:hover{ color:#ff5a00;}
.area4 div{ margin-left:-18px;}
.area4 dd{ float:left; width:129px; margin:9px 0 0 18px;}
.area4 dd img{ display:block; width:129px; height:82px;}
.area4 dd p{ display:block; width:129px; font-size:16px; color: #333; margin:11px 0; line-height:17px; height:17px; overflow:hidden;}
.area4 dd p:hover{ color:#ff5a00;}
/*friendLink*/
.friendLink{width: 100%;padding: 30px 0;background-color: #f9f9f9;border-top: 1px solid #ff6a00;}
.friendLink a:hover{text-decoration: underline;}
.friendLink-cont{width: 1180px;padding: 0 10px;margin: 0 auto;}
.friendLink-title{border-bottom: 1px solid #ddd;line-height: 30px;height: 30px;margin-bottom: 20px;}
.friendLink-title h2{font-size: 18px;color: #414648;float: left;border-bottom: 1px solid #858585;line-height: 30px;padding-right: 30px;}
.friendLink-link{margin-left: -20px;}
.friendLink-link a{margin: 0 0 12px 20px;float: left;color: #666;width: 135px;height: 14px;line-height: 14px;overflow: hidden;}
@-webkit-keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(30px)
    }
    80% {
        -webkit-transform: translateY(-10px)
    }
    100% {
        -webkit-transform: translateY(0)
    }
}
@-moz-keyframes bounceInDown {
    0% {
        opacity: 0;
        -moz-transform: translateY(-2000px)
    }
    60% {
        opacity: 1;
        -moz-transform: translateY(30px)
    }
    80% {
        -moz-transform: translateY(-10px)
    }
    100% {
        -moz-transform: translateY(0)
    }
}
/*ie6*/
*html{background-image: url(about:blank); background-attachment:fixed;}

.area4 .more{float: right;color: #f25100;background: url(/Public/images/game/game_index/more.png) right 2px no-repeat;padding-right: 30px;font-size: 16px;}
.area4 .more:hover{color: #e54d00;background-position: right -60px;}

.footer{width: 100%;margin-top:0!important;background-color:#fff!important;}