样式修改

common/styles/global/pages.scss

@@ -2376,17 +2376,18 @@
 		display: flex;justify-content: space-between;align-items: center;
 		margin-top: 24rpx;box-sizing: border-box;padding:0 24rpx;
 		.types-item{
-			width: 80rpx;height: 80rpx;line-height: 80rpx;text-align: center;
-			background-color: #fff;color: #999;border-radius: 50%;border: 1rpx solid #ddd;}
-		.types-item.active{background-color: #659ff1;color: #fff;}
-		.jt-item{width: 20rpx;height: 30rpx;@include ezy-no-repeat-cover;
-		background-image: url("@/static/images/common/wordView/jt-icon.png");}
-		.jt-item.active{background-image: url("@/static/images/common/wordView/jt-a-icon.png");}
+			width: 80rpx;height: 80rpx;line-height: 80rpx;text-align: center;box-sizing: content-box;
+			background-color: #fff;color: #999;border-radius: 50%;border: 1rpx solid #ccc;}
+		.types-item.active{background-color: #659ff1;color: #fff;
+		border: 1rpx solid #659ff1;box-shadow: 0 0 14rpx rgba(100, 159, 241, 0.9);}
+		.jt-item{width: 24rpx;height: 24rpx;@include ezy-no-repeat-contain;
+		background-image: url("@/static/images/common/xbb-item-jt-white.png");}
+		.jt-item.active{background-image: url("@/static/images/common/xbb-item-jt.png");}
 	}
 
 	.word-view-bottom{
-		width: 100%;height: 120rpx;background-color: #68b4e3;font-size: 28rpx;
-		border-top: 8rpx solid #add9f2;box-sizing: border-box;padding: 0 32rpx;
+		width: 100%;height: 120rpx;background-color: #5894f6;font-size: 28rpx;
+		border-top: 8rpx solid #a2c6ff;box-sizing: border-box;padding: 0 24rpx;
 		display: flex;justify-content: space-between;align-items: center;flex-shrink: 0;
 		.collect-btn{
 			color: #fff;display: flex;flex-direction: column;align-items: center;
@@ -2395,10 +2396,10 @@
 			.active{background-image: url("@/static/images/common/wordView/collect-a-icon.png");}
 			}
 		.bottom-btn-box{
-			display: flex;
+			width: 100%;display: flex;justify-content: space-between;
 			.word-view-btn{
 				width: 204rpx;height: 77rpx;line-height: 77rpx;
-				color: #333;text-align: center;@include ezy-no-repeat-cover;
+				color: #333;text-align: center;@include ezy-no-repeat-contain;
 				background-image: url("@/static/images/common/wordView/bottom-btn-bj.png");
 			}
 			.word-view-btn + .word-view-btn{margin-left: 30rpx;}
@@ -2428,10 +2429,10 @@
 
 	// 音标播放
 	.yb-play-box{
-		background-color: rgba(255, 255, 255, 0.6);display: inline-block;margin: 32rpx auto 0;
+		background-color: #dcf7fe;display: inline-block;margin: 32rpx auto 0;
 		padding: 4rpx 24rpx 10rpx;border-radius: 30rpx;
 		text{font-size: 34rpx;display: inline-block;vertical-align: middle;}
-		text:nth-child(even){color: #068aea;margin: 0 10rpx;}
+		text:nth-child(even){color: #3c7efd;margin: 0 10rpx;}
 		icon{width: 30rpx;height:30rpx;@include ezy-no-repeat-cover;margin-left: 24rpx;
 		display: inline-block;vertical-align: middle;}
 		.yb-play-btn{background-image: url("@/static/images/common/wordView/yb-play-btn.png");}
@@ -2442,7 +2443,7 @@
 	// 带点的单词展示
 	.word-circle-box{
 		width: 100%;overflow: hidden;word-wrap: break-word;word-break: break-all;line-height: 1.8;
-		color: #015fb0;font-weight: bold;font-size: 82rpx;text-align: center;margin: 42rpx auto 0;
+		color: #3e7eff;font-weight: bold;font-size: 82rpx;text-align: center;margin: 42rpx auto 0;
 		text-shadow:-1rpx -1rpx 0 #fff,1rpx -1rpx 0 #fff,-1rpx 1rpx 0 #fff,1rpx 1rpx 0 #fff;
 		.word-link-box{display: inline-block;padding:14rpx 48rpx 36rpx;position:relative;line-height: 1;}
 		.word-link-box::before,.word-link-box::after{
@@ -2465,8 +2466,8 @@
 	.details-title{background-color: #3a7fe9;padding: 8rpx 12rpx;border-radius: 10rpx;
 	font-size: 24rpx;color: #fff;display: inline-block;}
 	.details-content-box{
-		background-color: #fffefe;border-radius: 10rpx;margin: 0 20rpx;line-height: 1.4;margin-bottom: 16rpx;
-		box-sizing: border-box;padding: 12rpx 10rpx;font-size: 26rpx;
+		background-color: #dcf7fe;border-radius: 10rpx;line-height: 1.4;margin-bottom: 16rpx;
+		box-sizing: border-box;padding: 16rpx;font-size: 26rpx;
 	}
 	.syky-content{margin: 16rpx 0 36rpx;border-bottom: 1rpx dashed #8dcff1;}
 	.syky-content:last-child{margin: 16rpx 0;border-bottom:0;}
@@ -2490,12 +2491,12 @@
 	.word-block-box{
 		text{min-width: 50rpx;height: 50rpx;line-height: 48rpx;font-size: 26rpx;margin: 12rpx 0;
 		padding: 0 10rpx;box-sizing: border-box;border-radius: 8rpx;
-			background-color: #9cd4ef;color: #333;display: inline-block;}
+			background-color: #dcf7fe;color: #333;display: inline-block;}
 		text + text{margin-left: 10rpx;}
 	}
 	.details-btn{
-		background-color: rgba(255, 255, 255, 0.6);display: inline-block;margin: 24rpx auto;
-		padding: 4rpx 24rpx 10rpx;border-radius: 30rpx;color: #068aea;
+		background-color: #dcf7fe;display: inline-block;margin: 24rpx auto;
+		padding: 4rpx 24rpx 10rpx;border-radius: 30rpx;color: #3d7efe;
 	}
 	.xue-yb-play-box{margin-top: 12rpx;}
 	.xue-words-explain-box{margin-top: 32rpx;}
@@ -2503,12 +2504,12 @@
 	.yj-block-box{
 		min-width: 50rpx;font-size: 26rpx;
 		.yj-block-item{
-			    display: inline-block;border: 1rpx solid #fff;color: #06399c;border-radius: 8rpx;overflow: hidden;
+			    display: inline-block;border: 1rpx solid #fff;color: #333;border-radius: 8rpx;overflow: hidden;
 		}
 		.yj-block-item +.yj-block-item{margin-left: 10rpx;}
 		.item-top,.item-bottom{height: 52rpx;line-height: 50rpx;padding: 0 10rpx;box-sizing: border-box;}
-		.item-top{background-color: #e7f2f9;}
-		.item-bottom{background-color: #9cd4ef;}
+		.item-top{background-color: #eefcff;border-bottom: 1rpx solid #fff;}
+		.item-bottom{background-color: #dcf7fe;}
 	}
 
 	.cg-item-list{
@@ -2521,14 +2522,14 @@
 			border:1rpx solid #9cbff4;background-color: #fff;border-radius: 8rpx;padding: 16rpx;
 			view + view{margin-top: 2rpx;}
 		}
-		.isEven{color: #015fb0;}
+		.isEven{color: #3d7efe;}
 		.isOdd{color: #ff9a01;}
 		.cg-symbol{margin: 0 10rpx;display: flex;align-items: center;}
 	}
 
 
 	.xue-change-btn-box{
-		display: flex;justify-content: center;border-bottom: 1rpx dashed #8dcff1;margin: 0 20rpx;padding: 32rpx 0 42rpx;
+		display: flex;justify-content: center;border-bottom: 1rpx dashed #8dcff1;padding: 32rpx 0 42rpx;
 		.change-btn{
 			width: 254rpx;height:77rpx;position: relative;
 			text{color: #fff;position: relative;font-size: 32rpx;z-index: 2;display: inline-block;margin-top:15rpx;}
@@ -2543,7 +2544,7 @@
 		.change-btn.active:last-child::after{transform: unset;}
 	}
 
-	.xue-details-content-box{text-align: left;margin-top: 12rpx;}
+	.xue-details-content-box{text-align: left;margin-top: 16rpx;}
 }
 
 // 单词详情-拼