修改样式

about.html

@@ -370,7 +370,7 @@
     					</button>
     				</form>
     			</div>
-    			<div class="col-lg-7 offset-lg-1">
+    			<div class="col-lg-7 col-md-8 offset-lg-1">
     				<div class="row">
     					<div class="col-6">
     						<div class="links-block">

assets/css/app.css

@@ -4965,7 +4965,18 @@ footer .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggl
   align-items: center;
   z-index: 9999;
 }
-
+#preloaderx{
+	position: fixed;
+	left: 0;
+	top: 0;
+	width: 100%;
+	height: 100%;
+	/* background: white; */
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	z-index: 9999;
+}
 .spinner {
   width: 56px;
   height: 56px;

assets/css/index.css

@@ -40,9 +40,6 @@
    height: 100%;
    width: auto;
 }
-.cursorpointer{
-	cursor: pointer;
-}
 #rental-slider,.rental-slide{
 	height: 480px;
 }
@@ -74,7 +71,7 @@
 	padding: 0px 1px;
 }
 .as-nav-slider {
-    margin: -108px 50px 0px !important;
+    margin: 24px 50px 0px !important;
 }
 .vehica-car-card__info .cus-btn{
 	height: 30px;
@@ -121,7 +118,7 @@
 		height: 240px;
 	}
 	.as-nav-slider {
-	    margin: -50px 10px 0px !important;
+	    margin: 24px 10px 0px !important;
 	}
 	.tag{
 		margin-left: 10px !important;
@@ -297,15 +294,6 @@
         --bs-gutter-y: 3rem
     }
 }
-@media (max-width: 820px) {
-    .seach .rowbg .row>* {
-        padding-right:4px;
-        padding-left: 4px;
-    }
-    .homesechbtn{
-        padding: 10px 16px !important;
-    }
-}
 @media (max-width: 765px) {
     .hero-banner .seach img{
 		display: none;
@@ -348,32 +336,6 @@
 		display: none !important;
 	}
 }
