@charset "utf-8";
[v-cloak] {
 display: none !important;
}
body {
	width: 100%;
	max-width: 640px;
	padding: 0;
	margin: 0 auto;
	font-size: 14px;
	color: #232628;
	font-family: SourceHanSansCN, -apple-system, Verdana, Arial, Helvetica, sans-serif;
	-webkit-tap-highlight-color: transparent;
}
body.overflow-hidden {
	overflow: hidden;
}
div, ul, ol, dl, p, pre, section, article, aside, li, nav, input, textarea {
	border: 0;
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}
input, textarea, select {
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	resize: none;
}
input::-webkit-autofill, textarea::-webkit-autofill, select::-webkit-autofill {
 background-color: transparent;
 background-image: none;
 color: inherit;
}
button {
	border: none;
	outline: none;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	line-height: 1em;
}
ul, dl, dt, dd {
	list-style: none;
}
img {
	width: 100%;
	vertical-align: middle;
}
a {
	text-decoration: none;
	color: inherit;
	-webkit-tap-highlight-color: transparent;
	outline: none;
	-webkit-focus-ring-color: transparent;
}
i, em, strong {
	font-style: normal;
}
.iconfont {
	font-size: inherit;
}
.navigation {
	display: block;
	width: 100%;
	height: 100%;
}
.text-overflow {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.text-overflow-line2 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;
}
.text-overflow-line3 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	text-overflow: ellipsis;
}
.scrollbox {
	position: fixed;
	bottom: 2rem;
	right: 0.16rem;
	z-index: 10;
	display: none;
}
.scrollbox-item {
	display: block;
	width: 0.72rem;
	height: 0.72rem;
	line-height: 0.72rem;
	text-align: center;
	border-radius: 50%;
	background: #fff;
	box-shadow: 0 0.08rem 0.12rem 0 #dee2e5;
	cursor: pointer;
}
.scrollbox-item:active {
	background: #F7F9FA;
}
.scrollbox-item > .iconfont {
	font-size: 0.4rem;
}
.scrollbox-item + .scrollbox-item {
	margin-top: 0.64rem;
}
body {
	background-color: #F3F5F7;
	max-width: 750px;
}
.m_head {
	display: -webkit-box;
	display: flex;
	height: 0.88rem;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	overflow: hidden;
	color: #232628;
	margin: 0 0.24rem;
}
.m_head .iconfont {
	font-size: 0.48rem;
	color: #fe4571;
}
.m_head > .m_head-logo {
	-webkit-box-flex: 1;
	flex: 1;
	min-width: 0;
	text-align: center;
}
.m_head > .m_head-logo > img {
	width: 3rem;
}
.m_head > .m_head-left, .m_head > .m_head-right {
	width: 0.88rem;
	height: 0.88rem;
	line-height: 0.88rem;
}
.m_head-right {
	text-align: right;
}
.swiper-box {
	margin: 0 0.24rem;
	background: linear-gradient(136deg, #FFDFE1 0%, #FF9AA3 100%);
	border-radius: 0.16rem;
}
.swiper-pagination-bullet {
	width: 0.08rem;
	height: 0.08rem;
	background: #fff;
	opacity: 0.5;
	border-radius: 0.04rem;
}
.swiper-pagination-bullet-active {
	background: #fe4571;
	width: 0.16rem;
	height: 0.08rem;
	opacity: 1;
}
.m-main {
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	align-items: center;
	flex-wrap: wrap;
	margin: 0 0.24rem;
	background: #fff;
	padding: 0.2rem 0;
	border-radius: 0.16rem;
}
.m-main > .m-main-item {
	-webkit-box-flex: 1;
	flex: 1;
	min-width: 25%;
	max-width: 25%;
	text-align: center;
	padding: 7px 10px;
}
.m-main > .m-main-item p {
	margin-top: 0.08rem;
	font-size: 0.24rem;
	line-height: 0.32rem;
	font-weight: 600;
}
.m-main > .m-main-item img {
	width: 0.8rem;
}
.m-main > .m-main-item.small {
	margin-top: 0.4rem;
}
.m-main > .m-main-item.small p {
	font-weight: 400;
}
.m-main > .m-main-item.small img {
	width: 0.34rem;
}
.web-box-ab {
	border-radius: 0 0 0.16rem 0.16rem;
	padding-bottom: 0.21rem;
}
.web-box-ab .webgg {
	margin-top: 0;
}
.webgg {
	margin: 0 0.24rem;
	margin-top: 0.24rem;
	border-radius: 0.16rem;
}
.web-list {
	display: -webkit-box;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.web-list .web-ad-r {
	margin-left: 0.06rem;
	position: relative;
	width: 3.4rem;
	height: 3.35rem;
}
.web-cate .web-ad-l {
	border-radius: 0.08rem;
	overflow: hidden;
	width: 3.4rem;
}
.web-cate .web-ad-l .web-item {
	height: 3.35rem;
	position: relative;
}
.web-cate .web-ad-r .web-item {
	height: 1.57rem;
	border-radius: 0.16rem;
	overflow: hidden;
	position: relative;
}
.web-cate .web-item {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.web-cate .web-item .web-img {
	width: 2rem;
	height: 2rem;
	position: absolute;
	bottom: 0.1rem;
	right: 0.1rem;
	object-fit: contain;
}
.web-cate .web-item .web-img2 {
	width: 1.4rem;
	height: 1.1rem;
	position: absolute;
	bottom: 0.2rem;
	right: 0.05rem;
	object-fit: contain;
}
.web-info {
	margin: 0.24rem 0;
	height: 2.5rem;
	background: linear-gradient(to bottom, #f8edef, #fff);
	border-radius: 0.08rem;
	overflow: hidden;
}
.web-info-item {
	height: 2.5rem;
	position: relative;
	width: 33.33333%;
}
.web-info-item-bg {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.web-info-item-shop {
	width: 1.26rem;
	height: 1.26rem;
	position: absolute;
	bottom: 0.14rem;
	left: 0;
	right: 0;
	margin: auto;
}
.web-pro {
	padding-bottom: 0.24rem;
}
.web-pro-tit {
	font-size: 0.38rem;
	line-height: 0.52rem;
	text-align: center;
	font-weight: bold;
	padding: 0 0.24rem;
}
.web-pro-item {
	margin-bottom: 0.22rem;
	border-radius: 0.16rem;
	overflow: hidden;
	background-color: #fff;
}
.pro-info {
	position: relative;
}
.pro-name {
	font-weight: 600;
	font-size: 0.3rem;
	line-height: 0.4rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.pro-deb {
	font-size: 0.26rem;
	line-height: 0.36rem;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;
}
.pro-tag > span {
	display: inline-block;
	border-radius: 0.16rem;
	border: 0.02rem solid #fe4571;
	background-color: #FFF0EC;
	color: #FF3D12;
	font-size: 0.22rem;
	line-height: 0.28rem;
	padding: 0 0.16rem;
}
.pro-fbt {
	padding-top: 0.08rem;
	padding-bottom: 0.06rem;
	border-top: 0.02rem solid #F3F5F7;
	border-bottom: 0.02rem solid #F3F5F7;
	font-size: 0.22rem;
	line-height: 0.32rem;
	color: #71797f;
}
.pro-bot {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
}
.pro-bot-left {
	-webkit-box-flex: 1;
	flex: 1;
	min-width: 0;
}
.pro-bot-right {
	text-align: right;
}
.pro-bot-right img {
	width: 0.48rem;
}
.pro-price {
	font-size:14px;
	line-height: 0.48rem;
	font-weight: bold;
	opacity: 1;
	color: #fe4571;
}
.pro-yishou {
	font-size: 0.22rem;
	line-height: 0.32rem;
	color: #71797f;
}
.pro-lb-bb {
	margin: 0.2rem 0.24rem 0;
}
.pro-lb-bb .web-pro-item > .navigation {
	display: -webkit-box;
	display: flex;
	min-height: 3.72rem;
}
.pro-lb-bb .pro-pic {
	width: 3.4rem;
	min-width: 3.4rem;
	max-width: 3.4rem;
}
.pro-lb-bb .pro-info {
	padding: 0.24rem 0.32rem;
	-webkit-box-flex: 1;
	flex: 1;
	min-width: 0;
	max-width: 3.62rem;
}
.pro-lb-bb .pro-tag {
	margin: 0.16rem 0;
}
.pro-lb-bb .pro-bot {
	position: absolute;
	bottom: 0.24rem;
	left: 0.32rem;
	right: 0.32rem;
}
.pro-lb-qb {
	padding: 0 1.73333333%;
	font-size: 0;
	margin-top: 0.2rem;
}
.pro-lb-qb .web-pro-item {
	display: inline-block;
	vertical-align: top;
	margin: 0 1.51933702% 3.03867403%;
	width: 46.96132597%;
}
.pro-lb-qb .pro-info {
	padding: 0.16rem 0.2rem;
}
.pro-lb-qb .pro-tag {
	margin-bottom: 0.04rem;
}
.pro-lb-qb .pro-nd {
	font-size: 0.26rem;
	line-height: 0.36rem;
}
.pro-lb-qb .pro-nd.text-of {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: center;
}
.pro-lb-qb .pro-nd.text-overflow2 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;
	min-height: 0.72rem;
}
.pro-lb-qb .pro-bot {
	margin-top: 0.16rem;
}
.pro-lb-qb .pro-more {
	margin: 0 1.51933702%;
}
.pro-more-btn {
	display: block;
	margin: 0 auto;
	background: #FFFFFF;
	border-radius: 0.4rem;
	height: 0.8rem;
	line-height: 0.8rem;
	text-align: center;
	font-size: 0.26rem;
	color: rgba(35, 38, 40, 0.7);
}
.m-foot {
	background: #fff;
	margin-top: 0.24rem;
	padding-bottom: 0.98rem;
}
.web-cop {
	padding: 0.28rem 0;
	font-size: 0.2rem;
	color: #B4BABF;
	text-align: center;
}
.flex {
	display: flex;
}
.web-jz {
	align-items: center;
}
.jc-center {
	justify-content: center;
}
.web-ls {
	justify-content: space-between;
}
.fd-column {
	flex-direction: column;
}
.web-cate .web-ad-l {
	width: 50%;
	padding-right: 0.12rem;
}
.web-list .web-ad-r {
	width: 50%;
	margin: 0;
	padding-left: 0.12rem;
}
.web-pro .mjz {
	text-align: center;
}
.m-main{
	margin-top: 15px;
}
.scrollMsg{
	padding-left: 10px;
	padding-right: 10px;
}
.footer-nav .nav-item-t{
	position:relative;
}
.footer-nav .nav-item-t img{
	height: 22px;
	width: auto;
	position: absolute;
	bottom:0;
	left: 50%;
	transform: translateX(-50%);
}