Index bug fixed

rc-busness/assets/css/index.less

@@ -18,28 +18,31 @@
 		text-align: center;
 	}
 }
+.ts-position-identifier{
 
-li{
-	background: unset;;
-	img{
-		border-radius: 50%;
-	}
-	&.active {
+}
+.ul-zhuan,.ul-dog{
+	li{
+		background: unset;
 		img{
-			border: 3px solid #E2001A;
+			border-radius: 50%;
 		}
-		color: #E2001A;
-	
-	}
-	&.unactive {
-		color: #444444;
-		img{
-			border: 3px solid #D7D7D7;
+		&.active {
+			img{
+				border: 3px solid #E2001A;
+			}
+			color: #E2001A;
+		
+		}
+		&.unactive {
+			color: #444444;
+			img{
+				border: 3px solid #D7D7D7;
+			}
 		}
 	}
 }
 
-
 .uservideo{
 	overflow: hidden;
 	video{
@@ -47,9 +50,40 @@ li{
 		width:auto;
 	}
 }
+.ul-dog{
+	width: 100%;
+	display: flex;
+	justify-content: center;
+	flex-wrap: wrap;
+	flex-direction: row;
+
+	span{
+		margin-top: .5rem;
+		display: block;
+	}
+	img{
+		width: 9.5rem;
+		height: auto;
+		display: block;
+	}
+	li{
+		cursor: pointer;
+		font-size: 16px;
+		text-align: center;
+		margin-top:3rem;
+		margin-left:3rem;
+	}
+}
 @media screen and (max-width:768px){
 	.ul-dog{
-		display: none;
+		justify-content: space-evenly;
+		img{
+			width:4rem;
+			height:auto;
+		}
+		li{
+			margin-top:1.875rem;
+		}
 	}
 	.ts-banner-swiper-container{
 		margin-bottom:2.5rem;
@@ -57,9 +91,9 @@ li{
 	.searchBara{
 		width: 100%;
 		position: fixed;
-		top:66px;
+		top:3.75rem;
 		background: white;
-		z-index: 9999;
+		z-index: 60;
 		overflow-x: auto;
 		white-space: nowrap;
 		overflow-y:hidden;
@@ -76,7 +110,6 @@ li{
 			display: inline-block;
 			margin-left: 0.20rem;
 			text-align: center;
-			background: #F6F6F6;
 			border-radius: 50%;
 			opacity: 1;
 		}
@@ -203,7 +236,7 @@ li{
 			width: 100%;
 			display: flex;
 			flex-direction: column;
-			justify-content: center;
+			justify-content: flex-start;
 			align-items: center;
 		}
 		img{
@@ -560,30 +593,7 @@ img{
 	
 }
 .usermain{
-		.ul-dog{
-			width: 100%;
-			display: flex;
-			justify-content: center;
-			flex-wrap: wrap;
-			flex-direction: row;
-
-			span{
-				margin-top: .5rem;
-				display: block;
-			}
-			img{
-				width: 9.5rem;
-				height: 9.5rem;
-				display: block;
-			}
-			li{
-				cursor: pointer;
-				font-size: 16px;
-				text-align: center;
-				margin-top:3rem;
-				margin-left:3rem;
-			}
-		}
+		
 }
 .rc-main{
   width: 100%;