-@media (max-width: 1024px) {
-    .mb-24 {
-        margin-bottom: 10px !important;
-    }
-	.seach .rowbg {
-	    padding-top: 10px !important;
-	}
-	.vs__selected-options {
-	    max-height: 40px !important;
-	}
-	.v-select:not(.vs-open) input{
-	    min-height: 40px;
-	}
-	.homesechbtn {
-	    padding: 18px 20px;
-	}
-	.find .input-type {
-		height: 40px !important;
-	}
-	.py-48 {
-		padding: 20px 0;
-	}
-	.form-infos {
-	    padding: 4rem 2rem 4rem 3rem !important;
-	}
-}
 @media (max-width: 767px) {
 	.txt .slider-arrows{
 		justify-content: space-between;
@@ -381,6 +343,15 @@
 	.cus-btns1{
 		width: 100%;
 	}
+    .mb-24 {
+        margin-bottom: 10px !important;
+    }
+	.vs__selected-options {
+	    max-height: 40px !important;
+	}
+	.v-select:not(.vs-open) input{
+	    min-height: 40px;
+	}
 }
 .spinner {
     width: 35px;
@@ -481,9 +452,7 @@
     color: #fff;
     background: #ff4605;
 }
-.vehica-car-card__info__single:first-child a:hover{
+
-    color: #fff;
-}
 .textarea{
 	width: 100%;
 	min-height: 200px;
@@ -769,17 +738,14 @@ input:focus {
     background-color: #f7f8fc;
 }
 .brand_brands{
-    width: 120px;
+    /* width: 120px; */
     padding: 2px 10px;
     flex: none;
     margin: 0px 0;
     font-size: 13px;
     line-height: 20px;
-    cursor: pointer;
     overflow: hidden;
-    text-overflow: ellipsis;
+    cursor: pointer;
-    white-space: nowrap;
-	display: inline-block;
 }
 /* .brand_brands:hover{
 	color:  #2d74ba;
@@ -812,8 +778,8 @@ input:focus {
 	width: auto;
 }
 #menu-main>li.has_lv3 .flex-layout .menu-item img{
-	width: 25px;
+	width: 22px;
-	/* height: 22px; */
+	height: 22px;
 }
 #menu-main>li.has_lv3>.sub-menu>li>a {
     color: #333;

assets/css/newcar.css

@@ -68,8 +68,7 @@
 }
 
 .brand-intro .wp-block-media-text__content p {
-    margin: 0 0 1.5em;
+    margin: 0 0 1.5em
-	white-space: pre-line;
 }
 
 .brand-intro .wp-block-media-text__content h2 {
@@ -82,7 +81,7 @@
 }
 
 .brand-intro .wp-block-media-text__content h2:after {
-    background: #2d74ba;
+    background: #2c9f1c;
     border-radius: .5rem;
     content: "";
     display: block;
@@ -111,7 +110,7 @@
 
 .brand-cover .wp-block-cover__inner-container:after {
     align-items: center;
-    background: #2d74ba;
+    background: #2c9f1c;
     border-radius: .8rem;
     color: #fff;
     content: "\e603";
@@ -130,7 +129,6 @@
     margin-top: 8rem;
 }
 .facetwp-facet .facetwp-radio {
-	cursor: pointer;
     background: #ecf3f9;
     border-radius: .4rem;
     color: #2d74ba;
@@ -174,7 +172,7 @@
 	font-family: Inter-Bold,Inter;
 	font-size: 1.5rem;
 	font-weight: 700;
-	line-height: 2rem;
+	line-height: 1.2rem;
 	margin: 0;
 	position: relative
 }
@@ -271,39 +269,50 @@
 
 
 
-/* 底部 */
+/* 底部 */
-@media (max-width: 820px) {
-    .footer-why {
-		display: none;
-    }
-}
-.footer-why1{
-	background: #ecf3f9 !important;
-	color: #2d74ba !important;
-}
 .footer-why {
-    background: #2d74ba;
+    background: #ecf3f9;
-	color: #fff;
+	color: #2d74ba;
 	font-weight: 700;
-	height: 7rem;
+	height: 10rem;
 }
 .footer-why ul {
 	padding: 0px 10px;
-	height: 7rem;
+	height: 10rem;
 	align-items: center;
 	display: flex;
 }
 .footer-why li {
-	height: 7rem;
+	height: 10rem;
 	align-items: center;
 	display: flex;
 	gap: 1rem;
 }
+/* footer-why .xz-main {
+    height: 12.6rem;
+}
+.footer-why ul {
+    height: 100%;
+    justify-content: space-between
+}
+.xz-main {
+    margin: 0 auto;
+    width: clamp(1200px,calc(760px + 34.375vw),1440px);
+}
+.footer-why li,.footer-why ul {
+    align-items: center;
+    display: flex
+} */
 
 .footer-why li {
     font-weight: 700;
     /* gap: 1rem */
 }
+/* 
+.footer-why i {
+    font-size: 3rem;
+    font-weight: 400
+} */
 
 
 
@@ -388,7 +397,7 @@
 }
 
  .pro-para-ls li a:hover {
-    color:#2d74ba
+    color: #2c9f1c
 }
 
  .pro-para-ls li:last-child {
@@ -489,7 +498,7 @@
 }
 
 .wp-block-list li:before {
-    background: #2d74ba;
+    background: #2c9f1c;
     border-radius: 50%;
     content: "";
     display: block;
@@ -518,10 +527,10 @@
     color: #2D74BA;
 }
 
-/* newcar */
+/* newcar */
-.topimg img{
+.topimg img{
-	width: 100%;
+	width: 100%;
-	max-height: 400px;
+	max-height: 400px;
 }
 .energy{
 	flex: 1;
@@ -624,9 +633,6 @@
         font-size: 12px;
         margin: 0px;
     }
-	.brand-item{
-	    width: 116px;
-	}
 }
 
 /* 移动端筛选按钮样式 */
@@ -688,56 +694,10 @@
         background: rgba(0,0,0,0.5);
         z-index: 1000;
     }
+
     .filter-overlay.active {
         display: block;
     }
