@charset "utf-8";
body{ background: #fff; }
.g_content{ width: 1200px; margin: 0 auto; overflow: hidden; }
.game_list{ width: 1200px;margin: 0 auto;overflow: hidden;zoom: 1;position: relative;z-index: 0;margin-bottom: 30px;  margin-top:20px;}

/*左侧*/
.lfet_bar{ width: 180px; padding: 10px 0 30px; background: #f7f7f7; float: left; margin-right: 33px; }
.lfet_bar ul{}
.lfet_bar ul li{ height: 60px;}
.lfet_bar ul li a{ display: block;height: 60px; line-height: 60px;width:100%;font-size: 14px; color: #777; overflow: hidden;zoom:1;}
.lfet_bar ul li a i{ display: block; float: left; width: 3px; height: 50px; background: #f7f7f7; margin: 5px 20px 0 0;border-radius: 1px;}
.lfet_bar ul li a em{ display: inline-block; width: 21px; height: 22px; float: left; background: url(../images/soft_icons.png) no-repeat; margin: 19px 20px 0 0;background-position: -4px -38px; }
.lfet_bar ul li a span{ display: block; width: 102px; padding-left: 5px; height: 59px; line-height: 59px; border-bottom: 1px solid #f2f3f5; float: left; }
.lfet_bar ul li:hover a i,.lfet_bar ul li.hover a i{ background: #59c301; }
.lfet_bar ul li:hover a,.lfet_bar ul li.hover a{ color: #59c301; background:#fff;}
.lfet_bar ul li:hover a em,.lfet_bar ul li.hover a em{ background-position: -4px -64px; }

.lfet_bar ul li a em.game1{ background-position: -4px -38px;}
.lfet_bar ul li a em.game2{ background-position: -30px -38px;}
.lfet_bar ul li a em.game3{ background-position: -55px -38px;}
.lfet_bar ul li a em.game4{ background-position: -82px -38px;}
.lfet_bar ul li a em.game5{ background-position: -108px -38px;}
.lfet_bar ul li a em.game6{ background-position: -133px -38px;}
.lfet_bar ul li a em.game7{ background-position: -160px -38px;}
.lfet_bar ul li a em.game8{ background-position: -190px -38px;}

.lfet_bar ul li a em.game9{ background-position: -214px -38px;}
.lfet_bar ul li a em.game10{ background-position: -243px -38px;}
.lfet_bar ul li a em.game11{ background-position: -272px -38px;}
.lfet_bar ul li a em.game12{ background-position: -302px -38px;}
.lfet_bar ul li a em.game13{ background-position: -325px -38px; width: 28px;}
.lfet_bar ul li a em.game14{ background-position: -360px -38px; width: 22px;}

.lfet_bar ul li:hover a em.game1{background-position: -4px -64px;}
.lfet_bar ul li:hover a em.game2{background-position: -30px -64px;}
.lfet_bar ul li:hover a em.game3{background-position: -55px -64px;}
.lfet_bar ul li:hover a em.game4{background-position: -82px -64px;}
.lfet_bar ul li:hover a em.game5{background-position: -108px -64px;}
.lfet_bar ul li:hover a em.game6{background-position: -133px -64px;}
.lfet_bar ul li:hover a em.game7{background-position: -160px -64px;}
.lfet_bar ul li:hover a em.game8{background-position: -190px -64px;}

.lfet_bar ul li:hover a em.game9{background-position: -214px -64px;}
.lfet_bar ul li:hover a em.game10{background-position: -243px -64px;}
.lfet_bar ul li:hover a em.game11{background-position: -272px -64px;}
.lfet_bar ul li:hover a em.game12{background-position: -302px -64px;}
.lfet_bar ul li:hover a em.game13{background-position: -325px -64px;}
.lfet_bar ul li:hover a em.game14{background-position: -360px -64px;}

.lfet_bar ul li.hover a em.game1{background-position: -4px -64px;}
.lfet_bar ul li.hover a em.game2{background-position: -30px -64px;}
.lfet_bar ul li.hover a em.game3{background-position: -55px -64px;}
.lfet_bar ul li.hover a em.game4{background-position: -82px -64px;}
.lfet_bar ul li.hover a em.game5{background-position: -108px -64px;}
.lfet_bar ul li.hover a em.game6{background-position: -133px -64px;}
.lfet_bar ul li.hover a em.game7{background-position: -160px -64px;}
.lfet_bar ul li.hover a em.game8{background-position: -190px -64px;}

.lfet_bar ul li.hover a em.game9{background-position: -214px -64px;}
.lfet_bar ul li.hover a em.game10{background-position: -243px -64px;}
.lfet_bar ul li.hover a em.game11{background-position: -272px -64px;}
.lfet_bar ul li.hover a em.game12{background-position: -302px -64px;}
.lfet_bar ul li.hover a em.game13{background-position: -325px -64px;}
.lfet_bar ul li.hover a em.game14{background-position: -360px -64px;}

/*soft*/
.lfet_bar ul li a em.soft1{ background-position: 0 -485px;}
.lfet_bar ul li a em.soft2{ background-position: -24px -485px;}
.lfet_bar ul li a em.soft3{ background-position: -52px -485px;}
.lfet_bar ul li a em.soft4{ background-position: -75px -485px;}
.lfet_bar ul li a em.soft5{ background-position: -103px -485px;}
.lfet_bar ul li a em.soft6{ background-position: -128px -482px;}
.lfet_bar ul li a em.soft7{ background-position: -154px -485px;}
.lfet_bar ul li a em.soft8{ background-position: -181px -485px;}
.lfet_bar ul li a em.soft9{ background-position: -205px -481px;}
.lfet_bar ul li a em.soft10{ background-position: -228px -482px;}
.lfet_bar ul li a em.soft11{ background-position: -249px -485px;}
.lfet_bar ul li a em.soft12{ background-position: -277px -485px;}

.lfet_bar ul li a em.soft13{ background-position: -303px -485px;}
.lfet_bar ul li a em.soft14{ background-position: -327px -485px; }
.lfet_bar ul li a em.soft15{ background-position: -355px -485px;width: 24px;}
.lfet_bar ul li a em.soft16{ background-position: -384px -485px;}
.lfet_bar ul li a em.soft17{ background-position: -409px -481px;}

.lfet_bar ul li:hover a em.soft1{background-position: 0 -508px;}
.lfet_bar ul li:hover a em.soft2{background-position: -24px -508px;}
.lfet_bar ul li:hover a em.soft3{background-position: -52px -508px;}
.lfet_bar ul li:hover a em.soft4{background-position: -75px -508px;}
.lfet_bar ul li:hover a em.soft5{background-position: -103px -508px;}
.lfet_bar ul li:hover a em.soft6{background-position: -128px -505px;}
.lfet_bar ul li:hover a em.soft7{background-position: -154px -508px;}
.lfet_bar ul li:hover a em.soft8{background-position: -181px -508px;}
.lfet_bar ul li:hover a em.soft9{background-position: -205px -504px;}
.lfet_bar ul li:hover a em.soft10{background-position: -228px -505px;}
.lfet_bar ul li:hover a em.soft11{background-position: -249px -508px;}
.lfet_bar ul li:hover a em.soft12{background-position: -277px -508px;}

.lfet_bar ul li:hover a em.soft13{background-position: -303px -508px;}
.lfet_bar ul li:hover a em.soft14{background-position: -327px -508px;}
.lfet_bar ul li:hover a em.soft15{background-position: -355px -508px;}
.lfet_bar ul li:hover a em.soft16{background-position: -384px -508px;}
.lfet_bar ul li:hover a em.soft17{background-position: -409px -504px;}

.lfet_bar ul li.hover a em.soft1{background-position: 0 -508px;}
.lfet_bar ul li.hover a em.soft2{background-position: -24px -508px;}
.lfet_bar ul li.hover a em.soft3{background-position: -52px -508px;}
.lfet_bar ul li.hover a em.soft4{background-position: -75px -508px;}
.lfet_bar ul li.hover a em.soft5{background-position: -103px -508px;}
.lfet_bar ul li.hover a em.soft6{background-position: -128px -508px;}
.lfet_bar ul li.hover a em.soft7{background-position: -154px -508px;}
.lfet_bar ul li.hover a em.soft8{background-position: -181px -508px;}
.lfet_bar ul li.hover a em.soft9{background-position: -205px -504px;}
.lfet_bar ul li.hover a em.soft10{background-position: -228px -505px;}
.lfet_bar ul li.hover a em.soft11{background-position: -249px -508px;}
.lfet_bar ul li.hover a em.soft12{background-position: -277px -508px;}

.lfet_bar ul li.hover a em.soft13{background-position: -303px -508px;}
.lfet_bar ul li.hover a em.soft14{background-position: -327px -508px;}
.lfet_bar ul li.hover a em.soft15{background-position: -355px -508px;}
.lfet_bar ul li.hover a em.soft16{background-position: -384px -508px;}
.lfet_bar ul li.hover a em.soft17{background-position: -409px -504px;}


/*右侧*/
.right_box{ width: 987px; float: right; padding-top: 5px; overflow: hidden; }
.right_box .tit{ height: 26px; text-align: right; margin-bottom: 16px; text-align: right; }
.right_box .tit a{ display: inline-block; height: 26px; line-height: 26px; color: #555; padding: 0 14px; }
.right_box .tit a.active,.right_box .tit a:hover{ color: #59c301; background: #fff; border-radius: 2px; }

.right_list{ width:100% }
.right_list ul{width:987px; overflow: hidden;zoom:1;}
.right_list ul li{position:relative;float:left;margin:0 18px 22px 0;width:144px;border:1px solid #ddd;background:#fff;color:#777;text-align:center;font-size:12px}
.right_list ul li img{margin:15px 7px 5px 8px;width:120px;height:120px; }
.right_list ul li i{display:block;overflow:hidden;margin-bottom:5px;height:24px;height:24px;font-size:14px;font-style: normal;}
.right_list ul li .btn{position:absolute;top:164px;left:20px;display:block;display:none;overflow:hidden;width:110px;height:28px;background:#59c301;color:#fff;line-height:28px}
.right_list ul li .old{margin-bottom: 2px; display: block;}
.right_list ul li span{display:block;height:38px;background:#f5f5f5;color:#999;text-align:center;line-height:38px}
.right_list ul li:hover .btn{ display: block; }
.right_list ul li:hover .old{opacity: 0;}