Index bug fixed

rc-busness/assets/css/global.less

@@ -8,17 +8,35 @@ body{
 .fade-leave-active {
   opacity: 0;
 }
+
+.ts-mask{
+	width:100%;
+	height:100%;
+	position: fixed;
+	top:0;
+	left:0;
+	display:flex;
+	flex-direction: column;
+	justify-content: center;
+	align-items: center;
+	z-index:99;
+	
+	.ts-mask-bg{
+		background-color:#000;
+		opacity:.6;
+		width:100%;
+		height:100%;
+		z-index:0;
+		position:absolute;
+		left:0;
+		top:0;
+	}
+}
 .userloding {
-    position: fixed;
-    left: 50%;
-	margin-left: -1.56rem;
-	top: 50%;
-	margin-top: -3.75rem;
 	background: url(../image/onloading.png) center center no-repeat;
 	width: 3.12rem; 
 	background-size: contain;
-	height: 7.5rem; 
-	z-index: 1000;
+	height: 3.12rem; 
 	animation: rolling 4s infinite;
 	-webkit-animation:rolling 4s infinite;
 }
@@ -229,13 +247,12 @@ img, picture {
 	right: 0;
 	top: 30%;
 	background: #FFFFFF;
-	box-shadow: 0px 0px .62rem rgba(0, 0, 0, 0.16);
+	box-shadow: 0 0 10px rgba(0, 0, 0, 0.16);
 	border-radius: .25rem;
 	z-index:3;
 	ul{
 		width: 60px;
 		height: 181px;
-		box-shadow: 0px 0px 6px rgb(0 0 0 / 10%);
 		background-color: white;
 		display: flex;
 		flex-direction: column;
@@ -323,9 +340,7 @@ img, picture {
 		margin-top: 90px;
 	}
 	.rc-list__header {
-	    background: none;
-	    padding: .5rem 0;
-	    border-bottom: none;
+
 	}
 	.ts-right-arr {
 		border-bottom:1px solid #E1001A;

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%;