style: 订阅弹窗样式

src/component/HomePage/renew.vue

@@ -679,10 +679,11 @@
 			margin-bottom: 1rem;
 			border-radius: 1rem;
 			overflow: hidden;
-			border: 1.5px solid #eaecf0;
+			border: 1.5px solid #E7EBFF;
+			cursor: pointer;
   
 			> .popular {
-			  background: #2d9f75;
+			  background: #1B223C;
 			  font-weight: 600;
 			  display: flex;
 			  justify-content: center;
@@ -705,14 +706,14 @@
 				> .price {
 				  font-size: 1.8rem;
 				  margin-top: 0.4rem;
-				  opacity: 0.4;
+				  // opacity: 0.4;
 				  font-weight: 500;
 				}
 			  }
 			  > .left {
 				> p:nth-child(1) {
 				  font-size: 2rem;
-				  opacity: 0.7;
+				  // opacity: 0.7;
 				  font-weight: 700;
 				}
 			  }
@@ -767,24 +768,14 @@
 				}
 			  }
 			}
-			&.active {
+			&.active,&:hover {
-			  background: #0ea98233;
+				// 40% opacity
-			  border: 2px solid #0ea982;
+			  background: rgba(231, 235, 255, 0.4);
-			  > .priceBox {
+			  // border: 2px solid #0ea982;
-				> .left {
+			 
-				  > p:nth-child(1) {
-					opacity: 1;
-				  }
-				}
-				> .right {
-				  > .discountsPrice {
-					opacity: 1;
-				  }
-				}
-			  }
 			}
 			&.sellWell {
-			  border: 2px solid #0ea982;
+			  // border: 2px solid #0ea982;
 			}
 		  }
 		  > .productItem:last-child {
@@ -821,6 +812,8 @@
 			margin: 2rem 0;
 			margin-bottom: .5rem;
 			margin-top: 1rem;
+			background: #1B223C;
+			color: #fff;
 		  }
 		  > .payMethod_payAffirm_clause {
 			  text-align: center;