From 01854f3022a27c198cf67659b84bf535027bac5e Mon Sep 17 00:00:00 2001
From: Admin <376654749@qq.com>
Date: Thu, 20 Jan 2022 04:37:57 +0000
Subject: [PATCH] update rc-busness/assets/css/index.less.

---
 rc-busness/assets/css/index.less | 144 +++++++++++++------------------
 1 file changed, 61 insertions(+), 83 deletions(-)

diff --git a/rc-busness/assets/css/index.less b/rc-busness/assets/css/index.less
index 67008c80..77f4b563 100644
--- a/rc-busness/assets/css/index.less
+++ b/rc-busness/assets/css/index.less
@@ -29,24 +29,20 @@
 		}
 		&.active {
 			img{
-				border-radius: 50%;
+				border: 3px solid #E2001A;
 			}
-			&.active {
-				img{
-					border: 3px solid #E2001A;
-				}
-				color: #E2001A;
-			
-			}
-			&.unactive {
-				color: #444444;
-				img{
-					border: 3px solid #D7D7D7;
-				}
+			color: #E2001A;
+		
+		}
+		&.unactive {
+			color: #444444;
+			img{
+				border: 3px solid #D7D7D7;
 			}
 		}
 	}
 }
+
 .uservideo{
 	overflow: hidden;
 	video{
@@ -80,15 +76,24 @@
 }
 @media screen and (max-width:768px){
 	.ul-dog{
-		display: none;
+		justify-content: space-evenly;
+		img{
+			width:4rem;
+			height:auto;
+		}
+		li{
+			margin-top:1.875rem;
+		}
 	}
-    .searchBara{
-		position: fixed;
+	.ts-banner-swiper-container{
+		margin-bottom:2.5rem;
+	}
+	.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;
@@ -105,16 +110,14 @@
 			display: inline-block;
 			margin-left: 0.20rem;
 			text-align: center;
-			background: #F6F6F6;
 			border-radius: 50%;
 			opacity: 1;
 		}
-   }
-  
-  .rc-login{
-    width: 92%;
-    margin:0 auto;
-  }
+	   }
+	.rc-login{
+		width: 92%;
+		margin:0 auto;
+	}
    .userunlogin{
     width: 100%;
     height: 0.60rem;
@@ -144,9 +147,6 @@
     }
     
    }
-  .van-swipe{
-    z-index: 2;
-  }
    .rc-usermessage{
 		span{
 			font-size: 1rem;
@@ -162,10 +162,12 @@
 		height: auto;
 		object-fit: cover;
 	}
-
+	
+	.van-swipe{
+		z-index: 2;
+	}
 	.van-swipe-item {
 		color: #fff;
-		height: 26.31rem;
 		width: 100%;
 		font-size: 0.20px;
 		text-align: center;
@@ -234,7 +236,7 @@
 			width: 100%;
 			display: flex;
 			flex-direction: column;
-			justify-content: center;
+			justify-content: flex-start;
 			align-items: center;
 		}
 		img{
@@ -251,6 +253,7 @@
 			margin-top: 1.25rem;
 		}
 		p{
+			color: #666666;
 			font-size: .875rem;
 			text-overflow: -o-ellipsis-lastline;
 			overflow: hidden;
@@ -347,22 +350,22 @@
 	
 		}
 	}
-	.active {
-		font-size: 0.14rem;
-		img{
-			border-width: 1px;
-		}
-	}
-	.unactive {
-		font-size: 0.14rem;
-		img{
-			border-width: 1px;
-		}
-	}
 	// .usermain{
 	// 	display: none;
 	//  }
 }
+.active {
+	font-size: 0.14rem;
+	img{
+		border-width: 1px;
+	}
+}
+.unactive {
+	font-size: 0.14rem;
+	img{
+		border-width: 1px;
+	}
+}
 
 
 @media screen and (min-width: 769px)
@@ -403,15 +406,12 @@
  #xxxFullScreen {
   background-color: white;
 //   margin-top: 100px;
-	#swiper1 {
-		width: 100%;
+	#swiper1,#swiper2 {
 		overflow: hidden;
 		margin-top: 2.31rem;
-
-		h2{
-			padding-bottom: 5rem;
-		}
-		
+	}
+	h2{
+		padding-bottom: 5rem;
 	}
 
 	.swiper-container2 {
@@ -420,10 +420,10 @@
 		// overflow: visible !important;
 		position: relative;
 	}
-#swiper1 .swiper-container .swiper-wrapper .swiper-slide {
-  width: 100%; 
-  //height: 6.18rem;
-}
+	#swiper1 .swiper-container .swiper-wrapper .swiper-slide {
+		width: 100%; 
+		//height: 6.18rem;
+	}
 
 /* 上一张 */
 #swiper1 .swiper-container .swiper-wrapper .swiper-slide-prev {
@@ -571,14 +571,18 @@ img{
 				display: block;
 			}
 			img{
-				width: 10vw;
-				height: 10vw;
+				width:100%;
+				height: auto;
+				object-fit: contain;
 				display: block;
 			}
 			li{
+				width: 10vw;
+				max-width:11rem;
 				cursor: pointer;
 				font-size: 16px;
 				text-align: center;
+				overflow:hidden;
 			}
 		}
 
@@ -593,33 +597,7 @@ img{
 	
 }
 .usermain{
-		.ul-dog{
-			width: 100%;
-			display: flex;
-			justify-content: center;
-			flex-wrap: wrap;
-			flex-direction: row;
-
-			span{
-				margin-top: 2.5rem;
-				display: block;
-			}
-			img{
-				width: 9.5rem;
-				height: 9.5rem;
-				display: block;
-			}
-			li{
-				cursor: pointer;
-				font-size: 16px;
-				width: 9.875rem;
-				text-align: center;
-				height: 9.875rem;
-				background: #F6F6F6;
-				border-radius: 50%;
-				margin-left:3rem;
-			}
-		}
+		
 }
 .rc-main{
   width: 100%;