diff --git a/pages.json b/pages.json
index 24fca79..0266ed6 100644
--- a/pages.json
+++ b/pages.json
@@ -32,7 +32,8 @@
 		{
 			"path": "pages/task/index",
 			"style": {
-				"navigationBarTitleText": "任务大厅"
+				"navigationBarTitleText": "任务大厅",
+				"navigationStyle": "custom"
 			}
 		}, {
 			"path": "pages/chasingDrama/index",
diff --git a/pages/task/index.vue b/pages/task/index.vue
index afe6957..afa07a0 100644
--- a/pages/task/index.vue
+++ b/pages/task/index.vue
@@ -1,6 +1,5 @@
 <template>
-	<view style="background-color: #F3F4F8;">
-
+	<view class="container">
 		<view class="task_bg u-absolute">
 			<image class="task_bg" src="@/static/task/task_bg.png"></image>
 		</view>
@@ -444,6 +443,19 @@
 </script>
 
 <style scoped lang="scss">
+	page{
+		// min-height: 100vh;
+	}
+	.container{
+		/* #ifdef H5 */
+		min-height: calc(100vh - 96rpx);
+		/* #endif */
+		/* #ifndef H5 */
+		min-height: 100vh;
+		/* #endif */
+		background-color: #F3F4F8;
+		padding-top: 2rpx;
+	}
 	.u-absolute {
 		position: absolute;
 	}
@@ -454,9 +466,9 @@
 	}
 
 	.icon {
-		position: relative;
-		padding: 32rpx;
-
+		position: absolute;
+		padding: 122rpx 32rpx 32rpx 32rpx;
+		
 		.icon_title {
 			color: #000000;
 			margin-left: 28rpx;
@@ -483,13 +495,13 @@
 
 	.contentTop {
 		border-radius: 16rpx;
-		top: -115rpx;
+		// top: -115rpx;
 		padding: 20rpx;
 		margin-bottom: 32rpx;
 		position: relative;
 		background-color: #ffffff;
 		color: #666666;
-		margin: 32rpx;
+		margin: 282rpx 32rpx 32rpx 32rpx;
 
 		>view:first-child {
 			>image {
@@ -546,7 +558,7 @@
 
 	.content {
 		border-radius: 16rpx;
-		top: -115rpx;
+		// top: -115rpx;
 		padding: 28rpx;
 		background-color: #ffffff;
 		color: #666666;
@@ -554,9 +566,8 @@
 		margin-right: 32rpx;
 		position: relative;
 		border-radius: 16rpx;
-		top: -115rpx;
 		padding: 28rpx;
-
+		margin-bottom: 32rpx;
 		.cell {
 			padding: 32rpx 0;
 			border-bottom: 2rpx solid #EBEBEB;