diff --git a/activities.html b/activities.html
index 3779028..76c222e 100644
--- a/activities.html
+++ b/activities.html
@@ -110,6 +110,230 @@
 							<span class="article-more-btn color-blue">查看详情<img src="images/icon/icon-arrow-more.png" alt="查看详情"></span>
 						</div>
 					</a>
+					<a href="activitiesDetail.html" class="activities-item flex wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
+						<div class="img"><img src="images/activities.jpg" alt="中正物业入驻颐景苑服务"></div>
+						<div class="txt bg-col-f5">
+							<h2 class="clips1">中正物业入驻颐景苑服务</h2>
+							<p class="color-66 clips3">中正物业正式入驻颐景苑小区，为颐景苑小区提供全面物业服务中正物业将结合颐景苑小区的需求以打...</p>
+							<span class="article-more-btn color-blue">查看详情<img src="images/icon/icon-arrow-more.png" alt="查看详情"></span>
+						</div>
+					</a>
+					<a href="activitiesDetail.html" class="activities-item flex wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
+						<div class="img"><img src="images/activities.jpg" alt="中正物业入驻颐景苑服务"></div>
+						<div class="txt bg-col-f5">
+							<h2 class="clips1">中正物业入驻颐景苑服务</h2>
+							<p class="color-66 clips3">中正物业正式入驻颐景苑小区，为颐景苑小区提供全面物业服务中正物业将结合颐景苑小区的需求以打...</p>
+							<span class="article-more-btn color-blue">查看详情<img src="images/icon/icon-arrow-more.png" alt="查看详情"></span>
+						</div>
+					</a>
+					<a href="activitiesDetail.html" class="activities-item flex wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
+						<div class="img"><img src="images/activities.jpg" alt="中正物业入驻颐景苑服务"></div>
+						<div class="txt bg-col-f5">
+							<h2 class="clips1">中正物业入驻颐景苑服务</h2>
+							<p class="color-66 clips3">中正物业正式入驻颐景苑小区，为颐景苑小区提供全面物业服务中正物业将结合颐景苑小区的需求以打...</p>
+							<span class="article-more-btn color-blue">查看详情<img src="images/icon/icon-arrow-more.png" alt="查看详情"></span>
+						</div>
+					</a>
+					<a href="activitiesDetail.html" class="activities-item flex wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
+						<div class="img"><img src="images/activities.jpg" alt="中正物业入驻颐景苑服务"></div>
+						<div class="txt bg-col-f5">
+							<h2 class="clips1">中正物业入驻颐景苑服务</h2>
+							<p class="color-66 clips3">中正物业正式入驻颐景苑小区，为颐景苑小区提供全面物业服务中正物业将结合颐景苑小区的需求以打...</p>
+							<span class="article-more-btn color-blue">查看详情<img src="images/icon/icon-arrow-more.png" alt="查看详情"></span>
+						</div>
+					</a>
+					<a href="activitiesDetail.html" class="activities-item flex wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
+						<div class="img"><img src="images/activities.jpg" alt="中正物业入驻颐景苑服务"></div>
+						<div class="txt bg-col-f5">
+							<h2 class="clips1">中正物业入驻颐景苑服务</h2>
+							<p class="color-66 clips3">中正物业正式入驻颐景苑小区，为颐景苑小区提供全面物业服务中正物业将结合颐景苑小区的需求以打...</p>
+							<span class="article-more-btn color-blue">查看详情<img src="images/icon/icon-arrow-more.png" alt="查看详情"></span>
+						</div>
+					</a>
+					<a href="activitiesDetail.html" class="activities-item flex wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
+						<div class="img"><img src="images/activities.jpg" alt="中正物业入驻颐景苑服务"></div>
+						<div class="txt bg-col-f5">
+							<h2 class="clips1">中正物业入驻颐景苑服务</h2>
+							<p class="color-66 clips3">中正物业正式入驻颐景苑小区，为颐景苑小区提供全面物业服务中正物业将结合颐景苑小区的需求以打...</p>
+							<span class="article-more-btn color-blue">查看详情<img src="images/icon/icon-arrow-more.png" alt="查看详情"></span>
+						</div>
+					</a>
+					<a href="activitiesDetail.html" class="activities-item flex wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
+						<div class="img"><img src="images/activities.jpg" alt="中正物业入驻颐景苑服务"></div>
+						<div class="txt bg-col-f5">
+							<h2 class="clips1">中正物业入驻颐景苑服务</h2>
+							<p class="color-66 clips3">中正物业正式入驻颐景苑小区，为颐景苑小区提供全面物业服务中正物业将结合颐景苑小区的需求以打...</p>
+							<span class="article-more-btn color-blue">查看详情<img src="images/icon/icon-arrow-more.png" alt="查看详情"></span>
+						</div>
+					</a>
+					<a href="activitiesDetail.html" class="activities-item flex wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
+						<div class="img"><img src="images/activities.jpg" alt="中正物业入驻颐景苑服务"></div>
+						<div class="txt bg-col-f5">
+							<h2 class="clips1">中正物业入驻颐景苑服务</h2>
+							<p class="color-66 clips3">中正物业正式入驻颐景苑小区，为颐景苑小区提供全面物业服务中正物业将结合颐景苑小区的需求以打...</p>
+							<span class="article-more-btn color-blue">查看详情<img src="images/icon/icon-arrow-more.png" alt="查看详情"></span>
+						</div>
+					</a>
+					<a href="activitiesDetail.html" class="activities-item flex wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
+						<div class="img"><img src="images/activities.jpg" alt="中正物业入驻颐景苑服务"></div>
+						<div class="txt bg-col-f5">
+							<h2 class="clips1">中正物业入驻颐景苑服务</h2>
+							<p class="color-66 clips3">中正物业正式入驻颐景苑小区，为颐景苑小区提供全面物业服务中正物业将结合颐景苑小区的需求以打...</p>
+							<span class="article-more-btn color-blue">查看详情<img src="images/icon/icon-arrow-more.png" alt="查看详情"></span>
+						</div>
+					</a>
+					<a href="activitiesDetail.html" class="activities-item flex wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
+						<div class="img"><img src="images/activities.jpg" alt="中正物业入驻颐景苑服务"></div>
+						<div class="txt bg-col-f5">
+							<h2 class="clips1">中正物业入驻颐景苑服务</h2>
+							<p class="color-66 clips3">中正物业正式入驻颐景苑小区，为颐景苑小区提供全面物业服务中正物业将结合颐景苑小区的需求以打...</p>
+							<span class="article-more-btn color-blue">查看详情<img src="images/icon/icon-arrow-more.png" alt="查看详情"></span>
+						</div>
+					</a>
+					<a href="activitiesDetail.html" class="activities-item flex wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
+						<div class="img"><img src="images/activities.jpg" alt="中正物业入驻颐景苑服务"></div>
+						<div class="txt bg-col-f5">
+							<h2 class="clips1">中正物业入驻颐景苑服务</h2>
+							<p class="color-66 clips3">中正物业正式入驻颐景苑小区，为颐景苑小区提供全面物业服务中正物业将结合颐景苑小区的需求以打...</p>
+							<span class="article-more-btn color-blue">查看详情<img src="images/icon/icon-arrow-more.png" alt="查看详情"></span>
+						</div>
+					</a>
+					<a href="activitiesDetail.html" class="activities-item flex wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
+						<div class="img"><img src="images/activities.jpg" alt="中正物业入驻颐景苑服务"></div>
+						<div class="txt bg-col-f5">
+							<h2 class="clips1">中正物业入驻颐景苑服务</h2>
+							<p class="color-66 clips3">中正物业正式入驻颐景苑小区，为颐景苑小区提供全面物业服务中正物业将结合颐景苑小区的需求以打...</p>
+							<span class="article-more-btn color-blue">查看详情<img src="images/icon/icon-arrow-more.png" alt="查看详情"></span>
+						</div>
+					</a>
+					<a href="activitiesDetail.html" class="activities-item flex wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
+						<div class="img"><img src="images/activities.jpg" alt="中正物业入驻颐景苑服务"></div>
+						<div class="txt bg-col-f5">
+							<h2 class="clips1">中正物业入驻颐景苑服务</h2>
+							<p class="color-66 clips3">中正物业正式入驻颐景苑小区，为颐景苑小区提供全面物业服务中正物业将结合颐景苑小区的需求以打...</p>
+							<span class="article-more-btn color-blue">查看详情<img src="images/icon/icon-arrow-more.png" alt="查看详情"></span>
+						</div>
+					</a>
+					<a href="activitiesDetail.html" class="activities-item flex wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
+						<div class="img"><img src="images/activities.jpg" alt="中正物业入驻颐景苑服务"></div>
+						<div class="txt bg-col-f5">
+							<h2 class="clips1">中正物业入驻颐景苑服务</h2>
+							<p class="color-66 clips3">中正物业正式入驻颐景苑小区，为颐景苑小区提供全面物业服务中正物业将结合颐景苑小区的需求以打...</p>
+							<span class="article-more-btn color-blue">查看详情<img src="images/icon/icon-arrow-more.png" alt="查看详情"></span>
+						</div>
+					</a>
+					<a href="activitiesDetail.html" class="activities-item flex wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
+						<div class="img"><img src="images/activities.jpg" alt="中正物业入驻颐景苑服务"></div>
+						<div class="txt bg-col-f5">
+							<h2 class="clips1">中正物业入驻颐景苑服务</h2>
+							<p class="color-66 clips3">中正物业正式入驻颐景苑小区，为颐景苑小区提供全面物业服务中正物业将结合颐景苑小区的需求以打...</p>
+							<span class="article-more-btn color-blue">查看详情<img src="images/icon/icon-arrow-more.png" alt="查看详情"></span>
+						</div>
+					</a>
+					<a href="activitiesDetail.html" class="activities-item flex wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
+						<div class="img"><img src="images/activities.jpg" alt="中正物业入驻颐景苑服务"></div>
+						<div class="txt bg-col-f5">
+							<h2 class="clips1">中正物业入驻颐景苑服务</h2>
+							<p class="color-66 clips3">中正物业正式入驻颐景苑小区，为颐景苑小区提供全面物业服务中正物业将结合颐景苑小区的需求以打...</p>
+							<span class="article-more-btn color-blue">查看详情<img src="images/icon/icon-arrow-more.png" alt="查看详情"></span>
+						</div>
+					</a>
+					<a href="activitiesDetail.html" class="activities-item flex wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
+						<div class="img"><img src="images/activities.jpg" alt="中正物业入驻颐景苑服务"></div>
+						<div class="txt bg-col-f5">
+							<h2 class="clips1">中正物业入驻颐景苑服务</h2>
+							<p class="color-66 clips3">中正物业正式入驻颐景苑小区，为颐景苑小区提供全面物业服务中正物业将结合颐景苑小区的需求以打...</p>
+							<span class="article-more-btn color-blue">查看详情<img src="images/icon/icon-arrow-more.png" alt="查看详情"></span>
+						</div>
+					</a>
+					<a href="activitiesDetail.html" class="activities-item flex wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
+						<div class="img"><img src="images/activities.jpg" alt="中正物业入驻颐景苑服务"></div>
+						<div class="txt bg-col-f5">
+							<h2 class="clips1">中正物业入驻颐景苑服务</h2>
+							<p class="color-66 clips3">中正物业正式入驻颐景苑小区，为颐景苑小区提供全面物业服务中正物业将结合颐景苑小区的需求以打...</p>
+							<span class="article-more-btn color-blue">查看详情<img src="images/icon/icon-arrow-more.png" alt="查看详情"></span>
+						</div>
+					</a>
+					<a href="activitiesDetail.html" class="activities-item flex wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
+						<div class="img"><img src="images/activities.jpg" alt="中正物业入驻颐景苑服务"></div>
+						<div class="txt bg-col-f5">
+							<h2 class="clips1">中正物业入驻颐景苑服务</h2>
+							<p class="color-66 clips3">中正物业正式入驻颐景苑小区，为颐景苑小区提供全面物业服务中正物业将结合颐景苑小区的需求以打...</p>
+							<span class="article-more-btn color-blue">查看详情<img src="images/icon/icon-arrow-more.png" alt="查看详情"></span>
+						</div>
+					</a>
+					<a href="activitiesDetail.html" class="activities-item flex wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
+						<div class="img"><img src="images/activities.jpg" alt="中正物业入驻颐景苑服务"></div>
+						<div class="txt bg-col-f5">
+							<h2 class="clips1">中正物业入驻颐景苑服务</h2>
+							<p class="color-66 clips3">中正物业正式入驻颐景苑小区，为颐景苑小区提供全面物业服务中正物业将结合颐景苑小区的需求以打...</p>
+							<span class="article-more-btn color-blue">查看详情<img src="images/icon/icon-arrow-more.png" alt="查看详情"></span>
+						</div>
+					</a>
+					<a href="activitiesDetail.html" class="activities-item flex wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
+						<div class="img"><img src="images/activities.jpg" alt="中正物业入驻颐景苑服务"></div>
+						<div class="txt bg-col-f5">
+							<h2 class="clips1">中正物业入驻颐景苑服务</h2>
+							<p class="color-66 clips3">中正物业正式入驻颐景苑小区，为颐景苑小区提供全面物业服务中正物业将结合颐景苑小区的需求以打...</p>
+							<span class="article-more-btn color-blue">查看详情<img src="images/icon/icon-arrow-more.png" alt="查看详情"></span>
+						</div>
+					</a>
+					<a href="activitiesDetail.html" class="activities-item flex wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
+						<div class="img"><img src="images/activities.jpg" alt="中正物业入驻颐景苑服务"></div>
+						<div class="txt bg-col-f5">
+							<h2 class="clips1">中正物业入驻颐景苑服务</h2>
+							<p class="color-66 clips3">中正物业正式入驻颐景苑小区，为颐景苑小区提供全面物业服务中正物业将结合颐景苑小区的需求以打...</p>
+							<span class="article-more-btn color-blue">查看详情<img src="images/icon/icon-arrow-more.png" alt="查看详情"></span>
+						</div>
+					</a>
+					<a href="activitiesDetail.html" class="activities-item flex wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
+						<div class="img"><img src="images/activities.jpg" alt="中正物业入驻颐景苑服务"></div>
+						<div class="txt bg-col-f5">
+							<h2 class="clips1">中正物业入驻颐景苑服务</h2>
+							<p class="color-66 clips3">中正物业正式入驻颐景苑小区，为颐景苑小区提供全面物业服务中正物业将结合颐景苑小区的需求以打...</p>
+							<span class="article-more-btn color-blue">查看详情<img src="images/icon/icon-arrow-more.png" alt="查看详情"></span>
+						</div>
+					</a>
+					<a href="activitiesDetail.html" class="activities-item flex wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
+						<div class="img"><img src="images/activities.jpg" alt="中正物业入驻颐景苑服务"></div>
+						<div class="txt bg-col-f5">
+							<h2 class="clips1">中正物业入驻颐景苑服务</h2>
+							<p class="color-66 clips3">中正物业正式入驻颐景苑小区，为颐景苑小区提供全面物业服务中正物业将结合颐景苑小区的需求以打...</p>
+							<span class="article-more-btn color-blue">查看详情<img src="images/icon/icon-arrow-more.png" alt="查看详情"></span>
+						</div>
+					</a>
+					<a href="activitiesDetail.html" class="activities-item flex wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
+						<div class="img"><img src="images/activities.jpg" alt="中正物业入驻颐景苑服务"></div>
+						<div class="txt bg-col-f5">
+							<h2 class="clips1">中正物业入驻颐景苑服务</h2>
+							<p class="color-66 clips3">中正物业正式入驻颐景苑小区，为颐景苑小区提供全面物业服务中正物业将结合颐景苑小区的需求以打...</p>
+							<span class="article-more-btn color-blue">查看详情<img src="images/icon/icon-arrow-more.png" alt="查看详情"></span>
+						</div>
+					</a>
+					<a href="activitiesDetail.html" class="activities-item flex wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
+						<div class="img"><img src="images/activities.jpg" alt="中正物业入驻颐景苑服务"></div>
+						<div class="txt bg-col-f5">
+							<h2 class="clips1">中正物业入驻颐景苑服务</h2>
+							<p class="color-66 clips3">中正物业正式入驻颐景苑小区，为颐景苑小区提供全面物业服务中正物业将结合颐景苑小区的需求以打...</p>
+							<span class="article-more-btn color-blue">查看详情<img src="images/icon/icon-arrow-more.png" alt="查看详情"></span>
+						</div>
+					</a>
+					<a href="activitiesDetail.html" class="activities-item flex wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
+						<div class="img"><img src="images/activities.jpg" alt="中正物业入驻颐景苑服务"></div>
+						<div class="txt bg-col-f5">
+							<h2 class="clips1">中正物业入驻颐景苑服务</h2>
+							<p class="color-66 clips3">中正物业正式入驻颐景苑小区，为颐景苑小区提供全面物业服务中正物业将结合颐景苑小区的需求以打...</p>
+							<span class="article-more-btn color-blue">查看详情<img src="images/icon/icon-arrow-more.png" alt="查看详情"></span>
+						</div>
+					</a>
+					<a href="activitiesDetail.html" class="activities-item flex wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
+						<div class="img"><img src="images/activities.jpg" alt="中正物业入驻颐景苑服务"></div>
+						<div class="txt bg-col-f5">
+							<h2 class="clips1">中正物业入驻颐景苑服务</h2>
+							<p class="color-66 clips3">中正物业正式入驻颐景苑小区，为颐景苑小区提供全面物业服务中正物业将结合颐景苑小区的需求以打...</p>
+							<span class="article-more-btn color-blue">查看详情<img src="images/icon/icon-arrow-more.png" alt="查看详情"></span>
+						</div>
+					</a>
 				</div>
 			</div>
 			<div class="load-more color-66">点击加载更多</div>
