@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%;

}

.pro-pic {   
    width: 100%;   
             
    height: 5rem;   
    overflow: hidden;    /* 使用Flexbox */    /* 水平居中 */   
    display: flex; /* 使用Flexbox */   
    justify-content: center; /* 水平居中 */   
    align-items: center; }

.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: 1.3rem;

	-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: 20%;

	max-width: 20%;

	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;

}

.search-box{width:100%;margin:0 auto;padding-bottom: 10px;padding-top:5px;padding-left: 10px;padding-right: 10px;font-size:0}

.search-box-group{position:relative;width:100%;height:48px;border-radius:24px;border:2px solid #fe4571;}

 .search-box-icon{display:inline-block;width:54px;height:100%;vertical-align:top;text-align:center}

 .search-box-icon span.icon{width:16px;height:16px;margin-top:16px}
 .search-box-icon span.icon-search{background-position:0 -48px}

 .search-box-input{width:264px;height:100%;font-size:14px;border:none;background-color:inherit}

 .search-box-input::-webkit-input-placeholder{color:#B4BABF}

 .search-box-input::-moz-placeholder{color:#B4BABF}

 .search-box-input:-ms-input-placeholder{color:#B4BABF}
 .search-box-input::-ms-input-placeholder{color:#B4BABF}

 .search-box-input::placeholder{color:#B4BABF}

 .search-box-btn{position:absolute;top:-2px;right:-2px;width:118px;height:48px}

 .search-box-btn button{width:100%;height:100%;border-radius:24px;outline:none;font-size:18px;font-weight:bold;background-color:#FF734C;background:-webkit-gradient(linear,left top,right top,from(#ff734c),to(#ff3d12));background:-webkit-linear-gradient(left,#ff734c 0%,#ff3d12 100%);background:-o-linear-gradient(left,#ff734c 0%,#ff3d12 100%);background:linear-gradient(90deg,#fe4571 0%,#e4063b 100%)}

 .search-box-hotwords{margin-top:8px;margin-left:44px;font-size:12px;line-height:16px;color:#B4BABF}

.search-box-hotwords a{margin:0 12px}