@charset "utf-8";
/* CSS Document */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, button, textarea, p, blockquote{margin: 0; padding: 0;}
table{border-collapse: collapse; border-spacing: 0; width: 100% !important;}
li{list-style: none;}
img{border: 0;}
a{outline:none; color:#565656; text-decoration:none; cursor:pointer; word-break: break-all;}
body{width:100%; margin:0 auto; min-width:320px; font-family:Arial,"STHeiti",'Microsoft YaHei','宋体', Verdana, Helvetica, Sans-Serif; color:#565656; background:#f5f5f5;}
a:active{text-decoration: none;background: #fff;opacity: 1;}
a:hover{text-decoration: none;background: none;opacity: 1;}
/*单机首页*/
nav{width:90%; margin:0 auto; overflow:hidden; padding:2.5% 0 1% 0;}
nav div{float:left;}
.nav1{width:4%;}
.nav1 img{width:14px; height:22px;}
.nav2{font-size:1em; height:22px; line-height:22px; margin-left:3%; width:75%; overflow:hidden;}
.nav3{width:5.8%; float:right;}
.nav3 img{width:19px; height:22px;}
.nav4{width:21px; float:right; margin:0 0 0 4.6%;}
.nav4 img{width:21x; height:22px;}
.nav5{width:6.4%; float:right; margin-left:4.6%;}
.nav5 img{width:21px; height:22px;}
.index-banner{position:relative; overflow:hidden; -webkit-backface-visibility:hidden; z-index:1; width:100%;}
.index-banner .swiper-wrapper{overflow:hidden;}
.index-banner .swiper-wrapper li{float:left;}
.index-banner .swiper-wrapper li a{width:100%;}
.index-banner .swiper-wrapper li img{width:100%;height:100%; display:none;}
.index-banner .index-pagination{position:absolute;right:0px;bottom:0;width:100%;background:rgba(0, 0, 0, 0.6);height:20%; line-height:20%;}
.index-banner .index-pagination span{width:2.8%;height:34%;margin-top:2.6%;margin-right:2%;border-radius:50%;background:#797979;float:right;display:inline-block;}
.index-banner .index-pagination span.swiper-active-switch{background:#fff;}
.index-banner .banner-title{position:absolute;left:3%;bottom:3.6%;color:#fff;font-size:0.9em;z-index:100;}

.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;
-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;
-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}

/*main{width:100%; background:#fff; border-bottom:1px solid #cfcfcf; margin-bottom:4%;}*/
.cate{width:87.5%; margin:0 auto; padding:2.5% 0;}
.cate ul{overflow:hidden; width:100%;}
.cate ul li{float:left; width:25%; padding:2% 0; text-align:center; font-size:1em;}
.cate ul li a{display:block;}
.cate ul li img{margin-bottom:1%; width:80%!important; margin:0 auto; max-width:88px; max-height:88px; display:block;}
.cate ul li img span{display:block; width:100%;}
.cate ul .nomr{margin-right:0;}
.main_b{width:100%; background:#fff;color:#565656;}
.main_c{width:100%; background:#fff;color:#565656;}
.mrbw{width:100%;}
.mrbw div{width:100%; border-bottom:1px solid #cfcfcf; border-top:1px solid #cfcfcf;}
.mrbw h3{width:90%; margin:0 auto; font-weight:normal; font-size:1.3em; padding:2.5% 0; overflow:hidden;}
.mrbw ul{overflow:hidden; width:90%; margin:1.5% auto;}
.mrbw ul li{float:left; width:48%; margin-right:2%; margin:1.5% 1.5% 1.5% 0;}
.mrbw ul li .li_l{float:left; border:none; width:40%; margin-right:11px; max-width:85px;}
.mrbw ul li .li_l img{width:85x; height:85px; border-radius: 10px;}
@media screen and (max-width:650px){.mrbw ul li .li_r{width:59%!important;}}
@media screen and (max-width:550px){.mrbw ul li .li_r{width:54%!important;}}
@media screen and (max-width:500px){.mrbw ul li .li_l{max-width:70px;}.mrbw ul li .li_l img{width:70x; height:70px;}.mrbw ul li .li_r{width:53%!important;}}
@media screen and (max-width:400px){.mrbw ul li .li_l{max-width:60px;}.mrbw ul li .li_l img{width:60x; height:60px;}.mrbw ul li .li_r{width:52%!important;}}
.mrbw ul li .li_r{float:left; border:none; width:64%;}
.mrbw ul li .li_r p{line-height:1em; margin:2% 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.mrbw ul li .li_r p a{font-size:1em; line-height:1em;}
.mrbw ul li .li_r span{color:#888888; font-size:0.9em; display:block; margin:3% 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.mrbw ul li .li_r .down{width:70%; padding:4% 0; margin-top:2%; font-size:0.9em; display:block; text-align:center; color:#fff; background-color:#5aaaff; max-width:100px;}
.mrbw .more{width:100%; text-align:center; background-color:#fafafa;font-size:1.3em; padding:2.5% 0; margin-bottom:4%;}
.main_d{width:100%;margin-top: 6px;-webkit-box-shadow: 0 3px 3px #ebebeb; -moz-box-shadow: 0 3px 3px #ebebeb; box-shadow: 0 3px 3px #ebebeb;}
/*.main_d ul{width:90%; margin:2% auto;}*/
/*.main_d li{width:100%; overflow:hidden; margin:10px 0;}*/
.main_d li .li_l{float:left; width:31%; margin-right:4%;}
.main_d li .li_l img{width:100%;}
.main_d li .li_r{float:left; width:65%;}
.main_d li .li_r a{display:block; font-size:1em; width:100%;}
.main_d li .li_r p{color:#888888; font-size:0.8em; width:100%; margin:1% 0;}
.main_e{width:100%; background:#fff;color:#565656;}
.main_f{width:100%; background:#fff;color:#565656;}
.main_g{width:100%; background:#fff;color:#565656;}
.rm{width:100%; background-color:#fafafa;}
.rm h4{width:90%; margin:0 auto; font-weight:normal; font-size:1.2em; padding:1% 0; height:33px; overflow:hidden;}
.main_g .rm h4 img{width:33px; height:33px; display:block; float:left;}
.main_g .rm h4 span{line-height:33px; display:block; float:left; margin-left:1%;}
.main_g .fenl{overflow:hidden; width:90%;}
.main_g .fenl li{float:left; width:22%; margin-right:4%; text-align:center;font-size:1em;}
.main_g .fenl .nomr{margin-right:0;}
.main_g .fenl li img{width:100%;}
footer{clear: both;display: block;background-color: #333;text-align: center;overflow: hidden;transition: all 0.3s ease;}
footer.ff span{display: block;height: 70px;background: url(/public/images/D-logo.png) no-repeat center center;background-size: 140px auto;}
footer.ff p{font-size: 10px;color: #999;line-height: 14px;margin: 10px 0;}
footer.ff div{margin:0 12px;overflow:hidden;border-top: 1px solid #414141;}
footer.ff div a{text-align: center;display: inline-block;width:33.3333%;float:left;transition: all 0.3s ease;}
footer.ff div a:hover{background: #2a2a2a;transform: translateY(-1px);}
footer.ff div a em{display: inline-block;color: #ff9d01;padding-left: 18px;background: url(/public/images/D-home.png) no-repeat left center;background-size: auto 13px;font-size: 12px;line-height: 40px;transition: all 0.3s ease;}
footer.ff div a:hover em{color: #ffb347;transform: translateX(2px);}
footer.ff div a:nth-child(2) em{background: url(/public/images/D-computer.png) no-repeat left center;background-size: auto 13px;}
footer.ff div a:nth-child(3) em{background: url(/public/images/D-top.png) no-repeat left center;background-size: auto 13px;}
footer.ff div a:active{background: #2a2a2a;}
footer.ff div a:active em{opacity: .6;}
/*手机网首页*/
.sy_head_box{width:100%; border-bottom:1px solid #cfcfcf;}
.sy_head{width:90%; margin:0 auto; overflow:hidden;}
.sy_head div{padding:3% 0 2% 0;}
.sy_head_l{float:left; width:4%;}
.sy_head_l a{width:100%;}
.sy_head_l a img{width:22px; height:22px;}
.sy_head_c{float:left; width:27%;margin-left:33%;}
.sy_head_c a{text-align:center;}
.sy_head_c a img{width:87px; height:22px;}
.sy_head_r{float:right; width:5.8%;}
.sy_head_r a{display:inline-block; width:100%;}
.sy_head_r a img{width:19px; height:22px;}
.sy_head_r2{float:right; width:6.8%; margin-left:5%; margin-right:5%;}
.sy_head_r2 a{display:inline-block; width:100%;}
.sy_head_r2 a img{width:21px; height:22px;}
.mrbw .fenl{overflow:hidden; width:90%;}
.mrbw .fenl li{float:left; width:23%; text-align:center;font-size:1em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.mrbw .fenl li img{width:60px; height:60px; border-radius:10px; margin:0 auto;}
.mrbw .fenl2{overflow:hidden; width:90%;}
.mrbw .fenl2 li{float:left; width:22.5%; text-align:center;font-size:1em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.mrbw .fenl2 li img{width:60px; height:60px; border-radius:10px; margin:0 auto;}
.mrbw .sy_tj{position:relative;}
.mrbw .sy_tj ul{position:absolute; right:0; bottom:0; width:23%; font-size:1em; margin-right:3%;}
.mrbw .sy_tj ul li{text-align:center; padding:3% 0; cursor:pointer; border-bottom:2px solid #fff;}
.mrbw .sy_tj ul li:hover{border-bottom:2px solid #5aaaff;}
.mrbw .sy_tj .active{border-bottom: 2px solid #5aaaff;}
.main_d li .pc{width:15%; display:inline-block; float:left;}
.main_d li b{width:100%; font-weight:normal; font-size:16px;}
.main_d li .sx{width:85%; display:inline-block; float:right;word-break:keep-all;text-overflow:ellipsis; overflow:hidden;}
.main_d li span{width:100%; overflow:hidden; font-size:16px;word-break:keep-all;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.sy_tj2{width:90%; margin:0 auto;}
.sy_tj2 ul{overflow:hidden; width:100%;}
.sy_tj2 ul li{float:left; width:26%; padding:0 0 3% 0; font-size:1.1em; margin-right:3%; border-bottom:2px solid #fff; cursor:pointer; text-align:center;}
.sy_tj2 ul li:hover{border-bottom:2px solid #5aaaff;}
.main_d .more{width:100%; text-align:center; background-color:#fafafa;font-size:1.3em; padding:2.5% 0; border-bottom:1px solid #cfcfcf; border-top:1px solid #eeeeee;}
.sy_tj2 .active{border-bottom: 2px solid #5aaaff;}
.sy_phb{width:100%; background:#fff;}
.sy_phb .sy_tj{width:100%; border-bottom:1px solid #cfcfcf; border-top:1px solid #cfcfcf;}
.sy_phb .sy_tj h3{width:90%; margin:0 auto; font-weight:normal; font-size:1.3em; padding:2.5% 0;}
.sy_phb ul{width:100%; margin:3% 0; padding:1% 0;}
.sy_phb ul li{width:90%; margin:3% auto; overflow:hidden; background:#fafafa; border:1px solid #efefef; padding:4% 0; position:relative;}
/*.phb_l{float:left; width:20.8%; margin-left:4%; margin-right:3%;}
.phb_l{max-width:143px;}*/
/*.phb_l img{width:100%; border-radius:10px; max-width:143px; max-height:143px;}*/
/*@media screen and (max-width:640px){.phb_l{width:120px;}.phb_l img{width:120px; height:120px;}}
@media screen and (max-width:565px){.phb_l{width:105px;}.phb_l img{width:105px; height:105px;}}
@media screen and (max-width:485px){.phb_l{width:90px;}.phb_l img{width:90px; height:90px;}}
@media screen and (max-width:400px){.phb_l{width:75px;}.phb_l img{width:75px; height:75px;}}
@media screen and (max-width:330px){.phb_l{width:59px;}.phb_l img{width:59px; height:59px;}}*/
/*.phb_c{float:left; width:45%; margin-right:2%;}*/
/*.phb_c p{font-size:1.2em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}*/
.phb_c .type{font-size:1em; color:#787878; display:inline-block; margin-top:10%; font-style:normal;}
.phb_c .type span:last-child{border-left:1px solid #787878; margin-left:10px; padding-left:10px;}
/*.phb_r{float:left; width:21%;}
.phb_r a{display:block; font-size:1.2em; color:#fff; background:#5aaaff; text-align:center; padding:3% 0; margin-top:25%;}*/
.sy_phb ul li .pos{position:absolute; top:0; left:0; width:5.6%;}
.sy_phb ul li .pos img{width:100%;}
.sy_phb .more{width:100%; text-align:center; background-color:#fafafa;font-size:1.3em; padding:2.5% 0; margin-bottom:4%; border-bottom:1px solid #cfcfcf; border-top:1px solid #eeeeee;}
/*游戏列表页*/
.sy_phb .game_list{width:100%; border-bottom:1px solid #cfcfcf; border-top:1px solid #cfcfcf;}
.sy_phb .game_list ul{width:90%; margin:0 auto; overflow:hidden;}
.sy_phb .game_list ul li{float:left; background:none; border:none; width:33.3%; text-align:center; border-bottom:2px solid #fff; margin:0; font-size:1.3em; cursor:pointer;}
.sy_phb .game_list ul li:hover{border-bottom:2px solid #5aaaff;}
.sy_phb .game_list .active{border-bottom: 2px solid #5aaaff;}
.kc div{width:100%; background:#fafafa; border-top:none;}
.kc h5{width:90%; margin:0 auto; font-weight:normal; font-size:1.2em; padding:2% 0; overflow:hidden;}
.kc h5 span{width:22%; display:block; float:left; text-align:center; margin-right:4%; font-size:1em;}
.kc h5 .sys{margin-right:0;}
.kc ul{width:90%; margin:0 auto;}
.kc ul li{width:100%; overflow:hidden; border-bottom:1px solid #eeeeee; padding:1% 0;}
.kc li span{display:block; float:left; width:22%; text-align:center; margin-right:4%; height:32px; line-height:32px; font-size:1em;}
.kc li .sys{margin-right:0;}
.kc li .sys img{height:32px; margin-right:2%;}
/*游戏分类页*/
.yxfl{background:#fff; border-bottom:1px solid #cfcfcf; margin-bottom:4%;}
.yxfl .yxfl_tit{border-bottom:1px solid #cfcfcf; border-top:1px solid #cfcfcf;}
.yxfl h4{width:90%; margin:0 auto; font-weight:normal; font-size:1.3em; padding:2.5% 0;}
.yxfl ul{width:90%; margin:2% auto; overflow:hidden;}
.yxfl ul li{float:left; width:46%; margin:1.6%; border:1px solid #eeeeee; background:#fafafa; padding:2% 0;}
.yxfl ul li .yxfl_l{float:left; width:55px; margin-left:4%;}
.yxfl ul li .yxfl_l img{width:55px; height:55px; margin:0 auto;}
.yxfl ul li .yxfl_r{float:left; width:50%; margin-left:4%; margin-top:5%;}
.yxfl ul li .yxfl_r p{font-size:1.1em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.yxfl ul li .yxfl_r b{display:inline-block; font-size:1em; font-weight:normal; color:#888888; margin:2% 0;}
.yxfl ul li .yxfl_r b span{color:#ff8800;}
.yxfl .more{width:100%; text-align:center; background-color:#fafafa;font-size:1.3em; padding:2.5% 0; margin-bottom:4%; border-bottom:1px solid #cfcfcf; border-top:1px solid #cfcfcf;}
/*资讯列表页*/
.zx_list{width:100%; background:#fff; margin-top: 6px;}
.zx_list ul{display: block; overflow: hidden;}
.zx_list li{display: block; padding: 15px 12px; overflow:hidden; border-bottom:1px solid #f5f5f5;}
.zx_list li:active{background: #eee;}
.zx_list li .li_l{display: inline-block; float:left; margin-right:10px;}
.zx_list li .li_l a{display: block; width: 88px; height: 58px; border-radius: 5px; overflow: hidden;}
.zx_list li .li_l a img{width:100%;}
.zx_list li .li_r{display: block; margin-left: 98px;}
.zx_list li .li_r a{display: inline-block; font: 16px Helvetica Regular,'方正中等线', Microsoft YaHei,sans-serif,'宋体',Tahoma; color: #333; line-height: 20px; height: 40px; overflow: hidden;}
.zx_list li .li_r p{display: table-cell; font-size: 10px; color: #999; height: 18px; vertical-align: bottom; overflow: hidden;}
.zx_list .more{width:100%; text-align:center;font-size:1.3em; padding:2.5% 0; margin-bottom:4%;}
.M-game2{width: 100%;padding-top: 57px;-webkit-box-shadow: 0 3px 3px #ebebeb; -moz-box-shadow: 0 3px 3px #ebebeb; box-shadow: 0 3px 3px #ebebeb;}
/*资讯攻略详细页*/
.zx_details{width:100%;overflow:hidden;margin-top: 6px;-webkit-box-shadow: 0 3px 3px #ebebeb; -moz-box-shadow: 0 3px 3px #ebebeb; box-shadow: 0 3px 3px #ebebeb;}
.zx_details .zx_head{padding: 12px 12px;background:#fff;border-bottom: 1px solid #f5f5f5;}
.zx_head div h1{font-weight:bold;font-size:16px;padding-bottom: 5px;overflow:hidden;color: #333;}
.zx_head div h6{font-weight:normal;font-size:12px;color:#999;}
.zx_head div h6 span{display:inline-block;margin-right:12px;color: #90bcf2;}
.zx_details main{display: block;width: auto;padding: 0 12px;}
.zx_wz{width: 100%;background: #fff;}
.zx_wz main>p{display: block;font-size: 14px; color: #555; line-height: 24px; padding-top: 15px; overflow: hidden;}
.zx_wz main>div{display: block;font-size: 14px; color: #555; line-height: 24px; padding-top: 15px; overflow: hidden;}
.zx_details main>p img,.zx_details main img{display: inline-block;max-width: 94%;width: auto;height: auto !important;margin: 0 auto;}
.zx_wz p embed{width:100%!important;}
.zx_wz ul{width:100%; margin:2px auto;}
.zx_wz ul li{width:100%; background:#fafafa; border:1px solid #efefef;overflow:hidden; padding:2px 0; position:relative;}
.zx_wz ul li div{border:none;}
.zx_wz .phb_l{float:left; width:20.8%; margin-left:3%; margin-right:3%;}
.zx_wz .phb_l img{width:100%;}
.zx_wz .phb_c{float:left; width:48%;}
.zx_wz .phb_c span{width:100%; font-size:16px; text-align:left;}
.zx_wz .phb_r{float:left; width:20%; margin-left:3%;}
.zx_wz .phb_r a{display:block; font-size:1em; color:#fff; background:#5aaaff; text-align:center; padding:5% 0; margin:40% 0;}
.zx_wz .phb_r span{width:100%; text-align:center; font-size:1em; display:inline-block;}
.zx_wz .tp{width:90%; margin:4% auto; border:none;}
.zx_wz .tp img{width:100%;}
.zx_details_yd{display: block;padding: 0 12px;background: #fff;}
.zx_details_yd h2{color: #333; font-size: 16px; line-height: 42px;}
/*应用首页*/
.app_hd{width:100%;border-top:1px solid #cfcfcf; margin-bottom:4%;}
.app_hd ul{width:100%; overflow:hidden;}
.app_hd ul li{float:left; width:24.4%; margin:0.8% 0.8% 0 0; position:relative;}
.app_hd ul li img{width:100%; max-height:119px;}
.app_hd ul li p{text-align:center; font-size:0.9em; background:url(/public/images/app03.png) repeat; width:100%; padding:2% 0; color:#fff; position:absolute; bottom:4px; z-index:99; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.app_hd ul .nomr2{margin-right:0;}
.game_det{overflow:hidden;padding-top: 1px;-webkit-box-shadow: 0 3px 3px #ebebeb; -moz-box-shadow: 0 3px 3px #ebebeb; box-shadow: 0 3px 3px #ebebeb;}
.game_det .cont{padding: 0 12px;background: #fff;overflow: hidden;}
.game_det .phb_l{float:left;margin: 15px 10px 15px 0;}
.game_det .phb_l img{display: inline-block;float: left;width: 69px;height: 69px;border-radius: 8px;}
/*@media screen and (max-width:650px){.game_det .phb_l img{width:110px; height:110px;}}
@media screen and (max-width:470px){.game_det .phb_l img{width:69px; height:69px;}}*/
.game_det .cont .phb_c{display: inline-block;margin: 10px 0px 0px 5px;overflow: hidden;width: 72%;}
.game_det .cont .phb_c2{margin: 23px 0;}
.game_det .cont .phb_c h1{display: block;margin: 4px 0 6px 0;overflow: hidden;line-height: 19px;}
.game_det .cont .phb_c.phb_c_h5 h1{margin: 14px 0 6px 0;}
.game_det .cont .phb_c h1 a{display: inline-block;float: left;font-size: 16px;color: #333;line-height: 19px;}
.game_det .cont .phb_c span{display: block;font-size: 12px;color: #888;line-height: 16px;margin-right: 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.game_det .cont .phb_c em{display: inline-block;font-style: normal;font-size: 12px;color: #FF9D01;line-height: 16px;margin-bottom: 4px;}
.phb_c i{display:block; font-style:normal; margin:3% 0;}
.phb_c i strong{color:red; display:inline-block; margin-right:3px;}
@media screen and (max-width:420px){.phb_c i{margin:0; line-height:1.2em;}}
.game_det .start{display: block;padding: 0 12px;text-align: center;background: #fff;overflow: hidden;}
.game_det .start a{display: block;font-size: 13px;color: #fff;line-height: 31px;height: 31px;margin-bottom: 12px;border-radius: 6px;background: #509cfa;}
.phb_r{display: block;padding: 0 12px;background: #fff;overflow: hidden;}
.phb_r .down{display: inline-block;width: 32%;background: #FF9D01;border-radius: 6px;text-align: center;overflow: hidden;margin-bottom: 8px;}
.phb_r .down.down1{width:100%;}
.phb_r .down.down2{margin-top:20px;}
.phb_r .down span{display: inline-block;font-size: 13px;color: #fff;padding-left: 25px;line-height: 31px;height: 31px;background: url(/public/images/downloading.png) no-repeat left 0px;background-size: 20px auto;}
.phb_r .down:nth-child(2) span{background: url(/public/images/downloading.png) no-repeat left -40px;background-size: 20px auto;}
.phb_r .down:nth-child(2){background: #fa5153;}
.phb_r .down:nth-child(3) span{background: url(/public/images/downloading.png) no-repeat left -80px;background-size: 20px auto;}
.phb_r .down:nth-child(3){background: #23dbaa;}
.phb_r .down.down1 span{background: none;padding-left: 0;}
.phb_r .down.down2 span{padding-left: 25px;background: url(/public/images/downloading.png) no-repeat left 0px;background-size: 20px auto;}
.phb_r .install{display: block;background: #509cfa;border-radius: 6px;text-align: center;margin-bottom: 8px;overflow: hidden;}
.phb_r .install span{display: inline-block;font-size: 13px;color: #fff;padding-left: 25px;line-height: 31px;background: url(/public/images/downloading.png) no-repeat left -120px;background-size: 20px auto;}
.phb_r .install:active{opacity: .8;}
.game_det .detail-tab{background: #fff;padding: 0 12px;}
.game_det .detail-tab .Head1{display: block;overflow: hidden;}
.game_det .detail-tab .Head1 h2{float: left; color: #333; font-size: 16px; line-height: 42px;}
.game_det .detail-tab>ul{max-height: 60px;padding-bottom: 10px;overflow: hidden;}
.game_det .detail-tab>ul li{float: left;margin: 0 6px 6px 0;}
.game_det .detail-tab>ul li a{display: inline-block;line-height: 16px;padding: 4px 12px;background: #f0f3f4;border-radius: 12px;color: #888;font-size: 12px;font-family: Helvetica Regular,'方正中等线', Microsoft YaHei,sans-serif,'宋体',Tahoma;}
.game_det .detail-tab>ul li a.bgcolor0{background: #fa64b1;color: #f6f6f6;}
.game_det .detail-tab>ul li a.bgcolor1{background: #3aa3f4;color: #f6f6f6;}
.game_det .detail-tab>ul li a.bgcolor2{background: #1ec2b6;color: #f6f6f6;}
.game_det .detail-tab>ul li a.bgcolor3{background: #fad250;color: #f6f6f6;}
.game_det .detail-tab>ul li a:active{opacity: .8;}
.game_det_jt{margin-top: 6px;-webkit-box-shadow: 0 3px 3px #ebebeb; -moz-box-shadow: 0 3px 3px #ebebeb; box-shadow: 0 3px 3px #ebebeb; overflow:hidden;}

/* PC端响应式设计 */
@media screen and (min-width: 769px) {
    /* 整体容器 */
    #BOX {
        width: 100%;
        max-width: 1200px;
        margin: 0 auto;
        background: #fff;
        box-shadow: 0 2px 10px rgba(0,0,0,0.05);
        border-radius: 8px;
        margin-top: 20px;
        margin-bottom: 20px;
        overflow: hidden;
    }
    
    /* 内容区域 */
    body {
        background-color: #f5f5f5;
        font-family: Arial, "STHeiti", 'Microsoft YaHei', '宋体', Verdana, Helvetica, Sans-Serif;
        color: #565656;
    }
    
    /* 顶部导航 */
    #top {
        padding: 15px 30px;
        background: #fff;
        border-bottom: 1px solid #eee;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    
    /* 游戏详情 */
    .game_det {
        width: 100%;
        height: 40px;
        margin: 2px auto;
        padding: 0px;
        background: #fff;
        border-radius: 8px;
        box-shadow: 0 5px 15px rgba(0,0,0,0.08);
    }
    
    /* 面包屑导航 */
    #BreadcrumbNavigation {
        margin-bottom: 25px;
        padding-bottom: 15px;
        border-bottom: 1px solid #eee;
    }
    
    #BreadcrumbNavigation .BN-a-cont {
        font-size: 14px;
    }
    
    #BreadcrumbNavigation .BN-a-cont a {
        color: #666;
        transition: color 0.3s ease;
    }
    
    #BreadcrumbNavigation .BN-a-cont a:hover {
        color: #509cfa;
    }
    
    /* 游戏详情内容 */
    .game_det .cont {
        display: flex;
        align-items: flex-start;
        gap: 30px;
    }
    
    .game_det .cont .phb_l {
        flex: 0 0 150px;
        margin: 0;
    }
    
    .game_det .cont .phb_l img {
        width: 150px;
        height: 150px;
        border-radius: 10px;
        box-shadow: 0 2px 10px rgba(0,0,0,0.1);
        transition: transform 0.3s ease;
    }
    
    .game_det .cont .phb_l img:hover {
        transform: scale(1.05);
    }
    
    .game_det .cont .phb_c {
        flex: 1;
        margin: 0;
        width: auto;
    }
    
    .game_det .cont .phb_c h1 {
        font-size: 28px;
        line-height: 36px;
        margin-bottom: 15px;
        color: #222;
        font-weight: bold;
    }
    
    .game_det .cont .phb_c h1 a {
        color: #222;
        transition: color 0.3s ease;
    }
    
    .game_det .cont .phb_c h1 a:hover {
        color: #509cfa;
    }
    
    .game_det .cont .phb_c span {
        font-size: 14px;
        margin-bottom: 10px;
        color: #888;
        display: block;
    }
    
    .game_det .cont .phb_c em {
        display: inline-block;
        font-style: normal;
        font-size: 14px;
        color: #FF9D01;
        line-height: 16px;
        margin-bottom: 10px;
        padding: 2px 8px;
        background: rgba(255, 157, 1, 0.1);
        border-radius: 4px;
    }
    
    /* 下载按钮区域 */
    .phb_r {
        padding: 25px;
        background: #fff;
        border-radius: 8px;
        box-shadow: 0 5px 15px rgba(0,0,0,0.08);
        margin: 20px auto;
        width: 95%;
        text-align: center;
    }
    
    .phb_r .down {
        display: inline-block;
        padding: 12px 30px;
        border-radius: 6px;
        text-align: center;
        overflow: hidden;
        margin: 0 10px 15px 0;
        transition: all 0.3s ease;
        font-size: 16px;
        font-weight: bold;
    }
    
    .phb_r .down:hover {
        transform: translateY(-2px);
        box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    }
    
    .phb_r .down.down1 {
        width: auto;
        background: #FF9D01;
    }
    
    .phb_r .down.down1:hover {
        background: #ffb333;
    }
    
    .phb_r .down.down2 {
        background: #fa5153;
    }
    
    .phb_r .down.down2:hover {
        background: #fc6a6c;
    }
    
    .phb_r .down.down3 {
        background: #23dbaa;
    }
    
    .phb_r .down.down3:hover {
        background: #3ae1c0;
    }
    
    /* 新版推荐 */
    .M-game {
        width: 95%;
        margin: 20px auto;
        padding: 25px;
        background: #fff;
        border-radius: 8px;
        box-shadow: 0 5px 15px rgba(0,0,0,0.08);
    }
    
    /* 推荐游戏轮播 */
    .jctj-cont {
        display: flex;
        justify-content: space-between;
    }
    
    .jctj-slide {
        width: 18% !important;
        margin-right: 2% !important;
        transition: all 0.3s ease;
        border-radius: 8px;
        overflow: hidden;
        background: #fafafa;
        padding: 15px;
    }
    
    .jctj-slide:hover {
        transform: translateY(-5px);
        box-shadow: 0 5px 15px rgba(0,0,0,0.1);
        background: #fff;
    }
    
    .jctj-slide:last-child {
        margin-right: 0 !important;
    }
    
    .jctj-slide .C1-explain {
        display: block;
        text-align: center;
    }
    
    .jctj-slide .C1-explain img {
        width: 100%;
        height: auto;
        border-radius: 6px;
        margin-bottom: 12px;
    }
    
    .jctj-slide .C1-explain p {
        font-size: 14px;
        color: #333;
        margin: 0;
        line-height: 1.4;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    
    /* 相关版本 */
    .edition {
        width: 95%;
        margin: 20px auto;
        padding: 25px;
        background: #fff;
        border-radius: 8px;
        box-shadow: 0 5px 15px rgba(0,0,0,0.08);
    }
    
    .edition .Head1 {
        padding: 0 0 20px 0;
        border-bottom: 1px solid #eee;
        margin-bottom: 25px;
    }
    
    .edition .Head1 p {
        font-size: 18px;
        font-weight: bold;
        color: #333;
        margin: 0;
    }
    
    /* 相关软件版本列表 */
    .Cont7-list {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 20px;
    }
    
    .Cont7-list li {
        width: calc(50% - 10px);
        padding: 20px;
        background: #fafafa;
        border-radius: 8px;
        transition: all 0.3s ease;
        box-shadow: 0 2px 10px rgba(0,0,0,0.05);
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    
    .Cont7-list li:hover {
        background: #fff;
        box-shadow: 0 4px 15px rgba(0,0,0,0.1);
        transform: translateY(-3px);
    }
    
    .Cont7-list li h6 {
        margin: 0;
        font-size: 16px;
        font-weight: bold;
    }
    
    .Cont7-list li h6 a {
        color: #333;
        transition: color 0.3s ease;
    }
    
    .Cont7-list li h6 a:hover {
        color: #509cfa;
    }
    
    .Cont7-list li a {
        padding: 8px 20px;
        background: #509cfa;
        color: #fff;
        border-radius: 4px;
        transition: all 0.3s ease;
        font-size: 14px;
        font-weight: bold;
    }
    
    .Cont7-list li a:hover {
        background: #6ba9fa;
        transform: translateY(-2px);
    }
    
    /* 内容区域布局 */
    .content-wrapper {
        display: flex;
        gap: 30px;
        width: 95%;
        margin: 20px auto;
    }
    
    /* 左侧内容 */
    .main-content {
        flex: 1;
    }
    
    /* 右侧边栏 */
    .sidebar {
        width: 300px;
    }
    
    /* 内容区域 */
    .zx_details {
        width: 100%;
        box-shadow: 0 5px 15px rgba(0,0,0,0.1);
        border-radius: 8px;
        margin: 0;
    }
    
    /* 文章标题 */
    .zx_head div h1 {
        font-size: 28px;
        line-height: 36px;
        padding-bottom: 20px;
        margin-bottom: 20px;
        color: #222;
        border-bottom: 1px solid #eee;
    }
    
    /* 文章编辑信息 */
    .zx_head div h6 {
        font-size: 14px;
        color: #888;
    }
    
    /* 文章头部 */
    .zx_details .zx_head {
        padding: 20px 30px;
        border-bottom: 1px solid #eee;
    }
    
    /* 文章内容 */
    .zx_details main {
        width: 95%;
        margin: 0 auto;
        padding: 30px 0;
        max-width: 100%;
    }
    
    /* 文章内容容器 */
    .zx_wz {
        width: 100%;
        margin: 0;
    }
    
    /* 文章内容内边距 */
    .zx_details main p {
        margin-bottom: 20px;
        text-align: justify;
    }
    
    /* 文章图片居中 */
    .zx_details main img {
        display: block;
        margin: 30px auto;
        border-radius: 4px;
        box-shadow: 0 5px 15px rgba(0,0,0,0.1);
        max-width: 100%;
        height: auto;
    }
    
    /* 相关阅读 */
    .main_d {
        width: 100%;
        margin: 20px 0;
        padding: 5px;
        background: #fff;
        border-radius: 8px;
        box-shadow: 0 5px 15px rgba(0,0,0,0.08);
    }
    
    /* 相关阅读列表 */
    .main_d .Cont5 ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 25px;
    }
    
    .main_d .Cont5 ul li {
        width: calc(50% - 12.5px);
        padding: 15px;
        background: #fafafa;
        border-radius: 6px;
        transition: all 0.3s ease;
        box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    }
    
    .main_d .Cont5 ul li:hover {
        background: #fff;
        box-shadow: 0 4px 12px rgba(0,0,0,0.1);
        transform: translateY(-2px);
    }
    
    .main_d .Cont5 ul li dl {
        margin: 0;
    }
    
    .main_d .Cont5 ul li dl dt {
        margin-bottom: 10px;
    }
    
    .main_d .Cont5 ul li dl dt p a {
        font-size: 16px;
        color: #333;
        line-height: 22px;
        transition: color 0.3s ease;
    }
    
    .main_d .Cont5 ul li dl dt p a:hover {
        color: #509cfa;
    }
    
    .main_d .Cont5 ul li dl dd {
        font-size: 12px;
        color: #999;
    }
    
    /* 精品推荐 */
    .fine-game {
        width: 100%;
        margin: 30px 0;
        padding: 5px;
        background: #fff;
        border-radius: 8px;
        box-shadow: 0 5px 15px rgba(0,0,0,0.08);
    }
    
    .fine-game .Head1 {
        padding: 0 0 20px 0;
        border-bottom: 1px solid #eee;
        margin-bottom: 25px;
    }
    
    .fine-game .Head1 p {
        font-size: 18px;
        font-weight: bold;
        color: #333;
        margin: 0;
    }
    
    .fine-game .Cont1 ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 20px;
    }
    
    .fine-game .Cont1 ul li {
        width: calc(20% - 16px);
        background: #fafafa;
        border-radius: 8px;
        overflow: hidden;
        transition: all 0.3s ease;
        box-shadow: 0 2px 8px rgba(0,0,0,0.05);
        padding: 15px;
        text-align: center;
    }
    
    .fine-game .Cont1 ul li:hover {
        background: #fff;
        box-shadow: 0 4px 12px rgba(0,0,0,0.1);
        transform: translateY(-3px);
    }
    
    .fine-game .Cont1 ul {
        flex-direction: column;
        gap: 10px;
    }
    
    .fine-game .Cont1 ul li {
        width: 100%;
        padding: 0;
    }
    
    .fine-game .Cont1 ul li .game-item {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 15px;
        padding: 15px;
        background: #f9f9f9;
        border-radius: 8px;
        transition: all 0.3s ease;
        text-decoration: none;
    }
    
    .fine-game .Cont1 ul li .game-item:hover {
        background: #fff;
        box-shadow: 0 4px 12px rgba(0,0,0,0.1);
        transform: translateY(-2px);
    }
    
    .fine-game .Cont1 ul li .game-content {
        display: flex;
        align-items: center;
        gap: 15px;
        flex: 1;
    }
    
    .fine-game .Cont1 ul li .game-icon {
        flex: 0 0 80px;
    }
    
    .fine-game .Cont1 ul li .game-icon img {
        width: 80px;
        height: 80px;
        border-radius: 8px;
        object-fit: cover;
    }
    
    .fine-game .Cont1 ul li .game-info {
        flex: 1;
        min-width: 0;
    }
    
    .fine-game .Cont1 ul li .game-info h3 {
        font-size: 16px;
        font-weight: bold;
        color: #333;
        margin: 0 0 8px 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    
    .fine-game .Cont1 ul li .game-info p {
        font-size: 14px;
        color: #666;
        margin: 0 0 4px 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    
    .fine-game .Cont1 ul li .download-btn {
        flex: 0 0 80px;
        text-align: center;
    }
    
    .fine-game .Cont1 ul li .download-btn span {
        display: inline-block;
        padding: 8px 16px;
        background: #23dbaa;
        color: #fff;
        border-radius: 4px;
        font-size: 14px;
        font-weight: bold;
        transition: all 0.3s ease;
    }
    
    .fine-game .Cont1 ul li .download-btn span:hover {
        background: #3ae1c0;
        transform: translateY(-1px);
    }
    
    /* 热门推荐 */
    .hot-recommendations {
        background: #fff;
        border-radius: 8px;
        box-shadow: 0 5px 15px rgba(0,0,0,0.1);
        padding: 20px;
        margin-bottom: 30px;
    }
    
    .hot-recommendations h3 {
        font-size: 18px;
        font-weight: bold;
        color: #333;
        margin: 0 0 20px 0;
        padding-bottom: 10px;
        border-bottom: 1px solid #eee;
    }
    
    .hot-recommendations .hot-list {
        display: flex;
        flex-direction: column;
        gap: 15px;
    }
    
    .hot-recommendations .hot-item {
        display: flex;
        align-items: flex-start;
        gap: 10px;
        padding: 10px;
        border-radius: 6px;
        transition: all 0.3s ease;
        background: #fafafa;
    }
    
    .hot-recommendations .hot-item:hover {
        background: #f0f8ff;
        transform: translateX(5px);
    }
    
    .hot-recommendations .hot-item .rank {
        width: 24px;
        height: 24px;
        background: #509cfa;
        color: #fff;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 14px;
        font-weight: bold;
        flex-shrink: 0;
    }
    
    .hot-recommendations .hot-item .rank.top3 {
        background: #ff6b6b;
    }
    
    .hot-recommendations .hot-item .content {
        flex: 1;
    }
    
    .hot-recommendations .hot-item .content a {
        font-size: 14px;
        color: #333;
        line-height: 20px;
        transition: color 0.3s ease;
        display: block;
        margin-bottom: 5px;
    }
    
    .hot-recommendations .hot-item .content a:hover {
        color: #509cfa;
    }
    
    .hot-recommendations .hot-item .content span {
        font-size: 12px;
        color: #999;
    }
    
    /* 移动端样式 */
    .zx_details_yd {
        padding: 0 20px;
    }
    
    .zx_details_yd p {
        font-size: 16px;
        line-height: 42px;
        color: #333;
        font-weight: bold;
    }
    
    /* 隐藏移动端特有元素 */
    .m_down1, .m_down3 {
        display: none;
    }
    
    /* 面包屑导航优化 */
    #BreadcrumbNavigation {
        margin-bottom: 25px;
        padding: 15px 20px;
        background: #f8f9fa;
        border-radius: 6px;
        font-size: 14px;
    }
    
    #BreadcrumbNavigation .BN-a {
        display: flex;
        align-items: center;
    }
    
    #BreadcrumbNavigation .BN-a-head {
        margin-right: 10px;
    }
    
    #BreadcrumbNavigation .BN-a-head em {
        display: inline-block;
        width: 16px;
        height: 16px;
        background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23509cfa"><path d="M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z"/></svg>') no-repeat center;
        background-size: contain;
    }
    
    #BreadcrumbNavigation .BN-a-cont {
        font-size: 14px;
    }
    
    #BreadcrumbNavigation .BN-a-cont a {
        color: #509cfa;
        transition: color 0.3s ease;
        margin: 0 5px;
    }
    
    #BreadcrumbNavigation .BN-a-cont a:hover {
        color: #3a86ff;
        text-decoration: underline;
    }
    
    #BreadcrumbNavigation .BN-a-cont a:first-child {
        margin-left: 0;
    }
}

/* 移动端样式优化 */
@media screen and (max-width: 768px) {
    /* 响应式布局 */
    #BOX {
        width: 100%;
        max-width: 100%;
        margin: 10px auto;
        background: #fff;
        box-shadow: none;
        border-radius: 0;
    }
    
    .content-wrapper {
        flex-direction: column;
        gap: 20px;
    }
    
    .sidebar {
        width: 100%;
    }
    
    .zx_details {
        margin-top: 10px;
    }
    
    .zx_details .zx_head {
        padding: 15px 12px;
    }
    
    .zx_head div h1 {
        font-size: 18px;
        line-height: 26px;
        padding-bottom: 10px;
    }
    
    .zx_head div h6 {
        font-size: 12px;
    }
    
    .zx_details main {
        padding: 15px 15px;
    }
    
    .zx_wz main>p, .zx_wz main>div {
        font-size: 15px;
        line-height: 26px;
        padding-top: 10px;
    }
    
    .zx_details main img {
        max-width: 100%;
        margin: 15px auto;
    }
    
    .main_d {
        margin-top: 10px;
    }
    
    /* 热门推荐移动端样式 */
    .hot-recommendations {
        padding: 15px;
        margin-bottom: 20px;
    }
    
    .hot-recommendations h3 {
        font-size: 16px;
        margin-bottom: 15px;
        padding-bottom: 8px;
    }
    
    .hot-recommendations .hot-list {
        gap: 10px;
    }
    
    .hot-recommendations .hot-item {
        padding: 8px;
        background: #f9f9f9;
    }
    
    .hot-recommendations .hot-item:hover {
        background: #f0f0f0;
        transform: translateX(3px);
    }
    
    .hot-recommendations .hot-item .rank {
        width: 20px;
        height: 20px;
        font-size: 12px;
    }
    
    .hot-recommendations .hot-item .content a {
        font-size: 13px;
        line-height: 18px;
        color: #333;
    }
    
    .hot-recommendations .hot-item .content a:hover {
        color: #509cfa;
    }
    
    .hot-recommendations .hot-item .content span {
        font-size: 11px;
        color: #999;
    }
    
    /* 精彩推荐移动端样式 */
    .fine-game {
        margin: 20px 0;
        padding: 10px;
    }
    
    .fine-game .Head1 p {
        font-size: 16px;
        line-height: 42px;
    }
    
    .fine-game .Cont1 ul {
        flex-direction: column;
        gap: 10px;
    }
    
    .fine-game .Cont1 ul li {
        width: 100%;
        padding: 0;
    }
    
    .fine-game .Cont1 ul li .game-item {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        padding: 12px;
        background: #f9f9f9;
        border-radius: 8px;
    }
    
    .fine-game .Cont1 ul li .game-item:hover {
        background: #fff;
        transform: translateY(-1px);
    }
    
    .fine-game .Cont1 ul li .game-content {
        display: flex;
        align-items: center;
        gap: 12px;
        flex: 1;
    }
    
    .fine-game .Cont1 ul li .game-icon {
        flex: 0 0 70px;
    }
    
    .fine-game .Cont1 ul li .game-icon img {
        width: 70px;
        height: 70px;
        border-radius: 6px;
    }
    
    .fine-game .Cont1 ul li .game-info h3 {
        font-size: 14px;
        margin: 0 0 6px 0;
    }
    
    .fine-game .Cont1 ul li .game-info p {
        font-size: 12px;
        margin: 0 0 3px 0;
    }
    
    .fine-game .Cont1 ul li .download-btn {
        flex: 0 0 70px;
    }
    
    .fine-game .Cont1 ul li .download-btn span {
        padding: 6px 12px;
        font-size: 12px;
    }
    
    .fine-game .Cont1 ul li .download-btn span:hover {
        transform: translateY(-1px);
    }
    
    /* 新版推荐移动端样式 */
    .M-game {
        width: 95%;
        margin: 15px auto;
        padding: 15px;
        background: #fff;
        border-radius: 8px;
        box-shadow: 0 3px 10px rgba(0,0,0,0.05);
    }
    
    .jctj-cont {
        display: flex;
        justify-content: space-between;
        flex-wrap: nowrap;
        overflow-x: auto;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }
    
    .jctj-cont::-webkit-scrollbar {
        display: none;
    }
    
    .jctj-slide {
        flex: 0 0 auto;
        width: 20px;
        margin-right: 10px;
        padding: 10px;
        background: #fafafa;
        border-radius: 8px;
        overflow: hidden;
        transition: all 0.3s ease;
    }
    
    .jctj-slide:hover {
        background: #fff;
        transform: translateY(-2px);
        box-shadow: 0 3px 8px rgba(0,0,0,0.1);
    }
    
    .jctj-slide .C1-explain {
        display: block;
        text-align: center;
    }
    
    .jctj-slide .C1-explain div {
        position: relative;
        margin-bottom: 8px;
        width: 100%;
        height: 60px;
        overflow: hidden;
    }
    
    .jctj-slide .C1-explain img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 6px;
    }
    
    .jctj-slide .C1-explain p {
        font-size: 12px;
        line-height: 16px;
        margin-top: 8px;
        color: #333;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    
    /* 面包屑导航移动端样式 */
    #BreadcrumbNavigation {
        padding: 10px 15px;
        font-size: 12px;
    }
    
    #BreadcrumbNavigation .BN-a-cont a {
        margin: 0 3px;
    }
}