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

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

/* ---- maincont1: 商家信息头部 ---- */
.maincont1 .main{
	display:flex;
	align-items:flex-start;
	background:#FFF;
	border:1px solid #EEE;
	border-radius:6px;
	padding:20px;
	margin-bottom:15px;
}
.maincont1 .showimg{
	display:flex;
	flex:1;
	min-width:0;
}
.maincont1 .showimg .img img{
	width:125px;
	height:125px;
	border-radius:6px;
	object-fit:cover;
	border:1px solid #EEE;
}
.maincont1 .showimg .word{
	padding-left:20px;
	min-width:0;
}
.maincont1 .showimg .word .join a{
	font-size:20px;
	font-weight:bold;
	color:#333;
}
.maincont1 .showimg .word .who{
	font-size:13px;
	color:#666;
	line-height:26px;
}
.maincont1 .showimg .word .who .green{
	color:#23C075;
	font-style:normal;
}

.maincont1 .how{
	width:260px;
	flex-shrink:0;
	text-align:center;
	border-left:1px dashed #EEE;
	padding-left:20px;
}
.maincont1 .how .h_nav{
	position:relative;
	margin-bottom:10px;
}
.maincont1 .how .h_nav a.R,
.maincont1 .how .h_nav a.E{
	display:inline-block;
	width:100%;
	padding:9px 0;
	border-radius:4px;
	color:#FFF;
	font-size:14px;
}
.maincont1 .how .h_nav a.R{ background:#23C075; }
.maincont1 .how .h_nav a.E{ background:#4285f4; }
.maincont1 .how .h_nav .mores{
	display:none;
	position:absolute;
	left:0;
	top:100%;
	width:100%;
	background:#FFF;
	border:1px solid #EEE;
	border-radius:4px;
	box-shadow:0 4px 12px rgba(0,0,0,.08);
	z-index:5;
}
.maincont1 .how .h_nav:hover .mores{ display:block; }
.maincont1 .how .h_nav .mores a{
	display:block;
	padding:8px 10px;
	font-size:13px;
	color:#666;
	text-align:left;
}
.maincont1 .how .h_nav .mores a:hover{ background:#F5F5F5; color:#23C075; }
.maincont1 .how .h_code img{
	width:95px;
	height:95px;
	border:1px solid #EEE;
	padding:4px;
	margin-top:6px;
}
.maincont1 .how .h_code p{
	font-size:12px;
	color:#999;
}

/* ---- maincont2: 左右两栏 ---- */
.maincont2{
	display:flex;
	align-items:flex-start;
	gap:15px;
}
.maincont2 .left{
	width:840px;
	min-width:0;
}
.maincont2 .right{
	width:345px;
	flex-shrink:0;
}
.maincont2 .main{
	background:#FFF;
	border:1px solid #EEE;
	border-radius:6px;
	padding:15px 20px;
	margin-bottom:15px;
}

/* 左侧 tab 切换 */
.maincont2 .left .shead .tag{
	display:flex;
	border-bottom:1px solid #EEE;
	margin-bottom:15px;
}
.maincont2 .left .shead .tag > div{
	padding:0 5px 12px;
	margin-right:25px;
	cursor:pointer;
}
.maincont2 .left .shead .tag > div a{
	font-size:15px;
	color:#666;
}
.maincont2 .left .shead .tag > div.first{
	border-bottom:2px solid #23C075;
}
.maincont2 .left .shead .tag > div.first a{
	color:#23C075;
	font-weight:bold;
}
.maincont2 .left .listbox .cont{ display:none; }
.maincont2 .left .listbox .cont:first-child{ display:flex; flex-wrap:wrap; margin:0 -8px; }
.maincont2 .left .listbox .cont.show{ display:flex; flex-wrap:wrap; margin:0 -8px; }

/* 商品 / 图片卡片 (.product) */
.maincont2 .left .product{
	width:33.333%;
	padding:8px;
}
.maincont2 .left .product .img img{
	width:100%;
	height:150px;
	object-fit:cover;
	border-radius:6px;
	display:block;
}
.maincont2 .left .product .info{
	display:flex;
	align-items:center;
	padding-top:8px;
}
.maincont2 .left .product .info .w img{
	width:36px;
	height:36px;
	border-radius:50%;
	object-fit:cover;
}
.maincont2 .left .product .info .t{
	padding-left:8px;
	font-size:12px;
	min-width:0;
}
.maincont2 .left .product .info .t .green{ color:#23C075; font-style:normal; }

/* 资讯 / 话题列表 (.list) */
.maincont2 .left .listbox .list{
	width:100%;
	display:flex;
	justify-content:space-between;
	padding:12px 0;
	border-bottom:1px dashed #EEE;
}
.maincont2 .left .listbox .list_left{ flex:1; min-width:0; padding-right:15px; }
.maincont2 .left .listbox .list_left .title{
	font-size:14px;
	color:#333;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	margin-bottom:8px;
}
.maincont2 .left .listbox .list_left .title a{ color:#333; }
.maincont2 .left .listbox .list_left .pic{
	display:flex;
	gap:8px;
}
.maincont2 .left .listbox .list_left .pic img{
	width:78px;
	height:78px;
	object-fit:cover;
	border-radius:4px;
}
.maincont2 .left .listbox .list_right{
	width:160px;
	flex-shrink:0;
	font-size:12px;
	color:#999;
}
.maincont2 .left .listbox .list_right .o,
.maincont2 .left .listbox .list_right .n{
	line-height:22px;
}
.maincont2 .left .listbox .list_right .o i{
	margin-right:4px;
	color:#23C075;
}

.ShowMores{
	cursor:pointer;
	border-radius:4px;
}
.ShowMores:hover{ background:#e6e6e6 !important; }

/* ---- 右侧：商家介绍 / 活跃会员 ---- */
.right .mhead{
	display:flex;
	border-bottom:1px solid #EEE;
	margin-bottom:12px;
}
.right .mhead div{
	padding:0 5px 10px;
	margin-right:20px;
	cursor:pointer;
}
.right .mhead div a{ font-size:14px; color:#666; }
.right .mhead div.third,
.right .mhead div.fourth{
	border-bottom:2px solid #23C075;
}
.right .mhead div.third a,
.right .mhead div.fourth a{
	color:#23C075;
	font-weight:bold;
}
.right .tbox .text p{
	font-size:13px;
	color:#666;
	line-height:24px;
}

.right .listbox .plist{
	display:flex;
	flex-wrap:wrap;
	margin:0 -6px;
}
.right .listbox .picshow{
	width:33.333%;
	padding:6px;
	text-align:center;
}
.right .listbox .picshow .img img{
	width:100%;
	aspect-ratio:1/1;
	border-radius:50%;
	object-fit:cover;
	display:block;
}
.right .listbox .picshow .info{
	font-size:12px;
	color:#666;
	margin-top:6px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.right .listbox .picshow .info a{ color:#666; }