/*
*街机栏目页
*/
/*广告位*/
.adRecom_box{ display: block; width: 100%; height: 90px; margin: 16px auto 0; position: relative; }
.adRecom_box em{ display: block; width: 30px; height: 16px; text-align: center; line-height: 16px; font-size: 12px; color: #FFFFFF; border:thin solid #cccccc; position: absolute; bottom: 5px; right: 8px; background: rgba(0,0,0,0.6); }
/*专题推荐*/
.topic_recom_list li{ display: block; float: left; height: 141px; margin: 35px 0 0 0;  }
.topic_recom_list li:first-child{ margin-left: 0 }
.topic_recom_list img{ width: 100%; height: 95px; }
.topic_recom_list h2{ display: block; width: 100%; height: 46px; line-height: 46px; font-size: 16px; background: #F6F6F6; }
.topic_recom_list h2 em{ display: block; float: left; width: 21px; height: 18px; margin: 14px 10px 0 0; background: url(../jsimages/jjbg8.png) no-repeat 0 0; }
.topic_recom_list a:hover h2{ color: #FE5252; }
.topic_recom_list .swiper-button-next,.topic_recom_list .swiper-button-prev{ display: block; width: 25px; height: 35px; border-radius: 3px; margin-top: -17.5px; background: rgba(0,0,0,0.6); }
.topic_recom_list .swiper-button-next{ right: 0; }
.topic_recom_list .swiper-button-prev{ left: 0; }
.topic_recom_list .swiper-button-next:hover,.topic_recom_list .swiper-button-prev:hover{ background: rgba(82,184,189,0.6); }
.topic_recom_list .swiper-button-next:after,.topic_recom_list .swiper-button-prev:after{ content: ''; display: block; width: 5px; height: 10px; position: absolute; left: 50%; top: 50%; margin-top: -5px; margin-left: -2.5px; background: url(../jsimages/jjbg8.png) no-repeat; }
.topic_recom_list .swiper-button-prev:after{ background-position: -30px 0; }
.topic_recom_list .swiper-button-next:after{ background-position: -40px 0; }
/*左*/
.con_left1{ float: left; width: 870px; }
/*右*/
.con_right1{ float: right; width: 300px; }
/*游戏类型推荐*/
.recom_tab_box{ margin-top: 35px; }
.recom_tab_tit{ width: 100%; border-bottom: thin solid #ECECEC; }
.recom_tab_more{ display: block; float: right; color: #999999; text-decoration: none; height: 18px; line-height: 18px; margin:9px 0 0 7px; }
.recom_tab_more:hover{ color: #52B8BD; text-decoration: underline; }
.recom_tab_menu{ float: left; height: 38px; padding-right: 7px; overflow: hidden; margin:0 0 -1px 10px; transform:skewX(-30deg); -ms-transform:skewX(-30deg); -moz-transform:skewX(-30deg); -webkit-transform:skewX(-30deg); -o-transform:skewX(-30deg); } 
.recom_tab_menu li{ float: left; height: 30px; text-align: center; line-height: 30px; margin-top: 6px; border-style: solid; border-width: 1px 1px 0 0; border-color: #ECECEC; background: #FFFFFF; position: relative; }
.recom_tab_menu li:first-child{ border-left: thin solid #ECECEC; }
.recom_tab_menu li a{ display: block; padding: 0 12px; text-decoration: none; cursor: pointer; color: #333333; transform:skewX(30deg); -ms-transform:skewX(30deg); -moz-transform:skewX(30deg); -webkit-transform:skewX(30deg); -o-transform:skewX(30deg); }
.recom_tab_menu li a:hover{ color: #52B8BD; }
.recom_tab_menu li.current{ background: #52B8BD; height: 36px; line-height: 36px; border:thin solid #52B8BD; margin-top: 0; font-size: 16px; }
.recom_tab_menu li.current:after{ content:''; display: block; border-bottom: 9px solid #3E9CA2; border-right: 2.5px solid transparent; border-left: 2.5px solid transparent; position: absolute; right: -4px; top: -4px; z-index: 1; transform: skewX(30deg); -ms-transform:skewX(30deg); -moz-transform:skewX(30deg); -webkit-transform:skewX(30deg); -o-transform:skewX(30deg); }
.recom_tab_menu li.current a{ color: #FFFFFF; }
.recom_tab_list{ width: 100%; padding-top: 5px; }
.recom_tab_list li{ display: block; float: left; width: 110px; margin:25px 0 0 40px; }
.recom_tab_list li.one{ margin-left: 0 }
.recom_tab_list img{ width: 110px; height: 110px; border-radius: 25px; display: block; margin:0 auto; }
.recom_tab_list h3{ font-size: 14px; margin-top: 14px; line-height: 18px; height: 18px; overflow: hidden; text-align:center; }
/*同类型推荐*/
.same_rocom_box{ margin-top: 40px; }
.njjYxjsTitle{ height:32px; border-bottom:2px solid #52B8BD;}
.njjYxjsIn{ float:left;}
.njjYxjsIn b{ display:block; float:left; width:25px; height:25px; background:url(../jsimages/jjbg1.png) no-repeat; margin:0px 10px 0px 0px;}
.njjYxjsIn b.icon1{ background-position:-130px -435px;}
.njjYxjsIn h2{ float:left; font-size:18px; color:#333333;}
.njjMore{ float:right;}
.same_rocom_list{ width: 100%; }
.same_rocom_list li{ float: left; width: 80px; margin:25px 0 0 29px; }
.same_rocom_list li.one{ margin-left: 0; }
.same_rocom_list img{ width: 80px; height: 80px; display: block; margin:0 auto; border-radius: 16px; }
.same_rocom_list h3{ margin-top: 10px; text-align: center; height: 18px; line-height: 18px; overflow: hidden; }
/*栏目热文*/
.art_hot_list li{ height: 25px; line-height: 25px; padding-bottom: 8px; margin-top: 8px; border-bottom: thin dotted #E1E1E1; }
.art_hot_list li em{ display: block; float: right; width: 25px; height: 25px; text-align: center; line-height: 25px; font-size: 16px; color: #FFFFFF; border-radius: 50%; background: #C5C5C5; margin-left: 10px; }
.art_hot_list li em.top1{ background: #FF6868; }
.art_hot_list li a{ display: block; height: 25px; overflow: hidden; }

/*
*游戏资讯页
*/
/*文章标题*/
.art_tit_box{ margin-top: 20px; padding-bottom: 20px; border-bottom: thin solid #ECECEC; }
.art_tit_box h1{ font-size: 26px; line-height: 45px; font-weight: bold }
.art_tit_box p{ margin-top: 18px; color: #999999; }
/*关联下载*/
.about_down_box{ width: 100%; height: 140px; border-top: 3px solid #52B8BD; background: #F7F7F7; }
.about_down_box h2,.about_down_box h3{ display: block; float: left; width: 22px; height: 106px; padding:17px 12px 17px 16px; background:#FF6868; color: #FFFFFF; font-size: 18px; line-height: 27px; font-family: '宋体'; font-weight: bold; position: relative; }
.about_down_box h2:after,.about_down_box h3:after{ content: ''; display: block; width: 6px; height: 136px; position: absolute; right: -4px; top: 2px; background: url(../jsimages/jjbg7.png) repeat-y; }
.about_down_down{ display: block; float: right; width: 120px; height: 77px; padding-top: 7px; margin:28px auto 0; border-left: thin solid #E9E9E9; }
.about_down_down a{ text-decoration: none; color: #52B8BD; }
.about_down_down em{ display: block; width: 45px; height: 41px; margin:0 auto; background: url(../jsimages/jjbg8.png) no-repeat -60px 0; }
.about_down_down span{ display: block; margin-top: 10px; text-align: center; }
.about_down_box img{ width: 100px; height: 100px; float: left; margin:20px 24px 0 22px;  }
.about_down_box dl{ margin-top: 18px; }
.about_down_box dt{ height: 22px; line-height: 22px; overflow: hidden; font-size: 18px; margin-bottom: 8px; }
.about_down_box dd{ float: left; color: #999999; width: 275px; margin-top: 6px; height: 18px; line-height: 18px; overflow: hidden; }
/*内容*/
.art_con_box p{ margin-top: 20px; font-size: 16px; line-height: 35px; }
.art_con_box p span{ font-size: 16px !important; }
.art_con_box p img{ display: block; margin:0 auto; max-width: 100%; }
.art_con_box h2{ display: inline-block; margin-top: 20px; font-size: 20px; color: #52B8BD; line-height: 24px; }
.art_con_box h2:before,.art_con_box h2:after{ content: ''; display: block; width: 41px; height: 8px; background: url(../jsimages/jjbg8.png) no-repeat; }
.art_con_box h2:before{ float: left; margin:9px 15px 0 0; background-position: -120px 0; }
.art_con_box h2:after{ float: right; margin:9px 0 0 15px; background-position: -120px -10px; }
/*tips*/
.art_tips_box{ display: block; width: 100%; padding: 24px 18px 20px; -webkit-box-sizing: border-box; box-sizing: border-box; background: #FFF9F9; border:thin solid #FF6868; border-radius: 7px; margin-top: 32px; position: relative; color: #666666; line-height: 24px; }
.art_tips_box em{ display: block; width:32px; height:15px; background-color: #FFFFFF; background-image: url(../jsimages/jjbg8.png); background-repeat: no-repeat; background-position: 3px -30px; position: absolute; left: 20px; top: -10px; }
.art_tips_box i{ display: block; width: 21px; height: 21px; float: left; background: url(../jsimages/jjbg8.png) no-repeat -170px 0; margin:0 10px 0 0; }
/*相关资讯*/
.njjYxjsTitle{ height:32px; border-bottom:2px solid #52B8BD;}
.njjYxjsIn{ float:left; }
.njjYxjsIn b{ display:block; float:left; width:25px; height:25px; background:url(../jsimages/jjbg1.png) no-repeat; margin:0px 10px 0px 0px;}
.njjYxjsIn b.icon1{ background-position:-130px -435px; }
.njjYxjsIn b.icon2{ background-position:-160px -435px; }
.njjYxjsIn b.icon3{ background-position:-190px -435px; }
.njjYxjsIn b.icon4{ background-position:-220px -435px; }
.njjYxjsIn b.icon5{ background-position:-250px -435px; }
.njjYxjsIn b.icon6{ background-position:-205px -340px; }
.njjYxjsIn b.icon7{ background-position:-190px -462px; }
.njjYxjsIn b.icon8{ background-position:-220px -460px; }
.njjYxjsIn h2{ float:left; font-size:18px; color: #333333; }
.njjMore{ float: right; }
.about_art_list li{ width: 421px; height: 91px; float: left; border:thin solid #E9E9E9; margin:24px 0 0 20px; }
.about_art_list li.one{ margin-left: 0 }
.about_art_list img{ width: 145px; height: 100%; float: left; margin-right: 12px; }
.about_art_list dl{ margin: 12px; }
.about_art_list dt{ height: 44px; line-height: 22px; overflow: hidden; }
.about_art_list dd{ height: 16px; line-height: 16px; font-size: 12px; overflow: hidden; color: #999999; margin-top: 7px; }
/*最新文章*/
.new_art_list{ padding-top: 6px; }
.new_art_list li{ width: 415px; float: left; padding-bottom: 12px; margin: 12px 0 0 39px; border-bottom: thin dotted #DEDEDE; }
.new_art_list li.one{ margin-left: 0; }
.new_art_list em{ display: block; width: 4px; height: 4px; float: left; border-radius: 50%; border:2px solid #D1D1D1; margin:6px 12px 0 0; }
.new_art_list a{ display: block; height: 18px; line-height: 18px; overflow: hidden; }
/*猜你喜欢*/
.may_uLike_list li{ float: left; width: 202px; margin:22px 0 0 20px; }
.may_uLike_list li.one{ margin-left: 0; }
.may_uLike_list img{ display: block; width: 202px; height: 124px; border-radius: 7px; }
.may_uLike_list p{ margin-top: 12px; height: 18px; text-align:center; line-height: 18px; overflow: hidden; }
/*类似游戏*/
.same_game_list li{ width: 186px; height: 149px; float: left; border-left: thin solid #DEDEDE; padding-left: 12px; margin:24px 0 0 24px; position: relative;}
.same_game_list li.one{ margin-left:0; }
.same_game_list i{ display: block; width: 4px; height:20px; position: absolute; left: -1px; top: 0; background:#52B8BD; z-index: 1; }
.same_game_list h3{ height: 18px; line-height: 18px; overflow: hidden; }
.same_game_list span{ display: block; width: 140px; height: 24px; line-height: 24px; font-size: 12px; color: #999999; padding-left: 10px; background: #F3F3F3; position: relative; margin: 10px 0 0 9px; }
.same_game_list span em{ display: block; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left:0; border-right: 8px solid #F3F3F3; position: absolute; left: -7px; top: 8px; }
.same_game_list p{ margin-top: 12px; line-height: 26px; height: 80px; overflow: hidden; font-size: 12px; color: #999999; }
.same_game_list p img{ width: 80px; height: 80px; float: left; border-radius: 16px; margin-right: 15px; }
/*热门专题*/
.njjYxhjList{ width:300px;}
.njjYxhjList li{ width:300px; height:105px; position:relative; margin-top:20px;}
.njjYxhjList li a{ display:block; width:300px; height:105px;}
.njjYxhjList li a img{ width:300px; height:105px;}
.njjYxhjList li a p{ height:41px; line-height:41px; text-align:center; overflow:hidden; width:300px; background:url(../jsimages/jjbg5.png) repeat-x 0px 0px; position:absolute; left:0px; bottom:0px;} 
/*排行*/
.njjJjphTitle{ height:32px; border-bottom:2px solid #EEEEEE;}
.njjJjphMenu{ float:left;  height:32px;}
.njjJjphMenu li{ float:left; width:80px; height:32px; font-size:18px; color:#333333; margin:0px 15px 0px 0px; cursor:pointer;}
.njjJjphMenu li.current{ border-bottom:2px solid #52B8BD; color:#52B8BD;}
.njjJjphList{ width:300px;}
.njjJjphList li{ float:left; width:300px; border-bottom:1px dashed #DEDEDE; padding-bottom:15px; margin-top:15px; cursor:pointer;}
.njjRed{ float:left; width:22px; height:80px; line-height:80px; text-align:center; background:#FF5F5F; border-radius:100px; font-size:17px; color:#ffffff;}
.njjGray{ float:left; width:22px; height:80px; line-height:80px; text-align:center; background:#C7C7C7; border-radius:100px; font-size:17px; color:#ffffff;}
.njjJjphImg{ float:left; width:80px; height:80px; margin:0px 0px 0px 15px;}
.njjJjphImg img{ width:80px; height:80px; border-radius:15px;}
.njjJjphList li dl{ float:right; width:170px; }
.njjJjphList li dl dt a{ display:block; height:18px; line-height:18px; overflow:hidden;}
.njjJjphList li dl dd.cont1{ height:16px; line-height:16px; overflow:hidden; font-size:12px; color:#999999; margin-top:8px;}
.njjJjphList li dl dd.cont2{ width:95px; height:28px; margin-top:8px;}
.njjJjphList li dl dd.cont2 a{ display:block; width:93px; height:26px; border:1px solid #52B8BD; color:#52B8BD; border-radius: 5px;}
.njjJjphList li dl dd.cont2 a b{ display:block; float:left; width:14px; height:15px; background:url(../jsimages/jjbg1.png) no-repeat -240px -345px; margin:5px 5px 0px 10px;}
.njjJjphList li dl dd.cont2 a p{ float:left; line-height:26px; }
.njjJjphList li dl dd.cont2 a:hover{ background:#52B8BD; color:#FFFFFF;}
.njjJjphList li dl dd.cont2 a:hover b{ background:url(../jsimages/jjbg1.png) no-repeat -265px -345px;}

/*
*游戏资讯页
*/
.map_tit1{ height: 50px; line-height: 50px; border-bottom: thin solid #DEDEDE; }
.map_tit1 h2{ float: left; height: 50px; color: #FFFFFF; font-weight: normal; }
.map_tit1 h2:before,.map_tit1 h2:after{ content: ''; display: block; background: url(../jsimages/jjbg8.png) no-repeat; }
.map_tit1 h2:before{ float: left; width: 24px; height: 50px; background-position: 0 -80px; }
.map_tit1 h2:after{ float: right; width: 45px; height: 50px; background-position: -35px -80px; }
.map_tit1 h2 span{ display: block; float: left; font-size: 24px; background:#52B8BD; }
.map_tit1 h2 em{ display: block; float: left; width: 26px; height: 27px; position: relative; margin: 13px 12px 0 0; background: url(../jsimages/jjbg8.png) no-repeat; }
.map_tit1 h2 em.icon1{ background-position: 0 -50px; }
.map_tit1 h2 em.icon2{ background-position: -30px -50px; }
.map_tit1 h2 em.icon3{ background-position: -60px -50px; }
.map_tit1 h2 em.icon4{ background-position: -90px -50px; }
.map_tit1 h2 i{ display: block; width: 7px; height: 7px; background: #FF6C6C; border-radius: 50%; position: absolute; right: -3px; top: -3px; }
.map_tit1 h3{ float: left; font-size: 24px; color: #C4C4C4; margin-left:16px; font-weight: normal; font-family: Franklin Gothic Book; }
.map_list1 li{ padding: 15px 0 25px; border-bottom: thin solid #DEDEDE; }
.map_list1 dt{ float: left; height: 100%; width: 200px; margin-top: 10px; }
.map_list1 dt h2{ display: inline-block; padding: 0 40px; position: relative; }
.map_list1 dt em{ display: block; width: 30px; height: 11px; background: url(../jsimages/jjbg8.png) no-repeat; position: absolute; top: 20px; }
.map_list1 dt em.left{ left: 0; background-position: -120px -20px; }
.map_list1 dt em.right{ right: 0; background-position: -120px -35px; }
.map_list1 dt p{ font-size: 20px; text-align: center; }
.map_list1 dt span{ display: block; height: 16px; font-size: 12px; color: #999999; text-align: center; margin-top: 7px; }
.map_list1 dl>span{ float: left; width: 1000px; }
.map_list1 dd{ float: left; width: 124px; border-right: thin solid #DEDEDE; text-align: center; margin-top: 15px; }

/*
*资讯文章页
*/
/*最新街机攻略*/
.news_art_box{ width: 100%; margin-top: 25px; }
.new_method_list li{ padding-bottom: 12px; margin-top: 20px; border-bottom: thin dashed #EDEDED }
.new_method_list li h2{ font-size: 18px; font-weight: bold; color: #333333; height: 22px; line-height: 22px; overflow: hidden; }
.new_method_list li img{ width: 210px; height: 130px; float: left; margin: 16px 28px 0 0; }
.new_method_list li dl{ margin-top: 44px; }
.new_method_list li dt{ color: #666666; line-height: 22px; height: 44px; overflow: hidden; }
.new_method_list li dd{ color: #999999; margin-top: 20px; height: 16px; line-height: 16px; font-size: 12px; overflow: hidden; }
.new_method_list li dd span{ display: inline-block; }
.new_method_list li dd span.left{ float: left; max-width: 520px; }
.new_method_list li dd span.left a{ margin-left:7px; }
.new_method_list li dd span.right{ float: right; }
.new_method_list li dd span em{ display: block; float: left; width: 16px; height: 16px; background: url(../jsimages/jjbg8.png) no-repeat; }
.new_method_list li dd span em.i_lab{ background-position: -160px -30px; }
.new_method_list li dd span em.i_time{ background-position: -180px -30px; margin-right:7px; }
/*栏目分类*/
.cate_kind_box{ padding-bottom: 19px; border-bottom: thin dashed #F2F2F2; }
.cate_kind_box a{ display: block; float: left; width: 94px; height: 32px; text-align: center; line-height: 32px; overflow: hidden; margin:13px 0 0 8px; border-radius: 5px; background: #CAC9C9; color: #FFFFFF; text-decoration:none; }
.cate_kind_box a.one{ margin-left: 0 }
.cate_kind_box a:hover{ background: #52B8BD; } 
/*热门视频推存*/
.hot_video_recom1 li{ padding: 11px 0; border-bottom: thin dashed #F2F2F2; }
.hot_video_recom1 li img{ float: left; width: 109px; height: 72px; border-radius: 4px; margin-right:15px; }
.hot_video_recom1 li dt{ height: 36px; line-height: 18px; overflow: hidden; }
.hot_video_recom1 li dd{ color: #999999; font-size: 12px; margin-top:20px }
.hot_video_recom2 li{ width: 300px; height: 145px; position: relative; margin-top:14px; }
.hot_video_recom2 li img{ width: 100%; height: 100%; }
.hot_video_recom2 li span{ position: absolute; bottom: 0; left: 0; width: 94%; height: 40px; text-align: center; line-height: 40px; padding: 20px 3% 0; overflow: hidden;background: -webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,1)); background: -o-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,1)); background: -moz-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,1));  background: linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,1)); }
/*热门攻略*/
.hot_method_list{ width: 100%; }
.hot_method_list li{ margin-top: 14px; }
.hot_method_list dt{ width: 100%; height: 31px; line-height: 31px; white-space: nowrap; overflow: hidden; padding-bottom:14px; border-bottom: thin solid #F4F4F4; }
.hot_method_list dt em{ display: block; float: left; width: 32px; height: 30px; text-align:center; line-height: 30px; color: #FFFFFF; font-size: 16px; padding-bottom:5px; margin-right: 10px; background: url(../jsimages/jjbg8.png) no-repeat -120px -90px; }
.hot_method_list dt em.top1{ background-position: -80px -90px; }
.hot_method_list dd{ height: 145px; width: 100%; display: none; }
.hot_method_list dd img{ width: 100%; height: 100%; }
.hot_method_list li:hover dd{ display: block; }