diff --git a/rc-busness/ajax/getData.js b/rc-busness/ajax/getData.js
index 9960ffe7..88f6404c 100644
--- a/rc-busness/ajax/getData.js
+++ b/rc-busness/ajax/getData.js
@@ -201,32 +201,27 @@ export const userque = (stype) => {
 
 
 //标品全部信息
-export const biaomessage = (stype,name) => {
-  console.log(stype);
-  if(stype.length>1){
-    console.log("========");
-    let list={};
-    stype.map(item=>{
-      console.log(item);
-      list=item
-    }) 
-    var str = "?";
-              for(var key in list){
-                  str = str + key + "=" + list[key] + "&";
-              }
-              stype = str.substr(0,str.length-1);
-    var data = {
-      page:1,
-      row:10
-    }
-    return fetch('product/query'+stype, data, 'POST' )
-  }else{
-    console.log('-==');
-    return fetch('product/query?petType='+stype,data, 'POST' )
-    
-  }
- 
-   
+export const biaomessage = (stype,name,curPage,curRow) => {
+	if(!curPage)
+		curPage=1;
+	if(!curRow)
+		curRow=10;
+	let queryTail='&page='+curPage+'&rows='+curRow;
+	if(stype.length>1){
+		let list={};
+		stype.map(item=>{
+			console.log(item);
+			list=item
+		})
+		var str = "?";
+		for(var key in list){
+			str = str + key + "=" + list[key] + "&";
+		}
+		stype = str.substr(0,str.length-1);
+		return fetch('product/query'+stype+queryTail, '', 'POST' )
+	}else{
+		return fetch('product/query?petType='+stype+queryTail, '', 'POST' )
+	}
 }
 
 export const searchchanpin = (stype) => {
diff --git a/rc-busness/assets/cat/1615961503766_wntaC9.jpg b/rc-busness/assets/cat/1615961503766_wntaC9.jpg
deleted file mode 100644
index a366dffa..00000000
Binary files a/rc-busness/assets/cat/1615961503766_wntaC9.jpg and /dev/null differ
diff --git a/rc-busness/assets/cat/1615961513806_QHcFm8.jpg b/rc-busness/assets/cat/1615961513806_QHcFm8.jpg
deleted file mode 100644
index 80b5e099..00000000
Binary files a/rc-busness/assets/cat/1615961513806_QHcFm8.jpg and /dev/null differ
diff --git a/rc-busness/assets/cat/1615961544810_9uoGJu.jpg b/rc-busness/assets/cat/1615961544810_9uoGJu.jpg
deleted file mode 100644
index b6cc9818..00000000
Binary files a/rc-busness/assets/cat/1615961544810_9uoGJu.jpg and /dev/null differ
diff --git a/rc-busness/assets/cat/1615961553480_B8cLSl.jpg b/rc-busness/assets/cat/1615961553480_B8cLSl.jpg
deleted file mode 100644
index 306ff5b1..00000000
Binary files a/rc-busness/assets/cat/1615961553480_B8cLSl.jpg and /dev/null differ
diff --git a/rc-busness/assets/cat/four.jpg b/rc-busness/assets/cat/four.jpg
deleted file mode 100644
index 80b5e099..00000000
Binary files a/rc-busness/assets/cat/four.jpg and /dev/null differ
diff --git a/rc-busness/assets/cat/four.mp4 b/rc-busness/assets/cat/four.mp4
deleted file mode 100644
index f83e784b..00000000
Binary files a/rc-busness/assets/cat/four.mp4 and /dev/null differ
diff --git a/rc-busness/assets/cat/one.jpg b/rc-busness/assets/cat/one.jpg
deleted file mode 100644
index a366dffa..00000000
Binary files a/rc-busness/assets/cat/one.jpg and /dev/null differ
diff --git a/rc-busness/assets/cat/one.mp4 b/rc-busness/assets/cat/one.mp4
deleted file mode 100644
index 6a0558a8..00000000
Binary files a/rc-busness/assets/cat/one.mp4 and /dev/null differ
diff --git a/rc-busness/assets/cat/three.jpg b/rc-busness/assets/cat/three.jpg
deleted file mode 100644
index b6cc9818..00000000
Binary files a/rc-busness/assets/cat/three.jpg and /dev/null differ
diff --git a/rc-busness/assets/cat/three.mp4 b/rc-busness/assets/cat/three.mp4
deleted file mode 100644
index 9f1795ba..00000000
Binary files a/rc-busness/assets/cat/three.mp4 and /dev/null differ
diff --git a/rc-busness/assets/cat/two.jpg b/rc-busness/assets/cat/two.jpg
deleted file mode 100644
index 306ff5b1..00000000
Binary files a/rc-busness/assets/cat/two.jpg and /dev/null differ
diff --git a/rc-busness/assets/cat/two.mp4 b/rc-busness/assets/cat/two.mp4
deleted file mode 100644
index 732ab8ab..00000000
Binary files a/rc-busness/assets/cat/two.mp4 and /dev/null differ
diff --git a/rc-busness/assets/css/global.less b/rc-busness/assets/css/global.less
index 17a3e939..7d860107 100644
--- a/rc-busness/assets/css/global.less
+++ b/rc-busness/assets/css/global.less
@@ -38,8 +38,7 @@ img, picture {
 	flex-wrap: wrap;
 	justify-content: space-evenly;
 	&:after{
-		content:"";
-		width:154px;
+
 	}
 	li{
 		border: 1px solid #D7D7D7;
@@ -369,17 +368,25 @@ img, picture {
 		display:block;
 		li{
 			max-width:20rem;
-			margin-right:.9rem;
-			margin-left:.9rem;
+			//margin-right:.875rem;
+			margin-left:2.2vw;
 			.rc-column{
 				span{
 					font-size:1.875rem;
 					height: 5.2rem;
 				}
 			}
+			&:nth-child(4n+1){
+				margin-left:0;
+			}
+			&:nth-child(4n){
+				//margin-right:0;
+			}
 		}
 		img{
 			width:20rem;
+			max-width:320px;
+			min-width:160px;
 		}
 	}
 	.ts-right-arr {
@@ -511,4 +518,15 @@ img, picture {
 	.rc-xl-down {
 		display: none!important;
 	}
+}
+@media screen and (min-width: 769px) and (max-width: 1370px)
+{
+	.ts-product-list {
+		display:flex;
+		justify-content: space-between;
+		li{
+			margin-left:0;
+			margin-right:0;
+		}
+	}
 }
\ No newline at end of file
diff --git a/rc-busness/assets/css/index.less b/rc-busness/assets/css/index.less
index b4d1b764..eeb5af6a 100644
--- a/rc-busness/assets/css/index.less
+++ b/rc-busness/assets/css/index.less
@@ -5,6 +5,36 @@
 /deep/.van-swipe__indicator--active{
 	background-color: #E1001A;
 }
+.rc-ma{
+	.ul-zhuan{
+		li{
+			background: unset;;
+			img{
+				border-radius: 50%;
+			}
+			&.active {
+				img{
+					border: 3px solid #E2001A;
+				}
+				color: #E2001A;
+			
+			}
+			&.unactive {
+				color: #444444;
+				img{
+					border: 3px solid #D7D7D7;
+				}
+			}
+		}
+	}
+}
+.uservideo{
+	overflow: hidden;
+	video{
+		height:100%;
+		width:auto;
+	}
+}
 @media screen and (max-width:768px){
 	.ul-dog{
 		display: none;
@@ -24,16 +54,14 @@
 			display: block;
 		}
 		img{
-			width: 0.64rem;
-			height: 0.64rem;
+			width: 4rem;
+			height: 4rem;
 			display: block;
 		}
 		li{
 			display: inline-block;
 			margin-left: 0.20rem;
-			width: 0.64rem;
 			text-align: center;
-			height: 0.64rem;
 			background: #F6F6F6;
 			border-radius: 50%;
 			opacity: 1;
@@ -260,12 +288,7 @@
 				li{
 					display: inline-block;
 					margin-left: 1.25rem;
-					width: 4rem;
 					text-align: center;
-					height: 4rem;
-					background: #F6F6F6;
-					border-radius: 50%;
-					opacity: 1;
 				}
 			}
 
@@ -280,15 +303,16 @@
 		}
 	}
 	.active {
-	font-size: 0.14rem;
-	border: 1px solid red;
-	color: red;
-
+		font-size: 0.14rem;
+		img{
+			border-width: 1px;
+		}
 	}
 	.unactive {
-	font-size: 0.14rem;
-	color: #444444;
-	border: 1px solid #D7D7D7;
+		font-size: 0.14rem;
+		img{
+			border-width: 1px;
+		}
 	}
 	// .usermain{
 	// 	display: none;
@@ -411,35 +435,33 @@ object-fit: cover;
 			margin-top: 1rem;
 		}
 	}
-.uservideo{
-width: 35rem;
-height: 31.6rem;
-display: block;
-border: 1px solid red;
-
-}
-.userleft{
-position: absolute;
-top: 50%;
-left:0;
-margin-top: -.72rem;
-img{
-  width: .69rem;
-  height: 1.38rem;
-  display: block;
-}
-}
-.userright{
-position: absolute;
-top: 50%;
-right:0;
-margin-top: -.72rem;
-img{
-  width: .69rem;
-  height: 1.375rem;
-  display: block;
-}
-}
+	.uservideo{
+		width: 35rem;
+		height: 31.6rem;
+		display: block;
+	}
+	.userleft{
+		position: absolute;
+		top: 50%;
+		left:0;
+		margin-top: -.72rem;
+		img{
+		  width: .69rem;
+		  height: 1.38rem;
+		  display: block;
+		}
+	}
+	.userright{
+		position: absolute;
+		top: 50%;
+		right:0;
+		margin-top: -.72rem;
+		img{
+			width: .69rem;
+			height: 1.375rem;
+			display: block;
+		}
+	}
 }
 
 }
@@ -494,23 +516,19 @@ img{
 			flex-wrap: wrap;
 			flex-direction: row;
 			span{
-				margin-top: 2.5rem;
+				margin-top: 1vw;
 				display: block;
 			}
 			img{
-				width: 9.5rem;
-				height: 9.5rem;
+				width: 10vw;
+				height: 10vw;
 				display: block;
 			}
 			li{
 				cursor: pointer;
 				font-size: 16px;
-				width: 9.875rem;
 				text-align: center;
-				height: 9.875rem;
-				background: #F6F6F6;
-				border-radius: 50%;
-				margin-left:1.25rem;
+				margin-left:1.3vw;
 			}
 		}
 
@@ -525,8 +543,6 @@ img{
 	
 }
 .usermain{
-   margin-top: 2.5rem;
-   padding-bottom: 2.82rem;
 		.ul-dog{
 			width: 100%;
 			display: flex;
@@ -593,17 +609,18 @@ margin-left: 2.5rem;
     }
   }
 }
-.active {
-  font-size: 1rem;
-   border: 3px solid red;
-   color: red;
-
-}
-.unactive {
-  font-size: 1rem;
-  color: #444444;
-   border: 1px solid #D7D7D7;
-}
+	.active {
+		font-size: 1rem;
+		img{
+			border-width: 3px;
+		}
+	}
+	.unactive {
+		font-size: 1rem;
+		img{
+			border-width: 1px;
+		}
+	}
 .rc-maa{
     ul{
      width: 100%;
@@ -635,15 +652,12 @@ border-radius: 50%;
 }
 
 
-  .userselection {
- font-size: 0.16rem;
-
-color: #E2001A;
-
-}
+	.userselection {
+		font-size: 0.16rem;
+		color: #E2001A;
+	}
 .unselection {
   font-size: 0.16rem;
- 
 }
 .rc-usermessage{
 	span{
@@ -653,3 +667,14 @@ color: #E2001A;
 	}
   }
 }
