@charset "gb2312";
body,p,ul,dl,h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-weight:normal;}
body{text-align:left;font-size: 12px;padding:0; background:#f2f2f2; padding:81px 0 0;font-family:arial,"Microsoft YaHei","\5fae\8f6f\96c5\9ed1";}
li{list-style:none}
input {-webkit-appearance:none;}
a:link,a:visited{text-decoration:none;color:#2a2a2a;}
.clearfix:after{clear:both;height:0;overflow:hidden;display:block;visibility:hidden;content:"."}
em{ font-style:normal;}
* {	-moz-box-sizing: border-box;-webkit-box-sizing: border-box;	box-sizing: border-box;	-webkit-tap-highlight-color: rgba(0,0,0,0);	-webkit-text-size-adjust: none;	-webkit-touch-callout: none}
.m-t12{ margin:12px 0 0 0;}

/*标题*/
.g-title{ width:100%; height:44px; overflow:hidden; padding:0 10px; box-sizing:border-box; border-bottom:1px solid #e5e5e5;}
.g-title dt{ float:left; width:auto; height:43px; line-height:45px; font-size:16px; font-weight:normal; color:#333;border-bottom:1px solid #ff5b3b; margin:0; padding:0 6px; display:block; overflow:hidden}
.g-title dd{ float:right; margin:0; text-align:right; display:block; overflow:hidden;}
.g-title dd a{ height:39px; line-height:39px; font-size:12px; font-weight:normal; color:#999;}
.g-title dd b{ width:44px; height:26px; line-height:26px; font-size:14px; font-weight:normal; color:#ff5b3b; text-align:center; border:1px solid #ff5b3b; border-left:0; margin:8px 0 0 0; display:inline-block; overflow:hidden}
.g-title dd .m-btn-first{ border-left:1px solid #ff5b3b; border-radius:4px 0 0 4px;}
.g-title dd .m-btn-last{  border-radius:0 4px 4px 0;}
.g-title dd .f-hover{ background:#ff5b3b; color:#fff;}
.g-title .m-tab-box .m-tab-btn b.m-hover{ color:#fff;}

/*幻灯片*/
.g-index-ppt{width:100%; height:auto; background:#fff; display:block; overflow:hidden; position:relative; zoom:1}
.g-index-ppt .swiper-wrapper{width:100%; height:100%; display:flex; box-sizing:content-box; position:relative; zoom:1; z-index:10; padding:0; box-sizing:border-box;}
.g-index-ppt .swiper-wrapper .swiper-slide{-webkit-flex-shrink: 0; -ms-flex: 0 0 auto; flex-shrink: 0; width: 100%; height: 100%; position: relative;}
.g-index-ppt .swiper-wrapper .swiper-slide img{ width:100%; height:auto; display:block; overflow:hidden}
.g-index-ppt .swiper-wrapper .swiper-slide span{ width:100%; height:30px; line-height:30px; font-size:14px; font-weight:normal; color:#fff; background:rgba(0,0,0,.6); padding:0 3%; box-sizing:border-box; display:block; overflow:hidden; position:absolute; left:0; bottom:0;}

.g-index-ppt .swiper-pagination{position: absolute; text-align: center; -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; transition: .3s; -webkit-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); transform: translate3d(0,0,0); z-index: 15; bottom:7px; right: 0; width:auto;}
.g-index-ppt .swiper-pagination span{width:10px; height:10px; display: inline-block; border-radius: 100%; background:rgba(255,255,255,.5);margin:0 5px}
.g-index-ppt .swiper-pagination .swiper-active-switch{ background: #f60;}


/*经典推荐*/
.g-classic{ width:100%; height:100px; background:#fff; display:-webkit-box;}
.g-classic a{ -webkit-box-flex:1; line-height:28px; display:block; overflow:hidden; font-size:14px; font-weight:normal; color:#333; text-align:center;}
.g-classic a b{ display:block; overflow:hidden; background:url(/skin/2015/images/moblie-bg.png) no-repeat; width:58px; height:58px; margin:12px auto 0;}
.g-classic a .m-guide-1{ background-position:0 -42px; background-size:350px;}
.g-classic a .m-guide-2{ background-position:-86px -42px; background-size:350px;}
.g-classic a .m-guide-3{ background-position:-172px -42px; background-size:350px;}
.g-classic a .m-guide-4{ background-position:-259px -42px; background-size:350px;}

/*编辑推荐*/
.g-recomd{ width:100%; height:auto; display:block; overflow:hidden; background:#fff; margin:10px 0 0 0; padding: 0 0 0px 0;}
.g-recomd .g-recomd-game{ width:100%; padding:0 10px 0 0; box-sizing:border-box; height:auto; display:block; overflow:hidden;}
.g-recomd .g-bj-recomd{ padding:0 5px 14px;}
.g-recomd .g-recomd-game li{ width:20%; float:left; margin: 10px 0 0 0;  display:inline; overflow:hidden; box-sizing:border-box;padding: 0 10px}
.g-recomd .g-recomd-game li a{ width:100%; height:auto; padding:0 0 0 0px; box-sizing:border-box; display:block; overflow:hidden; position: relative;}
.g-recomd .g-recomd-game li a img{ width:50px; height:50px; border-radius:14px; display:block; overflow:hidden; margin:auto; max-width:inherit}
.g-recomd .g-recomd-game li a strong{ width:100%; height:20px; line-height:20px; font-size:14px; font-weight:normal; color:#333; text-align:center; margin:5px 0 0 0; display:block; overflow:hidden;}
.g-recomd .g-recomd-game li a span{ width:100%; height:20px; line-height:20px; font-size:12px; font-weight:normal; color:#888; text-align:center; margin:0 0 0 0; display:block; overflow:hidden;}
.g-recomd .g-recomd-game li a b{ width:84%; height:28px; line-height:28px; font-size:12px; font-weight:normal; color:#ff4000; border:1px solid #ff4000; border-radius:4px;text-align:center; margin:4px auto 0; display:block; overflow:hidden; box-sizing:border-box;}

/*手机网游*/
.g-collection{width:100%; height:auto; display:block; overflow:hidden; background:#fff; margin:10px 0 0 0; padding: 0 0 20px 0;}
.g-collection .g-collection-img{ width:100%; height:auto; display:block; overflow:hidden; padding:0 10px; margin:16px 0 0 0; box-sizing:border-box;}
.g-collection .g-collection-img dt{ width:100%; height:auto; display:block; overflow:hidden; position:relative; zoom:1}
.g-collection .g-collection-img dt img{ width:100%; height:auto; display:block; overflow:hidden}
.g-collection .g-collection-img dt strong{ width:100%; height:30px; line-height:30px; font-size:14px; font-weight:normal; color:#fff; text-align:center; display:block; overflow:hidden; position:absolute; left:0; bottom:0; z-index:10}
.g-collection .g-collection-img dt b{ width:100%; height:30px; background:#000; opacity:0.7; position:absolute; left:0; bottom:0; z-index:5}
.g-collection .g-collection-img dd{ width:100%; height:auto; line-height:22px; font-size:14px; font-weight:normal; color:#999; margin:10px 0 0 0; padding:0; display:none; overflow:hidden; box-sizing:border-box;}
.g-collection .g-collection-img dd span{ background:#ff4000; color:#fff; padding: 0 6px; margin:0 6px 0 0;}

.g-collection .g-recomd-game{ width:100%; padding:0 10px 0 0; box-sizing:border-box; height:auto; display:block; overflow:hidden;}
.g-collection .g-recomd-game li{ width:25%; height:auto; float:left; margin:16px 0 0 0px; display:inline; overflow:hidden; box-sizing: border-box; border-left: 10px #fff solid}
.g-collection .g-recomd-game li a{ width:100%; height:auto; padding:0 0 0 0px; box-sizing:border-box; display:block; overflow:hidden;position: relative;}
.g-collection .g-recomd-game li a img{ width:100%; height:auto; border-radius:14px; display:block; overflow:hidden}
.g-collection .g-recomd-game li a strong{ width:100%; height:20px; line-height:20px; font-size:15px; font-weight:normal; color:#666; text-align:center; margin:5px 0 0 0; display:block; overflow:hidden;}
.g-collection .g-recomd-game li a span{ width:100%; height:20px; line-height:20px; font-size:12px; font-weight:normal; color:#999; text-align:center; margin:0 0 0 0; display:block; overflow:hidden;}
.g-collection .g-recomd-game li a b{ width:80%; height:30px; line-height:28px; font-size:12px; font-weight:normal; color:#ff4000; border:1px solid #ff4000; border-radius:6px;text-align:center; margin:4px auto 0; display:block; overflow:hidden; box-sizing:border-box;}

.g-android-more{ width:100%; height:auto; padding:14px; box-sizing:border-box; display:block; overflow:hidden}
.g-android-more a{ width:100%; height:35px;line-height:35px; background:#eee; font-size:14px; font-weight:bold; color:#666; text-align:center; display:block; overflow:hidden;}

.g-recomd .g-index-android-list{display:none }
.g-recomd .g-index-android-list .g-coll-gamedown{ border-bottom:1px solid #eee; margin:0}
.g-recomd-game li i{ display: inline-block; width: 70px; height: 18px; position: absolute;top: 2px; left: -24px;transform: rotate(-45deg); font-style: normal; text-align: center;  color: #fff}
.g-recomd-game li i.red { background-color: #F96A0E;}
.g-recomd-game li i.blue { background-color: #19B5FF;}
.g-recomd-game li i.green { background-color: #2DCC70;}


#g-index-key{width:100%; height: 136px; background:#fff; display:block; overflow:hidden; margin:0;  padding:15px 0 0 0; box-sizing:border-box; position:relative; zoom:1; z-index:10}
#g-index-key .g-previmg-ul{ width:100%; height:auto; display:block; overflow:auto; padding:0 15px 0 0; box-sizing:border-box; white-space:nowrap}
#g-index-key .g-previmg-ul li{width:160px; height:auto; white-space:nowrap; margin:0 0 0 15px; display:inline-block; overflow:hidden;}
#g-index-key .g-previmg-ul li a img{ width:100%; height:auto; display:block; overflow:hidden}
#g-index-key .g-previmg-ul li a strong{ width:100%; height:30px; line-height:30px; font-size:14px; font-weight:normal; color:#333; text-align:center; display:block; overflow:hidden}


.g-peo-like{width:100%; height:auto; display:block; overflow:hidden; margin:0; background:#fff;  padding:0 0 10px 0; box-sizing:border-box; position:relative; zoom:1; z-index:10}
.g-peo-like ul li{ width:auto; height:34px; line-height:32px;  float:left; margin:12px 0 0 12px; display:inline; overflow:hidden;}
.g-peo-like ul li a{ width:auto height:32px; line-height:32px;font-size:14px; font-weight:normal; color:#333; background:#fff; border:1px solid #dcdcdc; border-radius:33px; padding:0 15px; display:block; overflow:hidden}
.g-peo-like ul .m-color1{ background:#fe3336; border-color:#fe3336; color:#fff}
.g-peo-like ul .m-color2{ background:#5fc700; border-color:#5fc700;color:#fff}
.g-peo-like ul .m-color3{ background:#19b5ff; border-color:#19b5ff;color:#fff}
.g-peo-like ul .m-color4{ background:#bc7afe; border-color:#bc7afe;color:#fff}
.g-peo-like ul .m-color5{ background:#fdbf2c; border-color:#fdbf2c;color:#fff}
.g-peo-like ul .m-color6{ background:#ff6600; border-color:#ff6600;color:#fff}
.g-peo-like ul .m-color7{ background:#b36fff; border-color:#b36fff;color:#fff}
.g-peo-like ul .m-color8{ background:#26ce95; border-color:#26ce95;color:#fff}
.g-peo-like ul .m-color9{ background:#4b5398; border-color:#4b5398;color:#fff}
.g-peo-like ul .m-color10{ background:#e068ff; border-color:#e068ff;color:#fff}


.g-key-game{ width:100%; height:auto; padding:0 10px; display:block; overflow:hidden; box-sizing:border-box}
.g-key-game .g-coll-gamedown{ width:100%; height:auto; padding:10px; display:-webkit-box; overflow:hidden; box-sizing:border-box; background:#fff; margin:10px 0 0 0;}
.g-key-game .g-coll-gamedown .g-coll-gamedown-left{ width:auto; height:auto; display:block; overflow:hidden; -webkit-box-flex:1;}
.g-key-game .g-coll-gamedown .g-coll-gamedown-left .m-game-img{ width:71px; height:71px;border-radius:12px; float:left; margin:0; display:inline; overflow:hidden;}
.g-key-game .g-coll-gamedown .g-coll-gamedown-left p{ width:auto; height:auto; display:block; overflow:hidden; -webkit-box-flex:1;}
.g-key-game .g-coll-gamedown .g-coll-gamedown-left p strong{ width:auto; height:20px; line-height:20px; font-size:16px; font-weight:normal; color:#333; float:left; margin:4px 0 0 20px; display:inline-block; overflow:hidden;}
.g-key-game .g-coll-gamedown .g-coll-gamedown-left p em{ width:100%; height:20px; line-height:20px; font-size:12px; font-weight:normal; color:#999; float:left; margin:8px 0 0 20px; display:inline-block; overflow:hidden;}
.g-key-game .g-coll-gamedown .g-coll-gamedown-left p img{ width:auto; height:12px; float:left; margin:4px 0 0 20px; display:inline-block;overflow:hidden;}

.g-key-game .g-coll-gamedown .g-coll-gamedown-right{ float:left; width:20%; height:32px; line-height:30px; border:1px solid #3ea3ff; border-radius:16px; font-size:14px; font-weight:normal; text-align:center; color:#fff; background-color:#3ea3ff; display:block; overflow:hidden; position:relative; zoom:1; margin:34px 0 0 0; text-indent:0}


.m-tab-box dd.m-tab-btn{ display:-moz-box; display:-webkit-box; height:40px; line-height:40px; margin-bottom:12px; background-color:#fff;}
.m-tab-box dd.m-tab-btn b{ display:block; -moz-box-flex:1; -webkit-box-flex:1; box-flex:1; font-size:15px; text-align:center;}
.m-tab-box dd.m-tab-btn b.f-hover{ border-bottom:1px solid #ff5b3b;}

.m-company-tabbtn{ display:-moz-box; display:-webkit-box; height:40px; line-height:40px; margin-bottom:12px; background-color:#fff;}
.m-company-tabbtn b{ display:block; -moz-box-flex:1; -webkit-box-flex:1; box-flex:1; font-size:15px; text-align:center;}
.m-company-tabbtn b.m-hover{ border-bottom:1px solid #ff5b3b;}


.g-company{ display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; justify-content:space-around; padding:0 4px 10px;}
.g-company li{ width:45%; text-align:center; font-size:14px;  -moz-box-flex: 1;  -webkit-box-flex: 1; box-flex: 1; }
.g-company li img{ margin:13px 0 6px;}
.g-related-cms .m-tab-btn{ height:54px; line-height:40px;  text-align:center; background-color:#f2f2f2;}
.g-related-cms .m-tab-btn b{  background-color:#fff; }
.g-related-cms .m-tab-btn b i{ padding:0 0 9px; font-size:15px; font-weight:bold; font-style:normal;}
.g-related-cms .m-tab-btn b.m-hover i{ color:#ff5b3b; }
.g-related-cms .m-list { display:none; overflow:hidden; padding:0 0 8px;}
.g-related-cms .m-list li{ float:left; width:25%; height:35px; margin:9px 0 0;}
.g-related-cms .m-list li a{ display:block; width:80%; height:35px; line-height:35px; margin:0 auto; border:1px solid #e7edec; border-radius:6px; text-align:center;}


.g-related-cms{ width:100%; height:auto; background:#fff; display:block; overflow:hidden; margin:10px 0 0 0;}
.g-related-cms .g-relcms-list{ width:100%; height:auto; padding:0 10px; display:block; overflow:hidden; background:#fff; box-sizing:border-box;}
.g-related-cms .g-relcms-list li{ width:100%; height:auto; display:-webkit-box; overflow:hidden; padding:10px 0; border-bottom:1px solid #e6e6e6}
.g-related-cms .g-relcms-list li .g-relcms-img{ width:auto; height:80px; display:block; overflow:hidden}
.g-related-cms .g-relcms-list li .g-relcms-img img{ width:auto; height:80px; display:block; overflow:hidden}
.g-related-cms .g-relcms-list li .g-relcms-introd{ width:auto; height:auto; display:block; overflow:hidden; -webkit-box-flex:1; margin:0 0 0 10px;}
.g-related-cms .g-relcms-list li .g-relcms-introd strong{ width:100%; height:20px; line-height:20px; font-size:14px; font-weight:bold; color:#333; display:block; overflow:hidden}
.g-related-cms .g-relcms-list li .g-relcms-introd p{ width:100%; height:38px; line-height:18px; font-size:12px; font-weight:normal; color:#666; margin:2px 0 0 0; display:block; overflow:hidden}
.g-related-cms .g-relcms-list li .g-relcms-introd em{ width:100%; height:auto; font-size:12px; font-weight:normal; color:#666; margin:0 0 0 0; display:block; overflow:hidden}
.g-related-cms .g-relcms-list li .g-relcms-introd em b{ width:auto; height:auto; float:left; font-weight:normal; color:#999; display:inline; overflow:hidden; position:relative; zoom:1; text-indent:12px;}
.g-related-cms .g-relcms-list li .g-relcms-introd em b span{ width:10px; height:10px; background:url(/skin/2015/images/moblie-bg.png) no-repeat -177px -147px; background-size:414px; position:absolute; left:0; top:5px;}
.g-related-cms .g-relcms-list li .g-relcms-introd em i{ width:auto; height:auto; float:left; font-weight:normal; font-style:normal; color:#999; margin:0 0 0 10px; display:inline; overflow:hidden; position:relative; zoom:1; text-indent:16px;}
.g-related-cms .g-relcms-list li .g-relcms-introd em i span{ width:14px; height:10px; background:url(/skin/2015/images/moblie-bg.png) no-repeat -262px -147px; background-size:414px; position:absolute; left:0; top:5px;}