-	.facetwp-facet{
-	    display: flex;
-	    gap: .2rem;
-	    margin-bottom: 2rem;
-	    margin-top: 2rem;
-	    overflow-x: auto
-	}
-	.facetwp-facet .facetwp-radio {
-	    background: #ecf3f9;
-	    color: #2d74ba;
-	    display: flex;
-		justify-content: center;
-		align-items: center;
-	    font-size: 11px;
-	    font-weight: 600;
-	    padding: 5px 10px;
-	    text-align: center;
-	    transition: all .3s ease;
-	}
-	.facetwp-facet .facetwp-radio:hover {
-	    background: #2d74ba;
-	    border-radius: .2rem;
-	    color: #fff
-	}
-	.nav-menu{
-		margin-bottom: 2px !important;
-	}
-	.nav-item {
-		margin-bottom: 5px !important;
-		width: 48%;
-		margin: auto 1%;
-		display: inline-block;
-		border: 1px solid #2d74ba;
-		border-radius: 4px;
-		text-align: center;
-	}
-	.sidebar {
-	    padding: 10px 0px 0px !important;
-		z-index: 11;
-		background: #ffff;
-	}
-	
-	
-	
-	
-	
-	
 }
 .brandactive {
     background: #2d74ba;
@@ -747,73 +707,3 @@
 .slick-initialized .slick-slide {
     text-align: center;
 }
-.brand {
-    position: relative;
-}
-
-.brand-container {
-    max-height: 120px;
-    overflow: hidden;
-    transition: max-height 0.3s ease-in-out;
-    width: 100%;
-}
-
-.brand-container.expanded {
-    max-height: none;
-}
-
-.brand-toggle {
-    text-align: center;
-    padding: 10px 0;
-    cursor: pointer;
-    color: #2D74BA;
-    font-size: 14px;
-    width: 100%;
-}
-
-.brand-toggle:hover {
-    color: #1a5a9c;
-}
-
-.brand-toggle .fa {
-    margin-left: 5px;
-}
-.colorsib {
-    padding: 0px 20px;
-}
-.color-slide-item p{
-	text-align: center;
-}
-
-.color-slider-arrows {
-    position: absolute;
-    left: 0;
-    top: 0;
-    width: 100%;
-    height: 100%;
-    pointer-events: none; /* 让箭头以外区域可点 */
-}
-.color-slider-arrows .arrow-btn {
-    position: absolute;
-    top: 50%;
-    transform: translateY(-50%);
-    z-index: 2;
-    width: 30px;
-    height: 30px;
-    background: rgba(255, 255, 255, 0.8);
-    border: 1px solid #ddd;
-    border-radius: 50%;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    pointer-events: auto; /* 让按钮可点 */
-}
-.color-slider-arrows .arrow-btn svg {
-    width: 10px;
-}
-.color-slider-arrows .btn-prev {
-    left: -16px;
-}
-.color-slider-arrows .btn-next {
-    right: -16px;
-}

assets/js/ajax.js

@@ -20,8 +20,8 @@ const options={
 	},
 	  
 };
