/* ===================================================================
   黄页模块 - PC 列表页样式 (hy/content/pc_list.htm)
   说明：原包中 __STATIC__/group/pclist/circle_list.css 缺失，导致 PC 端
   黄页列表页无任何样式、左右两栏结构错位重叠。此文件为补齐样式。
   =================================================================== */
* { box-sizing: border-box; }

.contbox{
	width:1200px;
	margin:10px auto 0;
}
.contbox .content:after{
	content:"";
	display:block;
	clear:both;
}

.maincont2{
	display:flex;
	align-items:flex-start;
	gap:15px;
}
.maincont2 .left{
	width:870px;
	min-width:0;
}
.maincont2 .right{
	width:315px;
	flex-shrink:0;
}
.maincont2 .main{
	background:#FFF;
	border:1px solid #EEE;
	border-radius:6px;
	padding:15px 20px;
	margin-bottom:15px;
}

/* ---- 左侧：分类切换 + 列表 ---- */
.shead .tag{
	display:flex;
	border-bottom:1px solid #EEE;
	margin-bottom:15px;
}
.shead .tag > div{
	padding:0 5px 12px;
	margin-right:25px;
	cursor:pointer;
}
.shead .tag > div a{
	font-size:15px;
	color:#666;
}
.shead .tag > div.first{
	border-bottom:2px solid #23C075;
}
.shead .tag > div.first a{
	color:#23C075;
	font-weight:bold;
}

.listbox .cont{ display:none; }
.listbox .cont:first-child,
.listbox .cont.show{ display:block; }

.listbox .cont .list{
	display:flex;
	padding:15px 0;
	border-bottom:1px dashed #EEE;
}
.listbox .cont .list:last-child{ border-bottom:none; }
.listbox .cont .list .showpic{
	width:180px;
	height:130px;
	flex-shrink:0;
	border-radius:6px;
	overflow:hidden;
}
.listbox .cont .list .showpic img{
	width:100%;
	height:100%;
	object-fit:cover;
	display:block;
}
.listbox .cont .list .mytext{
	flex:1;
	min-width:0;
	padding-left:18px;
}
.listbox .cont .list .mytext .tag{
	border-bottom:none;
	margin-bottom:8px;
}
.listbox .cont .list .mytext .tag a{
	font-size:16px;
	color:#333;
	font-weight:bold;
}
.listbox .cont .list .mytext .word{
	font-size:13px;
	color:#999;
	line-height:22px;
	margin-bottom:8px;
	overflow:hidden;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
}
.listbox .cont .list .mytext > div[style]{
	font-size:13px;
	color:#666;
}

/* ---- 右侧：二维码 / 商家分类 / 活跃会员 ---- */
.right .mycode{
	text-align:center;
}
.right .mycode a.button{
	display:inline-block;
	padding:8px 18px;
	background:#23C075;
	color:#FFF;
	border-radius:4px;
	font-size:13px;
	margin-bottom:12px;
}
.right .mycode span img{
	width:120px;
	height:120px;
	display:block;
	margin:0 auto 8px;
	border:1px solid #EEE;
	padding:4px;
}
.right .mycode p{ font-size:12px; color:#999; }

.right .myhead span{
	font-size:15px;
	font-weight:bold;
	color:#333;
	border-left:3px solid #23C075;
	padding-left:8px;
	display:block;
	margin-bottom:12px;
}
.right .myproduct ul{
	display:flex;
	flex-wrap:wrap;
	gap:8px;
}
.right .myproduct ul li a{
	display:inline-block;
	padding:6px 12px;
	background:#F5F5F5;
	border-radius:4px;
	font-size:12px;
	color:#666;
}

.right .myfriends ul{
	display:flex;
	flex-wrap:wrap;
	margin:0 -6px;
}
.right .myfriends ul li{
	width:25%;
	padding:6px;
	text-align:center;
}
.right .myfriends ul li span img{
	width:100%;
	aspect-ratio:1/1;
	border-radius:50%;
	object-fit:cover;
	display:block;
}
.right .myfriends ul li p{
	font-size:12px;
	color:#666;
	margin-top:5px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.right .myfriends .more{
	text-align:center;
	margin-top:8px;
}
.right .myfriends .more a{
	font-size:12px;
	color:#23C075;
}

/* 分页 */
.pages,
.contbox .content .pagination{
	text-align:center;
	margin-top:10px;
}