diff --git a/css/base.css b/css/base.css
index 9c0687c..5d40b91 100644
--- a/css/base.css
+++ b/css/base.css
@@ -23,7 +23,7 @@
 
 body {
 	/* 设置字体 */
-	font: 16px/1.5 Microsoft YaHei, Heiti SC, PingFang SC, Arial, SimHei, Hiragino Sans GB, Helvetica, "\5B8B\4F53", serif, sans-serif;
+	font: 16px/1.5 Microsoft YaHei, PingFang SC, Heiti SC, Arial, SimHei, Hiragino Sans GB, Helvetica, "\5B8B\4F53", serif, sans-serif;
 	/* 设置行高 */
 	line-height: 1.5;
 	/* 设置颜色 */
diff --git a/css/style.css b/css/style.css
index 550feb4..2fa249a 100644
--- a/css/style.css
+++ b/css/style.css
@@ -1088,9 +1088,10 @@
 	width: 50%;
 	height: 222px;
 }
-
-.activities-list .activities-item:nth-of-type(3n),
-.activities-list .activities-item:nth-of-type(4n) {
+.activities-list .activities-item:nth-of-type(4n+3){
+	flex-direction: row-reverse;
+}
+.activities-list .activities-item:nth-of-type(4n+4){
 	flex-direction: row-reverse;
 }
 
@@ -3556,12 +3557,12 @@
 		height: 2.3rem;
 	}
 
-	.activities-list .activities-item:nth-of-type(2n) {
-		flex-direction: row-reverse;
+	.activities-list .activities-item:nth-of-type(even) {
+		flex-direction: row-reverse !important;
 	}
 
-	.activities-list .activities-item:nth-of-type(3n) {
-		flex-direction: row;
+	.activities-list .activities-item:nth-of-type(odd) {
+		flex-direction: row !important;
 	}
 
 	.activities-list .activities-item>.txt {
diff --git a/images/icon/icon-time.png b/images/icon/icon-time.png
index 8eff7c6..d189665 100644
Binary files a/images/icon/icon-time.png and b/images/icon/icon-time.png differ