*{
	margin: 0 auto;
	padding: 0;
}
body{
	background-color: #eceeee75;
}
/* 公用 */
.circle{
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.body1{
	max-width: 750px;
	left: 0;
	right: 0;
	margin: auto;
	
	background-color: #eceeee75;
}

/* 搜索框 */

.box{
	border-style: none;
	background-color: #ffffff;
	margin-top: 1px;
	float: left;
	width: 100%;
}
#boxx{
	border-style: none;
}
	
.box1{
	border-style: none;
	background-color: #ffffff;
}
.box2{
	border-style: none;
	background-color: #ffffff;
}
.weui-cell{
	padding: 5px 8px;
}

/* 横幅 */
.banner{
	width: 100%;
	
}
.banner1{
	width: 92%;
	padding-top: 48px;
}
.banner2{
	width: 100%;
	
}


/* 主体内容 */
.content{
	width: 100%;
}

/* 方块内容 */
.cnt-title{
	float: left;
	background-color: #fff;
	width: 100%;
	
}
.cnt{
	width: 92%;
	
}
.cnt1{
	float: left;
	background-color: #eceeee75;
	margin-top: 14px;
	width: 100%;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	
	
}
.weui-grid__icon{
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	width: 33.333%;
	
}
.weui-grid{
	padding: 4px 0px;
	width: 24.999%;
	
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}
.weui-grid::after{
	border-style: none;
}
.weui-grids:after{
	border-style: none;
}
.weui-grids::before{
	border-style: none;
	
}

.weui-grid::before{
	
	border-style: none;
	
}
.weui-cell_access .weui-cell__ft{
	padding-left: 8px;
}
.weui-cell_access .weui-cell__ft:after{
	height: 4px;
	width: 4px;
	right: 5px;
}

/* 精品推荐 */
.cnt_left{
	float: left;
	width: 100%;
	margin-bottom: 4px;
	background-color: #fff;
	border-top-left-radius: 100%;
	border-top-right-radius: 100%;
	border-bottom-left-radius: 100%;
	border-bottom-right-radius: 100%;
	
}
.cnt_left >img{

	width: 73%;
	margin-left: 14.555%;
	margin-bottom: 8px;
	margin-top: 14px;
}
.cnt_left_img{
	float: left;
	width: 100%;
	height: 50px;
	background-color: blueviolet;
}

/* 四方格 */
.s_grid{
	float: left;
	width: 100%;
	background-color: #fff;
	
}
.grid1{
	width: 92%;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}
.grid2{
	float: left;
	background-color:#eceeee75;
	
	margin-top: 10px;
	width: 100%;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	
}
.grid-img{
	float: left;
	width: 33.222%;
	background-color: #eceeee75;
	
	
}

.grid_left{
	float: left;
	width: 63%;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	
}
.grid_left >h5{
	font-size: 12px;
	color: black;
	margin-left: 12px;
	margin-top: -6.333%;
	
}
.grid_left >p{
	font-size: 12px;
	color: blueviolet;
	margin-left: 12px;
	margin-top: 2px;
}
.grid_right{
	float: left;
	width: 36%;
}
.grid_right >img{
	width: 100%;
	margin-top: 8px;
	margin-bottom: 14px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	
	
	
}


.weui-media-box_appmsg .weui-media-box__bd{
	min-width: 72%;
}
.weui-panel:after{
	border-style: none;
}


.weui-media-box_appmsg .weui-media-box__thumb{
	width: 60%;
}


.weui-media-box{
		padding: 0;
		
}
.weui-media-box:before{
	border-style: none;
}
.weui-panel:before{
	border-style: none;
}
/* 第三模块 */
.content3{
	float: left;
	position: relative;
	width: 100%;
	top: 0;
	background-color: #fff;
	margin-top: 20px;
}
.content3-imagetext{
	width: 92%;
}
.module-demo3{
	float: left;
	width: 100%;
	background-color: #eceeee;
	margin-top: -11px;
}
.content3_select{
	width: 50%;
	
}
.navbar1{
	width: 50%;
	
	
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}



/* 商品图片内容 */

.weui-navbar__item{
	padding: 5px 0;
	
}
.weui-navbar__item::after{
	border-style: none;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
} 
.weui-navbar:after{
	border-style: none;
}
.weui-navbar__item.weui-bar__item--on{
	font-weight: 600;
	color: black;
	background-color: #ffc107b3;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

/* 底部导航栏 */
.main-nav ul li{
	list-style: none;
}



/* 图片推荐样式 */
.container {
	width: 95%;
	margin: 10px auto;
	/* background-color: #fff; */
}

.waterfall {
	-moz-column-count: 2; /* Firefox */
	-webkit-column-count: 2; /* Safari �� Chrome */
	column-count: 2;      /* 将 div 元素中的文本分为2列，并规定列间1rem像素的间隔。 */
	-moz-column-gap: 1em;
	-webkit-column-gap: 1em;
	column-gap: 1em;
}

.item {
	/* width: 40%; */
	padding: 0;
	margin: 0 0 1em 0;
	-moz-page-break-inside: avoid;
	-webkit-column-break-inside: avoid;
	break-inside: avoid;   /*break-inside: avoid; 避免元素内部断行并产生新列*/
	/* border: 1px solid #fff; */
	background-color: #fff;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	
}
.item img {
	width: 100%;
	margin-bottom: 10px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}

/*精选、推荐文字控制大小 */

/* 精选 */
.jx{
	width: 21%;
	margin-left: 3.222%;
}
.jx >h5{
	font-size: 12px;
	color: black;
	text-align: center;
}
.jx >p{
	font-size: 12px;
	color: #999999;
	text-align: center;
	line-height: 21px;
}
/* 推荐 */
.tj{
	width: 100%;
	margin-left: 2px;
	margin-top: -6px;
	padding-bottom: 10px;
}
.tj >h6{
	margin-bottom: 10px;
	color: #000;
	font-size: 15px;
	
	display: block;
	overflow: hidden;
	word-break: keep-all;
	white-space: nowrap;
	text-overflow: ellipsis;
	
}
.tj >p{
	font-size: 12px;
	color: red;
}
.tj >h5{
	float: left;
	margin-top: -23.555px;
	margin-left: 10px;
	font-size: 16px;
	color: red;
	word-wrap: break-word;
	word-break: break-all;
}