媒体报道&联系我们

src/assets/css/style.less

@@ -162,7 +162,7 @@ button[custom="red"] {
 	font-size: 12px;
 
 	&:hover {
-		background-color: #99494c;
+		background-color: var(--hover-backcolor, #99494c);
 	}
 
 	display: flex;
@@ -185,23 +185,37 @@ button[custom="red"] {
 	position: relative;
 	cursor: pointer;
 
+	&.center {
+		--right: auto;
+		--left: 50%;
+		--transform: translateX(-50%);
+	}
+
 	&::before {
 		content: '';
 		position: absolute;
 		height: 2px;
 		width: 0;
-		right: 0;
-		left: auto;
+		right: var(--right, 0);
+		left: var(--left, auto);
 		bottom: 0;
+		transform: var(--transform);
 		transition: width 0.2s ease-in-out;
 		-webkit-transition: width 0.2s ease-in-out;
-		background-color: #fff;
+		background-color: var(--background-color, #fff);
 	}
 
-	&:hover::before {
+	&:not(.center):hover::before {
 		width: 100%;
-		left: 0;
-		right: auto;
+		--left: 0;
+		--right: auto;
+	}
+
+	&.center:hover::before {
+		width: 100%;
+		--right: auto;
+		--left: 50%;
+		--transform: translateX(-50%);
 	}
 
 	&.active:before,