/*
 *这是单独为hello mui准备的个性化css，可以覆盖标准mui的css定义；
 * 在实际项目开发时，建议为App单独写一个css文件，从而实现项目的自定义皮肤功能；
 * 
 * */
/*.mui-plus header.mui-bar{
	display: none;
}
.mui-plus .mui-bar-nav~.mui-content{
	padding: 0;
}*/

/*hm开头的表示仅为 Hello MUI示例定义*/
.hm-description{
	margin: .5em 0;
}

.hm-description>li {
	font-size: 14px;
	color: #8f8f94;
}

.font-f-medium {
	font-family: P_MEDIUM;
}

.font-f-bold {
	font-family: P_BOLD;
}

.font-f-light {
	font-family: P_LIGHT;
}

.font-f-din {
	font-family: D_MEDIUM;
}

.clearfix {
	clear: both;
}

.page-top {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 9;
}
/**app.wxss**/
@import './style/iconfont.wxss';

.container {
	display: flex;
	flex-direction: column;
	align-items: center;
	box-sizing: border-box;
}

button {
	background: initial;
}

	button:focus {
		outline: 0;
	}

	button::after {
		border: none;
	}


page {
	background: #f6f6f6;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}

.flex {
	display: flex;
}

.flex-ac {
	display: flex;
	align-items: center;
}

.flex-ac-jcsb {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.flex-c-ac-jcc {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.flex-ac-jcc {
	display: flex;
	align-items: center;
	justify-content: center;
}

.fixed-bottom {
	position: fixed;
	width: 100%;
	left: 0;
	bottom: calc(var(--window-bottom) + 0px);
	z-index: 97;
}

.page {
	width: 100%;
	/* min-height: calc(100vh - 90rpx); */
	height: 500px;
	overflow-y:auto;
	color: #191919;
	background-color: #f2f2f4;
	padding-bottom: 1px;
	font-family: DIN Alternate Bold;
	box-sizing: border-box;
}
/* 搜索 */
.hearder-view {
	height:46px;
}

.header-search .header-title {
	flex: 1;
	font-size: 17px;
	color: #ffffff;
	font-weight: 600;
	text-align: center;
}

.hearder-container {
	position: fixed;
	top: 0;
	width: 100vw;
	z-index: 999;
	margin: 0px;
}

.header-search {
	display: flex;
	align-items: center;
	width: 351px;
	margin: 0 12px 0 12px;
	height: 46px;
	box-sizing: border-box;
}

	.header-search .header-search-view {
		position: relative;
		display: flex;
		align-items: center;
		flex: 1;
		height: 35px;
		padding: 3px;
		padding-left: 15px;
		background-color: #fff;
		border-radius: 35px;
		box-sizing: border-box;
	}

	.header-search .header-top_rightButton {
		position: relative;
		display: flex;
		text-align: center;
		justify-content: center;
		flex-shrink: 0;
		width: 85px;
		height: 29px;
		font-size: 14px;
		font-weight: bold;
		margin-left: 6px;
		border-radius: 28px;
		line-height: 29px;
	}

	.header-search .header-top_rightButton2 {
		position: fixed;
		right: 12px;
		color: white;
		display: flex;
		text-align: center;
		justify-content: center;
		flex-shrink: 0;
		width: 85px;
		height: 29px;
		font-size:14px;
		font-weight: bold;
		margin-left: 6px;
		border-radius: 28px;
		line-height:29px;
	}

.smooth-btn {
	background: #ffffff;
	padding: 0;
	border-radius: 0;
}

.header-search .header-search-view .imitate-view {
	color: #999999;
}

.header-search .header-search-view .search-input {
	flex: 1;
	height: 100%;
	margin-left: 6px;
	font-size: 14px;
}

.flex-ac {
	display: flex;
	align-items: center;
}

.search_icon {
	flex-direction: row;
	align-items: center;
}

.search_btn {
	color: rgb(255, 255, 255);
	background: linear-gradient(90deg, rgb(255, 117, 47) 0%, rgb(247, 75, 59) 100%);
	width: 68px;
	height: 29px;
	font-size: 13px;
	border-radius: 17px;
	padding: 0;
	display: inline-block;
	line-height: 2.3;
	text-align: center;
}

/* 商品列表 */
.goods-list-view {
	padding-bottom: 20px;
}

.goods-list {
	display: flex;
	flex-wrap: wrap;
}

.goods-card {
	width: 48%;
	margin-right: 1%;
	margin-left: 1%;
	margin-bottom: 7px;
	padding-bottom: 10px;
	background-color: #ffffff;
	border-radius: 10px;
	overflow: hidden;
	float: left;
}

	.goods-card .goods-card-img {
		width: 48vw;
		height: 48vw;
		overflow: hidden;
	}

	.goods-card .goods-card-info {
		width: 100%;
	}

	.goods-card .goods-card-info_title {
		padding: 10px;
		height: 30px;
		overflow: hidden;
		margin-bottom: 2px;
	}

	.goods-card .goods-card-info_title_text {
		width: 100%;
		color: #191919;
		font-size: 13px;
		overflow: hidden;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
	}

	.goods-card .goods-card-info .goods-card-bottom {
		padding: 0 10px;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.goods-card .goods-card-info .goods-card-bottom_price {
		display: flex;
		justify-content: space-between;
		align-items: flex-end;
		color: #f74b3b;
	}

		.goods-card .goods-card-info .goods-card-bottom_price .price_symbol {
			font-size: 10px;
			margin-bottom: 2px;
		}

		.goods-card .goods-card-info .goods-card-bottom_price .price_num {
			font-size: 14px;
			font-weight: bold;
		}

	.goods-card .tag_distribution {
		width: 55px;
		color: #ffffff;
		font-size: 11px;
		text-align: center;
		padding: 1px 3px;
		border-radius: 5px 2px;
		box-shadow: 0px 3px 6px -1px rgb(9 142 240 / 60%);
		background-image: linear-gradient(to right, #098ef0, #18c7ff);
	}

	.goods-card .tag_selftake {
		width:55px;
		color: #ffffff;
		font-size: 11px;
		text-align: center;
		padding: 1px 4px;
		border-radius: 5px 2px;
		background-image: linear-gradient(to right, #fe0342, #f74b3b);
		box-shadow: 0px 2px 4px 0px rgb(255 22 0 / 40%);
	}

/* 箭头样式 */
.arrow {
	width: 12px;
	height: 12px;
	color: white;
	font-size: 12px;
	font-weight: 400;
}

.arrow_right {
	width: 10px;
	height: 10px;
	color: #191919;
	font-size: 10px;
	font-weight: 400;
}
/* // 复选框样式 */
checkbox .wx-checkbox-input {
	width:16px;
	height: 16px;
	border-radius: 50%;
}
	/* // 复选框选中样式 */
	checkbox .wx-checkbox-input.wx-checkbox-input-checked {
		border-color: rgb(247, 75, 59);
		background-color: rgb(247, 75, 59);
	}
		/* // 复选框选中之后对号的样式 */
		checkbox .wx-checkbox-input.wx-checkbox-input-checked::before {
			color: #fff;
			font-size: 14px;
		}

/* 不确定是不是全局的 */
/*每个页面公共css */
.flex {
	/* #ifndef APP-PLUS-NVUE */
	display: flex;
	/* #endif */
}

.container {
	padding: 0 12px;
}

.opacity-hover {
	opacity: 0.7;
}

.list-hover {
	opacity: 0.9;
	transform: scale(0.98, 0.98);
	/* #ifndef APP-PLUS-NVUE */
	cursor: pointer;
	/* #endif */
	position: relative;
	top: 1.5px;
	left: 1.5px;
}

.element-hover {
	opacity: 0.9;
	transform: scale(0.98, 0.98);
	/* #ifndef APP-PLUS-NVUE */
	cursor: pointer;
	/* #endif */
	position: relative;
	top: 1.5px;
	left: 1.5px;
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1) inset;
}

.flex-ac {
	/* #ifndef APP-PLUS-NVUE */
	display: flex;
	/* #endif */
	align-items: center;
}

.flex-ac-jcsb {
	/* #ifndef APP-PLUS-NVUE */
	display: flex;
	/* #endif */
	align-items: center;
	justify-content: space-between;
}

.flex-ac-jcc {
	/* #ifndef APP-PLUS-NVUE */
	display: flex;
	/* #endif */
	align-items: center;
	justify-content: center;
}

.flex-ac-sa {
	/* #ifndef APP-PLUS-NVUE */
	display: flex;
	/* #endif */
	align-items: center;
	justify-content: space-around;
}

.flex-c-ac-jcc {
	/* #ifndef APP-PLUS-NVUE */
	display: flex;
	/* #endif */
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.flex-afs {
	/* #ifndef APP-PLUS-NVUE */
	display: flex;
	/* #endif */
	align-items: flex-start;
}
/* #ifndef APP-PLUS-NVUE */
::-webkit-scrollbar {
	display: none;
}
/* 单行文字超出隐藏 */
.abbreviated {
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.textretention {
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	white-space: normal;
}
/* #endif */

.empty {
	display: flex;
	flex-direction: column;
	align-items: center;
	/* justify-content: center; */
	width: calc(100% - 24px);
	height: 100%;
	padding: 15px;
}

	.empty .empty-icon {
		width: 160px;
		height: 160px;
	}

		.empty .empty-icon .icon-image {
			display: block;
			width: 100%;
			height: 100%;
		}

	.empty .empty-text {
		margin-top: 14px;
		font-size: 14px;
		color: #999999;
	}

.mt10 {
	margin-top: 10px;
}

.load-more {
	display: flex;
	flex-direction: row;
	height: 40px;
	align-items: center;
	justify-content: center;
	margin-bottom: 10px;
}

.load-more-text {
	color: rgb(153, 153, 153);
	font-size: 15px;
}

.uni-flex {
	display: flex;
	flex-direction: row;
}

.uni-column {
	flex-direction: column;
}

.pd10 {
	padding: 10px;
}

.mb10 {
	margin-bottom: 10px;
}

.mr10 {
	margin-right: 10px;
}

.mt10 {
	margin-top: 10px;
}

.ml10 {
	margin-left: 10px;
}

.mb5 {
	margin-bottom: 5px;
}

.f-c55 {
	color: #555555;
}

.f-15 {
	font-size: 15px;
}

.f-12 {
	font-size: 12px;
}

.f-red {
	color: #fc2b34 !important;
}

.f-gray {
	color: #999999;
}

.mr22 {
	margin-right: 22px;
}



.yoshop-notcont {
	padding: 65px 50px;
	box-sizing: border-box;
}

	.yoshop-notcont .img {
		width: 200px;
		height: 120px;
		margin: 0 auto;
	}

		.yoshop-notcont .img img {
			height: 120px;
			width: auto;
			margin: 0 auto;
		}

	.yoshop-notcont .cont {
		display: block;
		text-align: center;
		font-size: 15px;
		color: #999;
		margin-top: 5px;
	}