@charset "utf-8";
/* ============================================================
   17173sf 移动端专用样式 mobile.css
   仅在屏幕宽度 <= 768px 时生效，桌面端样式完全不受影响
   ============================================================ */

/* 汉堡菜单开关：任何设备下都不直接显示，只在下面的媒体查询里唤起 */
.m-nav-check{display:none !important;}
.m-nav-toggle{display:none;}

@media screen and (max-width: 768px){

/* ---------- 基础 ---------- */
html{-webkit-text-size-adjust:100%;}
body{
	font-size:14px;
	background-size:100% auto !important;
	overflow-x:hidden;
}
body img{max-width:100%;height:auto;}
body table{max-width:100%;}
.fl,.fr{float:none !important;display:block !important;}
a{word-wrap:break-word;}

/* ---------- 顶部条 ---------- */
.top{height:auto;}
.top .box{
	width:auto !important;
	height:auto !important;
	line-height:22px;
	padding:6px 10px;
	text-align:center;
}
.top .box span{float:none;display:block;}

/* ---------- 头部 / Logo / 导航 ---------- */
.header{
	width:auto !important;
	margin:25vw 8px 8px 8px !important;
	background:none !important;
	min-height:42px;
}
.header .logo{
	float:none !important;
	width:auto !important;
	height:auto !important;
	text-align:center;
	padding:0 48px 6px 0;
}
.header .logo img{max-width:160px;width:auto;height:auto;}

/* 汉堡按钮（纯CSS，checkbox 驱动，无需 JS） */
.m-nav-toggle{
	display:block;
	position:absolute;
	right:0;
	top:0;
	width:42px;
	height:42px;
	background:#1f6cc6;
	border-radius:6px;
	box-sizing:border-box;
	padding-top:9px;
	z-index:20;
	cursor:pointer;
}
.m-nav-toggle span{
	display:block;
	width:22px;
	height:2px;
	background:#fff;
	margin:0 auto 5px auto;
	border-radius:1px;
	transition:all .2s ease;
}
.m-nav-toggle span:last-child{margin-bottom:0;}
.m-nav-check:checked ~ .m-nav-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.m-nav-check:checked ~ .m-nav-toggle span:nth-child(2){opacity:0;}
.m-nav-check:checked ~ .m-nav-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

/* 导航：移动端纵向排列 */
.header .nav{
	float:none !important;
	display:block !important;
	width:auto !important;
	height:auto !important;
	line-height:normal;
}
.header .nav ul{
	float:none;
	width:auto;
	height:auto;
	padding:0;
	margin:6px 0 0 0;
	background:#1f6cc6;
	border-radius:6px;
	overflow:hidden;
	font-size:16px;
}
.header .nav ul li{
	float:none;
	width:100%;
	height:auto;
	padding:0 !important;
	background:none !important;
}
.header .nav a{
	float:none;
	display:block;
	width:100%;
	box-sizing:border-box;
	height:44px;
	line-height:44px;
	padding:0 16px;
	color:#fff;
	border-bottom:1px solid rgba(255,255,255,.18);
	background:none !important;
}
.header .nav a:hover,.header .nav .hover{
	background:#1557a0 !important;
	color:#fff;
	text-decoration:none;
}
/* 带汉堡开关的页面：默认折叠，勾选后展开 */
.header .m-nav-check ~ .nav ul{display:none;}
.header .m-nav-check:checked ~ .nav ul{display:block;}

/* 搜索 + 标签行 */
.sotag{
	float:none !important;
	width:auto !important;
	height:auto !important;
	padding:0 2px;
}
.serach{
	float:none !important;
	display:block !important;
	width:auto !important;
	height:auto;
	padding:8px 4px 0 4px;
}
.serach form{
	width:100%;
	display:-webkit-box;
	display:flex;
}
.search-keyword{
	float:none !important;
	display:block !important;
	-webkit-box-flex:1;
	flex:1 1 auto;
	width:auto !important;
	height:36px;
	line-height:36px;
	font-size:16px; /* 避免 iOS 聚焦自动放大 */
	box-sizing:border-box;
}
.search-submit{
	float:none !important;
	display:block !important;
	flex:0 0 36px;
	width:36px !important;
	height:36px !important;
	background-size:36px 36px;
}
.tag{
	float:none !important;
	width:auto !important;
	height:auto !important;
	line-height:30px;
	padding:6px 6px 0 6px;
	background:none !important;
	white-space:normal;
}
.tag span,.tag a{display:inline-block;margin-bottom:4px;}

/* 面包屑 */
.weizhi{
	width:auto !important;
	margin:0 8px;
	padding:4px 0 8px 18px;
	background-position:0 6px;
}

/* ---------- 主体容器 ---------- */
.main-1{
	width:auto !important;
	margin:0 8px 10px 8px !important;
}
.main-2,.main-3{
	width:auto !important;
	margin:0 8px 10px 8px !important;
	box-sizing:border-box;
}
.main-2{background-color:#fff;}
.t-3,.t-4{
	width:auto !important;
	box-sizing:border-box;
	padding:8px 10px;
}

/* ---------- 版本快搜（16宫格 → 4列） ---------- */
.chuanqi{
	width:auto !important;
	height:auto !important;
	padding:8px 4px 2px 4px;
	box-sizing:border-box;
	border-top:none;
}
.chuanqi ul{width:100%;}
.chuanqi li{
	width:25%;
	height:auto !important;
	padding-bottom:10px;
	box-sizing:border-box;
}
.chuanqi li img{
	width:90%;
	max-width:121px;
	height:auto !important;
	margin:0 auto;
}
.chuanqi li p{font-size:13px;line-height:20px;}

/* ---------- 首页上排：轮播 + 头条 + 热门标签 ---------- */
.left-1,.middle-1,.right-1{
	float:none !important;
	width:auto !important;
	height:auto !important;
	margin:0 0 10px 0 !important;
	overflow:visible !important;
}
.slideBox{
	width:100% !important;
	box-sizing:border-box;
	height:auto !important;
	margin-bottom:0;
}
.slideBox .bd{height:auto;}
.slideBox .bd img{
	min-width:0 !important;
	width:100%;
	height:auto !important;
}
.slideBox .tempWrap ul li{height:auto !important;}
.slideBox .tempWrap ul li p{
	width:auto;
	left:5px;
	right:5px;
	height:auto;
	line-height:18px;
	padding:4px 6px;
	font-size:12px;
}
.slideBox .hd{right:6px;bottom:6px;}
.slideBox .hd ul li{width:20px;height:20px;line-height:20px;font-size:13px;margin-right:4px;}
.middle-1{background:#fff;}
.t-1{background-position:0 0;}
.b-box1{width:auto !important;}
.b-box2{margin:8px 10px;}
.tags1{height:auto !important;overflow:visible !important;padding-bottom:10px;}

/* ---------- 首页各资讯分区 ---------- */
.left-2{
	float:none !important;
	width:auto !important;
}
.b-box6{
	float:left !important;
	width:50% !important;
	height:auto !important;
	box-sizing:border-box;
	padding:8px 4px 0 4px !important;
	border:0;
}
.b-box6 li{
	float:none;
	width:auto !important;
	padding:0 0 6px 0;
}
.b-box6 img{
	width:100%;
	max-width:145px;
	height:auto !important;
	margin:0 auto;
}
.g-box3{
	float:none !important;
	width:auto !important;
	padding:0 12px 10px 12px;
}
.g-box3 p{line-height:22px;}
.g-box4{
	float:none !important;
	width:auto !important;
	border-left:none !important;
	border-top:1px solid #d9dfea;
	background:#fff !important;
}
.g-box4 .hd{width:auto !important;}
.g-box4 .hd ul{
	float:none;
	position:static;
	width:auto !important;
}
.g-box4 .hd ul li{width:50%;}
.g-box4 .bd,.g-box4 .infoList{width:auto !important;}
.g-box4 .pic{height:auto !important;overflow:hidden;padding-bottom:10px;}
.g-box4 .pic img{
	height:auto !important;
	width:38%;
	max-width:130px;
}
.g-box4 .box{font-size:13px;}

/* 看图搜服：一行3个 */
.b-box8{
	width:auto !important;
	padding:0 4px 8px 4px;
}
.b-box8 li{
	width:33.33%;
	padding:0 4px !important;
	box-sizing:border-box;
}
.b-box8 li img{
	width:100%;
	height:auto !important;
}

/* ---------- 列表页 ---------- */
.left-4,.left-5,.left-6,.left-7{
	float:none !important;
	width:auto !important;
	box-sizing:border-box;
}
.g-list-1,.g-list-2,.g-list-4,.g-list-5{
	width:auto !important;
	box-sizing:border-box;
}
.g-list-1 li{height:auto !important;min-height:0;padding:12px 0;overflow:hidden;}
.g-list-1 li img{
	width:100px;
	height:auto !important;
	margin-right:10px;
}
.g-list-2 li{line-height:30px;}
.g-box9{
	float:none !important;
	width:auto !important;
	box-sizing:border-box;
	margin:0 8px 10px 8px;
}

/* 侧栏：推荐/热点/子栏目 */
.sub{width:auto !important;}
.sub ul{width:auto !important;box-sizing:border-box;}
.b-box16{
	width:auto !important;
	padding:10px 4px 0 4px;
	overflow:hidden;
}
.b-box16 li{
	float:left;
	width:50%;
	box-sizing:border-box;
	padding:0 4px 8px 4px !important;
	text-align:center;
	line-height:22px;
}
.b-box16 img{
	display:block;
	width:100%;
	max-width:140px;
	height:auto !important;
	margin:0 auto;
}
.b-box22 li a{max-width:70%;}

/* 分页 */
.dede_pages{height:auto;overflow:hidden;padding:10px 0;}
.dede_pages ul{float:none;text-align:center;white-space:normal;}
.dede_pages ul li{margin-bottom:6px;}
.dede_pagess ul{white-space:normal;}

/* ---------- 文章内容页 ---------- */
.left-5{padding:0 12px 10px 12px !important;}
.left-5 h1{
	font-size:19px;
	line-height:28px;
	padding:15px 0 10px 0;
}
.left-5 .info{line-height:20px;}
.g-con-1{
	width:auto !important;
	font-size:16px;
	line-height:1.85;
}
.b-box13{
	width:auto !important;
	padding:8px 10px 0 10px;
}
.b-box13 li{
	float:none !important;
	width:auto !important;
	line-height:28px;
}

/* ---------- 图片列表页 ---------- */
.g-list-3{
	width:auto !important;
	padding:0 8px 10px 8px;
}
.g-list-3 li{
	width:48%;
	height:auto !important;
	margin:10px 0 0 1%;
}
.g-list-3 li img{
	min-width:0 !important;
	width:100%;
	height:auto !important;
	position:relative;
}
.g-list-3 .cover2{display:none;}
.g-list-3 .name2{
	top:auto;
	bottom:0;
	width:100%;
	height:auto;
	line-height:20px;
	padding:5px 4px;
	background:rgba(0,0,0,.6);
	box-sizing:border-box;
}
.g-list-3 .name2 span{
	width:auto;
	height:auto;
	font-size:13px;
	line-height:18px;
	padding:0;
}
.g-list-3 li:hover .cover2,.g-list-3 li:hover .name2{
	top:auto;
	height:auto;
	padding:5px 4px;
}

/* ---------- 图片集内容页（piccontext） ---------- */
.piccontext{width:auto !important;}
.piccontext h2{
	width:auto !important;
	height:auto;
	line-height:28px;
	white-space:normal;
	margin:10px;
	font-size:18px;
}
.source{
	width:auto !important;
	height:auto !important;
	line-height:22px;
	margin:0 10px;
}
.source_left,.source_right{float:none;height:auto;}
.source_right span{display:inline-block;}
.picshow{
	width:auto !important;
	margin:10px;
}
.picshowtop{width:auto !important;}
#pic1{max-width:100% !important;}
#preArrow_A,#nextArrow_A{display:block;opacity:.5;}
.picshowtxt{width:auto !important;margin:10px;}
.picshowtxt_right{
	float:none;
	width:auto !important;
	margin-left:0;
}
.picshowlist_left,.picshowlist_right,.picmidleft,.picmidright{display:none;}
.picshowlist{
	width:auto !important;
	margin:10px;
}
.picshowlist_mid{
	float:none;
	width:auto !important;
	margin:0;
	overflow-x:auto;
	-webkit-overflow-scrolling:touch;
}
.picmidmid{
	float:none;
	width:auto !important;
}
.picmidmid ul{width:auto !important;}
.piclistshow{
	width:auto !important;
	padding:0 10px;
	box-sizing:border-box;
}
.piclistshow ul li{
	width:50% !important;
	height:auto !important;
	padding-top:15px;
	box-sizing:border-box;
}
.piclistshow .picimg{
	width:auto;
	height:auto;
	display:block;
	padding:0;
}
.picimg img{
	max-width:100% !important;
	width:100%;
}
.pictxt{height:auto;padding:8px 5px 0;}
.g-con-2{
	width:auto !important;
	margin:10px 8px !important;
	box-sizing:border-box;
}
.g-con-2 img{max-width:100%;}
.g-con-2 table{width:100% !important;}
.b-box20{
	width:auto !important;
	overflow:hidden;
}
.b-box20 li{
	width:50%;
	height:auto !important;
	box-sizing:border-box;
	padding:0 4px 8px 4px !important;
}
.b-box20 li img{
	width:100%;
	height:auto !important;
}
.b-box20 li p{
	position:static;
	width:auto;
	height:auto;
	line-height:24px;
	padding:2px 4px;
}
.firsttop,.endtop{
	width:auto !important;
	left:10px;
	right:10px;
	box-sizing:border-box;
}
.firsttop_right{width:auto !important;}

/* ---------- TAG 标签页 ---------- */
.g-list-5 dd a{
	width:33.33%;
	box-sizing:border-box;
	padding-left:0;
}

/* ---------- 单页 ---------- */
.main-1 > .con{
	padding:12px;
	line-height:1.8;
}
.con img{max-width:100%;height:auto;}

/* ---------- 友情链接 / 页脚 ---------- */
.link{
	width:auto !important;
	margin:0 8px 10px 8px;
}
.link-t{
	height:auto;
	line-height:28px;
	padding:6px 10px;
}
.link-t span{float:none;display:block;}
.link-box{
	width:auto !important;
	padding:8px;
	box-sizing:border-box;
}
.footer{
	width:auto !important;
	padding:12px 10px;
	box-sizing:border-box;
}

/* 侧边悬浮广告、版本导航：手机端隐藏，避免遮挡 */
.adFloat,.float_menu{display:none !important;}

/* 返回顶部：固定右下角 */
#gotop{
	left:auto !important;
	right:12px;
	bottom:24px;
	top:auto !important;
	margin:0 !important;
	width:42px;
	z-index:100;
}

/* 广告位 */
.ad-960{
	width:auto !important;
	margin:0 8px 10px 8px;
}
.ad-668,.ad-200,.ad-250{width:auto !important;}
.ad-960 img,.ad-668 img,.ad-250 img,.ad-200 img{max-width:100%;height:auto;}

/* 焦点图（兼容备用模板） */
.foucebox{
	width:auto !important;
	height:auto !important;
	margin:0 8px 10px 8px;
}
.foucebox .bd{
	float:none;
	width:auto !important;
	height:auto !important;
}
.foucebox .showDiv{width:auto !important;height:auto !important;}
.foucebox .showDiv img{width:100% !important;height:auto !important;}
.foucebox p{width:100% !important;position:static;height:auto;line-height:24px;padding:6px 8px;}
.foucebox .hd{display:none;}

/* ---------- 开区信息表格（.r 行固定1328px：横向滚动，压缩列宽） ---------- */
.gamebox_title{
	width:auto !important;
	margin:0 8px;
	box-sizing:border-box;
}
.game_wrap{
	width:auto !important;
	margin:0 8px !important;
	padding:8px !important;
	box-sizing:border-box;
	overflow-x:auto;
	-webkit-overflow-scrolling:touch;
}
.r{
	width:700px !important;
	min-width:700px;
	font-size:12px;
	line-height:28px;
}
.r,.c1,.c2,.c3,.c4,.c5,.c6,.c7{line-height:28px;}
.c1{width:100px !important;}
.c2{width:100px !important;}
.c3{width:120px !important;}
.c4{width:76px !important;}
.c5{width:180px !important;}
.c6{width:60px !important;}
.c7{width:64px !important;}
table.gamelist{min-width:700px;}
.toptips{width:auto !important;margin:0 8px;box-sizing:border-box;}
/* 开区/版本页推荐文章双栏 */
.b-box11,.b-box12{
	float:none !important;
	width:auto !important;
	padding:8px 10px !important;
}
.b-box11 li{
	width:50% !important;
	padding:0 4px 8px 4px !important;
	box-sizing:border-box;
}
.b-box11 li img{
	width:100% !important;
	height:auto !important;
}
.b-box12 li{background-position:-38px -327px;}
.b-box12 li a{word-wrap:break-word;}

}