#container{
	position: relative;
	font-size: 14px;
}
.swiper-container{
	width:100%;
	max-width: 640px;
}
.swiper-container .swiper-wrapper img{
	width:100%;
}
#content{
	width: 100%;
	margin-top: 10px;
	margin-bottom: 70px;
}
.rich-text{
	width: 100%;
	padding: 10px 10px 0 10px;
}
.search-goods-area{
	position: sticky;
	top: 10px;
	left: 0;
	width:calc(100% - 20px);
	margin-left: 10px;
	margin-bottom: 10px;
	background: rgba(0,0,0,.3);;
	height:40px;
	color:#fff;
	border-radius: 3px;
	z-index: 9999;
}
.search-goods-area .search{
	width:100%;
	height:40px
}
.search-goods-area .search .iconfont{
	margin-left: 8px;
	margin-right:5px;
}
.search-goods-area .search input{
	outline: none;
	border: 0;
	background: rgba(0,0,0,.0);
	height:40px;
	line-height: 40px;
	color:#fff;
	width:80%;
}
.click {
	display: inline-block;
	padding: 10px;
	background: #00B000;
	position: absolute;
	top: 0px;
	right: 0px;
	border-radius: 3px;
}
.search-goods-area .search input::placeholder{
	color: #F0E8E8;
}
.list-wrap{
	width: 100%;
	padding:10px;
	background: #F7F7F7;
}
.list-wrap .list{
	width: 100%;
	margin-top: 10px;
	background: #FFF;
	border-radius: 10px;
	padding: 10px;
}
.list-wrap .list .list-sm{
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
}
.list-wrap a:first-child .list{
	margin-top: 0;
}
.list-wrap .list img{
	width: 130px;
	height: 100px;
	margin-right: 10px;
}
.list-wrap .list .right-info{
	width: calc(100% - 140px);
	height: 100px;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
}
.list-wrap .list .right-info .title-l{
	width: 100%;
	color: #333;
	font-size: 16px;
	font-weight: 650;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.list-wrap .list .right-info .sub-title-l{
	width: 100%;
	font-size: 12px;
	font-weight: 650;
	color: #666;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.list-wrap .list  .bottom-area{
	width: 100%;
	padding-top: 12px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.list-wrap .list  .bottom-area > span{
	display: flex;
	flex-direction: row;
	align-items: center;
	font-size: 12px;
	color: #3574F0;
}
.list-wrap .list  .bottom-area > span:nth-child(2){
	color: #46A526;;
}
.list-wrap .list  .bottom-area > span:last-child{
	color: #FF5C00;;
}
.list-wrap .list  .bottom-area > span .num{
	font-size: 14px;
}

.list-wrap .list  .bottom-area span:first-child{
	margin-right: 10px;
}