/* =====================================================================
   米表 移动端自适应样式
   桌面端为 1200px 固定宽度布局，以下通过媒体查询对平板/手机端做适配。
   本文件由 footer.php 在页面最后加载，用于覆盖各样式表中的固定宽度。
   ===================================================================== */

/* ---------- 平板及以下 (<=1200px) ---------- */
@media screen and (max-width:1200px) {
	body{min-width:0;}

	/* 主框架容器自适应 */
	#header{width:auto;}
	.hdbox{width:auto;margin:0 10px;}
	#content{width:auto;margin:0 10px;}
	.ftbox{width:auto;margin:0 10px;}
	.fsbox{width:auto;margin:0 10px;}
	.mnboxsub{width:auto;}

	/* 主导航：超出部分横向滚动 */
	.mnbox{overflow-x:auto;-webkit-overflow-scrolling:touch;overflow-y:hidden;}
	.mnbox ul{width:auto;white-space:nowrap;}
	.mnbox ul li{width:auto !important;display:inline-block;float:none;padding:0 18px;}
	.mnbox ul li a{display:block;}

	/* 友情链接 */
	.friendlink{width:auto;margin:0 10px 12px;}
	.linkcontents{width:100% !important;box-sizing:border-box;}
	.linktitle1{width:110px;}
	.linktitle2{width:calc(100% - 110px);box-sizing:border-box;}

	/* 页脚：平板/手机改为单列堆叠，避免 col2 窄列挤压 */
	.ftbox .ft-a .fl-l li{float:none;width:100%;margin-bottom:18px;}
	.ftbox .ft-a .fl-l li.ftus{border-left:none;}
	.ftbox .ft-a .col2{display:block !important;float:none !important;position:static !important;width:auto !important;margin-left:0 !important;margin-top:6px !important;}
	.ftbox .ft-a .foottitle{text-align:left;}
	.fsbox .fl-l,.fsbox .fl-r{float:none;width:100%;text-align:center;}
	.fsbox .fl-r{margin-top:6px;}

	/* 出售页 */
	.salepagebanner{width:100% !important;min-height:0;padding:20px 0;margin-top:0;background-size:cover;background-position:center;}
	.salepagebanner .salecontent{width:100%;box-sizing:border-box;padding:0 15px;}
	.damaindetail{width:100% !important;}
	.doamindetail{width:100% !important;height:auto !important;float:none !important;}
	.doamindetail .domain{width:100% !important;font-size:26px !important;padding:0 0 5px 0 !important;white-space:normal;}
	.doamindetail .mean{position:static !important;width:100% !important;font-size:14px !important;padding:0 0 5px 0 !important;margin-top:0 !important;}
	.saleadwords{position:static !important;font-size:20px !important;padding:10px 0 0 0 !important;margin:0 !important;}
	.salenote{position:static !important;font-size:16px !important;padding:6px 0 0 0 !important;margin:0 !important;line-height:1.8 !important;}
	.salecontact{position:static !important;padding:12px 0 0 0 !important;margin:0 !important;line-height:1.6 !important;}
	.salecontact span{float:none !important;}
	.salecontact a{float:none !important;display:inline-block;margin:4px 6px 4px 0 !important;padding:5px 16px !important;}
	.saletag{display:none !important;}
	.flower{display:none !important;}

	.tradeflow{height:auto;margin:0;}
	.tradeflowcontent{width:100% !important;box-sizing:border-box;padding:20px 15px;}
	.tradeflowtxt{float:none !important;width:100% !important;text-align:center;padding:0 !important;margin-bottom:14px;white-space:normal;}
	.tradeflowtxt p{font-size:18px;}
	.tradeflow1,.tradeflow2{display:none !important;}
}

/* ---------- 小平板 / 大屏手机 (<=1000px) ---------- */
@media screen and (max-width:1000px) {
	/* 头部：logo 居中，搜索框占满 */
	#header{height:auto;padding:10px 0;}
	.logo{float:none;text-align:center;padding-top:0;margin-bottom:8px;}
	.logo img{max-width:75%;height:auto;}
	.hd-search{float:none;width:auto;padding:0;margin:0 0 6px;}
	.hd-search .hs-tab{display:none;}
	.hd-acc{display:none;}
	.search-input{width:100%;box-sizing:border-box;}
	.sospan{display:block;}
}

/* ---------- 手机 (<=768px) ---------- */
@media screen and (max-width:768px) {
	/* 域名列表：两列卡片（瀑布流已由 JS 判断关闭） */
	.item_list{display:flex;flex-wrap:wrap;}
	.item{position:relative;width:calc(50% - 16px);margin:8px;float:none;transition:box-shadow .25s ease, transform .25s ease;-webkit-transition:box-shadow .25s ease, -webkit-transform .25s ease;}
	.item_t .img{width:auto;}
	.item_t .img img{width:100%;height:auto;}
	.item_t .domain,.item_t .mean{width:auto;}
	.item_b{position:relative;}
	.item_b .price{left:8px;}
	.item_b .offer{right:8px;}

	/* 排序/提示条：说明文字在左、排序框在右，与下方卡片拉开距离 */
	.maintip{display:flex;flex-wrap:wrap;align-items:center;padding:0 5px 12px 5px;}
	.fleft{float:none;order:1;flex:0 0 100%;margin:0 0 4px 0;}
	.fright{float:none;order:2;flex:0 0 auto;width:auto;vertical-align:middle;}
	.fleft + .fright{order:3;margin-left:auto;}
	.selectricWrapper{width:150px;}
	.selectricItems .selectricScroll{width:150px !important;}

	/* 分页 */
	.page{width:100% !important;box-sizing:border-box;}

	/* 友情链接标题行在手机上隐藏 */
	.linktitle{display:none;}
	.linkcontents p{padding:15px 10px;}

	/* 右侧悬浮联系方式在手机上隐藏 */
	.yb_conct{display:none;}

	/* 扫码购买弹窗 */
	#qrcode{width:auto !important;}
	#qrcode img{max-width:100%;height:auto;}
	#qrcode div{float:none !important;margin-left:0 !important;}
	#qrcode p{font-size:14px !important;}
}

/* ---------- 小屏手机 (<=480px) ---------- */
@media screen and (max-width:480px) {
	.doamindetail .domain{font-size:22px !important;}
	.saleadwords{font-size:17px !important;}
	.salenote{font-size:15px !important;}
	.hs-co{border-width:2px;}
}