/***********************首页***************************/
/*轮播*/
.index_swiper{ width: 100%; position: relative; }
.index_swiper img{ width: 100%; height: 100%; }
.index_swiper .pagination1{ position: absolute; bottom: 13px; }
.pagination1 .swiper-pagination-bullet{ width: 6px; height: 6px; border-radius: 3px; background: #FFFFFF; opacity: 1 }
.pagination1 .swiper-pagination-bullet-active{ width: 19px; background: #52B8BD; }
/*菜单*/
.index_menu{ width: 100%; margin-top: 5px; }
.index_menu li{ float: left; width: 20%; margin-top: 12px; }
.index_menu li span{ display: block; font-size: 14px; text-align: center; margin-top: 2px; }
.index_menu em{ display: block; width: 55px; height: 55px; margin: 0 auto; background: url(../images/bg2.png) no-repeat; background-size: 275px 110px; }
.index_menu em.icon1{ background-position: 0 0; }
.index_menu em.icon2{ background-position: -55px 0; }
.index_menu em.icon3{ background-position: -110px 0; }
.index_menu em.icon4{ background-position: -165px 0; }
.index_menu em.icon5{ background-position: -220px 0; }
.index_menu em.icon6{ background-position: 0 -55px; }
.index_menu em.icon7{ background-position: -55px -55px; }
.index_menu em.icon8{ background-position: -110px -55px; }
.index_menu em.icon9{ background-position: -165px -55px; }
.index_menu em.icon10{ background-position: -220px -55px; }
/*今日推荐*/
.index_recom_box{ width: 82.25%; min-width: 288px; max-width: 550px; margin: 20px auto 0; padding-left: 24px; position: relative; }
.index_recom_tit{ position: absolute;left: 0; top: 50%; margin-top: -37px; display: block; width: 16px; height: 70px; padding: 4px 4px 0; text-align: center; font-size: 12px; color: #FFFFFF; line-height: 16px; background: url(../images/bg1.png) no-repeat 0 -50px; background-size: 250px 250px; }
.index_recom_con{ width: 100%; min-height: 90px; max-height: 130px; background: url(../images/box_bg1.png) no-repeat; background-size: 100% 100%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.index_recom_con dl{ width: 70%; padding-left: 3%; padding-right: 2%; position: relative; }
.index_recom_con dl:after{ content: ''; display: block; width: 1px; height: 64px; background: url(../images/bg1.png) no-repeat -30px 0; background-size: 250px 250px; position: absolute; right: 0; top: 50%; margin-top: -32px;}
.index_recom_con img{ width: 68px; height: 68px; border-radius: 18px; float: left; margin-right: 10px; }
.index_recom_con dt{ font-size: 18px; height: 22px; line-height: 22px; overflow: hidden; margin-top: 7px; }
.index_recom_con dd{ margin-top: 15px; color: #999999; font-size: 12px; height: 16px; line-height: 16px; overflow: hidden; }
.index_recom_change{ width: 25%; color: #52B8BD; text-align: center; }
.index_recom_change em{ display: block; width: 21px; height: 20px; margin: 0 auto 7px; background: url(../images/bg1.png) no-repeat -35px 0; background-size: 250px 250px; }
.index_recom_con .rank_recom_dl{ width: 94%; }
.index_recom_con .rank_recom_dl:after{ content: ''; display: none; }
.index_recom_con .rank_recom_dl dt{ margin-top: 3px; font-size: 16px; }
.index_recom_con .rank_recom_dl dt .aGreen{ float: right }
.index_recom_con .rank_recom_dl dd{ margin-top: 5px; }
.index_recom_con .newgame_top_xz2{ margin-top: 23px; margin-left: 10px; }
@media screen and (min-width:420px) {
	.index_recom_con .rank_recom_dl dt .aGreen{ float: initial; margin-left: 15px; }
}
/*街机新人气1*/
.newgame_topList1{ width: 96%; margin:0 auto; padding-bottom: 10px; }
.newgame_topList1 li{ float: left; width: 33.33%; text-align: center; margin-top: 25px; }
.newgame_topList1 .img_box{ display: block; width: 58px; height:58px; position: relative; margin: 0 auto; }
.newgame_topList1 .img_box em{ display: block; width: 40px; height: 18px; text-align: center; line-height: 18px; overflow:hidden; font-size: 12px; border-radius: 9px; position: absolute; top: -8px; left: -9px; color: #FFFFFF; z-index: 1; }
.newgame_topList1 em.i_hot{ background: #FF4A87; }
.newgame_topList1 em.i_top{ background: #1CCFB9; }
.newgame_topList1 .img_box img{ width: 58px; height: 58px; border-radius: 14px; }
.newgame_topList1 h3{ font-size: 14px; height: 18px; line-height: 18px; overflow: hidden; margin-top: 12px; }
.newgame_top_xz1{ display: block; width: 71px; height: 21px; line-height: 21px; overflow: hidden; border:thin solid #52B8BD; color: #52B8BD; border-radius: 4px; font-size: 12px; margin: 14px auto 0; }
.newgame_top_xz1:before{ content: ''; display: block; float: left; width: 11px; height: 12px; background: url(../images/bg1.png) no-repeat -35px -45px; background-size: 250px 250px; margin: 5px 0 0 5px; }
/*街机新人气2*/
.newgame_topList2 li{ width: 96%; margin: 25px auto 0; }
.newgame_topList2 li.one{ margin-top: 17px; }
.newgame_topList2 .img_box{ display: block; width:58px; height: 58px; float: left; margin-right: 12px; position: relative; }
.newgame_topList2 .img_box img{ width: 58px; height: 58px; border-radius: 14px; }
.newgame_topList2 .img_box em{ display: block; width: 40px; height: 18px; text-align: center; line-height: 18px; overflow:hidden; font-size: 12px; border-radius: 9px; position: absolute; top: -5px; left: -5px; color: #FFFFFF; z-index: 1; }
.newgame_topList2 em.i_hot{ background: #FF4A87; }
.newgame_topList2 em.i_top{ background: #1CCFB9; }
.newgame_topList2 dl{ height: 58px; overflow: hidden; }
.newgame_top_xz2{ display: block; float: right; width: 58px; height: 28px; text-align: center; line-height: 28px; border: thin solid #52B8BD; border-radius: 4px; color: #52B8BD; margin:14px 0 0 5px; }
.newgame_topList2 dt{ height: 18px; line-height: 18px; overflow: hidden; }
.newgame_topList2 dd{ height: 16px; line-height: 16px; overflow: hidden; font-size: 12px; color: #999999; margin-top: 4px; }
/*本周新游*/
.ngindex_aweek{ width: 100%; height: 190px; overflow: hidden; background:url(../images/box_bg2.png) no-repeat center; background-size:100% 100%; }
.ngindex_aweek_tit{ width: 96%; margin: 12px auto 0; line-height: 22px; height: 22px; }
.ngindex_aweek_tit h2{ float: left; color: #FFFFFF; font-size: 18px; }
.ngindex_aweek_more{ display: block; float: right; height: 18px; line-height: 18px; font-size: 14px; color: #FFFFFF; margin-top: 2px; }
.ngindex_aweek_more:after{ content: ''; display: block; float: right; width: 15px; height: 15px; margin: 2px 0 0 5px; background: url(../images/bg1.png) no-repeat -55px -25px; background-size: 250px 250px; }
.ngindex_aweek_list{ width: 100%; margin-top: 12px; }
.ngindex_aweek_list li{ width: 72px; padding-right: 12px; text-align: center; }
.ngindex_aweek_list li:first-child{ padding-left: 12px; }
.ngindex_aweek_list li img{ display: block; width: 58px; height: 58px; border-radius: 14px; margin: 0 auto; }
.ngindex_aweek_list li h3{ font-size: 12px; height: 16px; line-height: 16px; overflow: hidden; margin-top: 15px; }
.ngindex_aweek_list li span{ display: block; width: 72px; height: 25px; text-align: center; line-height: 25px; border-radius: 13px; margin-top: 15px; background: #FFFFFF; color: #52B8BD; font-size: 12px; }
/*街机风云榜*/
.index_rank_list li{ width: 96%; padding: 0 2% 15px; margin-top: 15px; border-bottom: thin solid #E9E9E9; }
.index_rank_list em{ display: block; float: left; width: 28px; height: 44px; text-align: center; line-height: 30px; color: #FFFFFF; margin: 11px 12px 0 0; background:url(../images/bg1.png) no-repeat -55px -65px; background-size: 250px 250px; }
.index_rank_list em.rank1{ background-position: -25px -65px; }
.index_rank_list img{ width: 63px; height: 63px; border-radius: 16px; float: left; margin-right: 12px; }
.index_rank_list dl{ height: 63px; overflow: hidden; }
.index_rank_list .rank_xz1{ display: block; float: right; width: 30px; height: 30px; border-radius: 15px; margin: 18px 0 0 5px; background: url(../images/bg1.png) no-repeat -85px -70px; background-size: 250px 250px; }
.index_rank_list dt{ height: 18px; line-height: 18px; overflow: hidden; margin-top: 3px; }
.index_rank_list dd{ color: #999999; font-size: 12px; height: 16px; line-height: 16px; overflow: hidden; margin-top: 5px; }
.index_rank_list dd b{ float: left; margin-right: 5px; }
.index_rank_list dd .star_box{ float: left; }
/*汉化专区*/
.index_ch_list{ width: 100%; margin-top: 19px; }
.index_ch_list li{ width: 298px; padding-right: 16px; }
.index_ch_list li:first-child{ padding-left: 12px; }
.index_ch_list .img_box{ display: block; width: 298px; height: 120px; position: relative; overflow: hidden; border-radius: 4px; }
.index_ch_list img{ width: 298px; height: 120px; }
.index_ch_list span{ display: block; width: 94%; padding: 20px 3% 0; height: 30px; color: #FFFFFF; background: -webkit-linear-gradient(0deg,rgba(0,0,0,1),rgba(0,0,0,0)); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(0deg,rgba(0,0,0,1),rgba(0,0,0,0)); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(0deg,rgba(0,0,0,1),rgba(0,0,0,0)); /* Firefox 3.6 - 15 */ background: linear-gradient(0deg,rgba(0,0,0,1),rgba(0,0,0,0)); /* 标准的语法(必须放在最后) */ position: absolute; left: 0; bottom: 0; }
/*特色合集*/
.index_topic_box{ width: 98%; margin-left: 2%; padding-top: 12px; }
.index_topic_box a{ display:block; float: left; height: 24px; line-height: 24px; overflow: hidden; padding: 0 5px; border-radius: 13px; margin: 12px 0 0 2%; }
.index_topic_box a.a1{ border: thin solid #52B8BD; color: #52B8BD; }
.index_topic_box a.a2{ border: thin solid #FF4C88; color: #FF4C88; }
.index_topic_box a.a3{ border: thin solid #BE5BE2; color: #BE5BE2; }
.index_topic_box a.a4{ border: thin solid #3FA0FF; color: #3FA0FF; }
/*单机口碑榜*/
.praise_rank_list{ padding-top: 7px; }
.praise_rank_list li{ width: 96%; padding: 0 2% 12px; margin-top: 12px; border-bottom: thin solid #E9E9E9; }
.praise_rank_list img{ width: 54px; height: 54px; float: left; border-radius: 14px; margin-right: 12px; }
.praise_rank_list dl{ height: 54px; overflow: hidden; }
.praise_rank_list dt{ height: 18px; line-height: 18px; overflow: hidden; margin-top: 5px; }
.praise_rank_list em{ display: block; width: 17px; height: 17px; border-radius: 4px; float: left; background: #BEBEBE; color: #FFFFFF; font-size: 12px; line-height: 17px; text-align: center; margin: 18px 12px 0 0; }
.praise_rank_list dt em{ margin: 0 7px 0 0; } 
.praise_rank_list em.top1{ background: #FF6C6C; }
.praise_rank_list dd{ font-size: 12px; color: #999999; margin-top: 11px; height: 16px; line-height: 16px; overflow: hidden; }
.praise_rank_xz1{ display: block; float: right; width: 60px; height: 30px; line-height: 30px; border: thin solid #52B8BD; color: #52B8BD; border-radius: 4px; margin: 11px 0 0 5px; }
.praise_rank_xz1:before{ content: ''; display: block; float: left; width: 8px; height: 13px; margin: 9px 5px 0 10px; background: url(../images/bg1.png) no-repeat -50px -45px; background-size: 250px 250px; }
/*不玩就爆炸*/
.boom_recom_box{ width: 100%; height: 250px; overflow: hidden; background: url(../images/box_bg4.png) no-repeat; background-size: 100% 100%; }
.boom_recom_tit{ display: block; width: 100%; height: 22px; text-align: center; line-height: 22px; color: #FFFFFF; font-size: 18px; margin-top: 12px; }
.boom_recom_tit span{ display: inline-block; position: relative; }
.boom_recom_tit span:before,.boom_recom_tit span:after{ content: ''; width: 14px; height: 14px; background: url(../images/bg1.png) no-repeat -60px -45px; background-size: 250px 250px; position: absolute; top: 6px; }
.boom_recom_tit span:before{ left: -24px; }
.boom_recom_tit span:after{ right: -24px; }
.boom_recom_list{ width: 100%; padding-top: 54px; }
.boom_recom_list li{ width: 33.33%; float: left; }
.boom_recom_con{ width:94px; height: 76px; padding: 49px 5px 0; text-align: center; border-radius: 4px; background: url(../images/bg1.png) no-repeat -145px 0; background-size: 250px 250px; position: relative; }
.boom_recom_con.con1{ margin: 22px auto 0; }
.boom_recom_con.con2{ margin: 0 auto; }
.boom_recom_con.con3{ margin: 22px auto 0; }
.boom_recom_con img{ width: 62px; height: 62px; border-radius: 50%; border: 2px solid #FFFFFF; position: absolute; left: 50%; top: -29px; margin-left: -33px; }
.boom_recom_con em{ display: block; width: 39px; height: 29px; background: url(../images/bg1.png) no-repeat; background-size: 250px 250px; position: absolute; left: 50%; top: -50px; margin-left: -20px; z-index: 2; }
.boom_recom_con.con1 em{ background-position: -25px -110px; }
.boom_recom_con.con2 em{ background-position: -65px -110px; }
.boom_recom_con.con3 em{ background-position: -25px -140px; }
.boom_recom_con dt{ font-size: 16px; height: 20px; line-height: 20px; overflow: hidden; }
.boom_recom_con dd{ font-size: 12px; height: 16px; line-height: 16px; overflow: hidden; color: #999999; margin-top: 4px; }
.boom_recom_look{ display: block; width:52px; height:20px; background: #52B8BD; border-radius: 10px; margin: 6px auto 0; color: #FFFFFF; }
/*宅男风向标*/
.otaku_recom_list{ overflow: hidden; }
.otaku_recom_list li{ width: 25%; position: relative; float: left; text-align: center; margin-top: 18px; }
.otaku_recom_list em{ display: block; width: 40px; height: 18px; line-height: 18px; overflow: hidden; border-radius: 9px; color: #FFFFFF; position: absolute; right: 50%; top: -5px; margin-right: -38px; }
.otaku_recom_list em.i_hot{ background: #FF4C88 }
.otaku_recom_list em.i_top{ background: #1CCFB9 }
.otaku_recom_list img{ display: block; width: 72px; height: 72px; margin: 0 auto; border-radius: 18px; }
.otaku_recom_list span{ display: block; width: 96%; min-width: 72px; margin: 0 auto; height: 18px; line-height: 18px; overflow: hidden; margin-top: 10px; }
.otaku_recom_xz1{ display: block; width: 58px; height: 26px; text-align: center; line-height: 26px; margin: 10px auto 0; color: #52B8BD; border: thin solid #52B8BD; border-radius: 4px; }
/*爆点专题*/
.hot_topic_list{ width: 100%; padding-top: 8px; }
.hot_topic_list li{ width: 47%; float: left; margin:12px 0 0 2%; }
.hot_topic_list img{ width: 100%; border-radius: 4px; display: block; }
.hot_topic_list span{ display: block; margin-top: 10px; width: 100%; text-align: center; height: 18px; line-height: 18px; overflow: hidden; }
/*应用选拔赛*/
.app_select_list{ width: 100%; }
.app_select_list li{ float: left; width: 25%; margin-top: 20px; }
.app_select_list li.one{ margin-top: 15px; }
.app_select_list img{ display: block; width: 72px; height: 72px; border-radius: 18px; margin: 0 auto; }
.app_select_list span{ display: block; width: 100%; height: 18px; text-align: center; line-height: 18px; overflow: hidden; margin-top: 10px; }
/*大神出招表1*/
.soft_tags_box{ width: 98%; margin-top: 8px; overflow: hidden; }
.soft_tags_box a{ float: left; padding: 0 8px; margin-top: 12px; color: #FFFFFF; line-height: 18px; margin-left: 2%; text-align: center; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.soft_tags_box a span{ display: inline-block; max-height: 36px; overflow: hidden; }
.soft_tags_box .soft_tag1{ width: 66%; height: 108px; background: url(../images/box_bg3.png) no-repeat; background-size: 100% 100%; }
.soft_tags_box .soft_tag1 dl{ text-align: center; }
.soft_tags_box .soft_tag1 dt{ font-size: 20px; height: 24px; line-height: 24px; overflow: hidden; }
.soft_tags_box .soft_tag1 dd{ font-size: 14px; height: 16px; line-height: 16px; overflow: hidden; color: #A2DFFF; margin-top: 12px; }
.soft_tags_box .soft_tag2{ width: 32%; height: 48px; }
.soft_tags_box .soft_tag3{ width: 30%; height: 48px; }
.tag_bg1{ background: #5EBF96; }
.tag_bg2{ background: #7B78FF; }
.tag_bg3{ background: #8DBC78; }
.tag_bg4{ background: #FFAD1F; }
.tag_bg5{ background: #FF797A; }
/*大神出招表2*/
.info_about_list li{ width: 96%; margin: 20px auto 0; }
.info_about_list h3{ font-size: 14px; height: 18px; line-height: 18px; overflow: hidden; }
.info_about_list em{ display: block; float: left; width: 8px; height: 8px; margin: 5px 8px 0 0; background: url(../images/bg1.png) no-repeat -110px -40px; background-size: 250px 250px; }
.info_about_list span{ display: block; float: right; width: 33px; height: 16px; font-size: 12px; color: #999999; text-align: center; line-height: 16px; padding-top: 2px; margin-left: 8px; background: url(../images/bg1.png) no-repeat -110px -50px; background-size: 250px 250px; }
/*游戏视频*/
.index_video_list{ width: 100%; }
.index_video_list li{ width: 47%; border-radius: 4px; overflow: hidden; position: relative; float: left; margin-left: 2%; margin-top: 15px; }
.index_video_list li a{ display: block; }
.index_video_list li img{ display: block; width: 100%; height: 100%; }
.index_video_list li span{ display: block; width: 96%; height: 32px; line-height: 32px; padding: 5px 2% 0; text-align: center; overflow: hidden; font-size: 12px; position: absolute; bottom: 0; left: 0; background: -webkit-linear-gradient(0deg,rgba(0,0,0,1),rgba(0,0,0,0)); background: -o-linear-gradient(0deg,rgba(0,0,0,1),rgba(0,0,0,0)); background: -moz-linear-gradient(0deg,rgba(0,0,0,1),rgba(0,0,0,0)); background: linear-gradient(0deg,rgba(0,0,0,1),rgba(0,0,0,0)); }
.index_video_list em{ display: block; width: 37px; height: 37px; position: absolute; left: 50%; top: 50%; margin-top: -19px; margin-left: -19px; background: url(../images/bg1.png) no-repeat -105px -105px; background-size: 250px 250px; }
/*热点实时报1*/
.hot_news_list1{ padding-top: 3px; }
.hot_news_list1 li{ width: 96%; padding: 0 2% 12px; margin-top: 12px; border-bottom: thin solid #E9E9E9; }
.hot_news_list1 img{ width: 118px; height: 66px; float: left; border-radius: 4px; margin-right: 20px; }
.hot_news_list1 dl{ height: 66px; overflow: hidden; }
.hot_news_list1 dt{ height: 36px; line-height: 18px; overflow: hidden; }
.hot_news_list1 dd{ height: 16px; line-height: 16px; overflow: hidden; color: #999999; font-size: 12px; margin-top: 12px; }
/*热点实时报2*/
.hot_news_list2 li{ width: 96%; padding: 0 2% 12px; margin-top: 12px; border-bottom: thin solid #E9E9E9; }
.hot_news_list2 h3{ font-size: 14px; height: 18px; line-height: 18px; overflow: hidden; }
.hot_news_list2 span{ display: block; float: right; width: 33px; height: 16px; font-size: 12px; color: #999999; text-align: center; line-height: 16px; padding-top: 2px; margin-left: 8px; background: url(../images/bg1.png) no-repeat -110px -50px; background-size: 250px 250px; }
/*友情链接*/
.blogroll_box{ width: 96%; margin: 10px auto 0; color: #666666; }
.blogroll_box a{ color: #666666; line-height: 25px; font-size: 12px; }

/************************二级分类列表_分类***************************/
/*新游推荐*/
.ngrecom_box{ margin-top: 20px; }
.ngrecom_tit{ width: 79px; height: 26px; float: left; background: -webkit-linear-gradient(90deg,#FA864D,#FF575C); background: -o-linear-gradient(90deg,#FA864D,#FF575C); background: -moz-linear-gradient(90deg,#FA864D,#FF575C); background: linear-gradient(90deg,#FA864D,#FF575C); color: #FFFFFF; text-align: center; line-height: 26px; border-radius: 0 13px 13px 0; }
.ngrecom_box img{ width: 80px; height: 80px; border-radius: 20px; float: right; margin: 12px 2% 0 10px; }
.ngrecom_box dl{ width: 92%; height: 50px; margin-left:6%; padding-top: 42px; }
.ngrecom_box dt{ font-size: 16px; height: 20px; line-height: 20px; overflow: hidden; word-break: break-all; }
.ngrecom_box dt em{ font-size: 12px; color: #FF6C6C; }
.ngrecom_box dd{ margin-top: 12px; height: 16px; line-height: 16px; font-size: 12px; overflow: hidden; color: #666666; }
.ngrecom_xz1{ display: block; width:96%; height:30px; text-align: center; line-height: 30px; color: #FFFFFF; margin: 17px auto 0; border:thin solid #53B9BE; background:#53B9BE; box-shadow:0px 1px 10px 0px rgba(83,185,190,0.59); border-radius:4px; }
.ngrecom_xz1 em{ display: inline-block; }
.ngrecom_xz1 em.em1:before{ content: ''; display: block; float: left;width: 16px; height: 16px; margin: 7px 8px 0 0; background: url(../images/bg1.png) no-repeat -175px -130px; background-size: 250px 250px; }
/*二级分类菜单*/
.sec_class_menu{ text-align: center; margin-top: 20px; }
.sec_class_menu li{ display: inline-block; overflow: hidden; margin: 0 3%; width:76px; height:24px; line-height: 24px; border:thin solid #52B8BD; color: #52B8BD; border-radius:12px; }
.sec_class_menu li a{ display: block; color: #52B8BD; }
.sec_class_menu .current{ background: #52B8BD; color: #FFFFFF; }
.sec_class_menu .current a{ color: #FFFFFF; }
/*分类列表*/
.sec_class_list{ width: 100%; }
.sec_class_list li{ width: 25%; float: left; margin-top: 16px; }
.sec_class_list a{ display: block; width: 83%; max-width: 83px; height: 30px; overflow: hidden; line-height: 30px; text-align: center; margin: 0 auto; background:#F5F5F5; border-radius: 4px; }
.sec_class_list a.current{ background: #52B8BD; color: #FFFFFF; }
/*列表菜单*/
.sec_list_menu{ width: 100%; border-bottom: thin solid #EBEBEB; height: 38px; margin-top: 14px; }
.sec_list_menu li{ width: 33.33%; float: left; font-size: 18px; text-align: center; height: 22px; line-height: 22px;}
.sec_list_menu li.current{ color: #52B8BD; position: relative; }
.sec_list_menu li.current a{ color: #52B8BD; display: block; }
.sec_list_menu li.current:after{ content: ''; display: block; width: 24px; height: 4px; border-radius: 2px; background: #52B8BD; position: absolute; left: 50%; bottom: -17px; margin-left: -12px; }
/*列表菜单-列表*/
.sec_list_con li{ width: 96%; padding: 0 2% 15px; margin: 15px auto 0; border-bottom: thin solid #E9E9E9; }
.sec_list_con img{ display: block; width:58px; height: 58px; border-radius: 14px; float: left; margin-right: 12px; position: relative; }
.sec_list_con dl{ height: 58px; overflow: hidden; }
.sec_list_con dt{ height: 18px; line-height: 18px; overflow: hidden; }
.sec_list_con dd{ height: 16px; line-height: 16px; overflow: hidden; font-size: 12px; color: #999999; margin-top: 4px; }
.list_load{ width:37px; height: 37px; margin: 20px auto 0; background: url(../images/loading.gif); background-size: 100% 100%;}
/*@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}

.Rotation {
	display: block;
    -webkit-transform: rotate(360deg);
    animation: rotation 2s linear infinite;
    -moz-animation: rotation 2s linear infinite;
    -webkit-animation: rotation 2s linear infinite;
    -o-animation: rotation 2s linear infinite;
}*/
/*二级分类列表*/
.sec_index_list{ padding-top: 5px; }
.sec_index_list li{ width: 96%; padding: 15px 2% 0; margin-top: 15px; border-top: thin solid #E9E9E9; }
.sec_index_list li:first-child{ padding-top: 0; border-top: 0; }
.sec_index_list img{ display: block; width:58px; height: 58px; border-radius: 14px; float: left; margin-right: 12px; position: relative; }
.sec_index_list dl{ height: 58px; overflow: hidden; }
.sec_index_list dt{ height: 18px; line-height: 18px; overflow: hidden; }
.sec_index_list dd{ height: 16px; line-height: 16px; overflow: hidden; font-size: 12px; color: #999999; margin-top: 4px; }

/************************二级分类列表_排行榜***************************/
.rank_top_list{ width: 100%; }
.rank_top_list li{ float: left; margin: 70px 2% 0; width: 26%; }
.rank_top_list li.top2{ width: 36%; margin-top: 38px; }
.rank_top_list .img_box{ display: block; width: 88px; position: relative; margin: 0 auto; }
.rank_top_list li.top2 .img_box{ width: 120px; }
.rank_top_list img{ display: block; width: 88px; height: 88px; border-radius: 22px; margin: 0 auto; }
.rank_top_list li.top2 img{ width: 120px; height: 120px; border-radius: 28px }
.rank_top_list span{ display: block; width: 100%; font-size: 14px; height: 18px; text-align: center; line-height: 18px; overflow: hidden; margin-top: 12px; }
.rank_top_list .praise_rank_xz1{ margin: 13px auto 0; float: initial; }
.rank_top_list em{ display: block; position: absolute; z-index: 1; background: url(../images/bg1.png) no-repeat; background-size: 250px 250px; }
.rank_top_list .top1 em{ width: 27px; height: 25px; background-position: -110px -145px; top: -13px; left: -5px; }
.rank_top_list .top2 em{ width: 37px; height: 34px; background-position: -70px -145px; top: -15px; left: -5px; }
.rank_top_list .top3 em{ width: 27px; height: 27px; background-position: -145px -130px; top: -13px; left: -5px; }

/************************汉化专区落地************************/
.sinic_top_box{ width: 96%; margin: 15px auto 0; }
.sinic_top_box img{ width: 70px; height: 70px; float: left; border-radius: 18px; margin-right: 12px; }
.sinic_top_box dl{ height: 70px; overflow: hidden; }
.sinic_top_box dt{ font-size: 16px; height: 20px; line-height: 20px; overflow: hidden; margin-top: 3px; }
.sinic_top_box dd{ font-size: 12px; height: 16px; line-height: 16px; overflow: hidden; color: #999999; margin-top: 7px; }
.sinic_top_box dd em{ display: block; float: left; }
.sinic_top_box .star_box{ float: left; margin: 1px 0 0 5px; }

/*圆圈进度条*/
.score_cir_box{ float: right; width: 42px; height:42px; margin: 11px 0 0 5px; position: relative; color: #FF5555; text-align: center; line-height: 42px; }
.score_cir_box .cir_wrapper{ width: 50%; height: 100%; position: absolute; top: 0; overflow: hidden; }
.score_cir_box .cir_wrap_left{ left: 0; }
.score_cir_box .cir_wrap_right{ right: 0; }
.cir_pro{ width: 42px; height: 42px; border:4px solid #EBEBEB; border-radius: 50%; box-sizing: border-box; position: absolute; top:0; }
/*下方注释掉的为分数为0的时候的状态*/
/*.right_cir{ border-top:5px solid green; border-right:5px solid green; right:0; transform:rotate(-135deg); -ms-transform:rotate(-135deg); -moz-transform:rotate(-135deg); -webkit-transform:rotate(-135deg);-o-transform:rotate(-135deg); }
.left_cir{ border-top:5px solid green; border-left:5px solid green; left:0; transform:rotate(135deg); -ms-transform:rotate(135deg); -moz-transform:rotate(135deg); -webkit-transform:rotate(135deg);-o-transform:rotate(135deg); }*/
.right_cir{ border-top:4px solid #FF6C6C; border-right:4px solid #FF6C6C; right:0; }
.left_cir{ border-top:4px solid #FF6C6C; border-left:4px solid #FF6C6C; left:0; }
/*圆圈进度条 end*/

.sinic_top_box .ngrecom_xz1{ width: 100%; margin-top: 22px; }
.sinic_top_box p{ height: 56px; overflow: hidden; line-height: 18px; font-size: 12px; margin-top: 18px; }

.actor_attack_list{ width: 100%; padding-top: 5px; }
.actor_attack_list li{ float: left; width: 25%; text-align: center; margin-top: 12px; }
.actor_attack_list img{ display: block; width: 72px; height: 72px; border-radius: 18px; margin: 0 auto; }
.actor_attack_list span{ display: block; margin-top: 10px; height: 18px; overflow: hidden; }

/************************汉化专区************************/
.areaIn_list{ width: 100%; margin: 0 auto; }
.areaIn_list li{ float: left; width: 46%; margin: 18px 2% 0; border-radius: 8px; overflow: hidden; background: #FFFFFF; box-shadow: 0 0 15px 3px rgba(0,0,0,0.1) }
.areaIn_list li img{ display: block; width: 100%; }
.areaIn_atit{ width: 96%; margin: 0 auto; height: 37px; line-height: 37px; }
.areaIn_atit h3{ font-size: 12px; overflow: hidden; word-break: break-all; }
.areaIn_atit em{ float: right; display: block; font-size: 12px; height: 16px; line-height: 16px; margin: 11px 0 0 5px; }
.areaIn_atit em a{ display: block; color: #52B8BD; }
.areaIn_atit em a:after{ content: ''; display: block; float: right; width: 12px; height: 12px; margin: 2px 0 0 5px; background: url(../images/bg1.png) no-repeat -210px -130px; background-size: 250px 250px; }

/************************排行榜列表************************/
.rank_tit_list{ width: 100%; padding-top: 8px; }
.rank_tit_list li{ width: 25%; float: left; text-align: center; margin-top: 13px; }
.rank_tit_list em{ display: block; width: 47px; height: 47px; margin: 0 auto; background: url(../images/bg4.png) no-repeat; background-size: 200px 100px; }
.rank_tit_list em.icon1{ background-position: 0 0 }
.rank_tit_list em.icon2{ background-position: -50px 0 }
.rank_tit_list em.icon3{ background-position: -100px 0 }
.rank_tit_list em.icon4{ background-position: -150px 0 }
.rank_tit_list em.icon5{ background-position: 0 -50px }
.rank_tit_list em.icon6{ background-position: -50px -50px }
.rank_tit_list em.icon7{ background-position: -100px -50px }
.rank_tit_list em.icon8{ background-position: -150px -50px }
.rank_tit_list span{ display: block; height: 18px; line-height: 18px; overflow: hidden; margin-top: 12px; }

.rank_kind_list{ width: 100%; overflow: hidden; }
.rank_kind_list li{ float: left; width: 47%; margin: 12px 0 0 2%; }
.rank_kind_list li a{ display: block; width: 96%; height: 30px; padding: 0 2%; text-align: center; line-height: 30px; border-radius: 4px; background:#F5F5F5; overflow: hidden; }

/************************排行榜详情************************/
.rank_top1_box{ width: 100%; margin-top: 15px; padding-top: 15px; position: relative; text-align: center; }
.rank_top1_box em{ display: block; width: 58px; height: 26px; background: -webkit-linear-gradient(90deg,#FA864D,#FF575C); background: -o-linear-gradient(90deg,#FA864D,#FF575C); background: -moz-linear-gradient(90deg,#FA864D,#FF575C); background: linear-gradient(90deg,#FA864D,#FF575C); color: #FFFFFF; text-align: center; line-height: 26px; border-radius: 0 13px 13px 0; position: absolute; left: 0; top: 38px;  }
.rank_top1_box i{ display: block; width: 28px; height: 22px; background: url(../images/bg1.png) no-repeat -40px -175px; background-size: 250px 250px; position: absolute; left: 50%; top: 0; margin-left: -40px; }
.rank_top1_box img{ display: block; width: 69px; height: 69px; border-radius: 18px; margin: 0 auto; }
.rank_top1_box b{ display: block; width: 147px; height: 28px; position: absolute; left: 50%; top: 70px; margin-left: -73px; background: url(../images/bg1.png) no-repeat 0 -215px; background-size: 250px 250px; }
.rank_top1_box h2{ font-size: 14px; height: 18px; line-height: 18px; overflow: hidden; margin-top: 22px; }
.rank_top1_box span{ display: block; font-size: 12px; height: 16px; line-height: 16px; overflow: hidden; margin-top: 5px; color: #52B8BD; }

.soft_score_list li{ width:96%; padding: 0 2%; margin-top: 18px; }
.soft_score_list i{ display: block; float: left; width: 22px; height: 22px; text-align: center; line-height: 22px; border-radius: 3px; margin: 19px 15px 0 0; background: #C2C2C2; color: #FFFFFF; }
.soft_score_list i.top{ background: #52B8BD; }
.soft_score_list img{ display: block; width: 60px; height: 60px; float: left; border-radius: 17px; margin-right: 15px; }
.soft_score_list dl{ height: 53px; padding-top: 7px; }
.soft_score_list dt{ height: 20px; line-height: 20px; font-size: 16px; overflow: hidden; word-break: break-all; }
.soft_score_list dd{ color: #C4C4C4; font-size: 12px; }
.soft_score_list dd{ height: 16px; line-height: 16px; overflow: hidden; word-break: break-all; margin-top: 12px; }
.soft_score_list p{ line-height: 22px; margin-top: 10px; font-size: 12px; height: 44px; overflow: hidden; }

/************************搜索点击************************/
.sear_res_list{ overflow: hidden; }
.sear_res_list li{ width: 29.33%; float: left; margin: 15px 2% 0; text-align: center; line-height: 32px; }
.sear_res_list li a{ display: block; width: 96%; padding: 0 2%; height: 32px; border-radius: 4px;overflow: hidden;}
.sear_res_list li a.a1{ border: thin solid #52B8BD; color: #52B8BD; }
.sear_res_list li a.a2{ border: thin solid #FF6C6C; color: #FF6C6C; }

.sear_down_list li{ width:96%; padding: 0 2%; margin-top: 18px; }
.sear_down_list i{ display: block; float: left; width: 22px; height: 22px; text-align: center; line-height: 22px; border-radius: 3px; margin: 19px 15px 0 0; background: #C2C2C2; color: #FFFFFF; }
.sear_down_list i.top{ background: #52B8BD; }
.sear_down_list img{ display: block; width: 54px; height: 54px; float: left; border-radius: 14px; margin-right: 12px; }
.sear_down_list dl{ height: 54px; overflow: hidden; }
.sear_down_list dt{ height: 20px; line-height: 20px; overflow: hidden; word-break: break-all; margin-top: 5px; }
.sear_down_list dd{ color: #C4C4C4; font-size: 12px; }
.sear_down_list dd{ height: 16px; line-height: 16px; overflow: hidden; word-break: break-all; margin-top: 10px; }

/************************搜索结果游戏************************/
.sear_class_menu{ text-align: center; margin-top: 20px; }
.sear_class_menu li{ display: inline-block; overflow: hidden; margin: 0 3%; width:108px; height:28px; line-height: 28px; border:thin solid #52B8BD; color: #52B8BD; border-radius:15px; }
.sear_class_menu li a{ display: block; color: #52B8BD; }
.sear_class_menu .current{ background: #52B8BD; color: #FFFFFF; }
.sear_class_menu .current a{ color: #FFFFFF; }

.sear_res_list1{ width: 100%; padding-top: 2px; }
.sear_res_list1 li{ width: 96%; margin: 18px auto 0; position: relative; }
.sear_res_list1 em{ display: block; width: 40px; height: 18px; text-align: center; line-height: 18px; background: #FF4C88; border-radius: 9px; font-size: 12px; color: #FFFFFF; position: absolute; left: -5px; top: -5px; }
.sear_res_list1 b{ display: block; float: left; width: 18px; height: 18px; border-radius: 4px; text-align: center; line-height: 18px; overflow: hidden; margin: 20px 12px 0 0; background: #BEBEBE; color: #FFFFFF; }
.sear_res_list1 b.top1{ background: #FF6C6C; }
.sear_res_list1 img{ width: 58px; height: 58px; float: left; border-radius: 14px; margin-right: 12px; }
.sear_res_list1 dl{ height: 58px; overflow: hidden; }
.sear_res_list1 dt{ height: 18px; line-height: 18px; overflow: hidden; }
.sear_res_list1 dd{ font-size: 12px; line-height: 16px; overflow: hidden; color: #999999; margin-top: 2px; }
.sear_res_list1 .sear_tag_list{ height: 18px; margin-top: 4px; }
.sear_tag_list a{ display: block; float: left; height: 16px; line-height: 16px; padding: 0 5px; margin-left: 5px; border: thin solid #DEDEDE; border-radius: 8px; color: #999999; }
.sear_tag_list a:first-child{ margin-left: 0; }

/************************下载落地************************/
.gdown_top_box{ width: 96%; margin:15px auto 0; }
.gdown_top_box img{ width: 70px; height: 70px; border-radius: 16px; float: left; margin-right: 12px; }
.gdown_top_box dl{ height: 70px; overflow: hidden; }
.gdown_top_box dt h1{ font-size: 16px; height: 20px; line-height: 20px; overflow: hidden; font-weight: normal;}
.gdown_top_box dd{ font-size: 12px; height: 16px; line-height: 16px; overflow: hidden; color:#333333; margin-top: 8px; float:left; width:50%;}
.gdown_top_box dd span{ color:#999999;}
.gdown_top_box em{ display: block; width: 48px; height: 55px; float: right; margin-left: 10px; background: url(../images/bg1.png) no-repeat -200px -155px; background-size: 250px 250px; }
.gdown_top_box p{ margin-top: 15px; font-size: 12px; line-height: 16px; height: 16px; color: #999999; overflow: hidden; }

/*普通下载*/
.gdown_top_btn1{ display: block; width:100%; text-align: center; line-height: 30px; margin: 0 auto; font-size: 12px; }
.gdown_top_btn1 a,.gdown_top_btn1 button{ outline: none;width:96%; height:30px; text-align: center; line-height: 30px; color: #FFFFFF; margin: 16px auto 0; border:thin solid #53B9BE; background:#53B9BE; box-shadow:0px 1px 10px 0px rgba(83,185,190,0.59); border-radius:4px; }
.gdown_top_btn3 a{display:block;}
.gdown_top_btn1 em{ display: inline-block; }
.gdown_top_btn1 em i{ display: block; float: left; width: 15px; height: 15px; margin: 7px 8px 0 0; background: url(../images/bg1.png) no-repeat; background-size: 250px 250px; }
.gdown_top_btn1 i.i_and{ background-position: -140px -160px; }
.gdown_top_btn1 i.i_ios{ background-position: -160px -160px; }
.gdown_top_btn1 i.i_pc{ background-position: -180px -160px; }
/*豌豆荚*/
.gdown_top_btn2{ display: block; width:100%; text-align: center; line-height: 30px; font-size: 12px; }
.gdown_top_btn2 a{ float: left; width:46%; height:30px; text-align: center; line-height: 30px; font-size: 12px; white-space: nowrap; overflow: hidden; color: #FFFFFF; margin: 17px 2% 0; border:thin solid #53B9BE; box-sizing: border-box; background:#53B9BE; box-shadow:0px 1px 10px 0px rgba(83,185,190,0.59); border-radius:4px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.gdown_top_btn2 i{ display: inline-block; width: 15px; height: 15px; margin-right: 5px; background: url(../images/bg1.png) no-repeat; background-size: 250px 250px; }
.gdown_top_btn2 i.i_and{ background-position: -140px -160px; }
.gdown_top_btn2 i.i_ios{ background-position: -160px -160px; }
.gdown_top_btn2 i.i_pc{ background-position: -180px -160px; }
.gdown_top_btn2 a.bg_wdj{ background:#5390FF; border:thin solid #5390FF; box-shadow:0px 1px 10px 0px rgba(83,144,255,0.59); }
.gdown_top_btn2 em{ max-width: 87%; overflow: hidden; }
/*预约弹出层*/
.to_order_layer{ position: relative; }
.order_layer{ display: none; width:64%; text-align:center; margin: 0 auto; border-radius: 5px; border:thin solid #52B8BD; background: #FFFFFF; overflow: hidden; padding-bottom: 15px; position: absolute; top: -15px; left: 18%; z-index: 3 }
.order_layer h2{ color: #FFFFFF; width: 94%; padding: 0 3%; height: 35px; line-height: 35px; background: #52B8BD; font-size: 16px; text-align: left; }
.order_layer h2 .i_clo{ display: block; float: right; width: 18px; height:18px; margin: 8px 0 0 5px; background: url(../images/bg1.png) no-repeat -135px -180px; background-size: 250px 250px; }
.order_tel_box{ width: 100%; border-bottom: thin solid #E9E9E9; padding-bottom: 15px; }
.order_tel_box input[type="text"]{ width: 70%; height: 25px; line-height: 25px; border:thin solid #E9E9E9; margin-top: 15px; padding: 0 7px; border-radius: 4px; }
.order_layer input[type="submit"],.order_layer input[type="reset"]{ border-radius: 4px; border:thin solid #52B8BD; width: 60px; height: 30px; margin:15px 5px 0; }
.order_layer input[type="submit"]{ background: #52B8BD; color: #FFFFFF; }
.order_layer input[type="reset"]{ background: #FFFFFF; color: #52B8BD; }
/*豌豆荚*/
.tencent_xz_box{ width: 96%; margin: 0 auto; position: relative; text-align: center; }
.frm_tencent_xz{ position: relative; margin: 15px auto 0; }
.frm_tencent_xz i{display: inline-block; vertical-align: middle; width: 12px; height: 12px; margin:0 7px 0 0; background: url(../images/bg1.png) no-repeat -40px -200px; background-size: 250px 250px; }
.frm_tencent_xz span{ display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; }
.tencent_xz_btn{ display: block; width: 100%; height: 30px; box-sizing: border-box; border-radius: 4px; border:thin solid #52B8BD; background: #52B8BD; color: #FFFFFF; margin-top: 15px; text-align: center; line-height: 28px; box-shadow:0px 1px 10px 0px rgba(83,185,190,0.59); }
.tencent_xz_box p{ display: inline-block; color: #999999; font-size: 12px; line-height: 20px; }

.tencent_xz_box.frm .frm_tencent_xz_btn{ display: block; }
.tencent_xz_box.frm .tencent_xz_btn{ display: none }
.tencent_xz_box.frm .frm_tencent_xz i{ background-position: -55px -200px; }
.show_other{ display: block; }
.show_default{ background: #5390FF; border:thin solid #5390FF; box-shadow: 0px 1px 10px 0px rgba(83,144,255,0.59); display: none; }
.tencent_xz_box.frm .show_default{ display: block; }
.tencent_xz_box.frm .show_other{ display: none; }

/*标签列表*/
.tag_tit1{ width: 96%; margin: 22px auto 0; }
.to_more_tag{ display: block; width: 11px; height: 21px; float: right; margin-top: 3px; margin-left: 5px; background: url(../images/bg1.png) no-repeat -155px -180px; background-size: 250px 250px; }
.tag_tit1 h2{ font-size: 14px; height: 25px; overflow: hidden; }
.tag_tit1 h2 a{ display: block; float: left; height: 23px; line-height: 23px; border:thin solid #52B8BD; color: #52B8BD; padding: 0 5px; border-radius: 2px; margin-left: 10px; }
.tag_tit1 h2 a:first-child{ margin-left: 0; }
/*截图*/
.mgame_detail_pic{ margin-top: 24px; }
.mgame_detail_pic a{ display: block; width: 47%; float: left; margin-left: 2%; }
.mgame_detail_pic img{ width: 100%; height:auto !important;}
/*内容介绍*/
.mgame_detail_con{ width: 96%; margin: 0 auto; /*max-height: 489px;*/ overflow: hidden; font-size:16px; line-height: 30px;}
.mgame_detail_con h2{ float: left; padding: 0 15px; margin: 15px 0 5px 0; height: 28px; text-align: center; line-height: 28px; font-size: 18px; color: #52B8BD; background:rgba(82,184,189,0.3); border-radius: 14px; }
.mgame_detail_con p{ line-height: 30px; margin-top: 15px; font-size:16px;}
.mgame_detail_con img{ max-width: 100%; display: block; margin: 0 auto; }
.mgame_detail_box .look_more1{ margin: 15px auto 5px; }
.mgame_detail_con iframe{ width: 100%; height: 50vw; max-height: 384px; }
.mgame_detail_con a{ color: #52b8bd;}

/*相关种类游戏推荐标题及外框*/
.mgame_recom_box{ width: 100%; margin-top: 20px; padding-top: 1px; height: 236px; background:url(../images/box_bg2.png); background-size: 100% 100%; }
.mgame_recom_more{ display: block; float: right; width: 11px; height: 21px; background:url(../images/bg1.png) no-repeat -185px -180px; background-size: 250px 250px; }
.mgame_recom_tit{ width: 96%; margin: 12px auto 0; }
.mgame_recom_tit li {line-height: 22px;color: #FFFFFF;float: left;margin-right: 24px;max-width: 17%;white-space: nowrap;overflow-x: auto;height: 27px;}
.mgame_recom_tit li.current{ font-size: 16px; line-height: 20px; position: relative; }
.mgame_recom_tit li.current:after{ content: ''; display: block; width: 22px; height: 3px; background: #FFFFFF; border-radius:2px; position: absolute; bottom: 0; left: 50%; margin-left: -11px; }
/*相关种类游戏推荐轮播*/
.mgame_recom_swiper{ width: 98%; margin-left: 2%; }
.mgame_recom_swiper .swiper-slide{ width: 98px !important; padding-right:2%; }
.mgame_recom_con{ width: 88px; height: 85px; padding: 49px 5px 0; margin-top: 45px; text-align: center; border-radius: 4px; background: url(../images/box_bg5.png) no-repeat; background-size: 100% 100%; position: relative;}
.mgame_recom_swiper img{ width: 62px; height: 62px; border-radius: 50%; border: 2px solid #FFFFFF; position: absolute; left: 50%; top: -29px; margin-left: -33px; }
.mgame_recom_swiper dt{ height: 18px; line-height: 18px; overflow: hidden; }
.mgame_recom_swiper dd{ font-size: 12px; height: 16px; line-height: 16px; overflow: hidden; color: #999999; margin-top: 4px; }

/*相关文章*/
.art_about_list{ width: 96%; margin:0 auto; }
.art_about_list li{ margin-top: 18px; }
.art_about_list em{ display: block; float: left; width: 6px; height: 5px; margin:7px 10px 0 0; background: url(../images/bg1.png) no-repeat -210px -145px; background-size: 250px 250px; }
.art_about_list b{ float: right; margin-left: 5px; color: #666666; }
.art_about_list a{ display: block; height: 18px; line-height: 18px; overflow: hidden; color: #666666; }

/************************游戏库************************/
.game_lib_list{ width: 100%; }
.game_lib_list li{ width: 25%; float: left; }
.game_lib_list li.hid{ display: none; }
.game_lib_list a{ display: block; }
.game_lib_list .more_lib{ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.game_lib_list a,.game_lib_list .more_lib{ width: 80%; height: 30px; text-align: center; line-height: 30px; padding: 0 2%; overflow: hidden; font-size: 12px; margin: 14px auto 0; background: #F5F5F5; border-radius: 4px; }
.game_lib_list a.current{ background: #52B8BD; color: #FFFFFF; }
.game_lib_list .more_lib i{ display: block; width: 6px; height: 12px; margin-left: 3px; background: url(../images/bg1.png) no-repeat -150px -205px; background-size: 250px 250px; }
.game_lib_list .more_lib.less i{ background-position: -160px -205px; }

.lib_cate_menu{ width: 100%; margin:20px auto 0; text-align: center; }
.lib_cate_menu li{ display: inline-block; width: 76px; height: 24px; border:thin solid #52B8BD; border-radius: 13px; text-align: center; line-height: 24px; overflow: hidden; color:#52B8BD; margin: 0 2%; }
.lib_cate_menu li a{ color: #52B8BD; }
.lib_cate_menu li.current{ background: #52B8BD; color: #FFFFFF; }
.lib_cate_menu li.current a{ color: #FFFFFF; }

.lib_game_list{ width: 100%; padding-top: 8px; }
.lib_game_list li{ width: 96%; padding: 0 2%; border-bottom: thin solid #E9E9E9; padding-bottom: 12px; margin-top: 12px; }
.lib_game_list img{ width: 58px; height: 58px; float: left; border-radius: 14px; margin-right: 12px; }
.lib_game_list dl{ height: 58px; overflow: hidden; }
.lib_game_list dt{ height: 18px; line-height: 18px; overflow: hidden; }
.lib_game_list dd{ font-size: 12px; line-height: 16px; overflow: hidden; color: #999999; margin-top: 2px; }
.lib_game_list .sear_tag_list{ height: 18px; margin-top: 4px; }

/************************专题列表************************/
.topicIn_list{ width: 96%; margin: 0 auto; }
.topicIn_list li{ float: left; width: 100%; margin: 18px auto 0; border-radius: 8px; overflow: hidden; background: #FFFFFF; box-shadow: 0 0 15px 3px rgba(0,0,0,0.1) }
.topicIn_list li img{ display: block; width: 100%; }
.topicIn_atit{ width: 96%; margin: 0 auto; height: 50px; line-height: 50px; }
.topicIn_atit h3{ font-size: 16px; overflow: hidden; word-break: break-all; }
.topicIn_atit em{ float: right; display: block; font-size: 12px; height: 16px; line-height: 16px; margin: 17px 0 0 5px; }
.topicIn_atit em a{ display: block; color: #52B8BD; }
.topicIn_atit em a:after{ content: ''; display: block; float: right; width: 16px; height: 16px; margin: 0 0 0 5px; background: url(../images/bg1.png) no-repeat -170px -205px; background-size: 250px 250px; }

/************************专题详情************************/
.topic_detail_box{ display: block; width: 96%; margin: 0 auto; padding-top: 10px; }
.topic_detail_box p{ margin-top: 5px; }
.topic_detail_box p img{ width: 100%; line-height: 22px; }

.topic_detail_info{ display: block; width: 96%; margin: 15px auto 0; height: 18px; line-height: 18px; overflow: hidden; color: #999999; }
.topic_detail_info i{ display: block; float: left; width: 15px; height: 15px; margin:1px 5px 0 0; background: url(../images/bg1.png) no-repeat; background-size: 250px 250px; }
.topic_detail_info .info1{ display: block; float: left; line-height: 18px; }
.topic_detail_info .info1 i{ background-position: -150px -220px; }
.topic_detail_info .info2{ display: block; float: right; line-height: 18px; }
.topic_detail_info .info2 i{ background-position: -220px -220px; }

.topic_fall_list li{ width: 96%; padding: 15px 2% 0; margin-top: 15px; border-top: thin solid #E9E9E9; }
.topic_fall_list li:first-child{ padding-top: 0;border-top: 0 }
.topic_fall_list img{ width: 63px; height: 63px; border-radius: 16px; float: left; margin-right: 12px; }
.topic_fall_list dl{ height: 63px; overflow: hidden; }
.topic_fall_list dt{ height: 18px; line-height: 18px; overflow: hidden; margin-top: 3px; }
.topic_fall_list dd{ color: #999999; font-size: 12px; height: 16px; line-height: 16px; overflow: hidden; margin-top: 5px; }
.topic_fall_list .newgame_top_xz2{ margin-top: 18px; }

.topic_recom_swiper{ width: 100%; padding-left: 12px; box-sizing: border-box; }
.topic_recom_swiper .swiper-slide{ width: 298px; height: 120px; padding-right: 15px; margin-top: 20px; position: relative; }
.topic_recom_swiper a{ display: block; width: 298px; height: 120px; overflow: hidden; position: relative; border-radius: 4px; }
.topic_recom_swiper img{ display: block; width: 100%; height: 100%; }
.topic_recom_swiper span{ display: block; width: 96%; height: 30px; padding: 20px 2% 0; line-height: 30px; overflow: hidden; background: -webkit-linear-gradient(0deg,rgba(0,0,0,1),rgba(0,0,0,0)); background: -o-linear-gradient(0deg,rgba(0,0,0,1),rgba(0,0,0,0)); background: -moz-linear-gradient(0deg,rgba(0,0,0,1),rgba(0,0,0,0)); background: linear-gradient(0deg,rgba(0,0,0,1),rgba(0,0,0,0)); position: absolute; bottom: 0; left: 0; }

.nteweek_list{ width: 100%; margin: 0 auto; padding-top: 3px; }
.nteweek_list li{ width: 47%; float: left; margin-left: 2%; margin-top: 12px; }
.nteweek_list img{ width: 100%; display: block; border-radius: 4px; }
.nteweek_list span{ display: block; height: 18px; line-height: 18px; overflow: hidden; text-align: center; margin-top: 10px; }

/************************资讯列表************************/
.news_cate_menu{ width: 100%; margin: 15px auto 0; text-align: center; height: 30px; }
.news_cate_menu li{ display: inline-block; width: 25%; max-width: 98px; height: 28px; border:thin solid #52B8BD; border-radius: 14px; color: #52B8BD; text-align: center; line-height: 28px; overflow: hidden; margin: 0 2%; }
.news_cate_menu li a{ display: block; color: #52B8BD; }
.news_cate_menu li.current{ background: #52B8BD; color: #FFFFFF; }
.news_cate_menu li.current a{ color: #FFFFFF; }

/************************资讯落地************************/
.news_top_swiper{ width: 100%; margin: 15px auto 0; }
.news_top_swiper .swiper-slide{ width: 66px; padding:0 12px; }
.news_top_swiper img{ display: block; width: 66px; height: 66px; border-radius: 14px; margin: 0 auto; }
.news_top_swiper span{ display: block; width: 100%; height: 18px; text-align: center; line-height: 18px; overflow: hidden; margin-top: 15px; word-break: break-all; }

.news_detail_tit{ width: 96%; margin: 15px auto 0; border-bottom: 1px solid #F2F2F2; padding-bottom: 15px;  }
.news_detail_tit h1{ font-size:16px; color: #52B8BD; line-height: 22px; font-weight: normal;}
.news_detail_tit span{ display: block; color: #999999; font-size: 12px; line-height: 18px; margin-top: 10px; }
.news_top_recom{ width: 96%; padding: 13px 2%; background:rgba(82,184,189,0.2); margin-top: 12px; }
.news_top_recom img{ width: 54px; height: 54px; float: left; margin-right: 12px; }
.news_top_recom dl{ height: 54px; overflow: hidden; }
.news_top_recom dt{ margin-top: 3px; height: 18px; line-height: 18px; overflow: hidden; }
.news_top_recom dd{ font-size: 12px; color: #999999; margin-top: 12px; height: 16px; line-height: 16px; overflow: hidden; }

.news_detail_con{ width: 96%; margin: 0 auto; font-size:16px;}
.news_detail_con p{ margin: 15px auto 0; line-height: 30px; font-size:16px; word-break: break-all; }
.news_detail_con p img{ display: block; margin: 0 auto; max-width: 100%; }
.news_detail_con h2{ font-size: 18px; color: #52B8BD; margin-top: 15px; font-weight:bold;}
.news_detail_con h2 img{ width: 100%;}
.news_detail_con a{ color: #52b8bd;}

.news_review{ width: 280px; height: 40px; margin: 20px auto 0; border-radius: 20px; overflow: hidden; }
.news_review span{ display: block; float: left; width: 140px; height: 40px; line-height: 40px; text-align: center; color:#FFFFFF; }
.news_review span.good{ background:#52B8BD; }
.news_review span.bad{ background:#E7E7E7; }
.news_review span em{ display: inline-block; }
.news_review span em:before{ content:''; display: block; float: left; margin-right: 10px; width: 22px; height: 27px; background:url(../images/bg1.png) no-repeat; background-size: 250px 250px; }
.news_review span.good em:before{ background-position: -70px -185px; margin-top: 5px; }
.news_review span.bad em:before{ background-position: -95px -185px; margin-top: 10px; }

.news_share_box{ width: 96%; margin: 40px auto 0; border-top: thin solid #E9E9E9; }
.news_share_box h2{ font-size: 18px; height: 22px; line-height: 22px; color: #999999; width: 90px; text-align: center; background:#FFFFFF; margin: -11px auto 0; }
.news_share_box ul{ display: table; width: 100%; margin: 20px auto 5px; }
.news_share_box li{ display: table-cell; }
.news_share_box li a{ display: block; width: 50px; height: 50px; border-radius: 50%; margin: 0 auto; background: url(../images/bg5.png) no-repeat; background-size: 200px 50px; }
.news_share_box li .share1{ background-position: 0 0; }
.news_share_box li .share2{ background-position: -50px 0; }
.news_share_box li .share3{ background-position: -100px 0; }
.news_share_box li .share4{ background-position: -150px 0; }

.mgame_recom_tit2 li{ max-width: 23%; height: 22px; padding-bottom: 5px; white-space: nowrap; overflow: auto; margin-right: 2%;  }
.mgame_recom_tit2 li.current{ font-size: 14px; }
.mgame_recom_tit2 li.current:after{ bottom: 0 }

.game_hot_list li{ width: 96%; margin: 15px auto 0; }
.game_hot_list img{ width: 63px; height: 63px; border-radius: 16px; float: left; margin-right: 12px; }
.game_hot_list dl{ height: 63px; overflow: hidden; }
.game_hot_list dt{ height: 18px; line-height: 18px; overflow: hidden; margin-top: 3px; }
.game_hot_list dd{ color: #999999; font-size: 12px; height: 16px; line-height: 16px; overflow: hidden; margin-top: 5px; }
.game_hot_list dd .star_box{ float: left; }
.game_hot_list .newgame_top_xz2{ margin-top: 17px; }

.lab_hot_list{ overflow: hidden; width: 98%; margin-left: 2%; padding-top: 5px; }
.lab_hot_list a{ display: block; float: left; padding: 0 5px; height: 28px; border-radius: 4px; line-height: 28px; margin: 12px 2% 0 0; }
.lab_hot_list a.a1{ border: thin solid #52B8BD; color: #52B8BD; }
.lab_hot_list a.a2{ border: thin solid #FF6C6C; color: #FF6C6C; }

/************************资讯频道************************/
.index_swiper h2{ display: block; width: 73%; height: 45px; line-height: 45px; padding: 45px 25% 0 2%; overflow:hidden; word-break: break-all; position: absolute; left: 0; bottom: 0; font-size: 14px; background: -webkit-linear-gradient(0deg,rgba(0,0,0,1),rgba(0,0,0,0)); background: -o-linear-gradient(0deg,rgba(0,0,0,1),rgba(0,0,0,0)); background: -moz-linear-gradient(0deg,rgba(0,0,0,1),rgba(0,0,0,0)); background: linear-gradient(0deg,rgba(0,0,0,1),rgba(0,0,0,0));  }
.index_swiper .pagination2{ width:25%; height: 19px; position: absolute; bottom: 13px; right: 0; left: initial; }
.pagination2 .swiper-pagination-bullet{ width: 6px; height: 6px; border-radius: 3px; background: #FFFFFF; opacity: 1 }
.pagination2 .swiper-pagination-bullet-active{ width: 19px; background: #52B8BD; }

.today_hot_list{ width: 96%; padding-top: 2px; margin: 0 auto; }
.today_hot_list li{ width: 100%; margin-top: 15px; border:thin solid #52B8BD; box-sizing: border-box; }
.today_hot_list img{ width: 50%; height: 100%; }
.today_hot_list .left img,.today_hot_list .right .today_hot_box{ float: left; }
.today_hot_list .right img,.today_hot_list .left .today_hot_box{ float: right; }
.today_hot_box{ width: 50%; height: 100%; }
.today_hot_box h2{ height: 29px; line-height: 29px; overflow: hidden; background: #52B8BD; color: #FFFFFF; font-size: 14px; }
.today_hot_box h2:before{ content: ''; display: block; float: left; width: 9px; height: 10px; margin: 9px 7px 0; background: url(../images/bg1.png) no-repeat -190px -205px; background-size: 250px 250px; }
.today_hot_con{ height: 100%; margin-top: -29px; padding-top: 29px; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.today_hot_in{ font-size: 12px; width: 94%; max-height: 90%; overflow: hidden; }


/**新增**/
.conList{ width:100%;}
.conList li{ width:100%; border-bottom:1px solid #F0F0F0; margin-top:10px; padding-bottom:10px;}
.conList li p{ float:left; width:75%; height:18px; line-height:18px; overflow:hidden; margin:3px 0px 0px 2%; font-size:12px; color:#999999;}
.conList li p a{ font-size:14px;}
.conList li a.submit{ display:block; float:right; width:48px; height:21px; line-height:21px; border:1px solid #52B8BD; border-radius:7px; color:#52B8BD; text-align:center; overflow:hidden; margin-right:2%;}

.jjTjwBox{ width:96%; margin:auto;}
.jjTjwBox a{ display:block; float:left; height:23px; line-height:23px; border:1px solid #EF4B4B; color:#EF4B4B; border-radius:5px; margin:12px 10px 0px 0px; padding:0px 5px;}

.jjXgztBox{ width:96%; margin:auto; margin-top:5px;}
.jjXgztBox span{ display:block; float:left; margin-top:10px;}
.jjXgztBox a{ display:block; float:left; height:20px; padding:0px 10px; color:#ffffff; border-radius:100px; margin:10px 0px 0px 10px;}
.jjXgztBox a.bg1{ background:#52B8BD;}
.jjXgztBox a.bg2{ background:#CC99FF;}
.jjXgztBox a.bg3{ background:#F5A0B3;}
.jjXgztBox a.bg4{ background:#FF9933;}


.newsImg{ width:100%;}
.newsImg li.swiper-slide{ width:298px; height:120px;}
.newsImg li.swiper-slide a{ display:block; width:298px; height:120px;}
.newsImg li.swiper-slide a img{ width:298px; height:120px; border-radius:0px;}

.topic_detail_box{ position:relative;}
.topicImg{ position:relative;}
.topicImg img{ width:100%; position:relative;}
.topicImg h2{height:25px; line-height:25px; max-width:100%; background:#F86262; color:#ffffff; font-size:16px; padding:0px 10px; overflow:hidden; position:absolute; left:0px; bottom:65px;}

#topicid{ height:65px; position:absolute; left:0px; bottom:0px; width:100%; display:block; overflow:hidden; background:#000000; opacity:0.6;}
.topicMsg{ width:100%; height:auto; overflow:hidden; display:block; position:absolute; left:0px;}
.topicMsg p{line-height:25px; color:#ffffff; width:96%; margin:auto; margin-top:8px; display:block; height:auto; overflow:hidden;}

.jjTlztBox{ width:96%; margin:auto;}
.jjTlztBox span{ display:block; float:left; margin-top:14px;}
.jjTlztBox a{ display:block; float:left; height:23px; line-height:23px; padding:0px 7px; color:#ffffff; border-radius:5px; margin:12px 0px 0px 8px;}
.jjTlztBox a.bg1{ background:#52B8BD;}
.jjTlztBox a.bg2{ background:#F86262;}
.jjTlztBox a.bg3{ background:#00CCFF;}
.jjTlztBox a.bg4{ background:#F471A3;}

.jjBtbList{ width:96%; margin:auto;}
.jjBtbList li{ width:100%; margin-top:15px;}
.jjBtbList li span{ display:block; float:left; width:59px; height:26px; line-height:26px; overflow:hidden; text-align:center; background:url(../images/bg6.png) no-repeat 0px 0px; background-size:100px 100px; color:#ffffff; margin:0px 10px 0px 0px;}
.jjBtbList li p{ height:18px; line-height:18px; overflow:hidden; font-size:12px; color:#FF9900; padding-top:5px;}
.jjBtbList li p a{ font-size:14px;}

.conMsg{ width:96%; margin:auto; margin-top:5px;}
.conMsg a{ display:block; float:left; height:20px; line-height:20px; border:1px solid #E9E9E9; padding:0px 6px; border-radius:5px; margin:12px 10px 0px 0px;}
.conMsg a.bg1{ color:#CE6808;}
.conMsg a.bg2{ color:#005FBF;}
.conMsg a.bg3{ color:#7F00FF;}
.conMsg a.bg4{ color:#FF00FF;}
.conMsg a.bg5{ color:#007F00;}
.conMsg a.bg6{ color:#F74242;}
.conMsg a.bg7{ color:#672FA3;}
.conMsg a.bg8{ color:#B73838;}
.conMsg a.bg9{ color:#509E03;}
.conMsg a.bg10{ color:#09BC92;}
.conMsg a.bg11{ color:#77770D;}

/*游戏下载页弹窗*/
.alert_sub_box,.alert_frmDown_box{ display: none; width: 88.5%; padding-bottom: 50px; border: thin solid #52B8BD; border-radius: 10px; overflow: hidden; background: #FFFFFF; position: fixed; top: 50%; left: 50%; margin-top: -100px; margin-left: -44.3%; z-index: 5; }
.alert_tit{ width: 96%; height: 35px; line-height: 35px; padding:0 2%; color: #FFFFFF; font-size: 16px; background: #52B8BD; }
.alert_con{ padding-bottom: 25px;padding-top: 35px; }
.alert_con span{ text-align: center; font-size: 18px; line-height: 25px; padding: 25px 15px 0; display: block; font-weight: bold;}
.alert_con h2{ text-align:center; padding: 65px 0 40px; font-weight: normal; font-size: 18px; }
.alert_con p{ padding: 25px 15px 0; font-size: 14px; line-height: 20px; }
.alert_btn_box1,.alert_btn_box2{ display: table; width: 101%; height: 50px; margin: 0 auto; overflow: hidden; border:0; position: absolute; left: 0; bottom: 0;border-collapse: collapse; }
.alert_btn_box1 a,.alert_btn_box1 button,.alert_btn_box2 a,.alert_btn_box2 button{ display: table-cell; border:0; width:50%; height: 50px; text-align:center; line-height: 50px; box-sizing: border-box; text-decoration: none; }
.alert_con .frm_sub{ background: #52B8BD; color: #FFFFFF; }
.alert_con .no_sub{ background: #E7E7E7; color: #333333; }
.alert_frmDown_box .i_close{ display: block; width: 14px; height: 14px; background: url(../images/bg1.png) no-repeat -170px -225px/250px 250px; position: absolute; right: 10px; top: 10px; }


/********************手游详情页新增样式********************/
.jjNrsmList{ width: 94%; margin:auto; margin-top:10px;}
.jjNrsmList li{ width: 50%; height: 18px; line-height: 18px; overflow: hidden; float: left; margin-top:10px; color: #333333;}
.jjTankuang{ width:100%; height: 100%; background: rgba(0,0,0,0.3); position: absolute; left: 0; top:0; z-index: 10; position: fixed;}
.jjTankuangIn{ width: 90%; height:310px; border: 3px solid #e1251b; background: #ffffff; border-radius: 8px; position:absolute; left: 50%; top: 50%; margin-left:-45%; margin-top:-155px;}
.jjTankuangTitle{ width:100%; height: 50px; background: #e1251b; line-height: 50px;}
.jjTankuangTitle h2{ float: left; width:calc(100% - 35px); text-align: center; font-size: 20px; font-weight: bold; color: #ffffff;}
.jjTankuangTitle a{ display: block; float: right; width: 25px; height: 25px; background:url(../images/bg6.png) no-repeat 0px -35px; margin: 12px 10px 0px 0px; background-size: 100px 100px;}
.jjTankuangCont{ width: 96%; height: 250px; overflow:hidden; overflow-y:scroll; margin: 0px 0px 0px 4%; }
.jjTankuangContIn{ width:96%; margin-top:-2px;}
.jjTankuangContIn dl{ color: #333333;}
.jjTankuangContIn dt{ font-size: 16px; font-weight:bold; margin-top:10px;}
.jjTankuangContIn dd{ line-height: 25px; margin-top:10px;}