.fk_pop { width:651px; height:370px; background:url(../images/bg.gif) 0px 0px no-repeat; }
.fk_tit { height:53px;  position:relative; padding:7px 0px 0px 0px;}
.fk_tit h2 {font-family:Microsoft yahei; font-size:18px; color:#333333; font-weight:normal; height:53px; line-height:53px; padding:0px 0px 0px 20px}
.fk_close {  position:absolute; top:24px; right:21px;}
.fk_close a {width:19px; height:19px; background:url(../images/bg.gif) 0px -415px no-repeat; display:block; font-size:0px; text-indent:-9999em; overflow:hidden; }
.fk_prompt { height:66px; color:#999999; font-size:12px; line-height:20px;}
.fk_prompt p { padding:12px 0px 0px 25px;}

.fk_cont { padding:0px 0px 0px 25px;}
.fk_cont textarea { width:595px; height:180px; background:#ffffff; border:1px solid #d1d1d1; margin-bottom:10px; color:#333; font-size:12px; line-height:20px; padding:0px 0px 0px 5px;  }
.fk_cont table { width:602px;}
.fk_cont td { font-size:14px; color:#333333; height:32px; line-height:32px;}
.fk_cont .i_text { width:220px; height:32px; line-height:32px; padding:0px 5px; margin:0px; border:1px solid #d1d1d1;}
.fk_cont .btn { width:106px; height:33px; line-height:33px; text-align:center; color:#fff; font-size:14px; color:#fff; border:none; background:url(../images/bg.gif) 0px -375px no-repeat; float:right; cursor:pointer;}
.box *{box-sizing: initial;}
.box *:after, :before {
    box-sizing: initial;
}

* html,* html body{ background-attachment:fixed; } 
html,body{
	background: #fff;
	/*overflow-x: scroll;*/
}
a:link{
	text-decoration: none;
}
.reco .cont .item:first-child{
	padding-left: 0!important;
}
.reco .cont .item:last-child{
	padding-right: 0!important;
}
.fk_pop{ z-index:1111111; position:fixed; left: 50%;margin-left:-325px;top: 25%;}

.fk_pop{ position:absolute; left:expression(eval((document.documentElement.scrollLeft+document.documentElement.clientWidth-this.offsetWidth)/2+325)); top:expression(eval(document.documentElement.scrollTop+100)) } 
/* 焦点图 */
.focusBg{width: 100%;height: 4.5rem;background: url(../images/beij.png) no-repeat;padding: 20px 0; background-size: 100% 100%; }
.focusBg .focus{width: 1200px;height: 310px;margin: 0 auto; padding-top: 80px;}
.focusBg .focus a img{width: 750px;height: 310px;}

.focusBg .focus .swiper-slide{width: 750px;height: 310px;}

.focusBg .focus .swiper-pagination-bullet{width: 12px;height: 12px;background: #aaa;opacity: 1;}
.focusBg .focus .swiper-pagination-bullet-active{width: 12px;height: 12px;background: #00b7ee;}

/* 最新上架 */
.newShelf{width: 1200px;margin: 0 auto;margin-top: 35px;}
.newShelf .tit{height: 50px;display: flex;align-items: center;position: relative;}
.newShelf .tit img{width: 32px;height: 30px;}
.newShelf .tit h5{font-size: 30px;color: #555;font-weight: normal;margin-left: 8px;}
.newShelf .tit .more{width: 30px;height: 30px;position: absolute;right: 0;top: 11px;background: url(../images/more.png) no-repeat;background-size: 30px 30px;}

.newShelf .cont{display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 5px;}
.newShelf .cont .item{width: 380px;height: 140px;position: relative;margin-bottom: 30px;}
.newShelf .cont .item .normal{width: 338px;height: 80px;border: 1px solid #ddd;padding: 29px 20px;}
.newShelf .cont .item .normal img{width: 80px;height: 80px;float: left;margin-right: 20px;border-radius: 50%;}
.newShelf .cont .item .normal h3{font-size: 20px;color: #333;font-weight: normal;margin-top: 5px;margin-bottom: 8px;}
.newShelf .cont .item .normal p{line-height: 17px;font-size: 14px;color: #999;text-align: justify;}

.newShelf .cont .item .over {width: 380px;height: 140px;position: absolute;left: 0;top: 0;background: rgba(95, 185, 239, 0.9);display: none;}
.newShelf .cont .item .over .tit{width: 14px;height: 92px;position: absolute;left: 90px;top: 20px;}
.newShelf .cont .item .over .login{width: 60px;height: 60px;border-radius: 50%;position: absolute;right: 100px;bottom: 12px;}
.newShelf .cont .item .over .qrcode{width: 100px;height: 100px;border: 2px solid transparent;border-radius: 10px;padding: 8px;background: #fff;position: absolute;left: 112px;top: 11px;}
.newShelf .cont .item .over .qrcode img{width: 100px;height: 100px;}

.newShelf .cont .item:hover .over{display: block;}
 
/* 编辑推荐 */
.reco{width: 1200px;margin: 0 auto;margin-top: 40px;}
.reco .tit{height: 50px;display: flex;align-items: center;position: relative;}
.reco .tit img{width: 32px;height: 34px;}
.reco .tit h5{font-size: 30px;color: #555;font-weight: normal;margin-left: 8px;}
.reco .tit .more{width: 30px;height: 30px;position: absolute;right: 0;top: 11px;background: url(../images/more.png) no-repeat;background-size: 30px 30px;}

.reco .cont{display: flex;justify-content: space-between;margin-top: 5px;}
.reco .cont .item{height: 2.15rem;position: relative;display: block;}
.reco .cont .item img{width: 100%;}
.reco .cont .item p{height: 40px;line-height: 40px;position: absolute;left: 0;top: 15px;background: #8bb556;padding: 0 30px 0 20px;border-top-right-radius: 20px;border-bottom-right-radius: 20px;font-size: 20px;color: #fff;}




/* 侧条 */
.sidebar{width: 60px;height: 190px;position: fixed;right: 50%;bottom: 300px;margin-right: -675px;z-index: 999;}

.sidebar .weixin{width: 60px;height: 60px;background: url(../images/icon.png) no-repeat #e0e0e1;cursor: pointer;background-position: left 0;position: relative;}
.sidebar .weixin:hover{background-position: left -60px;background-color: #72b046;}
.sidebar .weixin .weixinSub{width: 125px;height: 153px;background: #fff;border: 1px solid #72b046;position: absolute;left: -127px;top: -10px;text-align: center;display: none;}
.sidebar .weixin .weixinSub em{width: 6px;height: 10px;display: block;background: url(../images/sj.png) no-repeat;position: absolute;right: -6px;top: 28px;}
.sidebar .weixin .weixinSub img{width: 120px;height: 120px;margin: 0 auto;margin-top: 5px;}
.sidebar .weixin:hover .weixinSub{display: block;}


.sidebar .service{width: 60px;height: 60px;background: url(../images/icon.png) no-repeat #e0e0e1;cursor: pointer;margin: 5px 0;background-position: left -120px;position: relative;}
.sidebar .service:hover{background-position: left -180px;background-color: #72b046;}
.sidebar .service .serviceSub{width: 224px;background: #fff;border: 1px solid #72b046;position: absolute;left: -266px;top: 0;padding: 15px 20px;display: none;}
.sidebar .service .serviceSub em{width: 6px;height: 10px;display: block;background: url(../images/sj.png) no-repeat;position: absolute;right: -6px;top: 28px;}

.sidebar .service .serviceSub ul li{line-height: 32px;font-size: 16px;color: #666;}
.sidebar .service:hover .serviceSub{display: block;}


.sidebar .backTop{width: 60px;height: 60px;background: url(../images/icon.png) no-repeat #e0e0e1;cursor: pointer;background-position: left -240px;}
.sidebar .backTop:hover{background-position: left -300px;background-color: #72b046;}


/* reset */
.fl{float: left;}
.fr{float: right;}
.cb{clear: both;}

.f12{font-size: 12px;}
.f14{font-size: 14px;}
.f16{font-size: 16px;}

.dn{display: none;}

/* 导航 */


.wrapper{width: 1200px;margin: 0 auto;}
.main{width: 790px;float: left;}
.sideBar{width: 380px;float: right;margin-top: 60px;}

/* 热门游戏 */
.sideBar .hotGame .tit{height: 30px;line-height: 30px;border-bottom: 2px solid #72b046;padding: 10px 0;}
.sideBar .hotGame .tit img{width: 30px;height: 30px;float: left;display: inline-block;}
.sideBar .hotGame .tit span{font-size: 30px;color: #333;margin-left: 10px;}
.sideBar .hotGame .tit .more{width: 30px;height: 30px;float: right;background: url(../images/more.png) no-repeat;background-size: 30px 30px;display: inline-block;}

.sideBar .hotGame .cont{padding: 0 10px;}
.sideBar .hotGame .cont ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.sideBar .hotGame .cont ul a li{width: 100px;text-align: center;}
.sideBar .hotGame .cont ul a li img{width: 100px;height: 100px;margin-top: 20px;margin-bottom: 10px;}
.sideBar .hotGame .cont ul a li span{font-size: 16px;color: #333;}
.sideBar .hotGame .cont ul a:hover li span{color: #72b046;}

/* 推荐榜TOP10 */
.bang{width: 1200px;margin: 0 auto;margin-top: 40px;display: flex;justify-content: space-between;padding-bottom: 40px;}
.bang .item .tit{height: 50px;display: flex;align-items: center;}
.bang .item .tit img{width: 32px;height: 25px;}
.bang .item .tit span{font-size: 30px;color: #333;margin-left: 8px;}

.bang .item .cont{width: 378px;border: 1px solid #ddd;border-top: 2px solid #00b7ee;margin-top: 5px;}
.bang .item .cont ul a{display: block;}
.bang .item .cont ul a li{width: 313px;height: 40px;border-bottom: 1px solid #ddd;padding: 15px 35px 15px 30px;display: flex;align-items: center;position: relative;}
.bang .item .cont ul a li em{width: 40px;display: block;color: #999;}
.bang .item .cont ul a li .face{width: 40px;height: 40px;margin-right: 28px;border-radius: 50%;}
.bang .item .cont ul a li div p{font-size: 16px;color: #333;}
.bang .item .cont ul a li div b{font-size: 12px;font-weight: normal;}
.bang .item .cont ul a li i{width: 10px;height: 12px;display: block;background-size: 10px 12px;position: absolute;right: 35px;top: 30px;}
.bang .item .cont ul a li i.up{background: url(../images/up.png) no-repeat;}
.bang .item .cont ul a li i.down{background: url(../images/down.png) no-repeat;}
.bang .item .cont ul a li i.line{background: url(../images/line.png) no-repeat;}

.bang .item .cont ul a:nth-child(-n+3) li{height: 60px;}
.bang .item .cont ul a:nth-child(-n+3) li em{font-size: 26px;font-style: italic;font-weight: bold;}
.bang .item .cont ul a:nth-child(-n+3) li .face{width: 60px;height: 60px;}
.bang .item .cont ul a:nth-child(-n+3) li p{font-size: 20px;}
.bang .item .cont ul a:nth-child(-n+3) li i{position: inherit;display: inline-block;margin-right: 8px;}

.bang .item .cont ul a:nth-child(1) li em{color: #e92a2a;}
.bang .item .cont ul a:nth-child(2) li em{color: #f87128;}
.bang .item .cont ul a:nth-child(3) li em{color: #f2b14b;}

.bang .item .cont ul a:last-child li{border: none;}

.bang .item .cont ul a li div .lineTxt{color: #999;}
.bang .item .cont ul a li div .upTxt{color: #ff0000;}
.bang .item .cont ul a li div .downTxt{color: #00b7ee;}

.bang .item .cont ul a:hover{background: #dcebef;}