+
+@media screen and (min-width:600px) and (max-width:768px)
+{
+	.ul-zhuan{
+	    display: flex;
+	    justify-content: space-evenly;
+		li{
+			margin-left:0;
+		}
+	}
+}
\ No newline at end of file
diff --git a/rc-busness/assets/dog/four.jpg b/rc-busness/assets/dog/four.jpg
deleted file mode 100644
index d8058f8d..00000000
Binary files a/rc-busness/assets/dog/four.jpg and /dev/null differ
diff --git a/rc-busness/assets/dog/four.mp4 b/rc-busness/assets/dog/four.mp4
deleted file mode 100644
index 466d701a..00000000
Binary files a/rc-busness/assets/dog/four.mp4 and /dev/null differ
diff --git a/rc-busness/assets/dog/one.jpg b/rc-busness/assets/dog/one.jpg
deleted file mode 100644
index 7e1e5dd3..00000000
Binary files a/rc-busness/assets/dog/one.jpg and /dev/null differ
diff --git a/rc-busness/assets/dog/one.mp4 b/rc-busness/assets/dog/one.mp4
deleted file mode 100644
index fb30b38d..00000000
Binary files a/rc-busness/assets/dog/one.mp4 and /dev/null differ
diff --git a/rc-busness/assets/dog/three.jpg b/rc-busness/assets/dog/three.jpg
deleted file mode 100644
index d39f7747..00000000
Binary files a/rc-busness/assets/dog/three.jpg and /dev/null differ
diff --git a/rc-busness/assets/dog/three.mp4 b/rc-busness/assets/dog/three.mp4
deleted file mode 100644
index 37740ea1..00000000
Binary files a/rc-busness/assets/dog/three.mp4 and /dev/null differ
diff --git a/rc-busness/assets/dog/two.jpg b/rc-busness/assets/dog/two.jpg
deleted file mode 100644
index 084f533f..00000000
Binary files a/rc-busness/assets/dog/two.jpg and /dev/null differ
diff --git a/rc-busness/assets/dog/two.mp4 b/rc-busness/assets/dog/two.mp4
deleted file mode 100644
index e19212fc..00000000
Binary files a/rc-busness/assets/dog/two.mp4 and /dev/null differ
diff --git a/rc-busness/assets/video/1615961488405_E5oNom.mp4 b/rc-busness/assets/video/1615961488405_E5oNom.mp4
deleted file mode 100644
index 6a0558a8..00000000
Binary files a/rc-busness/assets/video/1615961488405_E5oNom.mp4 and /dev/null differ
diff --git a/rc-busness/assets/video/1615961503766_wntaC9.jpg b/rc-busness/assets/video/1615961503766_wntaC9.jpg
deleted file mode 100644
index a366dffa..00000000
Binary files a/rc-busness/assets/video/1615961503766_wntaC9.jpg and /dev/null differ
diff --git a/rc-busness/assets/video/1615961513806_QHcFm8.jpg b/rc-busness/assets/video/1615961513806_QHcFm8.jpg
deleted file mode 100644
index 80b5e099..00000000
Binary files a/rc-busness/assets/video/1615961513806_QHcFm8.jpg and /dev/null differ
diff --git a/rc-busness/assets/video/1615961523976_1IxIgJ.mp4 b/rc-busness/assets/video/1615961523976_1IxIgJ.mp4
deleted file mode 100644
index f83e784b..00000000
Binary files a/rc-busness/assets/video/1615961523976_1IxIgJ.mp4 and /dev/null differ
diff --git a/rc-busness/assets/video/1615961537456_Yk1txa.mp4 b/rc-busness/assets/video/1615961537456_Yk1txa.mp4
deleted file mode 100644
index 9f1795ba..00000000
Binary files a/rc-busness/assets/video/1615961537456_Yk1txa.mp4 and /dev/null differ
diff --git a/rc-busness/assets/video/1615961544810_9uoGJu.jpg b/rc-busness/assets/video/1615961544810_9uoGJu.jpg
deleted file mode 100644
index b6cc9818..00000000
Binary files a/rc-busness/assets/video/1615961544810_9uoGJu.jpg and /dev/null differ
diff --git a/rc-busness/assets/video/1615961553480_B8cLSl.jpg b/rc-busness/assets/video/1615961553480_B8cLSl.jpg
deleted file mode 100644
index 306ff5b1..00000000
Binary files a/rc-busness/assets/video/1615961553480_B8cLSl.jpg and /dev/null differ
diff --git a/rc-busness/assets/video/1615961564557_bKiaNb.mp4 b/rc-busness/assets/video/1615961564557_bKiaNb.mp4
deleted file mode 100644
index 732ab8ab..00000000
Binary files a/rc-busness/assets/video/1615961564557_bKiaNb.mp4 and /dev/null differ
diff --git a/rc-busness/components/header.vue b/rc-busness/components/header.vue
index 0cbbca9e..7c10461f 100644
--- a/rc-busness/components/header.vue
+++ b/rc-busness/components/header.vue
@@ -379,21 +379,23 @@
 	</div>
 </template>
 <script>
