@charset "utf-8";
html,body{ margin: 0; padding: 0; font-family: "微软雅黑"; font-size: 10px;}
img{ border: none;}
ul,li{ list-style: none;}
a{ outline: none;}

/* top */
.top{ width: 100%; height: 1rem; max-width: 7.5rem; padding: 0 0.3rem; margin: 0 auto; box-sizing: border-box; border-bottom: 1px solid #eee; background-color: #fff; overflow: hidden; z-index: 99; position: sticky; top: 0; z-index: 99;}
.top .top_logo{ width: 2.4rem; height: 1rem; overflow: hidden; float: left; display: flex; align-items: center;}
.top .top_logo img{ width: 100%;}
.top .top_ss{ float: right; height: 0.55rem; margin-top: 0.22rem; overflow: hidden; border-radius: 30px; width: 3.5rem; background-color: #F5F7FA;}
.top .top_ss input.fdj{ float: left; width: 0.55rem; padding: 0; height: 0.55rem; border: none; margin: 0 0.1rem; overflow: hidden; background: url(fdj.png) center/65% auto no-repeat;}
.top .top_ss input.nr{ padding: 0; margin: 0; height: 0.55rem; line-height: 0.55rem; width: 2.6rem; font-size: 0.22rem; color: #333; outline: none; background-color: #F5F7FA; border: none; float: left;}

.title{ background-color: #fff; width: 7.5rem; height: 0.8rem; margin: 0 auto; border-bottom: 1px solid #f6f7fc; overflow: hidden;}
.title a{ float: left; height: 0.8rem; overflow: hidden; width: 0.8rem; margin-left: 0.05rem; display: flex; align-items: center; justify-content: center;}
.title a img{ width: 0.35rem;}
.title div{ width: 5.8rem; height: 0.8rem; line-height: 0.8rem; overflow: hidden; font-size: 0.34rem; color: #333; float: left; text-align: center;}

.nav{ background-color: #fff; margin: 0 auto; width: 6.9rem; height: 0.9rem; padding: 0 0.3rem; overflow: hidden;}
.nav li{ float: left; height: 1rem; margin-right: 0.8rem; line-height: 0.9rem; overflow: hidden;}
.nav li a{ display: block; height: 0.9rem; color: #333; font-size: 0.32rem; font-weight: bold; text-decoration: none; overflow: hidden;}

.banner{ background-color: #fff; display: block; width: 6.9rem; margin: 0 auto; overflow: hidden; padding: 0 0.3rem;}
.banner img{ display: block; width: 100%; height: auto; border-radius: 4px;}
/* 推荐品牌 */
.tjpp{ background-color: #fff; width: 6.9rem; overflow: hidden; margin: 0 auto; padding: 0.2rem 0.3rem;}
.tjpp_tit{ width: 100%; height: 0.6rem; overflow: hidden;}
.tjpp_titleft{ float: left; font-size: 0.3rem; height: 0.6rem; line-height: 0.6rem; overflow: hidden; color: #333;}
.tjpp_qiugou{ float: right; height: 0.6rem; overflow: hidden;}
.tjpp_qiugou p{ float: left; font-size: 0.24rem; margin: 0 0.2rem 0 0; color: #666; height: 0.6rem; line-height: 0.6rem; overflow: hidden;}
.tjpp_qiugou a{ float: left; font-size: 0.28rem; text-decoration: none; height: 0.45rem; line-height: 0.45rem; margin-top: 0.07rem; padding: 0 0.1rem; color: #fff; border-radius: 6px;
	background: -webkit-linear-gradient(left, #f15a24, #f14124);
    background: -moz-linear-gradient(left, #f15a24, #f14124);
    background: -ms-linear-gradient(left, #f15a24, #f14124);
    background: -o-linear-gradient(left, #f15a24, #f14124);
    background: linear-gradient(left, #f15a24, #f14124);
}
.tjpp_pp{ width: 6.9rem; height: auto; overflow: hidden;}
.tjpp_pp_a{ float: left; border: 1px solid #f6f7fc; text-decoration: none; width: 1.53rem; height: 1.1rem; border-radius: 4px; margin: 0.2rem 0.2rem 0 0; overflow: hidden;}
.tjpp_pp a.is { border: 1px solid #f32; }
.tjpp_pp_a:nth-child(4n){ margin-right: 0;}
.tjpp_pp_a .tjpp_pp_img{ width: 1.53rem; overflow: hidden; height: 0.7rem; display: flex; align-items: center; justify-content: center;}
.tjpp_pp_img img{ max-width: 100%; max-height: 100%;}
.tjpp_pp_name{ width: 1.53rem; text-align: center; font-size: 0.22rem; text-overflow: ellipsis; white-space: nowrap; color: #333; margin: 0; height: 0.3rem; line-height: 0.3rem; overflow: hidden;}
/* top产品 */
.topcp{ margin: 0.3rem auto 0; height: auto; overflow: hidden; width: 7.5rem; background-color: #fff;}
.topcp_cont{ width: 6.9rem; height: auto; overflow: hidden; padding: 0.2rem 0.3rem;
	background: -webkit-linear-gradient(top, #fff, #edf5ff);
	background: -moz-linear-gradient(top, #fff, #edf5ff);
	background: -ms-linear-gradient(top, #fff, #edf5ff);
	background: -o-linear-gradient(top, #fff, #edf5ff);
	background: linear-gradient(top, #fff, #edf5ff);
}
.topcp_left{ float: left; height: auto; width: 1.8rem; overflow: hidden;}
.topcp_left .topcp_img{ width: 1.8rem; height: 1.8rem; display: block; border-radius: 4px; overflow: hidden; background-color: #fff; display: flex; align-items: center; justify-content: center;}
.topcp_left .topcp_img img{ display: block; max-width: 100%; max-height: 100%;}
.topcp_but{ width: 1.8rem; height: 0.5rem; margin-top: 0.2rem; overflow: hidden;}
.topcp_but span.but_db{ float: left; font-size: 0.2rem; width: 0.8rem; border-radius: 4px; height: 0.45rem; text-align: center; line-height: 0.45rem; color: #333333; border: 1px solid #e4e8ec; background-color: #fff;}
.topcp_but span.isdb {border: 1px solid #f21;}
.topcp_but span.but_dh{ float: right; font-size: 0.2rem; width: 0.8rem; border-radius: 4px; height: 0.45rem; text-align: center; line-height: 0.45rem; color: #2f65ed; border: 1px solid #2f65ed; background-color: #fff;}
.topcp_rig{ float: left; height: auto; overflow: hidden; width: 4.8rem; margin-left: 0.3rem;}
.topcp_tit{ width: 4.8rem; height: auto; line-height: 0.45rem; color: #37434F; margin-bottom: 0.15rem; font-size: 0.31rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.topcp_tit .proname { text-decoration:none; color:#333;}
.topcp_tit .sum{ display: inline-block; height: 0.33rem; line-height: 0.33rem; font-weight: bold; border-radius: 4px; margin-top: 0.07rem; vertical-align: top; color: #fff; font-size: 0.18rem; padding: 0 0.1rem; background-color: #ff3300;}
.topcp_tit .zd{ display: inline-block; height: 0.33rem; margin-top: 0.07rem; vertical-align: top;}
.topcp_pinp{ width: 4.8rem; height: 0.3rem; line-height: 0.3rem; margin-top: 0.1rem; font-size: 0.25rem; color: #888b94; overflow: hidden;}
.topcp_shop{ width: 4.8rem; height: 0.4rem; margin-top: 0.15rem; overflow: hidden;}
.topcp_shop div.Name{ float: left; height: 0.4rem; line-height:0.4rem; width: 3rem; font-size: 0.25rem; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.topcp_shop div.ly{ float: right; height: 0.4rem; line-height: 0.4rem; text-align: center; font-size: 0.25rem; color: #f14124; width: 1.6rem; overflow: hidden;}
.topcp_shop div.ly img{ vertical-align: top; height: 0.28rem; margin: 0.06rem 0.1rem 0 0;}
.topcp_tab{ color: #994d00; display: inline-block; padding: 0 0.1rem; overflow: hidden; height: 0.4rem; line-height: 0.4rem; margin-top: 0.1rem; border-radius: 4px; font-size: 0.24rem; background-color: #fff4e8;}
.topcp_tab img{ height: 0.2rem; vertical-align: top; margin: 0.1rem 0 0 0.05rem;}

/* 筛选 */
.shaixuan{position: sticky; top: 1rem; left: 0; width: 6.5rem; clear: both; height: 0.8rem; margin: 0.3rem auto 0; padding: 0.2rem 0.5rem 0; border-top-right-radius: 20px; border-top-left-radius: 20px; background-color: #fff; display: flex; justify-content: space-between; align-items: center;}
.sx_fl{display: block; float: left; padding-right: 0.2rem; height: 0.8rem; line-height: 0.8rem; font-size: 0.28rem; color: #333; position: relative; text-decoration: none;}
.shaixuan div.is{color: #2f65ed;}
.shaixuan div.zonghe{color: #2f65ed;}
.shaixuan div.zonghe:after {
	border: 0.08rem solid #2f65ed;
	border-left-color: transparent;
	border-right-color: transparent;
	border-top-color: transparent;
	top: 44%;
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	right: 0;
	transform: translateY(-50%);
	z-index: 9;
}
.shaixuan div.pinpai:after {
    content: "";
	width: 0;
	height: 0;
	border: 0.08rem solid #37474F;
	border-left-color: transparent;
	border-right-color: transparent;
	border-bottom-color: transparent;
	position: absolute;
	right: 0;
	top: 55%;
	transform: translateY(-50%);
	z-index: 9;
}
.shaixuan div.shaix{
	 padding-right: 0.3rem;
}
.shaixuan div.shaix:after {
   content: "";
   width: 0.26rem;
   height: 0.26rem;
   background-image: url(https://img1.17img.cn/ui/art/zousy/2023/app/yiqiyouxuan/l_suaixuan.png);
   background-size: 100% 100%;
   position: absolute;
   right: 0;
   top: 50%;
   transform: translateY(-50%);
   z-index: 9;
}
.cplist{ margin: 0 auto; height: auto; overflow: hidden; width: 7.5rem; background-color: #fff;}
.cplist_cont{ width: 6.9rem; height: auto; overflow: hidden; padding: 0.3rem; border-bottom: 1px solid #f0f3f7;}
/* 对比 */
.db_iconimg{ position: fixed; bottom: 0.6rem; right: 0.4rem; z-index: 9; display: block; width: 0.9rem;}
.duibi{ background-color: #fff; overflow: hidden; width: 7.5rem; height: fit-content; margin: 0 auto; position: fixed; bottom: -5rem; right: 0; left: 0; z-index: 99; box-shadow: 0 -0.16rem 0.18rem 0 rgba(0, 0, 0, 0.04); border-radius: 0.16rem 0.16rem 0 0; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;}
.db_tpxian{ width: 0.58rem; height: 0.08rem; background: #A3ADB7; border-radius: 2rem; display: block; margin: 0.16rem auto 0;}
.db_top{ width: 100%; display: flex; justify-content: space-between; align-items: center; padding: 0 0.3rem; margin: 0.22rem auto 0.18rem; box-sizing: border-box;}
.db_top_tit{ font-size: 0.32rem; font-weight: 400; color: #37474F; line-height: 0.32rem;}
.db_top_but{ height: 0.68rem; overflow: hidden;}
.db_top_but div.qx{ display: inline-block; box-sizing: border-box; height: 100%; border: 0.02rem solid #2f65ed; padding: 0.18rem 0.3rem; background: #fff; border-radius: 0.08rem; font-size: 0.28rem; font-weight: 400; color: #2f65ed; line-height: 1;}
.db_top_but a.db{ display: inline-block; box-sizing: border-box; height: 100%; text-decoration: none; border: 0.02rem solid #2f65ed; padding: 0.18rem 0.3rem; background: #2f65ed; border-radius: 0.08rem; font-size: 0.28rem; font-weight: 400; color: #FFFFFF; line-height: 1;}

.db_ul{ width: 100%; white-space: nowrap; height: fit-content; padding-top: 0.24rem; overflow-x: scroll; padding-right: 0.22rem; box-sizing: border-box;}
.db_li{ padding-top: 0.22rem; box-sizing: border-box; display: inline-block; vertical-align: top; margin: 0 0 0.36rem 0.3rem; position: relative;}
.db_li_gb{ width: 0.48rem; height: 0.48rem; position: absolute; right: 0; top: 0; z-index: 99;}
.db_li_cpimg{ width: 1.6rem; height: 1.6rem; margin-bottom: 0.08rem; display: flex; justify-content: center; align-items: center; background: #FFFFFF; border-radius: 0.08rem; border: 0.02rem solid #F0F3F7;}
.db_li_cpimg img{ max-width: 95%; max-height: 95%;}
.db_li_txt{ width: 1.8rem; margin: 0; white-space: pre-wrap; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; font-size: 0.28rem; font-weight: 400; color: #37434F; line-height: 0.5rem;}
.db_ul::-webkit-scrollbar{
  height: 0;
}

.tabsBoxDialog {
	display:none;
	width: 100%;
	height: 3rem;
	background-color: #fff;
	border-radius: 0 0 0.32rem 0.32rem;
	position: absolute;
	left: 0;
	bottom: -3rem;
	right: 0;
	z-index: 100;
	overflow-y: scroll;
}
.tabsBoxDialog {
	display: none;
	width: 100%;
	height: 3rem;
	background-color: #fff;
	border-radius: 0 0 0.32rem 0.32rem;
	position: absolute;
	left: 0;
	bottom: -3rem;
	right: 0;
	z-index: 100;
	overflow-y: scroll;
}

.tabsBoxDialog a {
	width: 100%;
	padding: 0 0.6rem;
	box-sizing: border-box;
	font-size: 0.28rem;
	font-weight: 400;
	color: #37434F;
	line-height: 0.4rem;
	display: block;
	margin: 0.4rem auto;
}

.tabsBoxDialog a.is {
	color: #0C7FF2;
}

.tabsBrandDialog {
	display: none;
	width: 100%;
	height: 6rem;
	background-color: #fff;
	border-radius: 0 0 0.32rem 0.32rem;
	position: absolute;
	left: 0;
	bottom: -6rem;
	right: 0;
	z-index: 100;
	overflow-y: scroll;
}
.dialogZZ {
	width: 7.5rem;
	margin: 0 auto;
	position: fixed;
	left: 0;
	right: 0;
	top: 1rem;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.4);
	display:none;
}
/* 品牌 */
.dialogSelectItem {
	width: 100%;
	padding: 0.28rem 0 0.85rem;
	box-sizing: border-box;
}

.dialogSelectItem .selectItemTitle {
	font-size: 0.28rem;
	font-weight: 600;
	color: #37474F;
	line-height: 0.4rem;
	margin-bottom: 0.18rem;
	padding: 0 0.3rem;
	box-sizing: border-box;
}

.dialogSelectItem .selectItemBrand {
	width: 100%;
	max-height: 6rem;
	overflow: auto;
	overflow-y: scroll;
	font-size: 0;
	padding: 0 0.2rem;
	box-sizing: border-box;
}

.dialogSelectItem .selectItemBrand::-webkit-scrollbar {
	display: none;
}

.dialogSelectItem .selectItemBrand .selectItemLogo {
	width: 1.2rem;
	height: 0.66rem;
	vertical-align: middle;
	background: #FFFFFF;
	border-radius: 0.05rem;
	border: 0.01rem solid #F0F3F7;
	margin: 0.18rem 0.2rem 0rem 0;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	position: relative;
}
.dialogSelectItem .selectItemBrand>.is {
	background: #E7F2FE!important;
	border: 0.02rem solid #f00!important;
}

.dialogSelectItem .selectItemBrand .selectItemLogo.active {
	border: 0.01rem solid #0C7FF2;
}

.dialogSelectItem .selectItemBrand .selectItemLogo:nth-child(5n) {
	margin-right: 0;
}

.dialogSelectItem .selectItemBrand .selectItemLogo img {
	max-width: 95%;
	max-height: 95%;
}

.dialogSelectItem .selectItemBrand .selectItemLogo .PLXFIdentifying {
	width: 0.7rem;
	height: 0.27rem;
	background-image: url("https://img1.17img.cn/ui/art/zousy/2023/pc/icon_pinleixianfeng_14px.png");
	background-size: 100% 100%;
	position: absolute;
	right: -0.06rem;
	top: -0.14rem;
}

.dialogSelectItem .selectItemBrand .selectItemBox {
	width: 100%;
	margin: 0.34rem auto;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
}

.dialogSelectItem .selectItemBrand .selectItemBox .selectItemName {
	width: 2.19rem;
	height: 0.64rem;
	background: #F8F9FA;
	border-radius: 0.08rem;
	padding: 0.12rem;
	box-sizing: border-box;
	font-size: 0.28rem;
	font-weight: 400;
	color: #37474F;
	text-align: center;
	margin: 0 0.16rem 0.16rem 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.dialogSelectItem .selectItemBrand .selectItemBox .is {
	background: #F5F8FF!important;
	color: #0C7FF2!important;
}
.dialogSelectItem .selectItemBrand .selectItemBox .selectItemName:nth-child(3n) {
	margin-right: 0;
}

.dialogSelectItem .selectItemBrand .selectItemBox .selectItemName.active {
	background-color: #E7F2FE;
	color: #0C7FF2;
}

.dialogSelectBtn {
	width: 100%;
	padding: 0 0.32rem;
	box-sizing: border-box;
	margin: 0 auto;
	font-size: 0;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0.4rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	overflow: hidden;
}

.dialogSelectBtn .selectBtnReset {
	width: 2.2rem;
	height: 0.8rem;
	border-radius: 0.08rem;
	border: 0.02rem solid #F0F3F7;
	box-sizing: border-box;
	font-size: 0.3rem;
	font-weight: 400;
	color: #37474F;
	text-align: center;
	line-height: 0.78rem;
	margin-right: 0.16rem;
}

.dialogSelectBtn .selectBtnSubmit {
	width: 4.54rem;
	height: 0.8rem;
	background: #0C7FF2;
	border-radius: 0.08rem;
	font-size: 0.3rem;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 0.8rem;
	text-align: center;
}

.tertiaryClassAllFilter {
	width: 0;
	height: 100%;
	margin: 0 auto;
	position: fixed;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 99999;
	display: none;
}

.tertiaryClassAllFilter .tertiaryClassAllFilterZZ {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 999;
	background-color: rgba(0, 0, 0, 0.5);
}

.tertiaryClassAllFilter .tertiaryClassAllFilterContent {
	width: 6.24rem;
	height: 100%;
	background-color: #fff;
	padding: 0 0.36rem 1.5rem 0.2rem;
	box-sizing: border-box;
	overflow-y: scroll;
	position: relative;
	z-index: 1000;
	margin: 0 0 0 auto;
}

.tertiaryClassAllFilter .tertiaryClassAllFilterContent .allFilterGroup {
	width: 100%;
	margin: 0.4rem auto;
}

.tertiaryClassAllFilter .tertiaryClassAllFilterContent .allFilterGroup .allFilterGroupTitle {
	width: 100%;
	padding-left: 0.2rem;
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 0.14rem;
}

.tertiaryClassAllFilter .tertiaryClassAllFilterContent .allFilterGroup .allFilterGroupTitle p {
	font-size: 0.28rem;
	font-weight: 600;
	color: #37474F;
	line-height: 0.4rem;
}

.tertiaryClassAllFilter .tertiaryClassAllFilterContent .allFilterGroup .allFilterGroupTitle span {
	font-size: 0.24rem;
	font-weight: 400;
	color: #A3ADB7;
	line-height: 0.34rem;
	padding-right: 0.22rem;
	position: relative;
}

.tertiaryClassAllFilter .tertiaryClassAllFilterContent .allFilterGroup .allFilterGroupTitle span::after {
	content: "";
	width: 0.08rem;
	height: 0.08rem;
	border: 0.02rem solid #A3ADB7;
	border-top: none;
	border-left: none;
	position: absolute;
	right: 0;
	top: 0.1rem;
	transform: rotate(45deg);
	z-index: 9;
}

.tertiaryClassAllFilter .tertiaryClassAllFilterContent .allFilterGroup .allFilterGroupLink {
	width: 100%;
	font-size: 0;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.tertiaryClassAllFilter .tertiaryClassAllFilterContent .allFilterGroup .allFilterGroupLink.lineHide {
	display: none;
}

.tertiaryClassAllFilter .tertiaryClassAllFilterContent .allFilterGroup .allFilterGroupLink.active {
	display: block;
}

.tertiaryClassAllFilter .tertiaryClassAllFilterContent .allFilterGroup .allFilterGroupLink .groupLinkLogo {
	width: 1.22rem;
	height: 0.68rem;
	vertical-align: middle;
	background: #FFFFFF;
	border-radius: 0.05rem;
	border: 0.01rem solid #F0F3F7;
	margin: 0.16rem 0 0.03rem 0.16rem;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	position: relative;
}

.tertiaryClassAllFilter .tertiaryClassAllFilterContent .allFilterGroup .allFilterGroupLink .groupLinkLogo.active {
	border: 0.01rem solid #0C7FF2;
}

.tertiaryClassAllFilter .tertiaryClassAllFilterContent .allFilterGroup .allFilterGroupLink .groupLinkLogo img {
	max-width: 95%;
	max-height: 95%;
}

.tertiaryClassAllFilter .tertiaryClassAllFilterContent .allFilterGroup .allFilterGroupLink .groupLinkLogo .PLXFIdentifying {
	width: 0.7rem;
	height: 0.27rem;
	background-image: url("https://img1.17img.cn/ui/art/zousy/2023/pc/icon_pinleixianfeng_14px.png");
	background-size: 100% 100%;
	position: absolute;
	right: -0.17rem;
	top: -0.14rem;
}

.tertiaryClassAllFilter .tertiaryClassAllFilterContent .allFilterGroup .allFilterGroupLink .groupLinkName {
	width: 1.72rem;
	height: 0.64rem;
	display: inline-block;
	background: #F8F9FA;
	border-radius: 0.08rem;
	padding: 0.12rem;
	box-sizing: border-box;
	font-size: 0.28rem;
	font-weight: 400;
	color: #37474F;
	text-align: center;
	margin: 0.08rem 0 0.08rem 0.13rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.tertiaryClassAllFilter .tertiaryClassAllFilterContent .allFilterGroup .allFilterGroupLink .groupLinkName:nth-child(3n) {
	margin-right: 0;
}

.tertiaryClassAllFilter .tertiaryClassAllFilterContent .allFilterGroup .allFilterGroupLink .is {
	background-color: #E7F2FE;
	color: #0C7FF2;
}

.tertiaryClassAllFilter .tertiaryClassAllFilterContent .allFilterGroup .allFilterGroupLink span {
	font-size: 0.28rem;
	font-weight: 400;
	color: #A3ADB7;
	line-height: 0.4rem;
	margin: 0 0.12rem;
}

.tertiaryClassAllFilter .tertiaryClassAllFilterContent .allFilterGroup .allFilterGroupLink .groupLinkInput {
	width: 2.44rem;
	height: 0.64rem;
	display: inline-block;
	background: #F8F9FA;
	border-radius: 0.52rem;
	text-align: center;
}

.tertiaryClassAllFilter .tertiaryClassAllFilterContent .allFilterGroup .allFilterGroupLink .groupLinkInput input {
	background: transparent;
	width: 100%;
	height: 100%;
	padding: 0 0.3rem;
	box-sizing: border-box;
	text-align: center;
	border: none;
	list-style: none;
	outline: none;
	font-size: 0.28rem;
	font-weight: 400;
	color: #333;
}

.tertiaryClassAllFilter .tertiaryClassAllFilterContent .allFilterGroup .allFilterGroupLink .groupLinkInput input::-moz-placeholder {
	font-size: 0.28rem;
	font-weight: 400;
	color: #C2C5C9;
}

.tertiaryClassAllFilter .tertiaryClassAllFilterContent .allFilterGroup .allFilterGroupLink .groupLinkInput input::placeholder {
	font-size: 0.28rem;
	font-weight: 400;
	color: #C2C5C9;
}

.tertiaryClassAllFilter .allFilterGroupBtn {
	width: 6.24rem;
	height: 1.2rem;
	font-size: 0;
	background-color: #fff;
	position: absolute;
	right: 0;
	bottom: 0;
	padding-bottom: 0.3rem;
	z-index: 9999;
	display: flex;
	justify-content: center;
	align-items: center;
}

.tertiaryClassAllFilter .allFilterGroupBtn .allFilterGroupBox {
	width: 5.6rem;
	font-size: 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	overflow: hidden;
}

.tertiaryClassAllFilter .allFilterGroupBtn .allFilterGroupBox .allFilterReset {
	width: 2.2rem;
	height: 0.8rem;
	border-radius: 0.08rem;
	border: 0.02rem solid #F0F3F7;
	box-sizing: border-box;
	font-size: 0.3rem;
	font-weight: 400;
	color: #37474F;
	text-align: center;
	line-height: 0.78rem;
	margin-right: 0.16rem;
}

.tertiaryClassAllFilter .allFilterGroupBtn .allFilterGroupBox .allFilterSubmit {
	width: 4.54rem;
	height: 0.8rem;
	background: #0C7FF2;
	border-radius: 0.08rem;
	font-size: 0.3rem;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 0.8rem;
	text-align: center;
}
/* 排序 */
.paixu{ width: 100%; max-width: 7.5rem; margin: 0 auto; background-color: #fff; position: sticky; left: 0; top: 1rem; z-index: 38;}
.paixu_main{ width: 100%; height: 0.8rem; display: flex; justify-content: space-between; align-items: center; padding: 0 0.3rem; box-sizing: border-box;}
.paixu_item{ font-size: 0.28rem; font-weight: 400; color: #37474F; line-height: 0.44rem; padding-right: 0.22rem; position: relative;}
.paixu_item::after{ content: ""; width: 0; height: 0; border: 0.09rem solid #76828F; border-left-color: transparent; border-right-color: transparent; border-bottom-color: transparent; position: absolute; right: 0; top: 60%; transform: translateY(-50%); z-index: 99;}
.paixu_nub{ font-size: 0.24rem; margin: 0; font-weight: 400; color: #76828F; line-height: 0.44rem;}
.paixu_sele{ display: none; width: 7.5rem; margin: 0 auto; background-color: #fff; position: absolute; left: 0; right: 0; bottom: 0; top: 0.8rem;}
.paixu_selebg{ width: 7.5rem; height: calc(100vh - 1rem); margin: 0 auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.5); z-index: 1;}
.paixu_list{ width: 7.5rem; height: 3rem; margin: 0 auto; padding: 0 0.3rem; box-sizing: border-box; background-color: #fff; border-bottom-left-radius: 0.12rem; border-bottom-right-radius: 0.12rem; overflow: auto; position: relative; z-index: 99;}
.paixu_list a{ display: block; margin: 0.42rem auto; text-decoration: none; text-align: left; font-size: 0.28rem; font-weight: 400; color: #37474F; line-height: 0.44rem;}
.paixu_list a.is{color: #2f80ed;}
/* 厂商 */
.max-box{ width: 7.5rem; margin: 0 auto; overflow: hidden; height: auto;}
.changs{ width: 100%; padding: 0 0.3rem; max-width: 7.5rem; margin: 0 auto; box-sizing: border-box; position: relative;}
.changs_li{ width: 100%; margin-top: 0.24rem; padding: 0.3rem 0.32rem; box-sizing: border-box; background-color: #fff; border-radius: 0.12rem;}
.changsListImg{ display: flex; justify-content: flex-start; align-items: flex-start;}
.changsimgLogo{ width: 1.55rem; height: 0.9rem; background: #FFFFFF; border-radius: 0.08rem; border: 0.02rem solid #F0F0F0; margin-right: 0.12rem; display: flex; justify-content: center; align-items: center;}
.changsimgLogo img{ max-width: 95%; max-height: 95%;}
.changsimgRight{ width: 4.96rem; overflow: hidden;}
.changsimgrightName{ display: block; width: 100%; text-decoration: none; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 0.32rem; font-weight: 500; color: #37474F; line-height: 0.44rem; margin-bottom: 0.14rem;}
.changsimgrightTag{ height: 0.36rem; overflow: hidden;}
.changshy{ height: 0.36rem; float: left; line-height: 0.36rem; margin-right: 0.1rem; position: relative; z-index: 9;}
.changshy img{ width: 0.36rem; position: absolute;}
.changshy p{ display: block; height: 0.36rem; padding: 0 0.1rem 0 0.2rem; box-sizing: border-box; color: #fff; border-left: none; margin: 0 0 0 0.2rem; border-radius: 4px; font-size: 0.24rem; overflow: hidden;  line-height: 0.34rem;
	background: -webkit-linear-gradient(left, #6d6dff, #2d2dff);
    background: -moz-linear-gradient(left, #6d6dff, #2d2dff);
    background: -ms-linear-gradient(left, #6d6dff, #2d2dff);
    background: -o-linear-gradient(left, #6d6dff, #2d2dff);
    background: linear-gradient(left, #6d6dff, #2d2dff);
}
.changsrz{ float: left; height: 0.36rem; line-height: 0.36rem; font-size: 0.24rem; margin: 0; padding: 0 0.1rem; box-sizing: border-box; border: 1px solid #6170e9; overflow: hidden; color: #6170e9; border-radius: 4px;}
.changsrz img{ height: 0.3rem; vertical-align: top; margin: 0.03rem 0.1rem 0 0;}
.changs_js{ width: 100%; margin: 0.32rem auto;}
.changs_js_cont{ width: 100%; margin-bottom: 0.12rem; font-size: 0; position: relative;}
.changs_cont_tit{ width: 1.4rem; display: inline-block; vertical-align: middle; font-size: 0.27rem; font-weight: 400; color: #76828F; line-height: 0.48rem;}
.changs_cont_ul{ width: 4.85rem; display: inline-block; vertical-align: top;}
.changs_cont_ul span{ margin-right: 0.16rem; font-size: 0.28rem; font-weight: 400; color: #37474F; line-height: 0.48rem;}
.changs_cont_ul .desc{ display:inline-block; height:2rem; overflow: hidden;  text-overflow: ellipsis;display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical; margin-right: 0.16rem; font-size: 0.28rem; font-weight: 400; color: #37474F; line-height: 0.48rem;}
.changs_cont_ul a.pro{ text-decoration:none; margin-right: 0.16rem; font-size: 0.28rem; font-weight: 400; color: #37474F; line-height: 0.48rem;}
.manufacturerListBtn{ width: 100%; font-size: 0; display: flex; justify-content: space-between; align-items: center;}
.manufacturerListBtn .btnLY{ text-decoration: none; display: inline-block; vertical-align: middle; padding: 0.12rem 0.92rem; box-sizing: border-box; background: linear-gradient(90deg, #2f80ed 0%, #2f65ed 100%); border-radius: 0.08rem; font-size: 0.28rem; font-weight: 500; color: #FFFFFF; line-height: 0.4rem; margin-right: 0.3rem; white-space: nowrap;}
.manufacturerListBtn .btnZX{ text-decoration: none; display: inline-block; vertical-align: middle; padding: 0.12rem 0.92rem; box-sizing: border-box; background: linear-gradient(90deg, #f15a24 0%, #f14124 100%); border-radius: 0.08rem; font-size: 0.28rem; font-weight: 500; color: #FFFFFF; line-height: 0.4rem; white-space: nowrap;}

.box{
	min-height: 100vh;
}
/* 产品对比 */
.cpdb{ width: 100%; max-width: 7.5rem; margin: 0 auto; overflow: hidden; overflow-x: scroll;}
.cpdb::-webkit-scrollbar{
  height: 0;
}
.tablebox{ width: 100%; font-size: 0;}
.tableTr{ display: inline-flex; font-size: 0; white-space: nowrap; position: relative;}
.tablebox .tableTr.mb16{ margin-bottom: 0.16rem;}
.mb16{ margin-bottom: 16px;}
.trFixedLabel{ width: 1.62rem; display: inline-block; background: #FFFFFF; vertical-align: top; border-right: 0.02rem solid #F5F5F5; font-size: 0.24rem; font-weight: 400; color: #000000; text-align: center; position: sticky; left: 0; top: 0; z-index: 9;}
.trFixedLabel p{ width: 100%; height: 100%; font-size: 0.24rem; margin: 0; font-weight: 400; color: #76828F; display: flex; justify-content: flex-start; align-items: center; white-space: pre-wrap; padding: 0.18rem; box-sizing: border-box;}
.trFixedLabel p.black{ color: #333;}
.trFixedLabel span{ color: #F2460C;}
.tableTr .tableProduct{
    width: 2.64rem;
    background: #FFFFFF;
    border-right: 0.02rem solid #F5F5F5;
    font-size: 0;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    position: relative;
}
.tableTr .tableProduct .productTag {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    margin-bottom: 0.25rem;
    display: flex;
    justify-content: space-between;
}
.tableTr .tableProduct .productTag .productTagIndex {
    width: 1.78rem;
    height: 0.38rem;
    display: inline-block;
    background-image: url(chanpin-bg.png);
    background-size: 100% 100%;
    padding-left: 0.22rem;
    box-sizing: border-box;
    font-size: 0.24rem;
    font-weight: 400;
    color: #76828F;
    line-height: 0.38rem;
}
.tableTr .tableProduct .productTag .productTagClose {
    padding-right: 0.18rem;
    box-sizing: border-box;
    font-size: 0.32rem;
    color: #9D9CA1;
	line-height: 0.38rem;
}
.tableTr .tableProduct .productTitle {
    font-size: 0.28rem;
    font-weight: 600;
    color: #37474F;
    line-height: 0.4rem;
    width: 100%;
    height: 0.8rem;
    padding: 0 0.2rem;
    box-sizing: border-box;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    white-space: pre-wrap;
    margin: 0.64rem auto 0.16rem;
	text-decoration: none;
}
.tableTr .tableProduct .productPrice {
    width: 100%;
    padding: 0 0.2rem;
    box-sizing: border-box;
    font-size: 0.24rem;
    font-weight: 500;
    color: #F2460C;
    line-height: 0.34rem;
    margin: 0 auto 0.24rem;
    text-align: center;
}
.tableTr .tableProduct .productMobile {
    display: block;
    width: 2.24rem;
    height: 0.48rem;
    background: #2f80ed;
    border-radius: 0.06rem;
    font-size: 0.24rem;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 0.34rem;
    text-align: center;
    line-height: 0.48rem;
    margin: 0 0.2rem 0.16rem;
}
.tableTr .tableProduct .productFree {
    display: block;
    width: 2.22rem;
    height: 0.46rem;
    background: #FFFFFF;
    border-radius: 0.06rem;
    border: 0.01rem solid #2f80ed;
    font-size: 0.24rem;
    font-weight: 400;
    color: #2f80ed;
    line-height: 0.34rem;
    text-align: center;
    line-height: 0.48rem;
    margin: 0 0.2rem 0.26rem;
}
.tablebox .tableTr.titleNav {
    height: 0.66rem;
}
.tablebox .tableTr.titleNav .trFixedLabel {
    background-color: #F0F3F7;
}
.tablebox .tableTr.titleNav .trFixedLabel p {
    font-size: 0.28rem;
    font-weight: 500;
    color: #000000;
    line-height: 0.4rem;
	margin: 0;
}
.tablebox .tableTr.titleNav .tableProduct {
    background-color: #F0F3F7;
}
.tablebox .tableTr .tableProduct .productValue {
    width: 2.64rem;
    padding: 0.18rem 0.2rem;
    border-right: 0.02rem solid #F0F3F7;
    font-size: 0.24rem;
    font-weight: 400;
    color: #37474F;
    line-height: 0.34rem;
    box-sizing: border-box;
    white-space: pre-wrap;
    word-break: break-all;
	margin: 0;
}
.tablebox .tableTr.belowLine {
    border-bottom: 0.02rem solid #F0F3F7;
}

/* 留言咨询 */
.lyzx{ background-color: #2f80ed; width: 7.5rem; margin: 0 auto; height: 100vh; overflow: hidden; display: none; position: fixed; top: 0; left: 0; right: 0; z-index: 999;}
.lyzx .lyzx_top{ width: 100%; height: 0.8rem; line-height: 0.8rem; color: #fff; text-align: center; font-size: 0.32rem; background-color: #2f80ed; overflow: hidden; position: relative;}
.lyzx .lyzx_top .lyzx_gb{ position: absolute; display: block; height: 0.8rem; width: 0.8rem; left: 0; top: 0; display: flex; justify-content: center; align-items: center;}
.lyzx .lyzx_top .lyzx_gb img{ width: 52%; display: block;}
.lyzx .lyzx_main{ width: 92%; padding: 0 4%; overflow-x: hidden; overflow-y: auto; height: calc(100vh - 0.8rem); background: linear-gradient(0deg, rgba(255,255,255,1), rgba(255,255,255,0));}
.lyzx_main .lyzx_fb{ width: 100%; height: auto; overflow: hidden;}
.lyzx_main .lyzx_fb img{ display: block; width: 100%;}
.lyzx_main .lyzx_box1{ width: 94%; padding: 0 3%; background-color: #fff; overflow: hidden; height: auto; border-radius: 8px;}
.lyzx_box1 .lyzx_rad{ width: 100%; height: 0.92rem; margin-top: 0.2rem; overflow: hidden;}
.lyzx_box1 .lyzx_rad p{ float: left; margin: 0; height: 0.92rem; width: 25%; color: #4F565C; font-size: 0.26rem; line-height: 0.92rem; overflow: hidden;}
.lyzx_box1 .lyzx_rad div{ float: left; width: 75%; overflow: hidden; height: 0.92rem; line-height: 0.92rem; color: #333; font-size: 0.26rem;}
.lyzx_box1 .lyzx_rad div label{ display: block; margin-right: 6%; float: left;}
.lyzx_box1 .lyzx_rad div input { margin: 0.34rem 0.2rem 0 0; vertical-align: top;}
.lyzx_box1 .lyzx_text{ width: 100%; height: 1.8rem; margin: 0.26rem 0 0.1rem; overflow: hidden;}
.lyzx_box1 .lyzx_text p{float: left; margin: 0; height: 0.92rem; width: 25%; color: #4F565C; font-size: 0.26rem; line-height: 0.36rem; overflow: hidden;}
.lyzx_box1 .lyzx_text textarea{ width: 75%; height: 1.8rem; line-height: 0.36rem; font-family: '微软雅黑'; border: none; outline: none; color: #333; font-size: 0.26rem; float: left; padding: 0; margin: 0;}
.lyzx_main .lyzx_box2{ width: 94%; padding: 0 3% 0.2rem; background-color: #fff; margin-top: 0.26rem; overflow: hidden; height: auto; border-radius: 8px;}
.lyzx_box2 .lyzx_tit{ font-size: 0.3rem; width: 100%; line-height: 0.5rem; margin-top: 0.2rem; font-weight: bold; color: #333;}
.lyzx_box2 .lyzx_tit span{ width: 0.08rem; height: 0.26rem; background-color: #ff000d; margin: 0.13rem 0.1rem 0 0; vertical-align: top; display: inline-block;}
.lyzx_box2 .lyzx_inp{ width: 100%; height: 0.92rem; margin-top: 0.2rem; overflow: hidden;}
.lyzx_box2 .lyzx_inp p{ float: left; margin: 0; height: 0.92rem; width: 25%; color: #4F565C; font-size: 0.28rem; line-height: 0.92rem; overflow: hidden;}
.lyzx_box2 .lyzx_inp input{ width: 75%; height: 0.92rem; line-height: 0.92rem; border: none; outline: none; color: #333; font-size: 0.28rem; float: left; padding: 0; margin: 0;}
.lyzx_box2 .lyzx_sjh{ width: 100%; height: 0.92rem; margin-top: 0.2rem; overflow: hidden;}
.lyzx_box2 .lyzx_sjh p{ float: left; margin: 0; height: 0.92rem; width: 25%; color: #4F565C; font-size: 0.28rem; line-height: 0.92rem; overflow: hidden;}
.lyzx_box2 .lyzx_sjh input{ width: 35%; height: 0.92rem; line-height: 0.92rem; border: none; outline: none; color: #333; font-size: 0.28rem; float: left; padding: 0; margin: 0;}
.lyzx_box2 .lyzx_sjh span{ float: right; height: 0.92rem; color: #3b52d4; cursor: pointer; overflow: hidden; font-size: 0.28rem; line-height: 0.92rem;}
.lyzx_main .lyzx_but{ background-color: #3b52d4; overflow: hidden; display: block; margin-top: 0.3rem; border-radius: 8px; width: 100%; border: none; padding: 0; color: #fff; font-size: 0.3rem; height: 0.8rem;}
.lyzx_main .lyzx_xy{ width: 100%; text-align: center; color: #A0A1A3; margin: 0.25rem 0 0.25rem; overflow: hidden; height: auto; line-height: 0.3rem; font-size: 0.22rem;}
.lyzx_main .lyzx_xy a{ text-decoration: none; color: #3b52d4;}

/* 拨打电话 */
.bddh{ width: 7.5rem; height: 100vh; overflow: hidden; margin: 0 auto; background-color: rgba(0, 0, 0, 0.5); position: fixed; top: 0; right: 0; left: 0; z-index: 999; display: none; justify-content: center; align-items: center;}
.bddh .bddh_box{ width: 92%; height: auto; position: relative;}
.bddh_box .bddh_cont{ width: 92%; height: auto; padding: 0.26rem 4%; border-top-right-radius: 8px; border-top-left-radius: 8px; overflow: hidden; background: url(dhxj_bg.png) 0 center/100% no-repeat #fff;}
.bddh_box .bddh_cont div{ width: 100%; overflow: hidden; height: auto; margin-top: 0.5rem; line-height: 0.5rem; color: #222; text-align: center; font-size: 0.4rem; font-weight: bold;}
.bddh_box .bddh_cont p{ margin: 0.16rem 0 0; font-size: 0.26rem; text-align: center; height: auto; line-height: 0.37rem; color: #777; overflow: hidden;}
.bddh_box .bddh_cont p span{ color: red;}
.bddh_box .bddh_cont a{ background-color: #2f80ed; border-radius: 6px; text-align: center; color: #fff; overflow: hidden; width: 55%; display: block; text-decoration: none; margin: 0.2rem auto 0; font-size: 0.3rem; height: auto; line-height: 0.66rem;}
.bddh_box .bddh_bot{ margin: 0; width: 92%; height: auto; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; text-align: center; color: #222; background-color: #f3f9ff; font-size: 0.22rem; padding: 0.24rem 4%; overflow: hidden;}
.bddh_box .bddh_gb{ position: absolute; display: block; width: 0.6rem; left: 50%; bottom: -0.7rem; margin-left: -0.3rem; height: auto;}
.bddh_box .bddh_gb img{ width: 100%; display: block; height: auto;}
.bddh2{ width: 7.5rem; margin: 0 auto; height: 100vh; overflow: hidden; background-color: rgba(0, 0, 0, 0.5); position: fixed; top: 0; right: 0; left: 0; z-index: 999; display: none; justify-content: center; align-items: center;}
.bddh2 .bddh2_box{ width: 80%; height: auto; padding: 0.36rem 6%; border-radius: 8px; background-color: #fff; position: relative;}
.bddh2_box .bddh2_gb{ position: absolute; top: 0.1rem; right: 0.2rem; width: 0.6rem; height: 0.6rem; text-align: center; line-height: 0.6rem; color: #bdbdbd; overflow: hidden; font-size: 0.6rem;}
.bddh2_box .bddh2_tit{ font-size: 0.33rem; color: #111; width: 100%; height: auto; line-height: 0.5rem; overflow: hidden;}
.bddh2_box .bddh2_tit2{ width: 100%; height: auto; font-size: 0.26rem; margin-top: 0.2rem; color: #777; overflow: hidden;}
.bddh2_box .bddh2_name{ width: 100%; overflow: hidden; height: auto; margin: 0.2rem 0 0; font-size: 0.26rem; color: #777;}
.bddh2_box input{ display: block; padding: 0 3%; width: 94%; outline: none; border-radius: 4px; color: #333; height: 0.52rem; overflow: hidden; margin-top: 0.16rem; border: 1px solid #f2f2f2;}
.bddh2_but{ height: auto; width: 100%; overflow: hidden; margin-top: 0.3rem;}
.bddh2_but div{ float: left; font-size: 0.24rem; border: 2px solid #2f80ed; color: #2f80ed; padding: 0 2%; line-height: 0.5rem; border-radius: 4px; height: 0.5rem; overflow: hidden;}
.bddh2_but a{ float: right; font-size: 0.24rem; border: 2px solid #2f80ed; color: #fff; background-color: #2f80ed; text-decoration: none; padding: 0 2%; line-height: 0.5rem; border-radius: 4px; height: 0.5rem; overflow: hidden;}

/* 分页 */
.cpzx_fy{ width: 7.5rem; box-sizing: border-box; padding: 0 0.3rem; overflow: hidden; margin: 0.3rem 0; height: auto; display: flex; justify-content: center; align-items: center;}
.cpzx_fy a{ font-size: 0.26rem; text-decoration: none; height: 0.64rem; background-color: #fff; color: #333; line-height: 0.64rem; margin: 0 0.1rem; padding: 0 0.25rem; border-radius: 4px;}
.cpzx_fy a img{ height: 0.2rem;}
.cpzx_fy span{ font-size: 0.26rem; height: 0.64rem; color: #333; line-height: 0.64rem; margin: 0 0.1rem;}


/* 通用底部 */
.publicBottomBox {
	width: calc(100% - .4rem);
	padding: .2rem;
	margin-top: .1rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.publicBottomBox .list {
	margin-top: .1rem;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: .25rem;
	color: #999;
}

.publicBottomBox .list:nth-child(1) {
	margin-top: 0;
}

.publicBottomBox .list .icon {
	padding-left: .2rem;
	padding-right: .2rem;
}

.publicBottomBox .list .link {
	color: #999;
	text-decoration: none;
}