body{ background:#f5f5f5;}

.g-white-box{ width:100%; height:auto; background:#fff; margin:10px 0 0; display:block; overflow:hidden}

.u-title{ width:100%; height:auto; line-height:18px; font-size:16px; font-weight:normal; color:#333; padding:15px 15px 0; box-sizing:border-box; display:block; overflow:hidden;}
.u-title i{ width:2px; height:16px; background:#f60; float:left; margin:1px 8px 0 0; display:inline; overflow:hidden}
.u-title a{ font-size:13px; font-weight:normal; color:#999; float:right; display:inline; overflow:hidden}
.u-title ul{ width:auto; height:22px; float:right; background:#f2f2f2; border-radius:100px; display:inline; overflow:hidden;}
.u-title ul li{ width:48px; height:22px; line-height:22px; font-size:13px; font-weight:normal; color:#333; text-align:center; float:left; display:inline; position:relative}
.u-title ul li strong{ font-weight:normal; position:relative; z-index:5}
.u-title ul li.f-hover strong{ color:#fff;}
.u-title ul li.f-hover b{ width:48px; height:22px; background:#ff6e00; border-radius:100px; display:block; overflow:hidden; position:absolute; left:0; top:0; z-index:0;}

/*面包学*/
.g-guide-box{ width:100%; height:25px; line-height:25px; font-size:12px; font-weight:normal; color:#999; display:block; overflow:hidden}
.g-guide-box i{ width:10px; height:13px; float:left; margin:6px 6px 0 5px; display:inline; overflow:hidden; background:url(../images/downinfo-icon.png) no-repeat; background-size:414px;}

/*下载信息*/
.g-game-msg{ margin:10px 0 0; padding:15px 0; box-sizing:border-box;}
.g-game-msg .m-msg-top{ width:100%; height:auto; padding:0 15px; box-sizing:border-box; display:-webkit-box; overflow:hidden}
.g-game-msg .m-msg-top .u-img{ width:82px; height:82px; border-radius:14px; /*display:block; */overflow:hidden}
.g-game-msg .m-msg-top span{ width:auto; height:auto; margin:0 0 0 15px; display:block; overflow:hidden; -webkit-box-flex:1}
.g-game-msg .m-msg-top span h1{ width:100%; height:22px; line-height:22px; font-size:18px; font-weight:bold; color:#222; margin:7px 0 5px 0; float:left; display:block; overflow:hidden}
.g-game-msg .m-msg-top span p{ width:100%; height:16px; line-height:16px; font-size:12px; font-weight:normal; color:#bebdbd; margin:4px 0 0; float:left; display:block; overflow:hidden}
.g-game-msg .m-down-ul{ width:100%; height:auto; padding:0 15px 0 0; box-sizing:border-box; display:block; overflow:hidden}
.g-game-msg .m-down-ul li{ width:100%; height:auto; padding:6px 0 0 15px; box-sizing:border-box; float:left; display:inline; overflow:hidden}
.g-game-msg .m-down-ul li a{ width:100%; height:36px; line-height:36px; font-size:16px; font-weight:normal; color:#fff; text-align:center; background:#fd7900; border-radius:44px; display:block; overflow:hidden}

/*版块选项卡*/
.g-tab-btn{ width:100%; height:auto; padding:0 15px; box-sizing:border-box; border-bottom:1px solid #f3f3f3; display:flex; overflow:hidden}
.g-tab-btn li{ width:auto; height:41px; display:block; overflow:hidden; flex:1; text-align:center}
.g-tab-btn li strong{ width:auto; height:41px; line-height:41px; font-size:15px; font-weight:normal; color:#222; display:inline-block; overflow:hidden; border-bottom:2px solid #fff; box-sizing:border-box;}
.g-tab-btn li.f-hover strong{ border-bottom:2px solid #f60; color:#f60}

/*截图*/
#g-down-gameprevimg{width:100%; height:auto; display:block; overflow:hidden; margin:0; background:#fff;  padding:15px 15px 0 15px ; box-sizing:border-box; position:relative; zoom:1; z-index:10;}
#g-down-gameprevimg .g-previmg-ul{ width:100%; height:auto;white-space:nowrap;  display:block; overflow-x:auto; overflow-y:hidden}
#g-down-gameprevimg .g-previmg-ul li{ width:auto; height:auto; white-space:nowrap; margin:0 15px 0 0; display:inline-block; overflow:hidden}
#g-down-gameprevimg .g-previmg-ul li img{width:auto; max-width:300px; height:auto; max-height:360px; display:block; overflow:hidden}


/*主体内容*/
.g-main-box{ width:100%; height:auto; padding:0 15px; box-sizing:border-box; display:block; overflow:hidden}
.g-main-box p{ width:100%; height:auto; line-height:26px; font-size:15px; font-weight:normal; color:#818181; text-indent:0; margin:15px 0 0; display:block; overflow:hidden}
.g-main-box p img{ width:auto; max-width:100%; height:auto; margin:auto; display:block; overflow:hidden}
.g-main-box h3{ width:100%; height:auto; line-height:26px; font-size:16px; font-weight:bold; color:#fd7900; margin:15px 0 0; display:block; overflow:hidden}

.u-show-all{ width:100%; height:auto; padding:15px 0; box-sizing:border-box; font-size:14px; font-weight:normal; color:#fd7900; text-align:center; display:block; overflow:hidden; position:relative;}
.u-show-all i{ width:7px; height:7px; border-right:1px solid #fd7900; border-bottom:1px solid #fd7900; transform:rotate(45deg); display:block; overflow:hidden; position:absolute; left:50%; top:18px; z-index:1; margin:0 0 0 36px}
.u-show-all.f-hover i{ transform:rotate(-135deg); top:22px}

/*今日推荐*/
.g-day-recomd{ width:100%; height:auto; padding:2px 15px 0; box-sizing:border-box; display:block; overflow:hidden}
.g-day-recomd a{ width:100%; height:auto; padding:12px 0; border-bottom:1px solid #f3f3f3; display:-webkit-box; overflow:hidden}
.g-day-recomd a .u-img{ width:60px; height:60px; border-radius:12px; display:block; overflow:hidden}
.g-day-recomd a span{ width:auto; height:auto;  margin:0 10px; display:block; overflow:hidden; -webkit-box-flex:1}
.g-day-recomd a span strong{ width:100%; height:18px; line-height:18px; font-size:16px; font-weight:normal; color:#333; margin:4px 0 0; display:block; overflow:hidden}
.g-day-recomd a span img{ width:auto; height:12px; margin:5px 0 0; display:block; overflow:hidden}
.g-day-recomd a span b{ width:100%; height:14px; line-height:14px; font-size:12px; font-weight:normal; color:#999; margin:5px 0 0; display:block; overflow:hidden}
.g-day-recomd a em{ width:66px; height:30px; line-height:30px; font-size:14px; font-weight:normal; color:#fff; text-align:center; background:#fd7900; border-radius:6px; margin:15px 0 0; display:block; overflow:hidden}

/*最新资讯*/
.g-news-cms{ width:100%; height:auto; padding:2px 15px 0; box-sizing:border-box; display:block; overflow:hidden}
.g-news-cms a{ width:100%; height:auto; padding:12px 0; border-bottom:1px solid #f3f3f3; display:-webkit-box; overflow:hidden}
.g-news-cms a .u-img{ width:132px; height:92px; border-radius:4px; display:block; overflow:hidden}
.g-news-cms a span{ width:auto; height:auto;  margin:0 10px; display:block; overflow:hidden; -webkit-box-flex:1}
.g-news-cms a span strong{ display:block; width:100%; height:42px; line-height:22px; font-size:15px; font-weight:normal; color:#333; margin:10px 0 0; overflow:hidden}
.g-news-cms a span b{ width:100%; height:16px; line-height:16px; font-size:14px; font-weight:normal; color:#999; margin:10px 0 0; display:block; overflow:hidden}

/*热门游戏*/
.g-hot-game{ width:100%; height:auto; padding:0 0 22px 0; box-sizing:border-box; display:block; overflow:hidden}
.g-hot-game li{ width:25%; height:auto; padding:22px 16px 0 17px; box-sizing:border-box; float:left; display:inline; overflow:hidden}
.g-hot-game li a{ width:100%; height:auto; display:block; overflow:hidden}
.g-hot-game li a .u-img{ width:100%; height:auto; min-height: 57px; border-radius:12px; margin:auto; display:block; overflow:hidden}
.g-hot-game li a strong{ width:100%; height: 16px; line-height:16px; font-size:14px; font-weight:normal; color:#222; text-align:center; margin:6px 0 0; display:block; overflow:hidden}
.g-hot-game li a b{ width:100%; height: 14px; line-height:14px; font-size:12px; font-weight:normal; color:#999; text-align:center; margin:2px 0 0; display:block; overflow:hidden}
.g-hot-game li a em{ width:53px; max-width:100%; height:22px; line-height:22px; font-size:14px; font-weight:normal; color:#fff; text-align:center; background:#fd7900; border-radius:4px; margin:4px auto 0; display:block; overflow:hidden}


/*人气排行*/
.g-hot-rank1{ width:100%; height:auto; padding:0 0 22px 0; box-sizing:border-box; display:block; overflow:hidden}
.g-hot-rank1 li{ width:33.33%; height:auto; padding:20px 15px 0 15px; box-sizing:border-box; float:left; display:inline; overflow:hidden}
.g-hot-rank1 li a{ width:100%; height:auto; padding:0 0 0 25px; box-sizing:border-box; display:block; overflow:hidden; position:relative;}
.g-hot-rank1 li a i{ width:18px; height:18px; line-height:18px; font-size:12px; font-weight:normal; color:#fff; text-align:center; background:#fa4e57; border-radius:4px; display:block; overflow:hidden; position:absolute; left:0; top:0; font-style:normal;}
.g-hot-rank1 li a .u-img{ width:100%; max-width:70px; height:auto; min-height:65px; border-radius:12px; margin:auto; display:block; overflow:hidden}
.g-hot-rank1 li a strong{ width:100%; height: 16px; line-height:16px; font-size:14px; font-weight:normal; color:#222; text-align:center; margin:6px 0 0; display:block; overflow:hidden}
.g-hot-rank1 li a b{ width:100%; height: 14px; line-height:14px; font-size:12px; font-weight:normal; color:#999; text-align:center; margin:2px 0 0; display:block; overflow:hidden}
.g-hot-rank1 li a em{ width:53px; max-width:100%; height:22px; line-height:22px; font-size:14px; font-weight:normal; color:#fff; text-align:center; background:#fd7900; border-radius:4px; margin:4px auto 0; display:block; overflow:hidden}
.g-hot-rank1 li:nth-child(2) a i{ background:#ff9000}
.g-hot-rank1 li:nth-child(3) a i{ background:#ffc000}

.g-hot-rank2{ width:auto; height:auto; margin:2px 15px 0; box-sizing:border-box; border-top:1px solid #f3f3f3; display:block; overflow:hidden}
.g-hot-rank2 a{ width:100%; height:auto; padding:12px 0; border-bottom:1px solid #f3f3f3; display:-webkit-box; overflow:hidden}
.g-hot-rank2 a i{  width:18px; height:18px; line-height:18px; font-size:12px; font-weight:normal; color:#999; text-align:center; background:#f2f2f2; border-radius:4px; display:block; overflow:hidden; font-style:normal;}
.g-hot-rank2 a .u-img{ width:60px; height:60px; border-radius:12px; margin:0 0 0 10px; display:block; overflow:hidden}
.g-hot-rank2 a span{ width:auto; height:auto;  margin:0 10px; display:block; overflow:hidden; -webkit-box-flex:1}
.g-hot-rank2 a span strong{ width:100%; height:18px; line-height:18px; font-size:16px; font-weight:normal; color:#333; margin:4px 0 0; display:block; overflow:hidden}
.g-hot-rank2 a span img{ width:auto; height:12px; margin:5px 0 0; display:block; overflow:hidden}
.g-hot-rank2 a span b{ width:100%; height:14px; line-height:14px; font-size:12px; font-weight:normal; color:#999; margin:5px 0 0; display:block; overflow:hidden}
.g-hot-rank2 a em{ width:66px; height:30px; line-height:30px; font-size:14px; font-weight:normal; color:#fff; text-align:center; background:#fd7900; border-radius:6px; margin:15px 0 0; display:block; overflow:hidden}


body .m-nav-float {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
}
body .g-game-msg .m-nav-float{
	position: fixed;
    top: 30px;
    left: 0;
	height:60px;
    z-index: 9999;
	background-color:#fff;
}
.g-game-recomd {
    width: 100%;
    height: auto;
    margin: 10px 0 0 0;
    box-sizing: border-box;
    display: block;
    overflow: hidden;
    background: #fff;
}

.g-game-recomd strong {
    width: 100%;
    height: auto;
    font-size: 18px;
    font-weight: normal;
    text-indent: 14px;
    border-left: 4px solid #fd7900;
    border-bottom: 2px solid #eee;
    padding: 10px 0 8px;
    box-sizing: border-box;
    display: block;
    overflow: hidden;
}

.g-keyword-btn{ width:100%; height:46px; border-bottom:1px solid #eee; display:-webkit-box; overflow:hidden;}
.g-keyword-btn li{ width:auto; height:46px; padding:0 14px; box-sizing:border-box; display:block; overflow:hidden; position:relative; zoom:1; -webkit-box-flex:1}
.g-keyword-btn li b{ width:100%; height:45px; line-height:45px; font-size:14px; font-weight:normal; color:#333; text-align:center;  box-sizing:border-box; display:block; overflow:hidden;}
.g-keyword-btn .m-hover b{border-bottom:2px solid #fd7900; color:#fd7900}
.g-keyword-btn li i{ width:1px; height:16px; background:#ccc; display:block; overflow:hidden; position:absolute; right:0; top:10px;}

.g-keyword-cont{ width:100%; height:auto; display:block; overflow:hidden;}
.g-keyword-cont dl{ width:100%; height:auto; padding: 10px 14px 10px; box-sizing:border-box; display:block; overflow:hidden; position:relative; zoom:1}
.g-keyword-cont dl dt{ width:100%; height:auto; font-size:14px; font-weight:normal; color:#333; display:none; overflow:hidden;}
.g-keyword-cont dl dd{ width:100%; height: 60px; line-height:20px; font-size:12px; font-weight:normal; color:#999; margin:4px 0 0 0; display:block; overflow:hidden}
.g-keyword-cont dl .g-keyword-info{ width:auto; height:auto; margin:0; padding:0; display:block; overflow:hidden; position:absolute; bottom: 0; right: 11px; padding: 2px 6px 6px 8px; background: #fff;}
.g-keyword-cont dl .g-keyword-info a{ width:auto; height:auto; padding: 2px 6px; background:#ffa351; font-size: 12px; font-weight:normal; color:#fff; border-radius:6px; display:block; overflow:hidden; text-decoration:none}
.g-keyword-cont dl .g-keyword-info a:active{ background:#ff5182}
.g-keyword-cont ul{ width:100%; height:auto; padding:0 14px 12px 0; box-sizing:border-box; display:block; overflow:hidden}
.g-keyword-cont ul li{ width:25%; height:auto; padding:14px 0 0 14px; float:left; box-sizing:border-box; display:inline; overflow:hidden;}
.g-keyword-cont ul li a{ width:100%; height:auto; display:block; overflow:hidden}
.g-keyword-cont ul li a img{ width:100%; height:20vw; border-radius:16px; display:block; overflow:hidden}
.g-keyword-cont ul li a strong{ width:100%; height:20px; line-height:20px; font-size:14px; font-weight:normal; color:#333; text-align:center; margin:6px 0 0 0; display:block; overflow:hidden; text-indent:0; padding:0; border:0;}
#g-keyword{ margin-top:12px;}
#g-keyword .g-game-recomd{ margin:0;}
#g-keyword .g-game-recomd { margin: 0; background-color: #fff;}


.m-tags{ padding: 0 0 16px 18px;}
.m-tags span.m-tags{ padding:0;}
.m-tags span a { display: inline-block; height: 20px; line-height: 20px; padding: 0 10px; border-radius: 4px; border: 1px #31c547 solid; color: #fff; margin-right: 10px; color: #31c547;}



.g-keyword-btn{ width:100%; height:46px; border-bottom:1px solid #eee; display:-webkit-box; overflow:hidden;}
.g-keyword-btn li{ width:auto; height:46px; padding:0 14px; box-sizing:border-box; display:block; overflow:hidden; position:relative; zoom:1; -webkit-box-flex:1}
.g-keyword-btn li b{ width:100%; height:45px; line-height:45px; font-size:14px; font-weight:normal; color:#333; text-align:center;  box-sizing:border-box; display:block; overflow:hidden;}
.g-keyword-btn .m-hover b{border-bottom:2px solid #fd7900; color:#fd7900}
.g-keyword-btn li i{ width:1px; height:16px; background:#ccc; display:block; overflow:hidden; position:absolute; right:0; top:15px;}

.g-keyword-cont{ width:100%; height:auto; display:block; overflow:hidden;}
.g-keyword-cont dl{ width:100%; height:auto; padding: 10px 14px 10px; box-sizing:border-box; display:block; overflow:hidden; position:relative; zoom:1}
.g-keyword-cont dl dt{ width:100%; height:auto; font-size:14px; font-weight:normal; color:#333; display:none; overflow:hidden;}
.g-keyword-cont dl dd{ width:100%; height: 60px; line-height:20px; font-size:12px; font-weight:normal; color:#999; margin:4px 0 0 0; display:block; overflow:hidden}
.g-keyword-cont dl .g-keyword-info{ width:auto; height:auto; margin:0; padding:0; display:block; overflow:hidden; position:absolute; bottom: 0; right: 11px; padding: 5px 6px 6px 69px; background: #fff;}
.g-keyword-cont dl .g-keyword-info a{ width:auto; height:auto; padding: 2px 6px; background:#ffa351; font-size: 12px; font-weight:normal; color:#fff; border-radius:6px; display:block; overflow:hidden; text-decoration:none}
.g-keyword-cont dl .g-keyword-info strong{ width:auto; height:auto; padding: 2px 6px; background:#ffa351; font-size: 12px; font-weight:normal; color:#fff; border-radius:6px; display:block; overflow:hidden; text-decoration:none}
.g-keyword-cont dl .g-keyword-info a:active{ background:#ff5182}
.g-keyword-cont ul{ width:100%; height:auto; padding:0 14px 12px 0; box-sizing:border-box; display:block; overflow:hidden}
.g-keyword-cont ul li{ width:25%; height:auto; padding:14px 0 0 14px; float:left; box-sizing:border-box; display:inline; overflow:hidden;}
.g-keyword-cont ul li a{ width:100%; height:auto; display:block; overflow:hidden}
.g-keyword-cont ul li a img{ width:100%; height:20vw; border-radius:16px; display:block; overflow:hidden}
.g-keyword-cont ul li a strong{ width:100%; height:20px; line-height:20px; font-size:14px; font-weight:normal; color:#333; text-align:center; margin:6px 0 0 0; display:block; overflow:hidden; text-indent:0; padding:0; border:0;}
#g-keyword{ border-bottom: 10px solid #f5f5f5;}
#g-keyword .g-game-recomd{ margin:0;}
#g-keyword .g-game-recomd { margin: 0; background-color: #fff;}