-
-
+const isReload={
+	needload:false
+};
 export default {
   data() {
     return {
-  headerScroll:false,
-  loginornot:true,//用户是否登录提示点
-  usermessage:null,//存储用户信息
-
+		headerScroll:false,
+		loginornot:true,//用户是否登录提示点
+		usermessage:null,//存储用户信息
     };
   },
+  created(){
+  },
   mounted() {
 	  //判断用户有无登录显示红点
 	let usernot=JSON.parse(localStorage.getItem("userInfo"));
-	console.log(usernot);
+	//console.log(usernot);
 	if(usernot==null ||usernot==undefined){
 		console.log(usernot);
           this.loginornot=true
@@ -401,21 +403,53 @@ export default {
 		 this.loginornot=false
 		this.usermessage=usernot;
 	}
-	console.log(this.loginornot);
+	//debugger;
+	if(isReload.needload)
+		location.reload();
+	if(isReload.needload==false)
+		isReload.needload=true;
+	//console.log(this.loginornot);
+	/*
+	if(RCDL && RCDL.utilities && RCDL.navigation && RCDL.navigation.rebuild)
+	{
+		
+		if (["sm", "xs", "md-1"].includes(RCDL.utilities.breakpoints.values.width.current)) {
+			this.refreshMobileNav();
+		}
+		else
+		{
+			this.refreshDesktopNav();
+		}
+		
+	}
+	*/
   },
 
   methods: {
-	  
+	refreshDesktopNav:function(){
+		RCDL.navigation.currentState=null;
+		RCDL.navigation.rebuild();
+	},
+	refreshMobileNav:function(){
+		let itemGroupList=document.querySelectorAll("nav[data-toggle-group=mobile] .rc-list--align[role=menu]");
+		itemGroupList.forEach(function(ele,i){
+			if(ele.className.indexOf("rc-expand--horizontal")<0 && ele.className.indexOf("rc-btn-offset--top")<0)
+			{
+				if(ele.id.indexOf("nav-list")>=0)
+					ele.classList.add("rc-expand--horizontal");
+				else if(ele.id.indexOf("nav-footer")>=0)
+					ele.classList.add("rc-expand--vertical");
+			}
+		})
+	},
 	bindTracking: function(){
-		console.log('bindTracking');
+		//console.log('bindTracking');
 	},
 
 	//
 	//跳转搜索
 	searchturn(){
-     this.$router.push({ name: "usersearch-search",
-					
-					})
+		this.$router.push({ name: "usersearch-search",})
 	},
      //判断有无登录跳转不同页面
 	turnlogin(){
diff --git a/rc-busness/components/magnifier.vue b/rc-busness/components/magnifier.vue
deleted file mode 100644
index 55930d32..00000000
--- a/rc-busness/components/magnifier.vue
+++ /dev/null
@@ -1,288 +0,0 @@
-<template>
-  <div class="magnify">
-    <div class="left_contaner">
-      <div class="middle_img" @mouseover="boxMouseOver" @mouseleave="boxMouseLeave">
-        <img :src="middleImg" alt="" style="width:100%">
-        <div class="shade" @mouseover="shadeMouseOver" @mousemove="shadeMouseMove" ref="shade" v-show="isShade"></div>
-      </div>
-      <div class="carousel">
-        <div class="left_arrow arrow" @click="leftArrowClick">
-            <img src="../assets/image/userleft.jpg" alt="">
-        </div>
-
-        <div class="show_box">
-          <ul class="picture_container" ref="middlePicture">
-            <li class="picture_item" @click="tabPicture(item,index)" v-for="(item, index) in pictureList" :key="index">
-              <img :src="item.attachmentPath" class="small_img" alt="">
-            </li>
-          </ul>
-        </div>
-        <div class="right_arrow arrow" @click="rightArrowClick">
-			<img src="../assets/image/userright.png" alt="">
-        </div>
-      </div>
-    </div>
-    <div class="right_contanier" v-show="isBig">
-      <img :src="middleImg" ref="bigImg" class="big_img" alt="">
-    </div>
-  </div>
-</template>
-
-<script>
-import $ from 'jquery'
-export default {
-  props:['parentmsg'],
-  props: {
-
-    tableLabelTest:Array,
-    imgList: Array, // 图片数据
-    zoom: {
-      default: 2, // 缩略比例,放大比例
-      type: Number
-    }
-  },
-  data() {
-    return {
-	  middleImgWidth:350,
-	  middleImgHeight:350,
-	  thumbnailHeight:100,
-	  
-      tableLabelTest1:this.tableLabelTest,
-      pictureList: [
-		{url: require("../assets/four.png")},
-		{url: require("../assets/cat.png")},
-		{url: require("../assets/one.png")},
-		{url: require("../assets/six.png")},
-		{url: require("../assets/six.png")},
-		{url: require("../assets/six.png")},
-		{url: require("../assets/four.png")},
-		{url: require("../assets/cat.png")},
-		{url: require("../assets/one.png")},
-		{url: require("../assets/six.png")},
-		{url: require("../assets/six.png")},
-		{url: require("../assets/six.png")},
-      ],
-      menu:[],
-      middleImg: '', // 中图图片地址
-      bigImg: '', // 大图图片地址
-      isShade: false, // 控制阴影显示与否
-      isBig: false, // 控制放大图显示与否
-      initX: 0, // 初始clientX值
-      initY: 0, // 初始clientY值
-      leftX: 0, // 初始定位left
-      topY: 0, // 初始定位top
-      middleLeft: 0, // 当前放置小图盒子的定位left值,
-      itemWidth: 80, // 缩略图每张的宽度
-    }
-  },
-	watch:{
-		data:'ifadroind',// 值可以为methods的方法名
-		inputName: function(newValue) {
-			this.pictureList=newValue;
-			this.menu=newValue;
-			console.log(this.newValue);
-		}
-	},
-  created() {
-    
-  },
-
-  mounted() {
-	  let user= JSON.parse(localStorage.getItem("message"));
-	   console.log(user);
-	  if(user!==null){
-	   this.pictureList=user;
-	  }
-	  if (user && user.length) {
-		this.pictureList = user
-	  }
-	  this.middleImg = this.pictureList[0].attachmentPath;
-	  console.log(this.middleImg);
-	  // 计算缩略图的宽度,默认是显示4张图片,两边箭头的宽度和为50
-	  // this.itemWidth = (this.middleImgWidth-30) / 2
-	  this.ifadroind();
-	  this.$nextTick(() => {
-	  console.log(this.menu);
-      // 容器的高
-      const imgWidth = this.middleImgHeight + this.thumbnailHeight + 20
-      // 设置容器宽高
-      // $('.magnify').css({
-      //   width: this.middleImgWidth,
-      //   height: imgWidth
-      // })
-  
-      // 设置移动阴影图宽高
-      $('.middle_img .shade').css({
-        width: this.middleImgWidth/this.zoom,
-        height: this.middleImgHeight/this.zoom
-      })
-      // 设置缩略图容器高
-      $('.carousel').css({
-        height: this.thumbnailHeight
-      })
-      // 设置每个缩略图宽
-      // $('.picture_item').css({
-      //   width: this.itemWidth
-      // })
-      // 设置放大后图片容器的宽高,left
-      $('.right_contanier').css({
-        left: this.middleImgWidth,
-        width: imgWidth,
-        height: imgWidth
-      })
-      // 设置放大图片的宽高(图片的放大倍数)
-      $('.right_contanier .big_img').css({
-        width: imgWidth * this.zoom,
-        height: imgWidth * this.zoom
-      })
-    })
-  },
-  
-  methods: {
-            //判断是手机打开还是电脑打开
-    ifadroind(){
-		var sUserAgent = navigator.userAgent.toLowerCase();
-		var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";
-		var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os";
-		var bIsMidp = sUserAgent.match(/midp/i) == "midp";
-		var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";
-		var bIsUc = sUserAgent.match(/ucweb/i) == "ucweb";
-		var bIsAndroid = sUserAgent.match(/android/i) == "android";
-		var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce";
-		var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile";
- 
-		if ((bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM)) {
-		  //Mob Screen
-		}else{
-			//PC screen size
-			this.middleImgWidth=560;
-			this.middleImgHeight=560;
-		}
-		$('.middle_img').css({
-			width: this.middleImgWidth,
-			height: this.middleImgHeight
-		})
-  },
-    // 产品图片鼠标移入事件,显示阴影,显示大图
-    boxMouseOver (e) {
-      e.preventDefault();
-      e.stopPropagation();
-      this.isShade = true
-      this.isBig = true
-      // 计算阴影的位置
-      let x = e.offsetX - $('.shade').width()/2
-      let y = e.offsetY - $('.shade').height()/2
-      let maxLeft = $('.middle_img').width() - $('.shade').width() 
-      let maxTop = $('.middle_img').height() - $('.shade').height()
-      x = x <= 0 ? 0 : x
-      x = x >= maxLeft ? maxLeft : x
-      y = y <= 0 ? 0 : y
-      y = y >= maxTop ? maxTop : y
-      $('.shade').css({
-        left: x,
-        top: y
-      })
-    },
-    // 鼠标在阴影移动
-    shadeMouseMove (e) {
-
-      e.preventDefault();
-      e.stopPropagation();
-
-      //用页面x - 父盒子的offsetLeft - 父盒子的左边框宽度
-      var x = this.getEventPage(e).pageX - $('.middle_img')[0].offsetParent.offsetLeft - $('.middle_img')[0].offsetParent.clientLeft;
-      //用页面y - 父盒子的offsetTop - 父盒子的上边框宽度
-      var y = this.getEventPage(e).pageY - $('.middle_img')[0].offsetParent.offsetTop - $('.middle_img')[0].offsetParent.clientTop;
-
-      //让阴影的坐标居中
-      x -= $('.shade').width() / 2;
-      y -= $('.shade').height() / 2;
-
-      // 移动边界限制
-      let maxLeft = $('.middle_img').width() - $('.shade').width()
-      let maxTop = $('.middle_img').height() - $('.shade').height()
-      x = x <= 0 ? 0 : x
-      x = x >= maxLeft ? maxLeft : x
-      y = y <= 0 ? 0 : y
-      y = y >= maxTop ? maxTop : y
-      // 重新赋值当前的定位值
-      $('.shade').css({
-        left: x,
-        top: y
-      })
-      // 计算出实时的大图的定位,首先计算出比例
-      // 比例为x:大图宽度/小图宽度 y: 大图高度/小图高度,将小图的定位乘以比例就是大图的定位
-      const xRate = $('.big_img').width() / $('.middle_img').width()
-      const yRate = $('.big_img').height() / $('.middle_img').height()
-      $('.big_img').css({
-        left: -x*xRate,
-        top: -y*yRate
-      })
-      // console.log(e, x, y, xRate, yRate, 66677)
-    },
-    // 鼠标移入阴影,去除自定义事件
-    shadeMouseOver (e) {
-      e.preventDefault();
-      e.stopPropagation();
-      // console.log(88888, e)
-    },
-    // 图片移出隐藏阴影和大图
-    boxMouseLeave () {
-      this.isShade = false
-      this.isBig = false
-    },
-    // 切换图片
-    tabPicture (item,index) {
-      this.middleImg = item.attachmentPath
-      this.$emit('changeName',item)
-      console.log(item,index)
-    },
-    // 点击左边箭头
-    leftArrowClick () {
-      if (this.middleLeft < 0) {
-        // 每次向右平移一个图片盒子的宽度
-        this.middleLeft += this.itemWidth
-        $('.picture_container').animate({
-          left: this.middleLeft
-        }, 500)
-      }
-    },
-    // 点击右边箭头
-    rightArrowClick () {
-      // 每次向左平移一个盒子的宽度,最多移动的宽度为(图片数组长度-1)*每张缩略图的宽度
-      if (this.middleLeft > -this.itemWidth*(this.pictureList.length-1)) {
-		this.middleLeft -= this.itemWidth
-		$('.picture_container').animate({
-			left: this.middleLeft
-		}, 500)
-      }
-    },
-    /**
-     * 获取网页滚出去的距离（包括上面滚出去的部分和左边滚出去的部分）
-     * @returns {{scrollTop: (Number|number), scrollLeft: (Number|number)}}
-     */
-    getPageScroll() {
-      return {
-        scrollTop: window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0,
-        scrollLeft: window.pageXOffset || document.documentElement.scrollLeft || document.body.scrollLeft || 0
-      }
-    },
-
-    /**
-    * 获取事件对象点击的点，相对于文档左上角的坐标
-    * @param e
-    * @returns {{pageX: *, pageY: *}}
-    */
-    getEventPage(e) {
-      return {
-        pageX: e.clientX + this.getPageScroll().scrollLeft,
-        pageY: e.clientY + this.getPageScroll().scrollTop
-      }
-    }
-  }
-}
-</script>
-
-<style lang="less" scoped>
-@import url("../assets/css/magnifier.less");
-</style>
diff --git a/rc-busness/pages/index.vue b/rc-busness/pages/index.vue
index dd9674b2..b19137a5 100644
--- a/rc-busness/pages/index.vue
+++ b/rc-busness/pages/index.vue
@@ -3,76 +3,70 @@
 
 <div>
 	<Myheader></Myheader>
-
+	<div class="rc-top"></div>
     <unlogin></unlogin>
 	<!-- Suppose in header end -->
-	<van-swipe :autoplay="3000">
-		<van-swipe-item v-for="(banner, index) in banners" :key="index">
+	<van-swipe :autoplay="3000" class="rc-padding-bottom--md">
+		<van-swipe-item v-for="(banner, index) in showingBanners" :key="index">
 			<img :src="banner.src"  class="useraimg"/>
 		</van-swipe-item>
 	</van-swipe>
  
   
-<div class="online bold rc-md-down" id="fixed-catbar-seperator"></div>
-   <!-- <div v-swiper:mySwiper="swiperOption" class="swiperWrap">
-        <div class="swiper-wrapper">
-            <div class="swiper-slide" v-for="(banner,index ) in banners" :key="index">
-                <img :src="banner.src">
-            </div>
-        </div>
-        <div class="swiper-pagination swiper-pagination-bullets"></div>
-  </div> -->
-<div class="rc-max-width--xl">
-	<div class="usermain">
-		<div :class="searchBar?'rc-ma':'rc-ma searchBara'">
-			<div v-if="!searchBar" class="online bold rc-md-down"></div>
-			<ul class="ul-zhuan rc-margin-y--xl">
-				<li 
-					v-for="(item, index) in discountlist"
-					:key="index"
-					@click="selectGoods(item, index)"
-					:class="activeIndex == index ? 'active' : 'unactive'"
-				>
-					<img :src="item.catimage" alt="">
-					<span>{{ item.title }}</span>
-				</li>
-			</ul>
+	<div class="online bold rc-md-down" id="fixed-catbar-seperator"></div>
+	<div class="rc-max-width--xl">
+		<div class="usermain">
+			<div :class="searchBar?'rc-ma':'rc-ma searchBara'">
+				<div v-if="!searchBar" class="online bold rc-md-down"></div>
+				<ul class="ul-zhuan rc-margin-y--md">
+					<li 
+						v-for="(item, index) in discountlist"
+						:key="index"
+						@click="selectGoods(item, index)"
+						:class="activeIndex == index ? 'active' : 'unactive'"
+					>
+						<img :src="item.catimage" alt="">
+						<span>{{ item.title }}</span>
+					</li>
+				</ul>
+			</div>
 		</div>
 	</div>
-</div>
-<div class="online bold rc-md-up" v-show="catproduct"></div>
+	<div class="online bold rc-md-up" v-show="catproduct"></div>
+	
+	<div class="rc-full-width">
+	  <div class="rc-lunbo rc-full-width">
+	    <!-- <h2>明星猫粮</h2> -->
+	   <div class="pageFullScreen" id="xxxFullScreen" v-show="catproduct" ref="mingxing">
+	        <!-- 内容 -->
+	        <div class="swiper-container rc-full-width rc-padding-y--md" id="swiper1">
+	           <h2 class="rc-beta rc-text--center">{{usertitle}}</h2>
+	             <!-- 轮播图 -->
+	            <van-swipe class="rc-padding-bottom--md">
+					<van-swipe-item v-for="(item, index) in catlistvideo" :key="index">
+						<div class="rc-video">
+							<div class="uservideo">
+								<video controls="" :poster=item.catimage>
+									<source :src=item.video type="video/mp4">
+								</video>
+							</div>
 
-<div class="rc-full-width">
-  <div class="rc-lunbo rc-full-width">
-    <!-- <h2>明星猫粮</h2> -->
-   <div class="pageFullScreen" id="xxxFullScreen" v-show="catproduct" ref="mingxing">
-        <!-- 内容 -->
-        <div class="swiper-container rc-full-width rc-padding-y--md" id="swiper1">
-           <h2 class="rc-beta rc-text--center">{{usertitle}}</h2>
-             <!-- 轮播图 -->
-            <swiper :options="swiperOption">
-                <swiper-slide class="swiper-slide" v-for="(item, key) in catlistvideo" :key="key" >
-                  <div class="rc-video">
-                    <div class="uservideo">
-            
-                    </div>
-               
-                   <div class="rc-right">
-						<img :src=item.catimage alt="">
-						<span>{{item.title}}</span>
-						<p>{{item.detail}}</p>
-						<em>{{item.price}}</em>
-						<strong class="ts-standard-btn ts-standard-btn--two center" @click="userbuy(item,index)">立即购买</strong>
-                   </div>
-                   </div>
-                         <div class="sw-center" >
+						   <div class="rc-right">
+								<img :src=item.catimage alt="">
+								<span>{{item.title}}</span>
+								<p>{{item.detail}}</p>
+								<em>{{item.price}}</em>
+								<strong class="ts-standard-btn ts-standard-btn--two center" @click="userbuy(item,index)">立即购买</strong>
+						   </div>
+						</div>
+						<div class="sw-center" >
 							<div class="rc-click"  @click="selectproduce(item,index)">
 								<div class="uservideo">
-									<video width="300px" height="251" controls="controls">
-										<source :src= item.video type="video/ogg" autoplay>
+									<video controls="controls" :poster=item.catimage>
+										<source :src= item.video type="video/ogg">
 									</video>
 								</div>
-                    
+
 								<img :src=item.catimage alt="">
 								<span>{{item.title}}</span>
 								<p>{{item.detail}}</p>
@@ -81,637 +75,638 @@
 							<div class="rc-full-width rc-margin-y--md">
 								<i @click="userbuy(item,index)" class="ts-standard-btn ts-standard-btn--two center">立即购买</i>
 							</div>
-                         </div>
-       
-                </swiper-slide>
-            </swiper>
-        </div>
-
-
-</div>
-
-
-
-
- 
-
-
-<div class="online bold" v-show="onemao"></div>
- <div class="selectionswitch rc-full-width rc-max-width--xl rc-padding-y--md" ref="usercontent" v-show="onemao">
-   <h2 class="rc-beta rc-text--center" >全价猫湿粮</h2>
-<van-tabs @change='catclick' class="van-tabs">
-  <van-tab v-for="(item,index) in discoun" :key="index" :title="item.title">
-       <div class="rc-contair">
-         <ul class="ts-product-list rc-margin-bottom--lg">
-             <li v-for="(item,index) in catshi" :key="index" class="rc-margin-top--md">
-				 <div class="rc-click rc-margin-bottom--md" @click="selectproduce(item,index)">
-					<div class="rc-rccontair">
-						<img :src=item.picture alt="">   
+						</div>
+					</van-swipe-item>
+				</van-swipe>
+	        </div>
+	
+	
+	</div>
+	
+	
+	
+	
+	 
+	
+	
+	<div class="online bold" v-show="onemao"></div>
+	 <div class="selectionswitch rc-full-width rc-max-width--xl rc-padding-y--md" ref="usercontent" v-show="onemao">
+	   <h2 class="rc-beta rc-text--center" >全价猫湿粮</h2>
+	<van-tabs @change='catclick' class="van-tabs">
+	  <van-tab v-for="(item,index) in discoun" :key="index" :title="item.title">
+	       <div class="rc-contair">
+	         <ul class="ts-product-list rc-margin-bottom--lg">
+	             <li v-for="(item,index) in catshi" :key="index" class="rc-margin-top--md">
+					 <div class="rc-click rc-margin-bottom--md" @click="selectproduce(item,index)">
+						<div class="rc-rccontair">
+							<img :src=item.picture alt="">   
+						</div>
 					</div>
-				</div>
-				<div class="rc-column">
-					<div class="rc-click" @click="selectproduce(item,index)">
-						<span>{{item.name}}</span>
-						<i>0.001{{item.price}}</i>
+					<div class="rc-column">
+						<div class="rc-click" @click="selectproduce(item,index)">
+							<span>{{item.name}}</span>
+							<i>0.001{{item.price}}</i>
+						</div>
+						<strong class="ts-standard-btn ts-standard-btn--two rc-margin-y--md center" @click="selectproduce(item,index)">立即购买</strong>
 					</div>
-					<strong class="ts-standard-btn ts-standard-btn--two rc-margin-y--md center" @click="selectproduce(item,index)">立即购买</strong>
-				</div>
-             </li>
-         </ul>
-          
-      
-   <nuxt-link :to="`/productdetails/productlist/`">
-     <div class="userserlect">
-	   <span class="ts-standard-btn center">查看更多</span>
+	             </li>
+	         </ul>
+	          
+	      
+	   <nuxt-link :to="`/productdetails/productlist/`">
+	     <div class="userserlect">
+		   <span class="ts-standard-btn center">查看更多</span>
+		 </div>
+		</nuxt-link>
+	    
+	       
+	     </div>
+	
+	  </van-tab>
+	</van-tabs>
+		<div class="rc-selection">
+	         <ol>
+				<li 
+				  v-for="(item, index) in selection"
+						:key="index"
+						@click="selectGo(item, index)"
+						:class="activeInde2 == index ? 'userselection' : 'unselection'"
+					  >
+						<span>{{ item.title }}</span>
+				</li>
+			</ol>
+		<div class="rc-maa">
+	  <ul>
+	    <li 
+	      v-for="(item, index) in doglist"
+	            :key="index"
+	            @click="selectGoo(item, index)"
+	            :class="activeInde3 == index ? 'active' : 'unactive'"
+	          >
+	          <img :src="item.catimage" alt="">
+	            <span>{{ item.title }}</span>
+	    </li>
+	  </ul>
+	  </div>
+	         <div class="">
+				<ul class="ts-product-list rc-margin-bottom--lg">
+				    <li v-for="(item,index) in rccontair" :key="index" class="rc-margin-top--md">
+								 <div class="rc-click rc-margin-bottom--md" @click="selectproduce(item,index)">
+									<div class="rc-rccontair">
+										<img :src=item.catimage alt="">   
+									</div>
+								</div>
+								<div class="rc-column">
+									<div class="rc-click" @click="selectproduce(item,index)">
+										<span>{{item.title}}</span>
+										<i>0.001{{item.price}}</i>
+									</div>
+									<strong class="ts-standard-btn ts-standard-btn--two rc-margin-y--md center" @click="selectproduce(item,index)">立即购买</strong>
+								</div>
+				    </li>
+				</ul>
+	         
+	      <nuxt-link :to="`/productdetails/productlist/`">
+	     <div class="userserlect">
+	           <span class="ts-standard-btn center">查看更多</span>
+	         </div>
+	        </nuxt-link>
+	       
+	         
+	     </div>
+	
+	      </div>
 	 </div>
-	</nuxt-link>
-    
-       
-     </div>
-
-  </van-tab>
-</van-tabs>
-	<div class="rc-selection">
-         <ol>
-			<li 
-			  v-for="(item, index) in selection"
-					:key="index"
-					@click="selectGo(item, index)"
-					:class="activeInde2 == index ? 'userselection' : 'unselection'"
-				  >
-					<span>{{ item.title }}</span>
-			</li>
-		</ol>
-	<div class="rc-maa">
-  <ul>
-    <li 
-      v-for="(item, index) in doglist"
-            :key="index"
-            @click="selectGoo(item, index)"
-            :class="activeInde3 == index ? 'active' : 'unactive'"
-          >
-          <img :src="item.catimage" alt="">
-            <span>{{ item.title }}</span>
-    </li>
-  </ul>
-  </div>
-         <div class="">
-			<ul class="ts-product-list rc-margin-bottom--lg">
-			    <li v-for="(item,index) in rccontair" :key="index" class="rc-margin-top--md">
-							 <div class="rc-click rc-margin-bottom--md" @click="selectproduce(item,index)">
-								<div class="rc-rccontair">
-									<img :src=item.catimage alt="">   
-								</div>
+	 <div class="online bold" v-show="twomao"></div>
+	  <div class="selectionswitch rc-full-width rc-max-width--xl rc-padding-y--md" v-show="twomao" ref="catgan">
+	   <h2 class="rc-beta rc-text--center">全价猫干粮</h2>
+	<van-tabs @change='catclick' class="van-tabs">
+	  <van-tab v-for="(item,index) in discoun" :key="index" :title="item.title">
+	       <div class="rc-contair">
+				<ul class="ts-product-list rc-margin-bottom--lg">
+				    <li v-for="(item,index) in catgan" :key="index" class="rc-margin-top--md">
+						 <div class="rc-click rc-margin-bottom--md" @click="selectproduce(item,index)">
+							<div class="rc-rccontair">
+								<img :src=item.picture alt="">   
 							</div>
-							<div class="rc-column">
-								<div class="rc-click" @click="selectproduce(item,index)">
+						</div>
+						<div class="rc-column">
+							<div class="rc-click" @click="selectproduce(item,index)">
+								<span>{{item.name}}</span>
+								<i>0.001{{item.price}}</i>
+							</div>
+							<strong class="ts-standard-btn ts-standard-btn--two rc-margin-y--md center" @click="selectproduce(item,index)">立即购买</strong>
+						</div>
+				    </li>
+				</ul>
+	         
+	    
+	   <nuxt-link :to="`/productdetails/productlist/`">
+	     <div class="userserlect">
+	           <span class="ts-standard-btn center">查看更多</span>
+	         </div>
+	        </nuxt-link>
+	     </div>
+	
+	  </van-tab>
+	</van-tabs>
+	      <div class="rc-selection">
+	
+	         <ol>
+	    <li 
+	      v-for="(item, index) in selection"
+	            :key="index"
+	            @click="selectGo(item, index)"
+	            :class="activeInde2 == index ? 'userselection' : 'unselection'"
+	          >
+	      
+	            <span>{{ item.title }}</span>
+	    </li>
+	  </ol>
+	     <div class="rc-maa">
+	  <ul>
+	 
+	     
+	    <li 
+	      v-for="(item, index) in doglist"
+	            :key="index"
+	            @click="selectGoo(item, index)"
+	            :class="activeInde3 == index ? 'active' : 'unactive'"
+	          >
+	          <img :src="item.catimage" alt="">
+	            <span>{{ item.title }}</span>
+	    </li>
+	
+	  </ul>
+	  </div>
+	         <div class="rc-contair">
+				 <ul class="ts-product-list rc-margin-bottom--lg">
+				     <li v-for="(item,index) in rccontair" :key="index" class="rc-margin-top--md">
+				 		 <div class="rc-click rc-margin-bottom--md" @click="selectproduce(item,index)">
+				 			<div class="rc-rccontair">
+				 				<img :src=item.catimage alt="">   
+				 			</div>
+				 		</div>
+				 		<div class="rc-column">
+				 			<div class="rc-click" @click="selectproduce(item,index)">
+				 				<span>{{item.title}}</span>
+				 				<i>0.001{{item.price}}</i>
+				 			</div>
+				 			<strong class="ts-standard-btn ts-standard-btn--two rc-margin-y--md center" @click="selectproduce(item,index)">立即购买</strong>
+				 		</div>
+				     </li>
+				 </ul>         
+	     <nuxt-link :to="`/productdetails/productlist/`">
+	     <div class="userserlect">
+	           <span class="ts-standard-btn center">查看更多</span>
+	         </div>
+	        </nuxt-link>
+	       
+	         
+	     </div>
+	
+	      </div>
+	
+	
+	
+	 </div>
+	  <div class="online bold" v-show="dogshow"></div>
+	     <div class="pageFullScreen" id="xxxFullScreen" v-show="dogshow" ref="mingxing">
+	        <!-- 内容 -->
+	        <div class="swiper-container rc-full-width rc-padding-y--md" id="swiper2">
+	          <div class="oc-top">
+	           <h2 class="rc-beta rc-text--center">{{dogtitle}}</h2>
+	           </div>
+	             <!-- 轮播图 -->
+				 <van-swipe class="rc-padding-bottom--md">
+				 	<van-swipe-item v-for="(item, key) in doglistvideo" :key="key">
+	                  <div class="rc-video">
+	                    <div class="uservideo">
+							<video controls="" :poster=item.catimage>
+								<source :src=item.video type="video/mp4">
+							</video>
+	                    </div>
+	               
+	                   <div class="rc-right">
+							<img :src=item.catimage alt="">
+							<span>{{item.title}}</span>
+							<p>{{item.detail}}</p>
+							<em>{{item.price}}</em>
+							<strong class="ts-standard-btn ts-standard-btn--two center" @click="userbuy(item,index)">立即购买</strong>
+	                   </div>
+	                   </div>
+	                         <div class="sw-center" >
+								<div class="rc-click"  @click="selectproduce(item,index)">
+									<div class="uservideo">
+										<video controls="controls">
+											<source :src= item.video type="video/ogg">
+										</video>
+									</div>
+	                    
+									<img :src=item.catimage alt="">
 									<span>{{item.title}}</span>
-									<i>0.001{{item.price}}</i>
+									<p>{{item.detail}}</p>
+									<em>{{item.price}}</em>
 								</div>
-								<strong class="ts-standard-btn ts-standard-btn--two rc-margin-y--md center" @click="selectproduce(item,index)">立即购买</strong>
-							</div>
-			    </li>
-			</ul>
-         
-      <nuxt-link :to="`/productdetails/productlist/`">
-     <div class="userserlect">
-           <span class="ts-standard-btn center">查看更多</span>
-         </div>
-        </nuxt-link>
-       
-         
-     </div>
-
-      </div>
- </div>
- <div class="online bold" v-show="twomao"></div>
-  <div class="selectionswitch rc-full-width rc-max-width--xl rc-padding-y--md" v-show="twomao" ref="catgan">
-   <h2 class="rc-beta rc-text--center">全价猫干粮</h2>
-<van-tabs @change='catclick' class="van-tabs">
-  <van-tab v-for="(item,index) in discoun" :key="index" :title="item.title">
-       <div class="rc-contair">
-			<ul class="ts-product-list rc-margin-bottom--lg">
-			    <li v-for="(item,index) in catgan" :key="index" class="rc-margin-top--md">
-					 <div class="rc-click rc-margin-bottom--md" @click="selectproduce(item,index)">
-						<div class="rc-rccontair">
-							<img :src=item.picture alt="">   
-						</div>
-					</div>
-					<div class="rc-column">
-						<div class="rc-click" @click="selectproduce(item,index)">
-							<span>{{item.name}}</span>
-							<i>0.001{{item.price}}</i>
-						</div>
-						<strong class="ts-standard-btn ts-standard-btn--two rc-margin-y--md center" @click="selectproduce(item,index)">立即购买</strong>
-					</div>
-			    </li>
-			</ul>
-         
-    
-   <nuxt-link :to="`/productdetails/productlist/`">
-     <div class="userserlect">
-           <span class="ts-standard-btn center">查看更多</span>
-         </div>
-        </nuxt-link>
-     </div>
-
-  </van-tab>
-</van-tabs>
-      <div class="rc-selection">
-
-         <ol>
-    <li 
-      v-for="(item, index) in selection"
-            :key="index"
-            @click="selectGo(item, index)"
-            :class="activeInde2 == index ? 'userselection' : 'unselection'"
-          >
-      
-            <span>{{ item.title }}</span>
-    </li>
-  </ol>
-     <div class="rc-maa">
-  <ul>
- 
-     
-    <li 
-      v-for="(item, index) in doglist"
-            :key="index"
-            @click="selectGoo(item, index)"
-            :class="activeInde3 == index ? 'active' : 'unactive'"
-          >
-          <img :src="item.catimage" alt="">
-            <span>{{ item.title }}</span>
-    </li>
-
-  </ul>
-  </div>
-         <div class="rc-contair">
-			 <ul class="ts-product-list rc-margin-bottom--lg">
-			     <li v-for="(item,index) in rccontair" :key="index" class="rc-margin-top--md">
-			 		 <div class="rc-click rc-margin-bottom--md" @click="selectproduce(item,index)">
-			 			<div class="rc-rccontair">
-			 				<img :src=item.catimage alt="">   
-			 			</div>
-			 		</div>
-			 		<div class="rc-column">
-			 			<div class="rc-click" @click="selectproduce(item,index)">
-			 				<span>{{item.title}}</span>
-			 				<i>0.001{{item.price}}</i>
-			 			</div>
-			 			<strong class="ts-standard-btn ts-standard-btn--two rc-margin-y--md center" @click="selectproduce(item,index)">立即购买</strong>
-			 		</div>
-			     </li>
-			 </ul>         
-     <nuxt-link :to="`/productdetails/productlist/`">
-     <div class="userserlect">
-           <span class="ts-standard-btn center">查看更多</span>
-         </div>
-        </nuxt-link>
-       
-         
-     </div>
-
-      </div>
-
-
-
- </div>
-  <div class="online bold" v-show="dogshow"></div>
-     <div class="pageFullScreen" id="xxxFullScreen" v-show="dogshow" ref="mingxing">
-        <!-- 内容 -->
-        <div class="swiper-container rc-full-width rc-padding-y--md" id="swiper1">
-          <div class="oc-top">
-           <h2 class="rc-beta rc-text--center">{{dogtitle}}</h2>
-           </div>
-             <!-- 轮播图 -->
-            <swiper :options="swiperOption">
-                <swiper-slide class="swiper-slide" v-for="(item, key) in doglistvideo" :key="key" >
-                  <div class="rc-video">
-                    <div class="uservideo">
-            
-                    </div>
-               
-                   <div class="rc-right">
-						<img :src=item.catimage alt="">
-						<span>{{item.title}}</span>
-						<p>{{item.detail}}</p>
-						<em>{{item.price}}</em>
-						<strong class="ts-standard-btn ts-standard-btn--two center" @click="userbuy(item,index)">立即购买</strong>
-                   </div>
-                   </div>
-                         <div class="sw-center" >
-							<div class="rc-click"  @click="selectproduce(item,index)">
-								<div class="uservideo">
-									<video width="300px" height="251" controls="controls">
-										<source :src= item.video type="video/ogg" autoplay>
-									</video>
+								<div class="rc-full-width rc-margin-y--md">
+									<i @click="userbuy(item,index)" class="ts-standard-btn ts-standard-btn--two center">立即购买</i>
 								</div>
-                    
-								<img :src=item.catimage alt="">
-								<span>{{item.title}}</span>
-								<p>{{item.detail}}</p>
-								<em>{{item.price}}</em>
-							</div>
-							<div class="rc-full-width rc-margin-y--md">
-								<i @click="userbuy(item,index)" class="ts-standard-btn ts-standard-btn--two center">立即购买</i>
-							</div>
-                         </div>
-       
-                </swiper-slide>
-            </swiper>
-        </div>
-
-
-</div>
-
-<div class="online bold" v-show="threemao"></div>
-
-   <div class="selectionswitch rc-full-width rc-max-width--xl rc-padding-y--md" v-show="threemao" ref="doggshi">
-   <h2 class="rc-beta rc-text--center">全价犬湿粮</h2>
-<van-tabs @change='userdog' class="van-tabs">
-  <div class="online bold rc-md-down" v-show="threemao"></div>
-  <van-tab v-for="(item,index) in dogtype" :key="index" :title="item.title">
-    <div class="online bold" v-show="threemao"></div>
-	<div class="usermain">
-			<ul class="ul-dog usermain">
-				<li 
-					v-for="(item, index) in userdoglist"
-					:key="index"
-					@click="quanshi(item, index)"
-					:class="activeIndex5 == index ? 'active' : 'unactive'"
-				>
-					<img :src="item.catimage" alt="">
-					<span>{{ item.title }}</span>
-				</li>
-			</ul>
+	                         </div>
+	       
+	                </van-swipe-item>
+	            </van-swipe>
+	        </div>
+	
+	
+	
 	</div>
-
-       <div class="rc-contair">
-			<ul class="ts-product-list rc-margin-bottom--lg">
-			    <li v-for="(item,index) in dogshi" :key="index" class="rc-margin-top--md">
-					 <div class="rc-click rc-margin-bottom--md" @click="selectproduce(item,index)">
-						<div class="rc-rccontair">
-							<img :src=item.picture alt="">   
+	
+	<div class="online bold" v-show="threemao"></div>
+	
+	
+	   <div class="selectionswitch rc-full-width rc-max-width--xl rc-padding-y--md" v-show="threemao" ref="doggshi">
+	   <h2 class="rc-beta rc-text--center">全价犬湿粮</h2>
+	<van-tabs @change='userdog' class="van-tabs">
+	  <div class="online bold rc-md-down" v-show="threemao"></div>
+	  <van-tab v-for="(item,index) in dogtype" :key="index" :title="item.title">
+	    <div class="online bold" v-show="threemao"></div>
+		<div class="usermain">
+				<ul class="ul-dog usermain">
+					<li 
+						v-for="(item, index) in userdoglist"
+						:key="index"
+						@click="quanshi(item, index)"
+						:class="activeIndex5 == index ? 'active' : 'unactive'"
+					>
+						<img :src="item.catimage" alt="">
+						<span>{{ item.title }}</span>
+					</li>
+				</ul>
+		</div>
+	
+	       <div class="rc-contair">
+				<ul class="ts-product-list rc-margin-bottom--lg">
+				    <li v-for="(item,index) in dogshi" :key="index" class="rc-margin-top--md">
+						 <div class="rc-click rc-margin-bottom--md" @click="selectproduce(item,index)">
+							<div class="rc-rccontair">
+								<img :src=item.picture alt="">   
+							</div>
 						</div>
-					</div>
-					<div class="rc-column">
-						<div class="rc-click" @click="selectproduce(item,index)">
-							<span>{{item.name}}</span>
-							<i>0.001{{item.price}}</i>
+						<div class="rc-column">
+							<div class="rc-click" @click="selectproduce(item,index)">
+								<span>{{item.name}}</span>
+								<i>0.001{{item.price}}</i>
+							</div>
+							<strong class="ts-standard-btn ts-standard-btn--two rc-margin-y--md center" @click="selectproduce(item,index)">立即购买</strong>
 						</div>
-						<strong class="ts-standard-btn ts-standard-btn--two rc-margin-y--md center" @click="selectproduce(item,index)">立即购买</strong>
-					</div>
-			    </li>
-			</ul>
-         
-      
-<nuxt-link :to="`/productdetails/productlist/`">
-     <div class="userserlect">
-           <span class="ts-standard-btn center">查看更多</span>
-         </div>
-        </nuxt-link>
-       
-       
-         
-     </div>
-
-  </van-tab>
-</van-tabs>
-      <div class="rc-selection">
-
-         <ol>
-    <li 
-      v-for="(item, index) in selection"
-            :key="index"
-            @click="selectGo(item, index)"
-            :class="activeInde2 == index ? 'userselection' : 'unselection'"
-          >
-      
-            <span>{{ item.title }}</span>
-    </li>
-  </ol>
-     <div class="rc-maa">
-  <ul>
- 
-     
-    <li 
-      v-for="(item, index) in doglist"
-            :key="index"
-            @click="selectGoo(item, index)"
-            :class="activeInde3 == index ? 'active' : 'unactive'"
-          >
-          <img :src="item.catimage" alt="">
-            <span>{{ item.title }}</span>
-    </li>
-
-  </ul>
-  </div>
-         <div class="rc-contair">
+				    </li>
+				</ul>
+	         
+	      
+	<nuxt-link :to="`/productdetails/productlist/`">
+	     <div class="userserlect">
+	           <span class="ts-standard-btn center">查看更多</span>
+	         </div>
+	        </nuxt-link>
+	       
+	       
+	         
+	     </div>
+	
+	  </van-tab>
+	</van-tabs>
+	      <div class="rc-selection">
+	
+	         <ol>
+	    <li 
+	      v-for="(item, index) in selection"
+	            :key="index"
+	            @click="selectGo(item, index)"
+	            :class="activeInde2 == index ? 'userselection' : 'unselection'"
+	          >
+	      
+	            <span>{{ item.title }}</span>
+	    </li>
+	  </ol>
+	     <div class="rc-maa">
+	  <ul>
+	 
+	     
+	    <li 
+	      v-for="(item, index) in doglist"
+	            :key="index"
+	            @click="selectGoo(item, index)"
+	            :class="activeInde3 == index ? 'active' : 'unactive'"
+	          >
+	          <img :src="item.catimage" alt="">
+	            <span>{{ item.title }}</span>
+	    </li>
+	
+	  </ul>
+	  </div>
+	         <div class="rc-contair">
+				 <ul class="ts-product-list rc-margin-bottom--lg">
+				     <li v-for="(item,index) in rccontair" :key="index" class="rc-margin-top--md">
+				 		 <div class="rc-click rc-margin-bottom--md" @click="selectproduce(item,index)">
+				 			<div class="rc-rccontair">
+				 				<img :src=item.catimage alt="">   
+				 			</div>
+				 		</div>
+				 		<div class="rc-column">
+				 			<div class="rc-click" @click="selectproduce(item,index)">
+				 				<span>{{item.title}}</span>
+				 				<i>0.001{{item.price}}</i>
+				 			</div>
+				 			<strong class="ts-standard-btn ts-standard-btn--two rc-margin-y--md center" @click="selectproduce(item,index)">立即购买</strong>
+				 		</div>
+				     </li>
+				 </ul>
+				 
+	         
+	  <nuxt-link :to="`/productdetails/productlist/`">
+	     <div class="userserlect">
+	           <span class="ts-standard-btn center">查看更多</span>
+	         </div>
+	        </nuxt-link>
+	       
+	         
+	     </div>
+	
+	      </div>
+	
+	
+	
+	 </div>
+	
+	 
+	
+	 <div class="online bold" v-show="fourmao"></div>
+	   <div class="selectionswitch rc-full-width rc-max-width--xl rc-padding-y--md" v-show="fourmao" ref="dogan">
+	   <h2 class="rc-beta rc-text--center">全价犬干粮</h2>
+	<van-tabs @change='userdog' class="van-tabs">
+	   <div class="online bold" v-show="fourmao"></div>
+	  <van-tab v-for="(item,index) in dogtype" :key="index" :title="item.title">
+	    	<div class="usermain">
+				<ul class="ul-dog usermain">
+					<li 
+						v-for="(item, index) in userdoglist"
+						:key="index"
+						@click="userdoghot(item, index)"
+						:class="activeIndex6 == index ? 'active' : 'unactive'"
+					>
+						<img :src="item.catimage" alt="">
+						<span>{{ item.title }}</span>
+					</li>
+				</ul>
+		</div>
+	       <div class="rc-contair">
+				<ul class="ts-product-list rc-margin-bottom--lg">
+				    <li v-for="(item,index) in doggan" :key="index" class="rc-margin-top--md">
+						 <div class="rc-click rc-margin-bottom--md" @click="selectproduce(item,index)">
+							<div class="rc-rccontair">
+								<img :src=item.picture alt="">   
+							</div>
+						</div>
+						<div class="rc-column">
+							<div class="rc-click" @click="selectproduce(item,index)">
+								<span>{{item.name}}</span>
+								<i>0.001{{item.price}}</i>
+							</div>
+							<strong class="ts-standard-btn ts-standard-btn--two rc-margin-y--md center" @click="selectproduce(item,index)">立即购买</strong>
+						</div>
+				    </li>
+				</ul>
+	         
+	    <nuxt-link :to="`/productdetails/productlist/`">
+	     <div class="userserlect">
+	           <span class="ts-standard-btn center">查看更多</span>
+	         </div>
+	        </nuxt-link>
+	       
+	       
+	         
+	     </div>
+	
+	  </van-tab>
+	</van-tabs>
+	      <div class="rc-selection">
+	
+	         <ol>
+	    <li 
+	      v-for="(item, index) in selection"
+	            :key="index"
+	            @click="selectGo(item, index)"
+	            :class="activeInde2 == index ? 'userselection' : 'unselection'"
+	          >
+	      
+	            <span>{{ item.title }}</span>
+	    </li>
+	  </ol>
+	     <div class="rc-maa">
+	  <ul>
+	 
+	     
+	    <li 
+	      v-for="(item, index) in doglist"
+	            :key="index"
+	            @click="selectGoo(item, index)"
+	            :class="activeInde3 == index ? 'active' : 'unactive'"
+	          >
+	          <img :src="item.catimage" alt="">
+	            <span>{{ item.title }}</span>
+	    </li>
+	
+	  </ul>
+	  </div>
+	         <div class="rc-contair">
+				 <ul class="ts-product-list rc-margin-bottom--lg">
+				     <li v-for="(item,index) in rccontair" :key="index" class="rc-margin-top--md">
+				 		 <div class="rc-click rc-margin-bottom--md" @click="selectproduce(item,index)">
+				 			<div class="rc-rccontair">
+				 				<img :src=item.catimage alt="">   
+				 			</div>
+				 		</div>
+				 		<div class="rc-column">
+				 			<div class="rc-click" @click="selectproduce(item,index)">
+				 				<span>{{item.title}}</span>
+				 				<i>0.001{{item.price}}</i>
+				 			</div>
+				 			<strong class="ts-standard-btn ts-standard-btn--two rc-margin-y--md center" @click="selectproduce(item,index)">立即购买</strong>
+				 		</div>
+				     </li>
+				 </ul>
+			
+	      <nuxt-link :to="`/productdetails/productlist/`">
+	     <div class="userserlect">
+	           <span class="ts-standard-btn center">查看更多</span>
+	         </div>
+	        </nuxt-link>
+	       
+	         
+	     </div>
+	
+	      </div>
+	
+	
+	
+	 </div>
+	 <div class="online bold" v-show="fivemao"></div>
+	
+	   <div class="selectionswitch rc-full-width rc-max-width--xl rc-padding-y--md" v-show="fivemao" ref="chufang">
+	   <h2 class="rc-beta rc-text--center">处方用粮</h2>
+	<van-tabs @change='userclick' class="van-tabs">
+	  <van-tab v-for="(item,index) in discounchufang" :key="index" :title="item.title">
+	       <div class="rc-contair">
+				<ul class="ts-product-list rc-margin-bottom--lg">
+				    <li v-for="(item,index) in processinformation" :key="index" class="rc-margin-top--md rc-padding-bottom--lg">
+						 <div class="rc-click rc-margin-bottom--md" @click="selectproduce(item,index)">
+							<div class="rc-rccontair">
+								<img :src="`${usersetting}/${item.picFile}`">
+							</div>
+						</div>
+						<div class="rc-column">
+							<div class="rc-click" @click="selectproduce(item,index)">
+								<span>{{item.productName}}</span>
+							</div>
+						</div>
+				    </li>
+				</ul>
+	         
+	      
+	 <nuxt-link :to="`/productdetails/productlist/`">
+	     <div class="userserlect">
+	           <span class="ts-standard-btn center">查看更多</span>
+	         </div>
+	        </nuxt-link>
+	        
+	       
+	         
+	     </div>
+	
+	  </van-tab>
+	</van-tabs>
+	      <div class="rc-selection">
+	
+	         <ol>
+	    <li 
+	      v-for="(item, index) in selection"
+	            :key="index"
+	            @click="selectGo(item, index)"
+	            :class="activeInde2 == index ? 'userselection' : 'unselection'"
+	          >
+	      
+	            <span>{{ item.title }}</span>
+	    </li>
+	  </ol>
+	     <div class="rc-maa">
+	  <ul>
+	 
+	     
+	    <li 
+	      v-for="(item, index) in doglist"
+	            :key="index"
+	            @click="selectGoo(item, index)"
+	            :class="activeInde3 == index ? 'active' : 'unactive'"
+	          >
+	          <img :src="item.catimage" alt="">
+	            <span>{{ item.title }}</span>
+	    </li>
+	
+	  </ul>
+	  </div>
+	         <div class="rc-contair">		 
 			 <ul class="ts-product-list rc-margin-bottom--lg">
-			     <li v-for="(item,index) in rccontair" :key="index" class="rc-margin-top--md">
+			     <li v-for="(item,index) in rccontair" :key="index" class="rc-margin-top--md rc-padding-bottom--lg">
 			 		 <div class="rc-click rc-margin-bottom--md" @click="selectproduce(item,index)">
 			 			<div class="rc-rccontair">
-			 				<img :src=item.catimage alt="">   
+			 				<img :src=item.catimage alt="">
 			 			</div>
 			 		</div>
 			 		<div class="rc-column">
 			 			<div class="rc-click" @click="selectproduce(item,index)">
 			 				<span>{{item.title}}</span>
-			 				<i>0.001{{item.price}}</i>
 			 			</div>
-			 			<strong class="ts-standard-btn ts-standard-btn--two rc-margin-y--md center" @click="selectproduce(item,index)">立即购买</strong>
 			 		</div>
 			     </li>
 			 </ul>
-			 
-         
-  <nuxt-link :to="`/productdetails/productlist/`">
-     <div class="userserlect">
-           <span class="ts-standard-btn center">查看更多</span>
-         </div>
-        </nuxt-link>
-       
-         
-     </div>
-
-      </div>
-
-
-
- </div>
-
- 
-
- <div class="online bold" v-show="fourmao"></div>
-   <div class="selectionswitch rc-full-width rc-max-width--xl rc-padding-y--md" v-show="fourmao" ref="dogan">
-   <h2 class="rc-beta rc-text--center">全价犬干粮</h2>
-<van-tabs @change='userdog' class="van-tabs">
-   <div class="online bold" v-show="fourmao"></div>
-  <van-tab v-for="(item,index) in dogtype" :key="index" :title="item.title">
-    	<div class="usermain">
-			<ul class="ul-dog usermain">
-				<li 
-					v-for="(item, index) in userdoglist"
-					:key="index"
-					@click="userdoghot(item, index)"
-					:class="activeIndex6 == index ? 'active' : 'unactive'"
-				>
-					<img :src="item.catimage" alt="">
-					<span>{{ item.title }}</span>
-				</li>
-			</ul>
+	         
+	  <nuxt-link :to="`/productdetails/productlist/`">
+	     <div class="userserlect">
+	           <span class="ts-standard-btn center">查看更多</span>
+	         </div>
+	        </nuxt-link>
+	       
+	         
+	     </div>
+	
+	      </div>
+	 </div>
+	 <div class="online bold"></div>
+	
+	 <div class="rc-usermessage rc-padding--md rc-full-width rc-max-width--md">
+	  <h2 class="rc-beta rc-text--center">为每一种健康需求度身定制</h2>
+	  <span class="rc-text--center">每一只猫、每一只狗都是独一无二的，而他们的健康所需亦一样，需要专门度身定制。不过，这些健康需求
+	    通常是他们体型、品种或生活方式上的特征。邀请您探索我们的营养系列，了解我们如何协助每一只爱宠过
+	    得更健康。
+	  </span>
+	  <a href="https://royalcanin.com.cn/tailored-nutrition/details" class="ts-standard-btn ts-standard-btn--two center rc-margin-y--md">
+		了解更多
+	  </a>
+	 </div>
+	 </div>
+	
+	
+	
+	
 	</div>
-       <div class="rc-contair">
-			<ul class="ts-product-list rc-margin-bottom--lg">
-			    <li v-for="(item,index) in doggan" :key="index" class="rc-margin-top--md">
-					 <div class="rc-click rc-margin-bottom--md" @click="selectproduce(item,index)">
-						<div class="rc-rccontair">
-							<img :src=item.picture alt="">   
-						</div>
-					</div>
-					<div class="rc-column">
-						<div class="rc-click" @click="selectproduce(item,index)">
-							<span>{{item.name}}</span>
-							<i>0.001{{item.price}}</i>
-						</div>
-						<strong class="ts-standard-btn ts-standard-btn--two rc-margin-y--md center" @click="selectproduce(item,index)">立即购买</strong>
-					</div>
-			    </li>
-			</ul>
-         
-    <nuxt-link :to="`/productdetails/productlist/`">
-     <div class="userserlect">
-           <span class="ts-standard-btn center">查看更多</span>
-         </div>
-        </nuxt-link>
-       
-       
-         
-     </div>
-
-  </van-tab>
-</van-tabs>
-      <div class="rc-selection">
-
-         <ol>
-    <li 
-      v-for="(item, index) in selection"
-            :key="index"
-            @click="selectGo(item, index)"
-            :class="activeInde2 == index ? 'userselection' : 'unselection'"
-          >
-      
-            <span>{{ item.title }}</span>
-    </li>
-  </ol>
-     <div class="rc-maa">
-  <ul>
- 
-     
-    <li 
-      v-for="(item, index) in doglist"
-            :key="index"
-            @click="selectGoo(item, index)"
-            :class="activeInde3 == index ? 'active' : 'unactive'"
-          >
-          <img :src="item.catimage" alt="">
-            <span>{{ item.title }}</span>
-    </li>
-
-  </ul>
-  </div>
-         <div class="rc-contair">
-			 <ul class="ts-product-list rc-margin-bottom--lg">
-			     <li v-for="(item,index) in rccontair" :key="index" class="rc-margin-top--md">
-			 		 <div class="rc-click rc-margin-bottom--md" @click="selectproduce(item,index)">
-			 			<div class="rc-rccontair">
-			 				<img :src=item.catimage alt="">   
-			 			</div>
-			 		</div>
-			 		<div class="rc-column">
-			 			<div class="rc-click" @click="selectproduce(item,index)">
-			 				<span>{{item.title}}</span>
-			 				<i>0.001{{item.price}}</i>
-			 			</div>
-			 			<strong class="ts-standard-btn ts-standard-btn--two rc-margin-y--md center" @click="selectproduce(item,index)">立即购买</strong>
-			 		</div>
-			     </li>
-			 </ul>
-		
-      <nuxt-link :to="`/productdetails/productlist/`">
-     <div class="userserlect">
-           <span class="ts-standard-btn center">查看更多</span>
-         </div>
-        </nuxt-link>
-       
-         
-     </div>
-
-      </div>
-
-
-
- </div>
- <div class="online bold" v-show="fivemao"></div>
-
-   <div class="selectionswitch rc-full-width rc-max-width--xl rc-padding-y--md" v-show="fivemao" ref="chufang">
-   <h2 class="rc-beta rc-text--center">处方用粮</h2>
-<van-tabs @change='userclick' class="van-tabs">
-  <van-tab v-for="(item,index) in discounchufang" :key="index" :title="item.title">
-       <div class="rc-contair">
-			<ul class="ts-product-list rc-margin-bottom--lg">
-			    <li v-for="(item,index) in processinformation" :key="index" class="rc-margin-top--md rc-padding-bottom--lg">
-					 <div class="rc-click rc-margin-bottom--md" @click="selectproduce(item,index)">
-						<div class="rc-rccontair">
-							<img :src="`${usersetting}/${item.picFile}`">
-						</div>
-					</div>
-					<div class="rc-column">
-						<div class="rc-click" @click="selectproduce(item,index)">
-							<span>{{item.productName}}</span>
-						</div>
-					</div>
-			    </li>
-			</ul>
-         
-      
- <nuxt-link :to="`/productdetails/productlist/`">
-     <div class="userserlect">
-           <span class="ts-standard-btn center">查看更多</span>
-         </div>
-        </nuxt-link>
-        
-       
-         
-     </div>
-
-  </van-tab>
-</van-tabs>
-      <div class="rc-selection">
-
-         <ol>
-    <li 
-      v-for="(item, index) in selection"
-            :key="index"
-            @click="selectGo(item, index)"
-            :class="activeInde2 == index ? 'userselection' : 'unselection'"
-          >
-      
-            <span>{{ item.title }}</span>
-    </li>
-  </ol>
-     <div class="rc-maa">
-  <ul>
- 
-     
-    <li 
-      v-for="(item, index) in doglist"
-            :key="index"
-            @click="selectGoo(item, index)"
-            :class="activeInde3 == index ? 'active' : 'unactive'"
-          >
-          <img :src="item.catimage" alt="">
-            <span>{{ item.title }}</span>
-    </li>
-
-  </ul>
-  </div>
-         <div class="rc-contair">		 
-		 <ul class="ts-product-list rc-margin-bottom--lg">
-		     <li v-for="(item,index) in rccontair" :key="index" class="rc-margin-top--md rc-padding-bottom--lg">
-		 		 <div class="rc-click rc-margin-bottom--md" @click="selectproduce(item,index)">
-		 			<div class="rc-rccontair">
-		 				<img :src=item.catimage alt="">
-		 			</div>
-		 		</div>
-		 		<div class="rc-column">
-		 			<div class="rc-click" @click="selectproduce(item,index)">
-		 				<span>{{item.title}}</span>
-		 			</div>
-		 		</div>
-		     </li>
-		 </ul>
-         
-  <nuxt-link :to="`/productdetails/productlist/`">
-     <div class="userserlect">
-           <span class="ts-standard-btn center">查看更多</span>
-         </div>
-        </nuxt-link>
-       
-         
-     </div>
-
-      </div>
- </div>
- <div class="online bold"></div>
-
- <div class="rc-usermessage rc-padding--md rc-full-width rc-max-width--md">
-  <h2 class="rc-beta rc-text--center">为每一种健康需求度身定制</h2>
-  <span class="rc-text--center">每一只猫、每一只狗都是独一无二的，而他们的健康所需亦一样，需要专门度身定制。不过，这些健康需求
-    通常是他们体型、品种或生活方式上的特征。邀请您探索我们的营养系列，了解我们如何协助每一只爱宠过
-    得更健康。
-  </span>
-  <a href="https://royalcanin.com.cn/tailored-nutrition/details" class="ts-standard-btn ts-standard-btn--two center rc-margin-y--md">
-	了解更多
-  </a>
- </div>
- </div>
-
-
-
-
+	
+	<!-- <div class="container">
+	      <nuxt-link :to="`/userlogin/login/`">
+	      <div class="userlogin">
+	
+	          <span>登录/注册</span>
+	
+	      </div>
+	        </nuxt-link>
+	           <nuxt-link :to="`/usersearch/search/`">
+	      <div class="userlogin">
+	
+	          <span>搜索</span>
+	
+	      </div>
+	        </nuxt-link>
+	
+	
+	
+	      <nuxt-link :to="`/personal/mypersonal/`">
+	      <div class="userlogin">
+	          <span>个人中心</span>
+	
+	      </div>
+	        </nuxt-link>
+	        </div> -->
+	
+	        <div class="rc-fixright" >
+				<ul >
+					<li v-for="(userfixed,index) in fixedlist" :key="index" @click="lianxi(userfixed,index)">
+						<img :src="userfixed.catimage" alt="">
+						<span> {{userfixed.title}}</span>
+					</li>
+				</ul>
+				<div class="tuntop" @click="toTop" v-show="gotop">
+					<img src="../assets/image/turntop.png" alt="">
+					<span>回到顶部</span>
+				</div>
+	        </div>
+	
+			<Myfooter v-on:litentop='showmesg'></Myfooter>
 </div>
-
-<!-- <div class="container">
-      <nuxt-link :to="`/userlogin/login/`">
-      <div class="userlogin">
-
-          <span>登录/注册</span>
-
-      </div>
-        </nuxt-link>
-           <nuxt-link :to="`/usersearch/search/`">
-      <div class="userlogin">
-
-          <span>搜索</span>
-
-      </div>
-        </nuxt-link>
-
-
-
-      <nuxt-link :to="`/personal/mypersonal/`">
-      <div class="userlogin">
-          <span>个人中心</span>
-
-      </div>
-        </nuxt-link>
-        </div> -->
-
-        <div class="rc-fixright" >
-			<ul >
-				<li v-for="(userfixed,index) in fixedlist" :key="index" @click="lianxi(userfixed,index)">
-					<img :src="userfixed.catimage" alt="">
-					<span> {{userfixed.title}}</span>
-				</li>
-			</ul>
-			<div class="tuntop" @click="toTop" v-show="gotop">
-				<img src="../assets/image/turntop.png" alt="">
-				<span>回到顶部</span>
-			</div>
-        </div>
-
-          <Myfooter v-on:litentop='showmesg'></Myfooter>
-        </div>
 </template>
   <script>
   let vm=null;
-  import $ from 'jquery'
   import Myheader from "~/components/header.vue";
   import Myfooter from "~/components/rc-footer.vue";
   import unlogin from "~/components/unlogin.vue";
-  import '@vant/touch-emulator';
   import { userquery,postCourseId,biaomessage,userque,searchchanpin } from "../ajax/getData";
   const settings = require("@/config");
   export default {
@@ -754,51 +749,53 @@
         },
     
         ],
-        anchor:'',
-        dogshi:[],
-        catlist:[],
-        chufanlist:[],
-        doglist:[],
-        gotop: false,
-        usersetting: `${settings.rbs}`,
-      activeIndex: 0,
-      activeIndex5:0,
-      activeIndex6:0,
-      activeInde2: 0,
-activeInde3:0,
-      catproduct:true,
-      catfood:false,
+		anchor:'',
+		dogshi:[],
+		catlist:[],
+		chufanlist:[],
+		doglist:[],
+		gotop: false,
+		usersetting: `${settings.rbs}`,
+		activeIndex: 0,
+		activeIndex5:0,
+		activeIndex6:0,
+		activeInde2: 0,
+		activeInde3:0,
+		catproduct:true,
+		catfood:false,
 
 
-         selection:[
-                   {
-          title: "幼猫",
-            
-        },
-        {
-          title: "成猫",
-        },
-        {
-          title: "老年猫",
-        },
-         {
-          title: "品种猫",
-          
-        },
-        {
-          title: "亚健康",
-          
-        },
-            ],
-
-                     banners:[
-                {src:require("../assets/image/one.jpg"),link:""},
-                {src:require("../assets/image/two.jpg"),link:""},
-                {src:require("../assets/image/three.jpg"),link:""},
-                {src:require("../assets/image/four.jpg"),link:""},
-            ],
-
-                             userdoglist: [
+        selection:[
+			{
+				title: "幼猫",
+			},
+			{
+				title: "成猫",
+			},
+			{
+				title: "老年猫",
+			},
+			{
+				title: "品种猫",
+			},
+			{
+				title: "亚健康",
+			},
+		],
+		banners:{
+			'mobile':[
+				{src:"/images/banner/one.jpg",link:""},
+				{src:"/images/banner/two.jpg",link:""},
+				{src:"/images/banner/three.jpg",link:""},
+				{src:"/images/banner/four.jpg",link:""}
+			],
+			'pc':[
+				{src:"/images/banner/pc-banner1.png",link:""},
+				{src:"/images/banner/pc-banner2.png",link:""}
+			]
+		},	
+		showingBanners:[],
+		userdoglist: [
         {
           title: "小型犬",
              catimage: require("../assets/cat.png"),
@@ -890,8 +887,8 @@ activeInde3:0,
 
 	discounchufang: [
         {
-          title: "消化道",
-             catimage: require("../assets/cat.png"),
+			title: "消化道",
+            catimage: require("../assets/cat.png"),
         },
         {
           title: "泌尿道",
@@ -913,64 +910,64 @@ activeInde3:0,
         },
      
       ],
-                    catlistvideo: [
+		catlistvideo: [
         {
-          title: "明星猫粮",
-            video:require("../assets/cat/one.mp4"),
-             catimage: require("../assets/cat/one.jpg"),
-             detail:'为10月龄及以上英国短毛猫成猫量身打造的精准营养',
-             price:'¥123.45',
+			title: "明星猫粮",
+			video:"/images/cat/one.mp4",
+			catimage: "/images/cat/one.jpg",
+			detail:'为10月龄及以上英国短毛猫成猫量身打造的精准营养',
+			price:'¥123.45',
         },
         {
           title: "猫湿粮",
-         video:require("../assets/cat/two.mp4"),
-          catimage: require("../assets/cat/two.jpg"),
+         video:"/images/cat/two.mp4",
+          catimage: "/images/cat/two.jpg",
             detail:'为10月龄及以上英国短毛猫成猫量身打造的精准营养',
              price:'¥123.45',
         },
         {
-          title: "猫干粮",
-          video:require("../assets/cat/three.mp4"),
-           catimage: require("../assets/cat/three.jpg"),
-             detail:'为10月龄及以上英国短毛猫成猫量身打造的精准营养',
-             price:'¥123.45',
+			title: "猫干粮",
+			video:"/images/cat/three.mp4",
+			catimage: "/images/cat/three.jpg",
+			detail:'为10月龄及以上英国短毛猫成猫量身打造的精准营养',
+			price:'¥123.45',
         },
-            {
-          title: "猫干粮",
-          video:require("../assets/cat/four.mp4"),
-           catimage: require("../assets/cat/four.jpg"),
-             detail:'为10月龄及以上英国短毛猫成猫量身打造的精准营养',
-             price:'¥123.45',
+		{
+			title: "猫干粮",
+			video:"/images/cat/four.mp4",
+			catimage: "/images/cat/four.jpg",
+			detail:'为10月龄及以上英国短毛猫成猫量身打造的精准营养',
+			price:'¥123.45',
         },
   
       ],
 
-              doglistvideo: [
+		doglistvideo: [
         {
           title: "明星狗粮",
-            video:require("../assets/dog/one.mp4"),
-             catimage: require("../assets/dog/one.jpg"),
+            video:"/images/dog/one.mp4",
+             catimage: "/images/dog/one.jpg",
              detail:'为10月龄及以上成犬量身打造的精准营养',
              price:'¥123.45',
         },
         {
           title: "狗湿粮",
-         video:require("../assets/dog/two.mp4"),
-          catimage: require("../assets/dog/two.jpg"),
+         video:"/images/dog/two.mp4",
+          catimage: "/images/dog/two.jpg",
             detail:'为10月龄及以上英国成犬量身打造的精准营养',
              price:'¥123.45',
         },
         {
           title: "狗干粮",
-          video:require("../assets/dog/three.mp4"),
-           catimage: require("../assets/dog/three.jpg"),
+          video:"/images/dog/three.mp4",
+           catimage: "/images/dog/three.jpg",
              detail:'为10月龄及以上英国犬成犬量身打造的精准营养',
              price:'¥123.45',
         },
             {
           title: "狗干粮",
-          video:require("../assets/dog/four.mp4"),
-           catimage: require("../assets/dog/four.jpg"),
+          video:"/images/dog/four.mp4",
+           catimage: "/images/dog/four.jpg",
              detail:'为10月龄及以上英国成犬量身打造的精准营养',
              price:'¥123.45',
         },
@@ -994,12 +991,11 @@ activeInde3:0,
         },
   
       ],
-             rccontair: [
+	  rccontair: [
         {
           title: "皇家英国短毛猫全价湿粮",
           price:'￥123.45',
           ordernum: 1,
-
           catimage: require("../assets/image/rc-cat.png"),
         },
 
@@ -1048,29 +1044,29 @@ activeInde3:0,
       ],
 
              swiperOption: {
-                loop: true,
-                slidesPerView: 'auto',
-                centeredSlides: true,
-                speed:1000,
-                spaceBetween: 30,
-                //  autoplay: true,
-                   loopAdditionalSlides: 100,
-                pagination: {
-                    el: '.swiper-pagination',
-                    dynamicBullets: true
-                },
-            navigation: {
-          nextEl: '.swiper-button-next',
-          prevEl: '.swiper-button-prev'
-        },
+					loop: true,
+					slidesPerView: 'auto',
+					centeredSlides: true,
+					speed:1000,
+					spaceBetween: 30,
+					//  autoplay: true,
+					loopAdditionalSlides: 100,
+					pagination: {
+					el: '.swiper-pagination',
+					dynamicBullets: true
+					},
+					navigation: {
+					nextEl: '.swiper-button-next',
+					prevEl: '.swiper-button-prev'
+				},
                 on: {
-                          slideChange(Swiper) {
-                        console.log('onSlideChangeEnd',this);
+					slideChange(Swiper) {
+                        //console.log('onSlideChangeEnd',this);
                           // vm.ifadroind('','',this.realIndex);
                         vm.useraindex=this.realIndex;
                     },
                     tap() {
-                        console.log('onTap', this);
+                        //console.log('onTap', this);
                     }
                     // slideChange() {
                     //     console.log('onSlideChangeEnd', this);
@@ -1081,228 +1077,216 @@ activeInde3:0,
                 }
             },
        }
-     },
-       components:{
-    Myheader,
-    Myfooter,
-    unlogin,
-    // userswiper
-     },
-     created(){
-vm=this;
-     },
-     watch:{
-},
-      mounted(){
- const that = this
-    this.ifAdoid()
-      //          window.onresize = () => {
-      //   setTimeout(() => {
-      //         this.ifAdoid()
-      //   }, 500);
-    
-      // }
-             this.usermessage= JSON.parse(localStorage.getItem("userInfo"));
-           
-            if(this.usermessage==null ||this.usermessage==undefined){
-                  this.userunlogin=true
-            }
-         window.addEventListener("scroll", this.handleScroll, true);
-      this.userchufang();//查询处方粮商品信息
-      this.catmessage();//查询猫的信息
-      this.dogmessage();//查询狗的信息
-      // this.usershi();//查询对应的标签
-      // this.userhot();
+    },
+	components:{
+		Myheader,
+		Myfooter,
+		unlogin,
+		// userswiper
+	},
+	created(){
+		vm=this;
+	},
+	watch:{
 
-     },
-     destroyed () {
-    window.removeEventListener('scroll', this.scrollToTop); 
-},
-     methods:{
+	},
+    mounted(){
+		const that = this
+		this.ifAdoid();
+		this.usermessage= JSON.parse(localStorage.getItem("userInfo"));
+		if(this.usermessage==null ||this.usermessage==undefined){
+			this.userunlogin=true
+		}
+		window.addEventListener("scroll", this.handleScroll, true);
+		this.userchufang();//查询处方粮商品信息
+		this.catmessage();//查询猫的信息
+		this.dogmessage();//查询狗的信息
+	},
+	destroyed () {
+		window.removeEventListener('scroll', this.scrollToTop); 
+	},
+    methods:{
+		ifAdoid(item,index){
+				//console.log(index);
+				this.userindex=index;
+				var sUserAgent = navigator.userAgent.toLowerCase();
+				var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";
+				var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os";
+				var bIsMidp = sUserAgent.match(/midp/i) == "midp";
+				var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";
+				var bIsUc = sUserAgent.match(/ucweb/i) == "ucweb";
+				var bIsAndroid = sUserAgent.match(/android/i) == "android";
+				var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce";
+				var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile";
+			if (!(bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM)) {
+				console.log("当前是电脑打开")
+				this.stypechange=false;
+				//console.log(this.usertitle)
+
+				this.catproduct=true;
+				this.onemao=false;
+				this.twomao=false;
+				this.threemao=false;
+				this.fourmao=false;
+				this.fivemao=false;
+				this.sixmao=false;
+				this.dogshow=false
+				this.showingBanners=this.banners.pc;
+			}
+			else
+			{
+				console.log("当前是手机打开")
+				this.showingBanners=this.banners.mobile;
+				this.stypechange=true;
+				this.onemao=true;
+				this.twomao=true;
+				this.threemao=true;
+				this.fourmao=true;
+				this.fivemao=true;
+				this.dogshow=true;
+				this.catproduct=true
+				this.sixmao=true;
+
+			}
+		},
+
+		ifadroind(item,index,order){
+			//console.log(item,index,order);
 
 
+			var sUserAgent = navigator.userAgent.toLowerCase();
+			var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";
+			var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os";
+			var bIsMidp = sUserAgent.match(/midp/i) == "midp";
+			var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";
+			var bIsUc = sUserAgent.match(/ucweb/i) == "ucweb";
+			var bIsAndroid = sUserAgent.match(/android/i) == "android";
+			var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce";
+			var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile";
 
-    ifAdoid(item,index){
- console.log(index);
- this.userindex=index;
-    var sUserAgent = navigator.userAgent.toLowerCase();
-    var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";
-    var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os";
-    var bIsMidp = sUserAgent.match(/midp/i) == "midp";
-    var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";
-    var bIsUc = sUserAgent.match(/ucweb/i) == "ucweb";
-    var bIsAndroid = sUserAgent.match(/android/i) == "android";
-    var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce";
-    var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile";
- 
-    if (!(bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM)) {
-      console.log("当前是电脑打开")
-     this.stypechange=false;
-     console.log(this.usertitle)
-     
-    //  let catshiid=document.querySelectorAll('.selectionswitch');
-    //  catshiid[this.userindex].style.display='none';
-    //     catshiid[this.userindex].style.display='none';
-    this.catproduct=true;
-         this.onemao=false;
-         this.twomao=false;
-         this.threemao=false;
-         this.fourmao=false;
-         this.fivemao=false;
-         this.sixmao=false;
-         this.dogshow=false
-      // console.log(catshiid);
-    }else{
-  console.log("当前是手机打开")
-     this.stypechange=true;
-        this.onemao=true;
-          this.twomao=true;
-          this.threemao=true;
-          this.fourmao=true;
-          this.fivemao=true;
-             this.dogshow=true;
-             this.catproduct=true
-          this.sixmao=true;
+		if (!(bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM)) {
+		  //console.log("当前是电脑打开啊啊啊")
+					if(item.title=='明星猫粮'){
+					   this.catproduct=true;
+					   this.twomao=false;
+					   this.threemao=false;
+					   this.fourmao=false;
+					   this.fivemao=false;
+					   this.dogshow=false;
+					   this.sixmao=false;
 
-}
-  },
+					   this.onemao=false;
 
-                ifadroind(item,index,order){
-                console.log(item,index,order);
-         
-                
-    var sUserAgent = navigator.userAgent.toLowerCase();
-    var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";
-    var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os";
-    var bIsMidp = sUserAgent.match(/midp/i) == "midp";
-    var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";
-    var bIsUc = sUserAgent.match(/ucweb/i) == "ucweb";
-    var bIsAndroid = sUserAgent.match(/android/i) == "android";
-    var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce";
-    var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile";
+					}
+					if(item.title=='猫湿粮'){
+						this.onemao=true;
+						   this.dogshow=false;
+						//console.log(this.onemao);
+					   this.twomao=false;
+					   this.threemao=false;
+					   this.fourmao=false;
+					   this.fivemao=false;
+					   this.catproduct=false;
 
-    if (!(bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM)) {
-      console.log("当前是电脑打开啊啊啊")
-                if(item.title=='明星猫粮'){
-                   this.catproduct=true;
-                   this.twomao=false;
-                   this.threemao=false;
-                   this.fourmao=false;
-                   this.fivemao=false;
-                   this.dogshow=false;
-                   this.sixmao=false;
-                   this.onemao=false;
-                }
-                if(item.title=='猫湿粮'){
-                    this.onemao=true;
-                       this.dogshow=false;
-                    console.log(this.onemao);
-                   this.twomao=false;
-                   this.threemao=false;
-                   this.fourmao=false;
-                   this.fivemao=false;
-                   this.catproduct=false;
+				  
 
-              
+					}if(item.title=='猫干粮'){
+						 this.onemao=false;
+					   this.twomao=true;
+						  this.dogshow=false;
+					   this.threemao=false;
+					   this.fourmao=false;
+					   this.chufang=false;
+					   this.catproduct=false;
+					}
+			  
+						if(item.title=='犬干粮'){
+						  this.onemao=false;
+					   this.twomao=false;
+					   this.threemao=false;
+					   this.fourmao=true;
+					   this.chufang=false;
+						  this.dogshow=false;
+					   this.catproduct=false;
+					}
 
-                }if(item.title=='猫干粮'){
-                     this.onemao=false;
-                   this.twomao=true;
-                      this.dogshow=false;
-                   this.threemao=false;
-                   this.fourmao=false;
-                   this.chufang=false;
-                   this.catproduct=false;
-                }
-          
-                    if(item.title=='犬干粮'){
-                      this.onemao=false;
-                   this.twomao=false;
-                   this.threemao=false;
-                   this.fourmao=true;
-                   this.chufang=false;
-                      this.dogshow=false;
-                   this.catproduct=false;
-                }
+							if(item.title=='犬湿粮'){
+							   this.onemao=false;
+					   this.twomao=false;
+					   this.threemao=true;
+					   this.fourmao=false;
+					   this.chufang=false;
+					   this.catproduct=false;
+						  this.dogshow=false;
+					}
+						  if(item.title=='处方用粮'){
+							   this.onemao=false;
+					   this.twomao=false;
+					   this.threemao=false;
+					   this.fourmao=false;
+					   this.fivemao=true;
+						  this.dogshow=false;
+					   this.catproduct=false;
+					}
+						   if(item.title=='明星狗粮'){
+							   this.onemao=false;
+					   this.twomao=false;
+					   this.threemao=false;
+					   this.fourmao=false;
+					   this.fivemao=false;
+					   this.dogshow=true;
+					   this.catproduct=false;
+					}
+		  // this.usertitle=item.title
+			// this.catlistvideo[order]=item;      
+			//   this.catproduct=true;  
 
-                        if(item.title=='犬湿粮'){
-                           this.onemao=false;
-                   this.twomao=false;
-                   this.threemao=true;
-                   this.fourmao=false;
-                   this.chufang=false;
-                   this.catproduct=false;
-                      this.dogshow=false;
-                }
-                      if(item.title=='处方用粮'){
-                           this.onemao=false;
-                   this.twomao=false;
-                   this.threemao=false;
-                   this.fourmao=false;
-                   this.fivemao=true;
-                      this.dogshow=false;
-                   this.catproduct=false;
-                }
-                       if(item.title=='明星狗粮'){
-                           this.onemao=false;
-                   this.twomao=false;
-                   this.threemao=false;
-                   this.fourmao=false;
-                   this.fivemao=false;
-                   this.dogshow=true;
-                   this.catproduct=false;
-                }
-      // this.usertitle=item.title
-        // this.catlistvideo[order]=item;      
-        //   this.catproduct=true;  
+			}else{
+				this.catfood=true;
+				// this.catproduct=false;  
+				let userindex=index
+				//console.log(item,index);
+				let mingxin=document.querySelector('.pageFullScreen');
+				let dogtop=document.querySelector('.oc-top');
+				//console.log(dogtop);
+				//console.log(mingxin.offsetTop);
+				if(item.title=='犬湿粮'||item.title=='犬干粮'||item.title=='处方用粮'){
+				userindex=userindex-2
+				}else{
+				userindex=userindex-1
+				}
+				if(item.title=='明星猫粮'){
+				mingxin.scrollIntoView(true);
+				}else{
+				let catshiid=document.querySelectorAll('.selectionswitch');
+				catshiid[userindex].scrollIntoView(true);
+				}
+				if(item.title=='明星狗粮')
+				dogtop.scrollIntoView(true);
+				//  if(item.title=="猫湿粮"){
+				//    this.catproduct=false;
+				//    this.catfood=true;
+				//  }else if(item.title=="明星猫粮"){
+				//         this.catproduct=true;
+				//    this.catfood=false;
 
-    }else{
-  this.catfood=true;
-  // this.catproduct=false;  
-     let userindex=index
-  console.log(item,index);
-   let mingxin=document.querySelector('.pageFullScreen');
-   let dogtop=document.querySelector('.oc-top');
-   console.log(dogtop);
-console.log(mingxin.offsetTop);
-if(item.title=='犬湿粮'||item.title=='犬干粮'||item.title=='处方用粮'){
-  userindex=userindex-2
-}else{
-  userindex=userindex-1
-}
-if(item.title=='明星猫粮'){
-    mingxin.scrollIntoView(true);
-}else{
- let catshiid=document.querySelectorAll('.selectionswitch');
-catshiid[userindex].scrollIntoView(true);
-}
-if(item.title=='明星狗粮')
-dogtop.scrollIntoView(true);
-  //  if(item.title=="猫湿粮"){
-  //    this.catproduct=false;
-  //    this.catfood=true;
-  //  }else if(item.title=="明星猫粮"){
-  //         this.catproduct=true;
-  //    this.catfood=false;
-
-  //  }
-  console.log("当前是手机打开")
-  
-}
-  },
-         userdog(item,index){
-             this.userstype=1;
-              let petType={
-          petType:1,
-          name:index,
-           }
-                for(let i =0;i<this.userserachlist.length;i++){
-                if(!this.userserachlist.includes(petType)){
-                  this.userserachlist.push(petType)
-                }
-             }
-           this.dogmessage(this.userserachlist)
-       },
+				//  }
+				//console.log("当前是手机打开")
+			}
+		},
+		userdog(item,index){
+			this.userstype=1;
+			let petType={
+				petType:1,
+				name:index,
+			}
+			for(let i =0;i<this.userserachlist.length;i++){
+				if(!this.userserachlist.includes(petType)){
+				  this.userserachlist.push(petType)
+				}
+			}
+		this.dogmessage(this.userserachlist)
+	},
 
      
        userlook(order){
@@ -1329,13 +1313,14 @@ dogtop.scrollIntoView(true);
        this.toTop();
        },
     handleScroll(e) 
-	{		
-    let scrolltop = document.documentElement.scrollTop || document.body.scrollTop;
-		let fixedCatbarSeperator = document.querySelector("#fixed-catbar-seperator");
-    // console.log(fixedCatbarSeperator.offsetTop,scrolltop);
-    if(fixedCatbarSeperator!=='null' &&fixedCatbarSeperator!=='underfined'){
-       console.log('-====');
-     	if((scrolltop-fixedCatbarSeperator.offsetTop)>0)
+	{
+		let fixedCatbarSeperator = document.getElementById("fixed-catbar-seperator");
+		if(!fixedCatbarSeperator)
+		{
+			return;
+		}
+		let scrolltop = document.documentElement.scrollTop || document.body.scrollTop;
+		if((scrolltop-fixedCatbarSeperator.offsetTop)>0)
 		{
 			this.gotop = true
 			this.searchBar=false
@@ -1367,24 +1352,21 @@ dogtop.scrollIntoView(true);
       }
     },
      //请求猫
-       async catmessage(stype) {
-          let data=[];
-          if(stype==undefined||stype==null){
-             data = await biaomessage(0);
-          }else{
-              data = await biaomessage(this.userserachlist);
-          }
-      if(data){
-        this.catlist=data;
-        let userlist=[];
-        userlist=data.slice(0,6);
-        this.catshi=userlist;
-        this.catgan=userlist;
-        
-
-      }
-
-    },
+		async catmessage(stype) {
+			let data=[];
+			if(stype==undefined||stype==null){
+				data = await biaomessage(0,'',1,6);
+			}else{
+				data = await biaomessage(this.userserachlist,'',1,6);
+			}
+			if(data){
+				this.catlist=data;
+				let userlist=[];
+				userlist=data.slice(0,6);
+				this.catshi=userlist;
+				this.catgan=userlist;
+			}
+		},
 
          //请求犬
        async dogmessage(stype) {
@@ -1405,19 +1387,19 @@ dogtop.scrollIntoView(true);
     },
 
        selectproduce(item,index){
-         if(item.productList[0]==undefined){
-           item.productlist[0].productCode=0;
-         }
-         if(item.productList[0]==undefined){
-            item.productlist[0]=[];
-         }
-                  this.$router.push({
-        path: "/productdetails/producted",
-        query: {
-          stype: 1,
-          productCode:item.productList[0].productCode
-        },
-      });
+			if(item.productList[0]==undefined){
+				item.productlist[0].productCode=0;
+			}
+			if(item.productList[0]==undefined){
+				item.productlist[0]=[];
+			}
+			this.$router.push({
+				path: "/productdetails/producted",
+				query: {
+					stype: 1,
+					productCode:item.productList[0].productCode
+				},
+			});
        },
 
                //请求处方量信息数据
@@ -1441,24 +1423,24 @@ dogtop.scrollIntoView(true);
       }
 
     }, 
-    //处方用粮筛选
-       userclick(item,index){
-           this.userquery(index)
-       },
+		//处方用粮筛选
+		userclick(item,index){
+		   this.userquery(index)
+		},
          //全价猫湿粮筛选
-       catclick(item,index){
-         this.userstype=0;
- let petType={
-          petType:0,
-          name:index,
-           }
-     for(let i =0;i<this.userserachlist.length;i++){
-                if(!this.userserachlist.includes(petType)){
-                  this.userserachlist.push(petType)
-                }
-             }
-           this.catmessage(this.userserachlist)
-       },
+		catclick(item,index){
+			this.userstype=0;
+			let petType={
+				petType:0,
+				name:index,
+			}
+			for(let i =0;i<this.userserachlist.length;i++){
+				if(!this.userserachlist.includes(petType)){
+					this.userserachlist.push(petType)
+				}
+			}
+		   this.catmessage(this.userserachlist)
+		},
 
 
   
diff --git a/rc-busness/assets/image/four.jpg b/rc-busness/static/images/four.jpg
similarity index 100%
rename from rc-busness/assets/image/four.jpg
rename to rc-busness/static/images/four.jpg
diff --git a/rc-busness/assets/image/one.jpg b/rc-busness/static/images/one.jpg
similarity index 100%
rename from rc-busness/assets/image/one.jpg
rename to rc-busness/static/images/one.jpg
diff --git a/rc-busness/static/images/pc-banner1.png b/rc-busness/static/images/pc-banner1.png
new file mode 100644
index 00000000..0930e107
Binary files /dev/null and b/rc-busness/static/images/pc-banner1.png differ
diff --git a/rc-busness/static/images/pc-banner2.png b/rc-busness/static/images/pc-banner2.png
new file mode 100644
index 00000000..eb453954
Binary files /dev/null and b/rc-busness/static/images/pc-banner2.png differ
diff --git a/rc-busness/assets/image/three.jpg b/rc-busness/static/images/three.jpg
similarity index 100%
rename from rc-busness/assets/image/three.jpg
rename to rc-busness/static/images/three.jpg
diff --git a/rc-busness/assets/image/two.jpg b/rc-busness/static/images/two.jpg
similarity index 100%
rename from rc-busness/assets/image/two.jpg
rename to rc-busness/static/images/two.jpg