/* ===================================================================
   黄页模块 - PC 首页样式 (hy/index/pc_index.htm)
   说明：原包中 __STATIC__/group/circle/circle.css 缺失，导致 PC 端
   黄页首页无任何样式、结构错位。此文件为补齐样式，统一 1200px 宽度，
   配色与站点绿色主题 (#23C075 / #44C185) 保持一致。
   =================================================================== */
* { box-sizing: border-box; }

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

/* ---- maincont1: 顶部横幅 + 二维码 + 热门榜单 ---- */
.maincont1{
	display:flex;
	background:#FFF;
	border:1px solid #EEE;
	border-radius:6px;
	overflow:hidden;
	margin-bottom:15px;
}
.maincont1 .cont_banner{
	width:790px;
	position:relative;
}
.maincont1 .cont_banner .images{
	width:100%;
	line-height:0;
}
.maincont1 .cont_banner .images img{
	width:100%;
	height:385px;
	object-fit:cover;
	display:block;
}
.maincont1 .cont_banner .title{
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	padding:10px 15px;
	background:rgba(0,0,0,.45);
}
.maincont1 .cont_banner .title a{
	color:#FFF;
	font-size:14px;
}

.maincont1 .cont_mylist{
	width:410px;
	padding:15px;
}
.maincont1 .cont_mylist .myinfo{
	display:flex;
	align-items:center;
	padding-bottom:15px;
	border-bottom:1px dashed #EEE;
	margin-bottom:10px;
}
.maincont1 .cont_mylist .myinfo .img img{
	width:84px;
	height:84px;
	border-radius:4px;
	border:1px solid #EEE;
}
.maincont1 .cont_mylist .myinfo .word{
	flex:1;
	padding-left:15px;
}
.maincont1 .cont_mylist .myinfo .word .w{
	font-size:14px;
	color:#666;
	margin-bottom:10px;
}
.maincont1 .cont_mylist .myinfo .word .w .green{
	color:#23C075;
	font-weight:bold;
}
.maincont1 .cont_mylist .myinfo .word .g a{
	display:inline-block;
	padding:6px 14px;
	border-radius:4px;
	font-size:13px;
	margin-right:8px;
	color:#FFF;
}
.maincont1 .cont_mylist .myinfo .word .g_a1{ background:#23C075; }
.maincont1 .cont_mylist .myinfo .word .g_a2{ background:#4285f4; }

.maincont1 .cont_mylist .cont_list ul li{
	display:flex;
	align-items:center;
	line-height:32px;
	overflow:hidden;
}
.maincont1 .cont_mylist .cont_list ul li span{
	display:inline-block;
	width:18px;
	height:18px;
	line-height:18px;
	text-align:center;
	font-size:12px;
	color:#FFF;
	background:#bbb;
	border-radius:3px;
	margin-right:8px;
	flex-shrink:0;
}
.maincont1 .cont_mylist .cont_list ul li a{
	color:#333;
	font-size:13px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.maincont1 .cont_mylist .cont_list ul li a:hover{ color:#23C075; }

/* ---- maincont2: 搜索栏 ---- */
.maincont2{
	display:flex;
	align-items:center;
	justify-content:space-between;
	background:#FFF;
	border:1px solid #EEE;
	border-radius:6px;
	padding:15px 20px;
	margin-bottom:15px;
}
.cont_search {
    gap: 90px;
    align-items: center;
    display: flex;
}
.maincont2 .mysearch .search_box{
	display:flex;
	align-items:center;
	border:1px solid #23C075;
	border-radius:4px;
	overflow:hidden;
	width: 740px;
}
.maincont2 .select_box{
	border:none;
	padding:0 10px;
	height:38px;
	background:#F5F5F5;
}
.maincont2 .text_box{ flex:1; }
.maincont2 .text_box input{
	width:100%;
	height:38px;
	border:none;
	outline:none;
	padding:0 10px;
	font-size:13px;
}
.maincont2 .button_box{
	width:60px;
	height:38px;
	border:none;
	background:#23C075;
	color:#FFF;
	cursor:pointer;
	font-size:14px;
}
.maincont2 .write_box a{
	display:inline-block;
	padding:10px 100px;
	background:#4285f4;
	color:#FFF;
	border-radius:4px;
	font-size:14px;
}

/* ---- 公共小标题 ---- */
.sub_head{
	display:flex;
	align-items:center;
	justify-content:space-between;
	margin-bottom:12px;
}
.sub_head .tag span{
	display:inline-block;
	padding-left:12px;
	border-left:4px solid #23C075;
	font-size:16px;
	font-weight:bold;
	color:#333;
	line-height:22px;
	min-height:22px;
}
.sub_head .more{ display:flex; }
.sub_head .more div{
	margin-left:10px;
}
.sub_head .more div a{
	display:inline-block;
	padding:4px 14px;
	border-radius:14px;
	background:#F5F5F5;
	color:#666;
	font-size:12px;
}

/* ---- maincont3: 推荐商家 swiper ---- */
.maincont3{
	background:#FFF;
	border:1px solid #EEE;
	border-radius:6px;
	padding:15px 20px;
	margin-bottom:15px;
}
.myvillage .swiper-container{
	width:100%;
	overflow:hidden;
}
.myvillage ul{
	display:flex;
	flex-wrap:wrap;
	margin:0 -8px;
}
.myvillage ul li.list{
	width:33.333%;
	padding:8px;
}
.myvillage .mylist{
	border:1px solid #EEE;
	border-radius:6px;
	overflow:hidden;
	transition:box-shadow .2s;
}
.myvillage .mylist:hover{ box-shadow:0 4px 14px rgba(0,0,0,.08); }
.myvillage .mylist dl{ display:flex; }
.myvillage .mylist dt{ width:110px; flex-shrink:0; }
.myvillage .mylist dt img{
	width:110px;
	height:90px;
	object-fit:cover;
	display:block;
}
.myvillage .mylist dd{
	flex:1;
	padding:8px 10px;
	overflow:hidden;
}
.myvillage .mylist dd h2{
	font-size:14px;
	font-weight:normal;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	margin-bottom:6px;
}
.myvillage .mylist dd h2 a{ color:#333; }
.myvillage .mylist dd div span{
	display:block;
	font-size:12px;
	color:#999;
	line-height:20px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.myvillage .mylist dd div span i{ margin-right:4px; color:#23C075; }
.myvillage .mylist dd div span em{ color:#666; font-style:normal; }
.myvillage .mytopic{
	display:none; /* 详情浮层，默认隐藏，避免遮挡列表 */
}
.swiper-button-next,
.swiper-button-prev{
	--swiper-navigation-color:#23C075;
	--swiper-navigation-size:20px;
}

/* ---- maincont4: 商家动态图片轮播 ---- */
.maincont4{
	background:#FFF;
	border:1px solid #EEE;
	border-radius:6px;
	padding:15px 20px;
	margin-bottom:15px;
}
.cont_good{ position:relative; overflow:hidden; }
.piclistbox{ overflow:hidden; }
.piclist{
	display:flex;
	position:relative;
	left:0;
}
.piclist .list{
	width:220px;
	flex-shrink:0;
	padding-right:15px;
}
.piclist .list img{
	width:100%;
	height:104px;
	object-fit:cover;
	border-radius:4px;
	display:block;
}
.cont_good .prev,
.cont_good .next{
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	width:28px;
	height:28px;
	line-height:28px;
	text-align:center;
	background:rgba(0,0,0,.35);
	border-radius:50%;
	cursor:pointer;
	z-index:2;
}
.cont_good .prev{ left:5px; }
.cont_good .next{ right:5px; }
.cont_good .prev span,
.cont_good .next span{
	font-size:0;
}
.cont_good .prev:before{ content:"\2039"; color:#FFF; font-size:20px; }
.cont_good .next:before{ content:"\203A"; color:#FFF; font-size:20px; }

/* ---- maincont5: 推荐商品 + 最新加入 ---- */
.maincont5{
	display:flex;
	gap:15px;
	margin-bottom:15px;
}
.maincont5 .side_left,
.maincont5 .side_right{
	flex:1;
	background:#FFF;
	border:1px solid #EEE;
	border-radius:6px;
	padding:15px 20px;
	min-width:0;
}
.side_mhead{ margin-bottom:12px; }
.side_mhead .tit span{
	font-size:16px;
	font-weight:bold;
	color:#333;
}
.shoptopic{
	display:flex;
	flex-wrap:wrap;
	margin:0 -6px;
}
.shoptopic .topics_list{
	width:33.333%;
	padding:6px;
}
.shoptopic .topics{
	border:1px solid #EEE;
	border-radius:6px;
	overflow:hidden;
}
.shoptopic .topics img{
	width:100%;
	height:130px;
	object-fit:cover;
	display:block;
}
.shoptopic .topics .title{ padding:6px 8px; }
.shoptopic .topics .title span{
	font-size:13px;
	color:#333;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	display:block;
}
.shoptopic > div > span{
	display:block;
	padding:6px 8px;
	font-size:13px;
}
.shoptopic .green{ color:#23C075; font-style:normal; }

.quntopic01 .peolist{ display:flex; }
.quntopic01 .peolist dt img{
	width:90px;
	height:90px;
	border-radius:4px;
	object-fit:cover;
}
.quntopic01 .peolist dd{
	flex:1;
	min-width:0;
	padding-left:12px;
}
.quntopic01 .peolist dd .orange{
	color:#f60;
	font-size:14px;
}
.quntopic01 .peolist dd > div:last-child{
	font-size:12px;
	color:#999;
	line-height:20px;
	overflow:hidden;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
}

/* 通用色 */
.green{ color:#23C075; }
.orange{ color:#f60; }