-const baseURL='https://server.orzar.shop/'
+// const baseURL='https://server.orzar.shop/'
-// const baseURL='https://usedcar.server.hnxinyouhe.com/'
+const baseURL='https://usedcar.server.hnxinyouhe.com/'
 // 定义AJAX工具类
 const AjaxUtils = {
     // 基础配置
@@ -63,7 +63,7 @@ const AjaxUtils = {
 
     // GET请求
     get: function(url, params = {}) {
-        // $("#preloader").show("slow");
+        $("#preloader").show("slow");
         return $.ajax({
             url: this.config.baseURL + url,
             type: 'GET',

assets/js/newcar-details.js

@@ -39,13 +39,6 @@ $(function() {
 				},
 			],
 		});
-
-		// $(".color-slider").slick({
-		// 	slidesToShow: 3,
-		// 	slidesToScroll: 1,
-		// 	dots: false,
-		// 	arrows: false,
-		// });
 	}
 	// 生成HTML
 	function generateslide(product) {
@@ -69,19 +62,6 @@ $(function() {
 					</div>
 			    `;
 	}
-
-	function generateColorSlide(color) {
-		if (!color.skuAttributes) {
-			return '';
-		}
-		return `
-            <div class="color-slide-item">
-                <img src="${color.skuAttributes[0].img_full}" alt="car color">
-				<p> ${color.skuAttributes[0].value_name}</p>
-            </div>
-        `;
-	}
-
 	// 渲染轮播图
 	function renderbanner(lbdata) {
 		const rentalslider = document.getElementById('rental-slider');
@@ -94,15 +74,6 @@ $(function() {
 		).join('');
 		initSlick()
 	}
-
-	function renderColorSlider(colors) {
-		if (!colors || colors.length === 0) {
-			return;
-		}
-		const colorSlider = document.querySelector('.color-slider');
-		colorSlider.innerHTML = colors.map(color => generateColorSlide(color)).join('');
-	}
-
 	// Introduction
 	function Introductionhtml(data){
 		$(".nav-menu").append(
@@ -242,10 +213,6 @@ $(function() {
 		$(".views").html(carinfo.views)
 		$("#brands").html('<a href="brand.html?id='+carinfo.brand+'">'+carinfo.brand_name+'</a>')
 		renderbanner(carinfo.album)
-		// if (carinfo.sku) {
-		// 	renderColorSlider(carinfo.sku);
-		// }
-		// initSlick();
 		
 		Introductionhtml(carinfo.content)
 		Highlightedhtml(carinfo.trait)

assets/js/newcar.js

@@ -27,7 +27,6 @@ $(function() {
 			is_hot:'',
 			isnone:false,
 			isFilterOpen: false, // 控制筛选面板的开关状态
-			isBrandsExpanded: false,
 		},
 		computed: {
 			// 当前页数据（前端分页）
@@ -176,15 +175,6 @@ $(function() {
 			godetil(item) {
 				window.location.href = 'newcar-details.html?id=' + item.id
 			},
-			toggleBrands() {
-				this.isBrandsExpanded = !this.isBrandsExpanded;
-				const container = document.querySelector('.brand-container');
-				if (this.isBrandsExpanded) {
-					container.classList.add('expanded');
-				} else {
-					container.classList.remove('expanded');
-				}
-			},
 		},
 	})
 })

brand.html

@@ -171,26 +171,22 @@
 		<!-- 车辆 -->
 		<section>
 			<div class="container-fluid ride my-80" id="brandapp">
-				<div class="tabs facetwp-facet" v-if="energylist.length>0">
+				<div class="tabs facetwp-facet">
 					<div class="facetwp-radio" :class="{checked: energy === ''}" @click="energyclick('')">all</div>
 					<div class="facetwp-radio" :class="{checked: energy === item.id}" v-for="(item,index) in energylist" :key="index"  @click="energyclick(item)">
 						{{item.name}}
 					</div>
 				</div>
 				<div class="row row-gap-3 carlist">
-					<div class="col-xxl-3 col-xl-4 col-lg-4 col-md-6" v-for="(item,index) in dataList" :key="index">
+					<div class="col-xxl-3 col-xl-4 col-lg-4 col-md-6" v-for="(item,index) in dataList" :key="index"
+						@click="godetil(item)">
 						<div class="vehicle-card">
-							<div @click="godetil(item)" class="cursorpointer">
+							<img :src="item.cover_full" alt="car">
-								<img :src="item.cover_full" alt="car">
+							<h3 class="h3 title">{{item.name}}</h3>
-								<h3 class="h3 title">{{item.name}}</h3>
+							<h6>￥{{item.price}}</h6>
-								<h6>￥{{item.price}}</h6>
+							<div class="vehica-car-card__separator"></div>
-								<div class="vehica-car-card__separator"></div>
-							</div>	
 							<div class="vehica-car-card__info">
-								<div class="vehica-car-card__info__single" >
+								<div class="vehica-car-card__info__single" data-i18n="bay"></div>
-									<a href="https://api.whatsapp.com/send/?phone=+86-18603858592&text=Hello&type=phone_number&app_absent=0" data-i18n="bay"></a>
-								</div>
-								<!-- <div class="vehica-car-card__info__single" data-i18n="bay"></div> -->
 								<div class="vehica-car-card__info__single">
 									{{item.brand_name}}
 								</div>
@@ -392,16 +388,16 @@
 
 		<!--Footer-start -->
 		<section>
-			<div class="footer-why footer-why1">
+			<div class="footer-why">
 				<div class="xz-main">
 					<ul class="row unstyled">
-						<li class="col-lg-1 col-md-1"></li>
+						<li class="col-lg-1"></li>
-						<li class="col-lg-2 col-md-2 col-sm-6 mb-24"><img src="assets/media/icons/zhuans1.png" alt="" /> <span data-i18n="newcars.Fast"></span></li>
+						<li class="col-lg-2 col-md-6 col-sm-6 mb-24"><img src="assets/media/icons/zhuans.png" alt="" /> <span data-i18n="newcars.Fast"></span></li>
-						<li class="col-lg-2 col-md-2 col-sm-6 mb-24"><img src="assets/media/icons/proect1.png" alt="" /><span data-i18n="newcars.Diverse"></span></li>
+						<li class="col-lg-2 col-md-6 col-sm-6 mb-24"><img src="assets/media/icons/proect.png" alt="" /><span data-i18n="newcars.Diverse"></span></li>
-						<li class="col-lg-2 col-md-2 col-sm-6 mb-24"><img src="assets/media/icons/meony1.png" alt="" /><span data-i18n="newcars.Competitive"></span></li>
+						<li class="col-lg-2 col-md-6 col-sm-6 mb-24"><img src="assets/media/icons/meony.png" alt="" /><span data-i18n="newcars.Competitive"></span></li>
-						<li class="col-lg-2 col-md-2 col-sm-6 mb-24"><img src="assets/media/icons/zan1.png" alt="" /><span data-i18n="newcars.Quality"></span></li>
+						<li class="col-lg-2 col-md-6 col-sm-6 mb-24"><img src="assets/media/icons/zan.png" alt="" /><span data-i18n="newcars.Quality"></span></li>
-						<li class="col-lg-2 col-md-2 col-sm-6 mb-24"><img src="assets/media/icons/xing1.png" alt="" /><span data-i18n="newcars.Operation"></span></li>
+						<li class="col-lg-2 col-md-6 col-sm-6 mb-24"><img src="assets/media/icons/xing.png" alt="" /><span data-i18n="newcars.Operation"></span></li>
-						<li class="col-lg-1 col-md-1"></li>
+						<li class="col-lg-1"></li>
 					</ul>
 				</div>
 			</div>
@@ -432,7 +428,7 @@
 							</button>
 						</form>
 					</div>
-					<div class="col-lg-7 offset-lg-1">
+					<div class="col-lg-7 col-md-8 offset-lg-1">
 						<div class="row">
 							<div class="col-6">
 								<div class="links-block">

contact.html

@@ -255,7 +255,7 @@
     					</button>
     				</form>
     			</div>
-    			<div class="col-lg-7 offset-lg-1">
+    			<div class="col-lg-7 col-md-8 offset-lg-1">
     				<div class="row">
     					<div class="col-6">
     						<div class="links-block">

index.html

@@ -34,7 +34,6 @@
 
 			<!-- <div id="content"></div> -->
 		</div>
-
 		<!-- PRELOADER END -->
 
 		<!-- Main Wrapper Start -->
@@ -128,7 +127,7 @@
 				<div class="container-fluid seach homesech">
 					
 					<div class="row rowbg">
-						<div class="col-lg-11 col-md-11 row">
+						<div class="col-lg-11 row">
 							<div class="col-lg-2 col-md-2 col-sm-6 mb-24">
 								<v-select :options="score_status" :reduce="(name) => name.id" label="name" data-i18n-placeholder="search.inventoryStatus" v-model="select.store_status" @input="onSelectinventoryStatus"></v-select>
 							</div>
@@ -189,19 +188,19 @@
 			<section class="features my-80">
 				<div class="container-fluid">
 					<div class="row row-gap-3 justify-content-center">
-						<div class="col-lg-4 col-md-4 justify-content-center">
+						<div class="col-lg-4 col-md-6 justify-content-center">
 							<div class="info">
 								<h3 class="black-2 mb-32">436,000+</h3>
 								<p data-i18n="companyinfo.title1"></p>
 							</div>
 						</div>
-						<div class="col-lg-4 col-md-4">
+						<div class="col-lg-4 col-md-6">
 							<div class="info active">
 								<h3 class="white mb-32">60%+</h3>
 								<p data-i18n="companyinfo.title2"></p>
 							</div>
 						</div>
-						<div class="col-lg-4 col-md-4 align-items-center">
+						<div class="col-lg-4 col-md-6 align-items-center">
 							<div class="info">
 								<h3 class="black-2 mb-32">81%+</h3>
 								<p data-i18n="companyinfo.title3"></p>
@@ -371,36 +370,38 @@
 			<div class="brand-section my-40 py-48">
 				<div class="container-fluid">
 					<div class="row justify-content-center">
-						<div class="brand-slider">
+						<div class="col-lg-8">
-							<div class="brand-block">
+							<div class="brand-slider">
-								<img src="assets/media/brands/AITO.jpg" alt="AITO">
+								<div class="brand-block">
-							</div>
+									<img src="assets/media/brands/AITO.jpg" alt="AITO">
-							<div class="brand-block">
+								</div>
-								<img src="assets/media/brands/Avatr.jpg" alt="Avatr">
+								<div class="brand-block">
-							</div>
+									<img src="assets/media/brands/Avatr.jpg" alt="Avatr">
-							<div class="brand-block">
+								</div>
-								<img src="assets/media/brands/BMW.jpg" alt="BMW">
+								<div class="brand-block">
-							</div>
+									<img src="assets/media/brands/BMW.jpg" alt="BMW">
-							<div class="brand-block">
+								</div>
-								<img src="assets/media/brands/Buick.jpg" alt="Buick">
+								<div class="brand-block">
-							</div>
+									<img src="assets/media/brands/Buick.jpg" alt="Buick">
-							<div class="brand-block">
+								</div>
-								<img src="assets/media/brands/Chery.jpg" alt="Chery">
+								<div class="brand-block">
-							</div>
+									<img src="assets/media/brands/Chery.jpg" alt="Chery">
-							<div class="brand-block">
+								</div>
-								<img src="assets/media/brands/GEELY.jpg" alt="GEELY">
+								<div class="brand-block">
-							</div>
+									<img src="assets/media/brands/GEELY.jpg" alt="GEELY">
-							<div class="brand-block">
+								</div>
-								<img src="assets/media/brands/Kia.jpg" alt="Kia">
+								<div class="brand-block">
-							</div>
+									<img src="assets/media/brands/Kia.jpg" alt="Kia">
-							<div class="brand-block">
+								</div>
-								<img src="assets/media/brands/LiAuto.jpg" alt="Li Auto">
+								<div class="brand-block">
-							</div>
+									<img src="assets/media/brands/LiAuto.jpg" alt="Li Auto">
-							<div class="brand-block">
+								</div>
-								<img src="assets/media/brands/Mercedes-Benz.jpg" alt="Mercedes-Benz">
+								<div class="brand-block">
-							</div>
+									<img src="assets/media/brands/Mercedes-Benz.jpg" alt="Mercedes-Benz">
-							<div class="brand-block">
+								</div>
-								<img src="assets/media/brands/ZEEKR.jpg" alt="ZEEKR">
+								<div class="brand-block">
+									<img src="assets/media/brands/ZEEKR.jpg" alt="ZEEKR">
+								</div>
 							</div>
 						</div>
 					</div>
@@ -637,7 +638,7 @@
 							</button>
 						</form>
 					</div>
-					<div class="col-lg-7 offset-lg-1">
+					<div class="col-lg-7 col-md-8 offset-lg-1">
 						<div class="row">
 							<div class="col-6">
 								<div class="links-block">

newcar-details.html

@@ -252,28 +252,12 @@
     		</div>
     	</div>
     </section>
-	
+
-	<section>
-		<div class="footer-why">
-			<div class="xz-main">
-				<ul class="row unstyled">
-					<li class="col-lg-1 col-md-1"></li>
-					<li class="col-lg-2 col-md-2 mb-24"><img src="assets/media/icons/zhuans.png" alt="" /> <span data-i18n="newcars.Fast"></span></li>
-					<li class="col-lg-2 col-md-2 mb-24"><img src="assets/media/icons/proect.png" alt="" /><span data-i18n="newcars.Diverse"></span></li>
-					<li class="col-lg-2 col-md-2 mb-24"><img src="assets/media/icons/meony.png" alt="" /><span data-i18n="newcars.Competitive"></span></li>
-					<li class="col-lg-2 col-md-2 mb-24"><img src="assets/media/icons/zan.png" alt="" /><span data-i18n="newcars.Quality"></span></li>
-					<li class="col-lg-2 col-md-2 mb-24"><img src="assets/media/icons/xing.png" alt="" /><span data-i18n="newcars.Operation"></span></li>
-					<li class="col-lg-1 col-md-1"></li>
-				</ul>
-			</div>
-		</div>
-	</section>
-	
     <section class="container-fluid services pt-80 pb-80">
 		<!-- 中间区域（左侧导航固定，右侧内容自由滚动） -->
 		<div class="middle-container row" id="contapp">
 		    <!-- 左侧导航（固定） -->
-		    <div class="sidebar col-lg-3 col-md-3 col-sm-12 ">
+		    <div class="sidebar col-lg-3 col-md-3 col-sm-4 ">
 		        <ul class="nav-menu">
 		            <!-- <li class="nav-item"><a href="#section1" class="nav-link" data-i18n="newcars.Introduction"></a></li>
 		            <li class="nav-item"><a href="#section2" class="nav-link" data-i18n="newcars.Highlighted"></a></li>
@@ -283,7 +267,7 @@
 		    </div>
 		
 		    <!-- 右侧内容（自由高度） -->
-		    <div class="content col-lg-9 col-md-9 col-sm-12">
+		    <div class="content col-lg-9 col-md-9 col-sm-8">
 		        <!-- <section id="section1" class="section">
 		            <h2 class="wp-block-heading" data-i18n="newcars.Introduction"></h2>
 		            <ul class="wp-block-list unstyled" >
@@ -423,6 +407,29 @@
 			</div>
 		</div>
 	</section>
+	<!-- title end -->
+	
+	<!-- vicheles-end -->
+	
+	<!-- catagory -->
+	
+	<!--Footer-start -->
+	<section>
+		<div class="footer-why">
+			<div class="xz-main">
+				<ul class="row unstyled">
+					<li class="col-lg-1"></li>
+					<li class="col-lg-2 col-md-6 col-sm-6 mb-24"><img src="assets/media/icons/zhuans.png" alt="" /> <span data-i18n="newcars.Fast"></span></li>
+					<li class="col-lg-2 col-md-6 col-sm-6 mb-24"><img src="assets/media/icons/proect.png" alt="" /><span data-i18n="newcars.Diverse"></span></li>
+					<li class="col-lg-2 col-md-6 col-sm-6 mb-24"><img src="assets/media/icons/meony.png" alt="" /><span data-i18n="newcars.Competitive"></span></li>
+					<li class="col-lg-2 col-md-6 col-sm-6 mb-24"><img src="assets/media/icons/zan.png" alt="" /><span data-i18n="newcars.Quality"></span></li>
+					<li class="col-lg-2 col-md-6 col-sm-6 mb-24"><img src="assets/media/icons/xing.png" alt="" /><span data-i18n="newcars.Operation"></span></li>
+					<li class="col-lg-1"></li>
+				</ul>
+			</div>
+		</div>
+	</section>
+	<!-- start -->
 	
 	<!--Footer-start -->
 	<!-- 底部 -->
@@ -452,7 +459,7 @@
 						</button>
 					</form>
 				</div>
-				<div class="col-lg-7 offset-lg-1">
+				<div class="col-lg-7 col-md-8 offset-lg-1">
 					<div class="row">
 						<div class="col-6">
 							<div class="links-block">

newcar.html

@@ -160,18 +160,12 @@
 						<div class="col-lg-1 col-sm-2">
 						</div>
 						<div class="col-lg-11 col-sm-10 brand">
-							<div class="brand-container">
+							<div v-for="brand in brandListAll" 
-								<div v-for="brand in brandListAll" 
+								:key="brand.id"
-									:key="brand.id"
+								class="brand-item brand_brands"
-									class="brand-item brand_brands"
+								:class="{brandactive: selectedBrand === brand.id}"
-									:class="{brandactive: selectedBrand === brand.id}"
+								@click="selectBrand(brand.id)"
-									@click="selectBrand(brand.id)"
+							><img :src="brand.logo_full" alt="" />{{brand.name}}</div>
-								><img :src="brand.logo_full" alt="" />{{brand.name}}</div>
-							</div>
-							<div class="brand-toggle" v-if="brandListAll.length > 12">
-								<span class="toggle-text" @click="toggleBrands">{{ isBrandsExpanded ? 'Collapse' : 'Expand' }} <i class="fa" :class="isBrandsExpanded ? 'fa-angle-up' : 'fa-angle-down'"></i></span>
-								
-							</div>
 						</div>
 						
 					</div>
@@ -196,17 +190,21 @@
 				<div class="row row-gap-3 carlist">
 					<div class="col-xxl-3 col-xl-4 col-lg-4 col-md-6" v-for="(item,index) in dataList" :key="index">
 						<div class="vehicle-card">
-							<div @click="godetil(item)"  class="cursorpointer">
+							<div @click="godetil(item)">
 								<img :src="item.cover_full" alt="car">
 								<h3 class="h3 title">{{item.name}}</h3>
 								<h6>￥{{item.price}}</h6>
 								<div class="vehica-car-card__separator"></div>
 							</div>	
 							<div class="vehica-car-card__info">
-								<div class="vehica-car-card__info__single" >
+								<a href="https://api.whatsapp.com/send/?phone=+86-18603858592&text=Hello&type=phone_number&app_absent=0" class="cus-btn">
-									<a href="https://api.whatsapp.com/send/?phone=+86-18603858592&text=Hello&type=phone_number&app_absent=0" data-i18n="bay"></a>
+								    <span class="btn-text" data-i18n="bay">
-								</div>
+								        
-								
+								    </span>
+								    <span data-i18n="bay">
+								       
+								    </span>
+								</a>
 								<div class="vehica-car-card__info__single">
 									{{item.brand_name}}
 								</div>
@@ -286,7 +284,7 @@
 							</button>
 						</form>
 					</div>
-					<div class="col-lg-7  offset-lg-1">
+					<div class="col-lg-7 col-md-8 offset-lg-1">
 						<div class="row">
 							<div class="col-6">
 								<div class="links-block">

privacypolicy.html

@@ -164,7 +164,7 @@
     					</button>
     				</form>
     			</div>
-    			<div class="col-lg-7 offset-lg-1">
+    			<div class="col-lg-7 col-md-8 offset-lg-1">
     				<div class="row">
     					<div class="col-6">
     						<div class="links-block">

rental-sidebar.html

@@ -216,24 +216,21 @@
 				<div class="row row-gap-3 carlist">
 					<div class="col-xxl-3 col-xl-4 col-lg-4 col-md-6" v-for="(item,index) in dataList" :key="index">
 						<div class="vehicle-card">
-							<div @click="godetil(item)"  class="cursorpointer">
+							<div @click="godetil(item)">
 								<img :src="item.cover" alt="car">
 								<h3 class="h3 title">{{item.name}}</h3>
 								<h6>￥{{item.price}}</h6>
 								<div class="vehica-car-card__separator"></div>
 							</div>
 							<div class="vehica-car-card__info">
-								<!-- <a href="https://api.whatsapp.com/send/?phone=+86-18603858592&text=Hello&type=phone_number&app_absent=0" class="cus-btn">
+								<a href="https://api.whatsapp.com/send/?phone=+86-18603858592&text=Hello&type=phone_number&app_absent=0" class="cus-btn">
 								    <span class="btn-text" data-i18n="bay">
 								        
 								    </span>
 								    <span data-i18n="bay">
 								       
 								    </span>
-								</a> -->
+								</a>
-								<div class="vehica-car-card__info__single" >
-									<a href="https://api.whatsapp.com/send/?phone=+86-18603858592&text=Hello&type=phone_number&app_absent=0" data-i18n="bay"></a>
-								</div>
 								<!-- <div class="vehica-car-card__info__single" data-i18n="bay">
 									
 								</div> -->
@@ -388,7 +385,7 @@
 							</button>
 						</form>
 					</div>
-					<div class="col-lg-7 offset-lg-1">
+					<div class="col-lg-7 col-md-8 offset-lg-1">
 						<div class="row">
 							<div class="col-6">
 								<div class="links-block">

vehicle-details.html

@@ -548,7 +548,7 @@
    					</button>
    				</form>
    			</div>
-   			<div class="col-lg-7 offset-lg-1">
+   			<div class="col-lg-7 col-md-8 offset-lg-1">
    				<div class="row">
    					<div class="col-6">
    						<div class="links-block">