diff --git a/css/style.css b/css/style.css
index 3f652e8..d984ba9 100644
--- a/css/style.css
+++ b/css/style.css
@@ -59,12 +59,13 @@
 
 .section-box {
 	flex-wrap: wrap;
-	justify-content: space-between;
 	width: 100%;
 	padding: .48rem .36rem;
 	background-color: #ffffff;
 }
-
+.activity{
+	justify-content: space-between;
+}
 .activity .envelopes {
 	width: 2.8rem;
 	height: 3.66rem;
@@ -112,6 +113,7 @@
 	margin-top: .25rem;
 }
 
+/* 商家推荐 */
 .recommend-title{
 	justify-content: center;
 	align-items: center;
@@ -128,3 +130,23 @@
 	top: -0.49rem;
 	transform: translateX(-50%);
 }
+.recommend .item{
+	width: calc(33.33% - .16rem);
+	margin: .25rem .24rem 0 0;
+}
+.recommend .item:nth-of-type(3n){
+	margin-right: 0;
+}
+.recommend .item>.img{
+	width: 100%;
+	height: 1.9rem;
+	overflow: hidden;
+}
+.recommend .item>.img img{
+	width: 100%;
+	min-height: 1.9rem;
+}
+.recommend .item>.txt{
+	margin: .2rem 0;
+	text-align: center;
+}
\ No newline at end of file
diff --git a/images/recommend.jpg b/images/recommend.jpg
new file mode 100644
index 0000000..9a039c9
Binary files /dev/null and b/images/recommend.jpg differ
diff --git a/index.html b/index.html
index cbaf61c..e328b04 100644
--- a/index.html
+++ b/index.html
@@ -72,10 +72,46 @@
 					</div>
 				</div>
 			</div>
+			<!-- 商家推荐 -->
 			<div class="section radius50 border-box" style="margin-top: .76rem;">
 				<div class="recommend-title font38 border-box flex">商家推荐</div>
 				<div class="section-box recommend radius40 border-box flex">
-					
+					<a class="item" href="">
+						<div class="img radius25">
+							<img src="images/recommend.jpg" alt="商家">
+						</div>
+						<div class="txt font24">周大福</div>
+					</a>
+					<a class="item" href="">
+						<div class="img radius25">
+							<img src="images/recommend.jpg" alt="商家">
+						</div>
+						<div class="txt font24">周大福</div>
+					</a>
+					<a class="item" href="">
+						<div class="img radius25">
+							<img src="images/recommend.jpg" alt="商家">
+						</div>
+						<div class="txt font24">周大福</div>
+					</a>
+					<a class="item" href="">
+						<div class="img radius25">
+							<img src="images/recommend.jpg" alt="商家">
+						</div>
+						<div class="txt font24">周大福</div>
+					</a>
+					<a class="item" href="">
+						<div class="img radius25">
+							<img src="images/recommend.jpg" alt="商家">
+						</div>
+						<div class="txt font24">周大福</div>
+					</a>
+					<a class="item" href="">
+						<div class="img radius25">
+							<img src="images/recommend.jpg" alt="商家">
+						</div>
+						<div class="txt font24">周大福</div>
+					</a>
 				</div>
 			</div>
 		</div>