diff --git a/components/card.vue b/components/card.vue
index c13f91e..468d0db 100644
--- a/components/card.vue
+++ b/components/card.vue
@@ -3,6 +3,7 @@
 	<view class="flipcard" id="flipcard" ref="flipcard">  
 		<view class="flipcard-item" 
 			v-for="(item, index) in pages" 
+			:class="index%2 ? 'flipcard-odd' : 'flipcard-even'"
 			:key="index"  
 			:style="[transformIndex(index),transform(index)]" 
 			@touchstart="touchstart" @touchmove="touchmove"  
@@ -419,9 +420,14 @@
 			-webkit-perspective-origin: 50% 150%;  
 			margin: 0;  
 			padding: 0;  
-  
+            &-odd {
+				background: linear-gradient(#bed5fe 0%, #eef1fd 92%, #fff 100%) !important;
+			}
+			&-even {
+				background: linear-gradient(#3c72d2 0%, #eef1fd 92%, #fff 100%) !important;
+			}
 			&-item {  
-				background: linear-gradient(#bed5fe 0%, #eef1fd 92%, #fff 100%);
+				// background: linear-gradient(#bed5fe 0%, #eef1fd 92%, #fff 100%);
 				height: 100%;  
 				width: 100%;  
 				border-radius: 30rpx;  

diff --git a/components/card.vue b/components/card.vue
index c13f91e..468d0db 100644
--- a/components/card.vue
+++ b/components/card.vue
@@ -3,6 +3,7 @@
 	<view class="flipcard" id="flipcard" ref="flipcard">  
 		<view class="flipcard-item" 
 			v-for="(item, index) in pages" 
+			:class="index%2 ? 'flipcard-odd' : 'flipcard-even'"
 			:key="index"  
 			:style="[transformIndex(index),transform(index)]" 
 			@touchstart="touchstart" @touchmove="touchmove"  
@@ -419,9 +420,14 @@
 			-webkit-perspective-origin: 50% 150%;  
 			margin: 0;  
 			padding: 0;  
-  
+            &-odd {
+				background: linear-gradient(#bed5fe 0%, #eef1fd 92%, #fff 100%) !important;
+			}
+			&-even {
+				background: linear-gradient(#3c72d2 0%, #eef1fd 92%, #fff 100%) !important;
+			}
 			&-item {  
-				background: linear-gradient(#bed5fe 0%, #eef1fd 92%, #fff 100%);
+				// background: linear-gradient(#bed5fe 0%, #eef1fd 92%, #fff 100%);
 				height: 100%;  
 				width: 100%;  
 				border-radius: 30rpx;  
diff --git a/packageIndex/center/center.vue b/packageIndex/center/center.vue
index e806e23..c6e9ac8 100644
--- a/packageIndex/center/center.vue
+++ b/packageIndex/center/center.vue
@@ -296,7 +296,7 @@
 				background: linear-gradient(#eef1fd 0%, #bed5fe 100%);
 				margin-top: 40rpx;
 				padding: 20rpx;
-				padding-left: 60rpx;
+				// padding-left: 60rpx;
 				border-radius: 20rpx;
 				color: #356ac0;
 				.text-area {

diff --git a/components/card.vue b/components/card.vue
index c13f91e..468d0db 100644
--- a/components/card.vue
+++ b/components/card.vue
@@ -3,6 +3,7 @@
 	<view class="flipcard" id="flipcard" ref="flipcard">  
 		<view class="flipcard-item" 
 			v-for="(item, index) in pages" 
+			:class="index%2 ? 'flipcard-odd' : 'flipcard-even'"
 			:key="index"  
 			:style="[transformIndex(index),transform(index)]" 
 			@touchstart="touchstart" @touchmove="touchmove"  
@@ -419,9 +420,14 @@
 			-webkit-perspective-origin: 50% 150%;  
 			margin: 0;  
 			padding: 0;  
-  
+            &-odd {
+				background: linear-gradient(#bed5fe 0%, #eef1fd 92%, #fff 100%) !important;
+			}
+			&-even {
+				background: linear-gradient(#3c72d2 0%, #eef1fd 92%, #fff 100%) !important;
+			}
 			&-item {  
-				background: linear-gradient(#bed5fe 0%, #eef1fd 92%, #fff 100%);
+				// background: linear-gradient(#bed5fe 0%, #eef1fd 92%, #fff 100%);
 				height: 100%;  
 				width: 100%;  
 				border-radius: 30rpx;  
diff --git a/packageIndex/center/center.vue b/packageIndex/center/center.vue
index e806e23..c6e9ac8 100644
--- a/packageIndex/center/center.vue
+++ b/packageIndex/center/center.vue
@@ -296,7 +296,7 @@
 				background: linear-gradient(#eef1fd 0%, #bed5fe 100%);
 				margin-top: 40rpx;
 				padding: 20rpx;
-				padding-left: 60rpx;
+				// padding-left: 60rpx;
 				border-radius: 20rpx;
 				color: #356ac0;
 				.text-area {
diff --git a/pages/rumor/rumor.vue b/pages/rumor/rumor.vue
index f9de3cf..52eeaaa 100644
--- a/pages/rumor/rumor.vue
+++ b/pages/rumor/rumor.vue
@@ -13,9 +13,11 @@
 		</div> 
 		 <!-- 下一个 上一个 -->
 		 <view class="button-area1">
-		 	<button class="button" @click="rumor('true')">真</button>
+		 	<!-- <button class="button button-left" @click="rumor('true')">真</button> -->
+			<image src="http://111.198.10.15:11404/imgs/xj/真选中.png" class="true" @click="rumor('true')" />
+			<image src="http://111.198.10.15:11404/imgs/xj/假选中.png" class="false" @click="rumor('false')" />
 			<!-- <button class="button1 button" open-type="contact" session-from="sessionFrom"></button> -->
-			<button class="button" @click="rumor('false')">假</button>
+			<!-- <button class="button button-right" @click="rumor('false')">假</button> -->
 		 </view>
 	</view>
 </template>
@@ -185,14 +187,41 @@
 			}
 		}
 		.button-area1 {
-			padding: 0 20rpx;
-			position: absolute;
-			bottom:60rpx;
-			height: 120rpx;
-			width: 100%;
 			display: flex;
+			flex-direction: row;
 			justify-content: space-between;
+			align-items: center;
+			position: absolute;
+			bottom: 80rpx;
+			width: 100%;
+			padding: 0 70rpx;
 			box-sizing: border-box;
+			.true{
+				width: 120rpx;
+				height: 120rpx;
+			}
+			.false{
+				width: 120rpx;
+				height: 120rpx;
+			}
+			.button-left {
+				width: 45% !important;
+				padding: 20rpx 40rpx;
+				margin-top: 0;
+				color: #fff !important;
+				// background-color: #fff;
+				// border: 2rpx solid #0043ac;
+				background-color: #408bf6 !important;
+				border: 2rpx solid #408bf6 !important;
+			}
+			.button-right {
+				width: 45% !important;
+				padding: 20rpx 40rpx;
+				margin-top: 0;
+				color: #0043ac;
+				background-color: #fff;
+				border: 2rpx solid #0043ac;
+			}
 			.button {
 				display: flex;
 				justify-content: center;