@charset "utf-8";

a { outline: none; text-decoration: none;  color: #666;cursor:pointer;}
.w1240{width: 1240px; margin: 0 auto;}
.fl{float: left;}.fr{float: right;}
.f12{font-size: 12px;}
.color-hui{color: #999;}


body{color: #666; font-size: 14px; font-family: "微软雅黑"; background:#fff;}
.fg-content{background: url(../images/xx-01.jpg) left top repeat-x #fff;  position: relative; width: 1240px;margin: 0 auto; margin-top: -210px; border-radius: 5px; z-index: 2;}
/* 轮播图 */
.fg-loop-img{position: relative; width: 100%; min-width: 1200px; height: 550px; padding-bottom: 13px; z-index: 1;}
.transition{-moz-transition: all 0.2s ease; -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;}
.transition2{-moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
#loopImg{position: relative; width: 100%; height: 100%; overflow: hidden;}
.fg-loop-link{position: absolute; display: inline-block; height: 100%; width: 1920px; left: 50%; top: 0; margin-left: -960px; overflow: hidden; opacity: 0; z-index: 1;}
#loopImg .select{opacity: 1; z-index: 9;}
.fg-loop-select{position: absolute; left: 50%; bottom: 220px; width: 200px; height: 13px; padding: 10px 0; margin-left: -100px; text-align: center; background-color: rgba(0, 0, 0, .3); border-radius: 10px; z-index: 9;}
.fg-loop-select .circle{display: inline-block; width: 13px; height: 13px; margin-left: 6px; background-color: #FFF; border-radius: 6.5px; vertical-align: top;}
.fg-loop-select .select{width: 28px; border-radius: 10px; background-color: #29bb90;}
.fg-loop-img .shadow{position: absolute; left: 0; bottom: 0; width: 100%; height: 13px; background-image: url(../images/banner-shadow.jpg); opacity: .8; filter: alpha(opacity=80); background-color: #F3F3F3;}
/*登录框*/
.fg-login{width: 280px; height: 303px; padding: 15px 0px; background: #f5f1ee; position: absolute; top:-353px; right:0; z-index: 3; text-align: center;border-bottom-right-radius:5px;border-bottom-left-radius:5px;box-shadow: 0px 3px 10px #888;}
.fg-login h2{font-size: 16px; color: #999; line-height: 30px;}

.fg-tab-title{border-bottom:1px solid #e0e0e0; height: 38px; padding: 0 20px;}
.fg-tab-title .sel{ cursor: pointer; width: 95px; display: block; float: left; text-align: center;  font-size: 14px; color: #3b3d3c; height: 35px; line-height: 38px; overflow: hidden;}
.fg-tab-title .on{border-bottom:3px solid #29bb90;}
.fg-tab-content .text-inp{height: 35px;line-height: 35px; border:1px solid #e0e0e0;padding-left: 30px; width: 208px; background-image: url(../images/dlq.png); margin-top: 15px;  background-repeat: no-repeat;}
.fg-tab-content .zhanghao{ background-position:  0 0;}
.fg-tab-content .mima{ background-position:0 -35px;}
.fg-tab-content .function{text-align:left;font-size: 12px; padding-top: 10px; padding-left: 20px;}
.fg-tab-content .function input{ vertical-align: middle; margin-right: 5px;}
.fg-tab-content .function a{ margin-left: 50px;  }
.fg-tab-content .function a:hover{  color: #ff3f4d;}
.fg-tab-content .get-login{ width: 240px;height: 40px;background:url(../images/login.png);display: block; margin-top: 2px; margin-left: 20px;}
.fg-tab-content .get-login:hover{ background-position: 0 -40px;}
.fg-tab-content .channel a{width: 38px;height: 38px; display: inline-block; margin: 8px; margin-left: 3px;}
.fg-tab-content .channel .xl{background-position: -93px -41px;}.fg-tab-content .channel .xl:hover{background-position: -131px -41px;}
.fg-tab-content .channel .rr{background-position: -93px -80px;}.fg-tab-content .channel .rr:hover{background-position: -131px -80px;}
.fg-tab-content .channel .ty{background-position: -93px -119px;}.fg-tab-content .channel .ty:hover{background-position: -131px -119px;}
.fg-tab-content .channel .qq{background-position: -93px -158px;}.fg-tab-content .channel .qq:hover{background-position: -131px -158px;}
.fg-tab-content .channel .wx{background-position: -170px -41px;}.fg-tab-content .channel .wx:hover{background-position: -208px -41px;}
.fg-tab-content .hide{display: none;}
.fg-tab-content .tk{color: #888; line-height: 30px;font-size: 12px;}
.fg-tab-content .tk a{color: #777;}
.fg-tab-content .tk a:hover{color:red;}
.fg-tab-content .on{color: red;}
.fg-tab-content .on a{color: red;}
.fg-tab-content .tk .check{margin-right: 5px;vertical-align: middle;}

.fg-login-text{border-top: 1px solid #e0e0e0;border-bottom: 1px dashed #29bc90; position: relative; height: 100px; text-align: left; line-height: 30px; padding: 10px 20px 0 20px;}
.fg-login-text b{color: #29bb90;}
.fg-login .btn{border:1px solid #e0e0e0; border-radius: 5px; color: #888; padding: 5px 8px;margin-right: 5px; font-size: 12px; background: #fff;}
.fg-login .btn:hover{border:1px solid #66c7a6;color: #fff; background: #66c7a6;}
.fg-login-text .cz{color: #ff3f4d; border:1px solid #ff3f4d; padding: 3px 8px;}
.fg-login-text .cz:hover{background: #ff3f4d;border:#ff3f4d;}
.fg-login-ico{display: inline-block;vertical-align: middle;width: 24px;height: 24px;border-radius: 50%; overflow: hidden;background: #fff;border: 1px solid #ddd;}
.fg-login-out{position: absolute;top:10px; right: 10px; font-size: 12px;  color: #888;}
.fg-login-p{height: 32px; line-height: 32px; font-size: 12px; text-align: left; padding-left: 20px;}
.fg-login .fg-table{width: 280px; position: relative; }.fg-login .fg-table a{color: #888; font-size: 12px;}
.fg-login .fg-table tr{height: 32px; overflow: hidden;}
.fg-login .fg-table tr:hover{background: #fff;}
.fg-login .jinru{padding: 3px 8px; background: #fff;}
.fg-login .tuijian{border: 1px solid #66c7a6;color: #fff;background: #66c7a6;padding: 3px 8px;}

/*主体内容*/
.fg-content-left{width: 930px; float: left; ;}
.fg-content-right{width: 280px; float: right;}
.fg-content-open{width: 465px; float: left;}
.fg-content-open ul{border:1px solid #e0e0e0; padding: 20px 0px; margin-left: 10px;}
.fg-content-open ul li{overflow: hidden; height: 40px; padding:0px 10px;}
.fg-content-open ul li>span{display: block; height: 40px; line-height: 40px; margin: 0 5px; vertical-align: middle;float:left;}
.fg-content-open ul li:hover{background:#f3f2f2;}
.fg-title{height: 25px; padding: 16px 30px;}
.fg-title-h1{width: 144px; font-size: 24px; line-height: 24px;  color: #3b3d3c; float: left; height: 24px; border-left: 4px solid #29bb90; padding-left: 20px; }
.fg-title-more{width: 52px; height: 20px; display: block; background-position: -93px 0; float: left; margin-top: 3px;}
.fg-title-more:hover{background-position: -146px 0;}
.fg-title .nav{float: left;font-size: 16px; line-height: 26px;}
.fg-title .nav u{margin: 10px; cursor: pointer;}
.fg-title .nav u:hover,.fg-title .nav .on{color: red;}
.fg-content-open ul li .sp-jin{width: 20px; height: 20px; background-image:url(../images/ico.png); background-position: -93px -21px; margin-top: 10px;}
.fg-content-open ul li .sp-dian{width: 20px; height: 20px;margin-top: 10px; background-image:url(../images/ico.png); background-position: -113px -21px; vertical-align: middle;}
.fg-content-open ul li .sp-a{color: #3b3d3c;}
.fg-content-open ul li .sp3{width: 90px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.fg-content-open ul li .sp4{width: 105px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.fg-content-open ul li .sp-ico{display: inline-block; padding: 0px 3px; vertical-align: middle; text-align: center; line-height: 20px; border-radius: 3px; margin-left: 8px;}
.fg-content-open ul li .sp-hui{border:1px solid #e0e0e0; color: #e0e0e0;}
.fg-content-open ul li .sp-hui:hover{border:1px solid #989898; color: #989898;}
.fg-content-open ul li .sp-lv{border:1px solid #29bb90; color: #29bb90;}
.fg-content-open ul li .sp-lv:hover{background:#29bb90; color: #fff;}
.fg-content-open ul li .sp-hong{border:1px solid #fe4e5b; color: #fe4e5b;}
.fg-content-open ul li .sp-hong:hover{background: #fe4e5b; color: #fff;}
.fg-content-open ul li .sp-huang{border:1px solid #ff9000; color: #ff9000;}
.fg-content-open ul li .sp-huang:hover{background: #fdd251; color: #fff;}
/*热门游戏*/
.fg-content-hotgame{position: relative; border:1px solid #e0e0e0; background: url(../images/hotgame.jpg) left top repeat-x; margin-top: 34px;}
.fg-content-adve{position: absolute; right:0; top:-8px;}
.fg-hotgame-cycle{float: left; width: 270px; height: 288px; border:1px solid #e0e0e0; border-radius: 8px; overflow: hidden; position: relative; margin: 30px 18px;}
.fg-hotgame-cycle:hover{border:1px solid #ff3f4d;}
.fg-hotgame-cycle h4{padding: 2px 10px; height: 27px; line-height: 27px; font-weight: 400;}
.fg-hotgame-cycle h6{position: relative; padding: 0 10px; height: 30px; line-height: 30px; margin-top: -30px; background: url(../images/abj.png); width: 100%;}
.fg-hotgame-cycle h6 a{color: #fff; font-size: 12px;}
.fg-hotgame-cycle h4 .a1{color:#3b3d3c; font-size: 16px;}
.fg-hotgame-cycle .enter{width: 72px; height: 27px; background-position: 0 -41px; float: right; margin-top: 3px;}
.fg-hotgame-cycle:hover .enter{width: 72px; height: 27px; background-position: 0 -68px;}
.fg-hotgame-hide{width: 250px; height: 250px; position: absolute; left: 0; top:0; display: none;}
/*游戏福利*/
.fg-content-welfare{margin-top: 30px;}
.fg-content-welfare .welfare-box{ overflow: hidden; border-radius: 5px; position: relative; width: 445px; height: 202px;  color: #999; line-height: 30px; padding:20px 5px; padding-bottom: 0;}
.fg-content-welfare .welfare-box:hover{ background: url(../images/xx.jpg) left top repeat-x;}
.fg-content-welfare .welfare-box b a{font-size: 18px;color: #666;}
.fg-content-welfare .welfare-box img{float: left; border:1px solid #e0e0e0; border-radius: 5px; margin-right: 20px;}
.fg-content-welfare .welfare-box .btn{color: #999; border:1px solid #999; line-height: 18px; border-radius: 5px; padding: 2px 6px;display: block; position: absolute; bottom:5px; left: 222px;}
.fg-content-welfare .welfare-box .btn:hover{ background: #29bb90;border:1px solid #29bb90; color: #fff; }
/*更多游戏*/
.fg-more-game{ margin-top: 30px;}
.fg-more-game .cycle{width: 292px;height: 170px; margin:20px 8px; position: relative; float: left;}
.fg-more-game .cycle:hover .imgbox{border:1px solid #ff3f4d;}
.fg-more-game .cycle .imgbox{width: 290px;height: 128px;border: 1px solid #e0e0e0;box-shadow: 0px 3px 5px #ddd;display: block;  border-radius: 5px; overflow: hidden;}
.fg-more-game .cycle .show{ display: none; position: absolute;bottom: 41px; left: 1px; padding: 0 10px; background: url(../images/abj.png); height: 40px; line-height: 40px; width: 270px;}
.fg-more-game .cycle .show a{color: #fff; margin-right: 20px; }
.fg-more-game .cycle .show a span{width: 14px;height: 14px;  margin-right: 5px; vertical-align: middle;}
.fg-more-game .cycle .net{background-position:-79px -41px; }
.fg-more-game .cycle .lib{background-position:-79px -56px; }
.fg-more-game .cycle .get{background-position:-79px -71px; }
.fg-more-game .cycle p{text-align: center; line-height: 40px;width: 292px;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
/*活动公告*/
.fg-activity-box{ height: 322px; overflow: hidden;}
.fg-right-title{height: 25px; padding: 16px 0px;}
.fg-right-title a{float: right; margin-right: 10px;}
.fg-activity-no1{border-bottom: 1px dashed #e0e0e0; height: 118px; overflow: hidden; line-height: 20px; font-size: 12px;}
.fg-activity-no1 h4 a{font-size: 16px; color: #666; height: 36px;  display: block;}
.fg-activity-no1 h4 a:hover{color: #ff3f4d;}
.fg-activity-span{padding: 0 8px; display: block; height: 70px; float: left; width: 150px;}
.fg-activity-span a{color: #2cbe93; margin-left: 8px;}
.fg-activity-span a:hover{border-bottom: 1px solid #2cbe93; }
.fg-activity-ul li{height: 32px; font-size: 12px; padding:0 3px; line-height: 32px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.fg-activity-ul .a1{ color: #29bb90;}.fg-activity-box ul .a2{ color: #3b3d3c;}
.fg-activity-ul li:hover{background: #eee;}

/*游戏礼包*/
.fg-package-ul{font-size: 12px; }
.fg-package-ul li{ position: relative; background: #f3f2f2; height: 60px; overflow: hidden; padding: 15px 10px; border-bottom: 1px dashed #e0e0e0;}
.fg-package-img{border:1px solid #e0e0e0; border-radius: 50%; float: left; margin-right: 5px;}
.fg-package-ul li .receive{position: absolute; bottom:15px; right:10px; width: 60px;height: 22px; line-height: 22px; text-align: center;
                          border:1px solid #29bb90; color: #29bb90; border-radius: 5px; background: #fff;}
.fg-package-ul li .a1{font-size: 14px; line-height: 36px; color: #666;}
.fg-package-ul li .a2{font-size: 12px;padding-left: 5px; color: #999;}
.fg-package-ul li:hover{background: #29bb90;}
.fg-package-ul li:hover .a1,.fg-package-ul li:hover .a2{color: #fff;}

/*热游排行榜*/
.fg-hotgame-no1{ margin-left: 5px;border:1px solid #f2f2f2; background: #f2f2f2; border-radius: 8px; height: 63px;  padding: 8px; padding-left: 30px; position: relative;}
.fg-hotgame-no1:hover{border:1px solid #ff4553;}
.fg-hotgame-no1 img{ float: left; margin-right: 10px;}
.fg-hotgame-no1 .hg{width: 46px;height: 51px; position: absolute;left: -5px; top:-5px;background-position: 0 -96px; display: block;}
.fg-hotgame-no1 .a1{margin-top: 10px; font-size: 18px; display: inline-block;}
.fg-hotgame-no1 .a2{color: #999; line-height: 24px;}
.fg-hotgame-no1 .jinru{position: absolute; bottom:15px; right:10px; padding: 4px 8px; font-size: 12px; text-align: center;
                             border:1px solid #e0e0e0; color: #999; border-radius: 3px; background: #fff; display: block;}
.fg-hotgame .jinru:hover,.fg-hotgame table tr:hover .jinru{color: #fff; background:#29bb90;border:1px solid #29bb90;}
.fg-hotgame table{width: 100%; margin-top:10px; }
.fg-hotgame table .jinru{padding: 4px 8px; font-size: 12px; text-align: center;border:1px solid #e0e0e0; color: #999; border-radius: 5px; background: #fff;}
.fg-hotgame table tr td{border-top: 1px solid #e0e0e0;border-bottom: 1px solid #e0e0e0; position: relative; margin-top: -1px; padding: 12px 0;}
.fg-hotgame .gray{ font-size: 12px; padding: 0 4px; color: #fff; background:#989898;  display: inline-block; vertical-align: middle; border-radius: 3px; margin:0 3px;}
.fg-hotgame .red{background:#fe808a;}
.fg-hotgame table tr:hover td{background: #eee;}


/*新游预告*/
.fg-newgame ul li{height: 70px; padding: 15px 10px; border:1px solid #f3f2f2; background: #f3f2f2; margin-bottom: 10px; position: relative; border-radius: 5px;}
.fg-newgame ul li img{border-radius: 10px; float: left;}
.fg-newgame .text{width: 170px; float: left; margin-left: 8px;font-size: 14px; color: #666; line-height: 32px;}
.fg-newgame .font12{ color: #999;line-height: 32px;}
.fg-newgame em{color: #ff3f4d; padding-right:5px;}
.fg-newgame ul li .show-line{border-radius: 5px;*display: none;border:none\0;position: absolute;top: -1px;bottom: -1px;left: 0;right: 0;
    border: 1px solid #29bb90;content: '';-webkit-transition: all .35s;-moz-transition: all .35s;-ms-transition: all .35s;
    -o-transition: all .35s;transition: all .35s;-webkit-transform: scale(0,1);-moz-transform: scale(0,1);-ms-transform: scale(0,1);
    -o-transform: scale(0,1);transform: scale(0,1);z-index: 1;}
.fg-newgame ul li:hover{background: #fff;}
.fg-newgame ul li:hover .show-line{*display: block;border: 1px solid #29bb90\0;-webkit-transform: scale(1);-moz-transform: scale(1);
    -ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
.fg-newgame .hobby{position: absolute; z-index: 2; bottom:27px; right:10px; font-size: 14px;}
.fg-newgame .hobby span{color: #999; cursor: pointer;font-size: 12px;}

/*友情连接*/
.fg-friendly-links{margin: 0 auto; width: 1240px;}
.fg-friendly-links table{ width: 1170px; margin: 0 auto;}
.fg-friendly-links table a{color: #999; font-size: 12px; line-height: 36px;}
.fg-friendly-links table a:hover{color: #29bb90; padding-bottom: 3px;border-bottom:1px solid #29bb90;}

/*报错页*/
.err404-box{border:1px solid #ddd;margin: 30px auto; width: 1240px;background: #fff; padding: 50px;text-align: center;}
.err404-txt{border-bottom:1px dashed #ddd; background: url(../images/err_03.jpg) top center no-repeat; width: 614px;padding-top: 110px; margin: 20px auto;
	color: #333;font-size: 24px;  padding-bottom: 20px;}
.err404-btn{ color: #25b88c; font-size: 24px;  }
.err404-btn:hover{ color: #269e79;}
.err404-ico{width: 27px;height: 27px;display: inline-block;vertical-align: middle;background: url(../images/err_07.jpg);margin-right:5px; }
/*底部*/
.fg-bottom {padding: 30px 0;font-size: 12px; line-height: 24px;background: #f3f1f2; color: #979797;border:1px solid #e0e0e0; margin-top: 20px;}
.fg-bottom a{color: #979797;}