diff --git a/App.vue b/App.vue
index 44e8f6d9e96b0b64d4575d233d40e23ed3671774..729a4171bd15164fc15e95d567206ec7f0aad077 100644
--- a/App.vue
+++ b/App.vue
@@ -25,5 +25,11 @@
 		min-width: 1140px;
 		overflow-x: hidden;
 	}
-	
+	.clearfix::after{
+		content: '';
+		height: 0;
+		display: block;
+		clear: both;
+		overflow: hidden;	
+	}
 </style>
diff --git a/components/hotel/content.vue b/components/hotel/content.vue
new file mode 100644
index 0000000000000000000000000000000000000000..fba493a0ab1e3625252802eaa7870e1b67c5fa32
--- /dev/null
+++ b/components/hotel/content.vue
@@ -0,0 +1,289 @@
+<template>
+    <view>
+        <view class="content">
+            <view class="box1 box">
+                 <view class="title">
+                     <view>主题住宿</view>
+                 </view>
+                 <view class="box1-content">
+                     <view class="content-title">
+                         <view class="active">亲子之选</view>
+                         <view>周末好去处</view>
+                         <view>目的地特色</view>
+                         <view>私人海滩</view>
+                         <view>吃货根据地</view>
+                         <view>潜水生地</view>
+                     </view>
+                     <!-- 内容 -->
+                     <view class="neirong">
+                         <view class="nr-box">
+                             <view class="nr-content" v-for="(item,index) in box1TitleList" :key='index'>
+                                 <image :src="item.src" mode=""></image>
+                                 <view  class="content-text">
+                                     <view>{{item.title}}</view>
+                                     <!-- 地址 -->
+                                     <view class="content-dzhi">
+                                         {{item.dzhi}}
+                                     </view>
+                                 </view>
+                             </view>
+                         </view>
+                     </view>
+                 </view>
+            </view> 
+            <view class="box2 box">
+                <view class="title">
+                    <view>特价酒店</view>
+                </view>
+                <view class="box1-content">
+                    <view class="content-title">
+                        <view class="active">曼谷</view>
+                        <view>台北</view>
+                        <view>东京</view>
+                        <view>香港</view>
+                        <view>首尔</view>
+                        <view>新加坡</view>
+                    </view>
+                    <!-- 内容 -->
+                    <view class="neirong">
+                        <view class="nr-box">
+                            <view class="nr2-content" v-for="(item,index) in box2TitleList" :key='index'>
+                                <view class="bac"></view>
+                                <image :src="item.src" mode="" class="nr-img"></image>
+                                <view  class="content-text">
+                                    <!-- 分数 -->
+                                    <view class="text-num">
+                                        {{item.num}}
+                                    </view>
+                                    <!-- 介绍 -->
+                                    <view class="text-name">
+                                        {{item.name}}
+                                    </view>
+                                </view>
+                               
+                            </view>
+                        </view>
+                    </view>
+                </view>
+            </view>
+        </view>
+    </view>
+</template>
+
+<script>
+    export default {
+        name:"gotelContent",
+        data() {
+            return {
+                box1TitleList:[
+                    
+                        {
+                            src:'../../static/hotel/1.jpeg',
+                            title:'狗骨岛',
+                            dzhi:'泰国'
+                        },
+                        {
+                            src:'../../static/hotel/2.jpeg',
+                            title:'三亚',
+                            dzhi:'中国'
+                        },
+                        {
+                            src:'../../static/hotel/3.jpeg',
+                            title:'大阪',
+                            dzhi:'日本'
+                        },
+                        {
+                            src:'../../static/hotel/4.jpeg',
+                            title:'苏梅岛',
+                            dzhi:'泰国'
+                        },
+                        {
+                            src:'../../static/hotel/5.jpeg',
+                            title:'大阪',
+                            dzhi:'新西兰'
+                        },
+                        {
+                            src:'../../static/hotel/6.jpeg',
+                            title:'大堡礁',
+                            dzhi:'澳大利亚'
+                        }
+                    
+                ],
+                box2TitleList:[
+                        {
+                            src:'../../static/hotel/hotel1.jpeg',
+                            num:'8.4分',
+                            name:'曼谷威客3号酒店（原曼谷胜利纪念碑全季酒店）'
+                        },
+                        {
+                            src:'../../static/hotel/hotel2.jpeg',
+                            num:'8.8分',
+                            name:'穰南帝景酒店'
+                        },
+                        {
+                            src:'../../static/hotel/hotel3.jpeg',
+                            num:'8.4分',
+                            name:'璀璨专享服务公寓'
+                        },
+                        {
+                            src:'../../static/hotel/hotel4.jpeg',
+                            num:'8.7分',
+                            name:'曼谷暹罗安纳塔拉酒店'
+                        },
+                        {
+                            src:'../../static/hotel/hotel5.jpeg',
+                            num:'7.7分',
+                            name:'彩虹云霄酒店'
+                        },
+                        {
+                            src:'../../static/hotel/hotel6.jpeg',
+                            num:'8.7分',
+                            name:'曼谷利特酒店'
+                        },
+                        {
+                            src:'../../static/hotel/hotel7.jpeg',
+                            num:'8.3分',
+                            name:'暹罗四季酒店'
+                        },
+                        {
+                            src:'../../static/hotel/hotel8.jpeg',
+                            num:'8.7分',
+                            name:'曼谷廊曼机场阿玛瑞酒店'
+                        },
+                        
+                ]
+            };
+        }
+    }
+</script>
+
+<style lang="scss">
+    .content{
+        
+        //标题名
+        .title{
+            margin-top: 50px;
+            margin: 100px 0 25px 0 ;
+            text-align: center;
+            color: #333;
+            font-size: 24px;
+            line-height: 30px;
+        }
+        
+        .box{
+            width: 1000px;
+            margin: 0 auto;
+            
+            .active{
+                border-bottom: 3px solid $color;
+                color: $color;
+                margin-bottom: -2px;
+            }
+            .box1-content{
+                //菜单栏
+                .content-title{
+                    display: flex;
+                    font-size: 18px;
+                    height: 50px;
+                    text-align: center;
+                    line-height: 50px;
+                    border-bottom: 1px solid #e4e4e4;
+                    &>view{
+                        width: 16.6%;
+                        cursor: pointer;
+                    }
+                }
+                //内容
+                .neirong{
+                    
+                    .nr-box{
+                        width: 1023px;
+                        display: flex;
+                        flex-wrap: wrap;
+                        .nr-content{
+                            width: 318px;
+                            height: 240px;
+                            margin: 20px 23px 0 0 ;
+                            position: relative;
+                            .content-text{
+                                position: absolute;
+                                top: 50%;
+                                left: 0;
+                                width: 100%;
+                                text-align: center;
+                                font-size: 30px;
+                                color: #fff;
+                                font-weight: normal;
+                                text-shadow: 2px 2px 2px rgba(0,0,0,.8);
+                                margin-top: -30px;
+                                .content-dzhi{
+                                    font-size: 16px;
+                                }
+                            }
+                        }
+                    }
+                }
+            }
+        }
+        .box2{
+            
+            &>.box1-content{
+                
+                &>.neirong{
+                    margin-top: 20px;
+                    .nr2-content{
+                        position: relative;
+                        width: 240px;
+                        height: 240px;
+                        overflow: hidden;
+                        margin:0 13px 13px 0;
+                        .nr-img{
+                            width: 100%;
+                            height:100%;
+                        }
+                        //阴影
+                        .bac{
+                            width: 100%;
+                            height: 100%;
+                            position: absolute;
+                            top: 0;
+                            left: 0;
+                            background-color:rgb(83, 83, 83);
+                            z-index: 2;
+                            opacity: .2;
+                            transition: all 0.5s;
+                        }
+                        &:hover .bac{
+                            opacity: 0;
+                        }
+                        .content-text{
+                            
+                            .text-num{
+                                position: absolute;
+                                top: 13px;
+                                left: 13px;
+                                border-radius: 4px;
+                                text-align: center;
+                                width: 55px;
+                                height: 25px;
+                                color: #fff;
+                                font-size: 18px;
+                                background-color: rgba(0,0,0,.5);
+                            }
+                            .text-name{
+                                position: absolute;
+                                bottom: 13px;
+                                left: 13px;
+                                margin-top: -30px;
+                                font-size: 14px;
+                                color: #ffffff;
+                                width: 220px;
+                                text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.8);
+                            }
+                        }
+                    }
+                }
+            }
+        }
+    }
+</style>
diff --git a/components/index/body.vue b/components/index/body.vue
index 4dd914211466f405e7ab226103f18f75c52b65ab..3e96b39a5639c819f245d0933590d009bd036310 100644
--- a/components/index/body.vue
+++ b/components/index/body.vue
@@ -16,11 +16,8 @@
 		<view class="body">
 			<leftIndex></leftIndex>
 			<!-- 右边 -->
-			<view class="body-right">
-
-			</view>
+			<rightIndex></rightIndex>
 		</view>
-
 		<!-- </view> -->
 
 	</view>
diff --git a/components/index/bottom.vue b/components/index/bottom.vue
new file mode 100644
index 0000000000000000000000000000000000000000..4c23efc72cccc81c304befedddbeb19e16daccef
--- /dev/null
+++ b/components/index/bottom.vue
@@ -0,0 +1,208 @@
+<template>
+    <view class="bot">
+        <view class="bot-content">
+            <view class="box">
+                <view class="box1">
+                    <view>马蜂窝旅游网</view>
+                    <view>中国年轻一代用得更多的旅游网站</view>
+                    <view>上亿旅行者共同打造的
+                        <text class="textColor">"旅行神器"</text>
+                    </view>
+                    <view>
+                        <view class="textColor">
+                        60,000 
+                        </view>
+                        多个全球旅游的目的地
+                    </view>
+                    <view>
+                        <view class="textColor">600,00 </view>
+                        个细分目的地新玩法
+                    </view>
+                    <view>
+                        <view class="textColor">760,000,000 </view>
+                         次攻略下载
+                    </view>
+                    <view>
+                        <view class="textColor">
+                            38,000 
+                        </view>
+                         家旅游产品供应商
+                    </view>
+                </view>
+                <view class="box2">
+                    <view>关于我们</view>
+                    <view>
+                        <navigator url="#">关于马蜂窝</navigator>
+                        <navigator url="#">联系我们</navigator>
+                    </view>
+                    <view>
+                        <navigator url="#">隐私政策</navigator>
+                        <navigator url="#">商标声明</navigator>
+                    </view>
+                    <view>
+                        <navigator url="#">服务协议</navigator>
+                    </view>
+                    <view>
+                        <navigator url="#">商城平台服务协议</navigator>
+                    </view>
+                    <view>
+                        <navigator url="#">网络信息侵权通知指引</navigator>
+                    </view>
+                    <view>
+                        <navigator url="#">马蜂窝旅游网服务监督员</navigator>
+                    </view>
+                    <view>
+                        <navigator url="#">网站地址</navigator>
+                        <navigator url="#" class="textColor">加入马蜂窝</navigator>
+                    </view>
+                </view>
+                <view class="box3">
+                    <view style="text-align: center;">旅游服务</view>
+                    <view class="box3-content">
+                        <view>
+                            <navigator>旅游攻略</navigator>
+                            <navigator>酒店预订</navigator>
+                        </view>
+                        <view>
+                            <navigator>旅游特价</navigator>
+                            <navigator>酒店预订</navigator>
+                        </view>
+                        <view>
+                            <navigator>旅游问答</navigator>
+                            <navigator>旅游保险</navigator>
+                        </view>
+                        <view>
+                            <navigator>旅游指南</navigator>
+                            <navigator>订火车票</navigator>
+                        </view>
+                        <view>
+                            <navigator>旅游咨询</navigator>
+                            <navigator>APP下载</navigator>
+                        </view>
+                        <view class="textColor">
+                            旅游商城全球商家入驻
+                        </view>
+                    </view>
+                    
+                </view>
+                <view class="box4">
+                    <view class="box4-content">
+                        <view src="../../static/bottom/app.png" mode=""></view>
+                        <view>马蜂窝APP</view>
+                        <view>扫码立即下载</view>
+                    </view>
+                    <view>
+                        <view src="../../static/bottom/dingyuehao.gif" mode=""></view>
+                        <view>马蜂窝旅游</view>
+                        <view>订阅号</view>
+                    </view>
+                    <view>
+                        <view src="../../static/bottom/fuwuhao.png" mode=""></view>
+                        <view>马蜂窝良品</view>
+                        <view>官方服务号</view>
+                    </view>
+                </view>
+            </view>
+        </view>
+    </view>
+</template>
+
+<script>
+    export default {
+        data() {
+            return {
+                
+            };
+        }
+    }
+</script>
+
+<style lang="scss">
+    .bot{
+        background-color: #3c3c3c;
+        color: #c2c2c2;
+        line-height: 22px;
+        font-size: 12px;
+        margin-top: 50px;
+       .bot-content{
+           width: 1105px;
+           margin: 0 auto;
+           .box{
+               display: flex;
+               flex-wrap: wrap;
+                padding: 30px 8px 40px 8px;
+                &>view{
+                    
+                    &>view:nth-child(1){
+                        font-size: 14px;
+                        height: 30px;
+                    }
+                }
+               navigator{
+                   display: inline-block;
+               }
+               navigator:hover{
+                   color: #fff;
+               }
+               .textColor{
+                    color: $color;
+                    display: inline-block;
+                    margin-right: 3px;
+               }
+              
+               .box1{
+                 width: 200px;
+                 margin-right: 66px;
+               }
+               .box2{
+                   width: 145px;
+                   margin-right: 85px;
+                   navigator{
+                       margin-right: 10px;
+                   }
+               }
+               .box3{
+                   width: 135px;
+                   margin-right: 80px;
+                   .box3-content{
+                       margin-right: -35px;
+                   }
+                   navigator{
+                       width: 85px;
+                   }
+               }
+               .box4{
+                   display: flex;
+                   flex-wrap: wrap;
+                   line-height: 25px;
+                   &>view{
+                       width: 100px;
+                       text-align: center;
+                   }
+                   .font{
+                   }
+                   &>view:not(:last-child){
+                       margin-right: 30px;
+                   }
+                   &>view>view:not(:first-child){
+                       font-size: 12px;
+                   }
+                    &>view>view:nth-child(1){
+                        height: 90px;
+                        margin: 0 0 8px 6px;
+                    }
+                   &>view:nth-child(1)>view:nth-child(1){
+                        background: url(../../static/bottom/app.png) no-repeat;
+                   }
+                   &>view:nth-child(2)>view:nth-child(1){
+                        background: url(../../static/bottom/dingyuehao.gif) no-repeat;
+                   } 
+                   &>view:nth-child(3)>view:nth-child(1){
+                        background: url(../../static/bottom/fuwuhao.png) no-repeat;
+                   }
+               }
+           }
+           
+       } 
+    }
+</style>
diff --git a/components/index/header.vue b/components/index/header.vue
index 2785dcf6d4fde6aeca41b9beee5f1d120f68c93c..d3ee73b24f8c02e249c67fb1cc707b0c83c04913 100644
--- a/components/index/header.vue
+++ b/components/index/header.vue
@@ -7,18 +7,18 @@
 					<navigator url="#" class="logo"></navigator>
 				</view>
 				<view class="head-nav uni-flex">
-					<view class="nav">
-						<navigator url="#">首页</navigator>
+					<view class="nav" :class="{'active':active==1}">
+						<navigator url="../../pages/index/index" @click="act(1)">首页</navigator>
 					</view>
-					<view class="nav">
-						<navigator url="#">目的地</navigator>
+					<view class="nav" :class="{'active':active==2}">
+						<navigator url="#" @click="act(2)">目的地</navigator>
 					</view>
-					<view class="nav">
-						<navigator url="#">旅游攻略</navigator>
+					<view class="nav" :class="{'active':active==3}">
+						<navigator url="#" @click="act(3)">旅游攻略</navigator>
 					</view>
-					<view class="nav-xl nav">
-						<view class="nav-xl-nav">
-							<navigator url="#">
+					<view class="nav-xl nav" :class="{'active':active==4}">
+						<view class="nav-xl-nav" >
+							<navigator url="#"  @click="act(4)">
 								<text>去旅行</text>
 								<text class="nav-icon"></text>
 							</navigator>		
@@ -33,11 +33,11 @@
 							<view class="xl-br">签证</view>
 						</view>
 					</view>
-					<view class="nav">
-						<navigator url="#">机票火车</navigator>
+					<view class="nav":class="{'active':active==5}">
+						<navigator url="#" @click="act(5)" >机票火车</navigator>
 					</view>
-					<view class="nav">
-						<navigator url="#">订酒店</navigator>
+					<view class="nav " :class="{'active':active==6}">
+						<navigator url="../../pages/hotel/hotel" @click="act(6)">订酒店</navigator>
 					</view>
 					<view class="nav-xl nav">
 						<view class="nav-xl-nav">
@@ -58,7 +58,7 @@
 						</view>
 					</view>
 					<view class="nav">
-						<navigator url="#">APP</navigator>
+						<navigator url="#" >APP</navigator>
 					</view>
 					<view class="nav">
 						<navigator url="#" class="nav-logo"></navigator>
@@ -70,7 +70,7 @@
 					<navigator url="#" class="login-wx login-icon"></navigator>
 					<navigator url="#" class="login-size">登录</navigator>
 					<text>|</text>
-					<navigator url="#" class="login-size">注册</navigator>
+					<navigator url="../../pages/reg/reg" class="login-size">注册</navigator>
 				</view>
 			</view>
 			<view class="head-bottom"></view>
@@ -87,9 +87,18 @@
 			return {
 				list:[
 					{title:'首页'}
-				]
+				],
+                active:1
 			};
-		}
+		},
+        methods:{
+            act(a){
+                this.active=a
+                
+                console.log(a)
+            }
+        },
+        
 	}
 </script>
 
@@ -111,6 +120,9 @@
 				view{
 					line-height: 68px;
 				}
+                .nav{
+                    font-size: 16px;
+                }
 				.nav:hover{
 					color: $color;
 					border-bottom: 3px solid $color;
@@ -148,8 +160,11 @@
 					color: $color;
 					border-bottom: 3px solid $color;
 					z-index: 999;
-					height: 58px;
+					// height: 58px;
 				}
+                .nav{
+                    font-size: 14px;
+                }
 				.xl{
 					top: 53px;
 				}
@@ -191,6 +206,11 @@
 				// position: relative;
 				float: left;
 				color: #333;
+                
+                .active{
+                    background-color: $color;
+                    color: #fff;
+                }
 				.nav{
 					padding: 2px  16px;
 					z-index: 4;
diff --git a/components/index/index-header.vue b/components/index/index-header.vue
deleted file mode 100644
index 5e3c02adfce64c9fdf957f568fbed3898c2a23d8..0000000000000000000000000000000000000000
--- a/components/index/index-header.vue
+++ /dev/null
@@ -1,124 +0,0 @@
-<template>
-	<view>
-		<!-- #ifdef H5 -->
-			<view class="head-box">
-				<view class="head-logo">
-					<navigator url="#" class="logo"></navigator>
-				</view>
-				<view class="head-nav uni-flex">
-					<view>
-						<navigator url="#">首页</navigator>
-					</view>
-					<view>
-						<navigator url="#">目的地</navigator>
-					</view>
-					<view>
-						<navigator url="#">旅游攻略</navigator>
-					</view>
-					<view>
-						<navigator url="#">去旅行</navigator>
-					</view>
-					<view>
-						<navigator url="#">机票火车</navigator>
-					</view>
-					<view>
-						<navigator url="#">订酒店</navigator>
-					</view>
-					<view>
-						<navigator url="#">社区</navigator>
-					</view>
-					<view>
-						<navigator url="#">APP</navigator>
-					</view>
-					<view>
-						<navigator url="#" class="nav-logo"></navigator>
-					</view>
-				</view>
-			</view>
-		
-		<!-- #endif -->
-	</view>
-</template>
-
-<script>
-	export default {
-		name:"index-header",
-		data() {
-			return {
-				list:[
-					{title:'首页'}
-				]
-			};
-		}
-	}
-</script>
-
-<style lang="scss">
-	@media (min-width:1440px) {
-		.head-box{
-			height: 62px;
-			.head-logo{
-					.logo{
-						// width: 120px;
-						height: 39px;
-						background: url(../../static/header/header-sprites15.png)no-repeat 0 0 ;
-					}
-			}
-		}
-		.head-nav{
-			view{
-				line-height: 62px;
-			}
-			.nav-logo{
-				height: 68px;
-			}
-		}
-		
-	}
-	@media (max-width:1440px) {
-		.head-box{
-			height: 58px;
-			.head-logo{
-				.logo{
-					width: 120px;
-					height: 33px;
-					background: url(../../static/header/header-small-sprites3.png)no-repeat 0 0 ;
-				}
-			}
-			.head-nav{
-				view{
-					line-height: 62px;
-				}
-				.nav-logo{
-					height: 58px;
-				}
-			}
-		}
-		
-	}
-	.head-box{
-		background-color: pink;
-		width: 1200px;
-		margin: 0 auto;
-		.head-logo{
-			padding: 12px 13px;
-			float: left;
-			width: 136px;
-		}
-		.head-nav{
-			height: 100%;
-			display: flex;	
-			padding: 0 10px;
-			font-size: 14px
-			;
-			view{
-				padding: 0 16px;
-			}
-			.nav-logo{
-				background: url(../../static/header/mfwzx.png)no-repeat center;			background-size: 75px 30px;
-				width: 75px;
-			}
-		}
-	}
-	
-</style>
diff --git a/components/index/left-body.vue b/components/index/left-body.vue
new file mode 100644
index 0000000000000000000000000000000000000000..47a2163990700607294d3142efcec5c1b4bb4219
--- /dev/null
+++ b/components/index/left-body.vue
@@ -0,0 +1,354 @@
+<template>
+		<!-- 左边 -->
+		<view class="body-left">
+			<!-- 左 标题栏 -->
+			<view class="left-title">
+				<navigator url="#">
+					<image src="../../static/index/body/left-title.png" style="width: 218px;height: 31px;"></image>
+				</navigator>
+			</view>
+			<!-- 左 专栏 -->
+			<view class="left-column">
+				<view class="column-title">
+					<navigator url="#" class="titColor">旅行家专栏</navigator>
+					<navigator url="#" class="titIndex">专栏首页</navigator>
+				</view>
+				<view>
+					<!-- 原生轮播 -->
+					<swiper :indicator-dots="true" :autoplay="false" circular="true" class="left-banner">
+						<swiper-item style="height: 500px;" v-for="(item,i) in banner" :key='i'>
+							<navigator :url="item.url">
+								<image :src='item.src' :draggable="false" mode="scaleToFill" class="banner img">
+								</image>
+							</navigator>
+		
+							<view style="padding: 5px 10px;">
+								<navigator :url="item.url">
+									<view class="banner-left">{{item.title}}</view>
+								</navigator>
+		
+								<view class="banner-right">{{item.detail}}</view>
+							</view>
+		
+						</swiper-item>
+					</swiper>
+				</view>
+			</view>
+			<!-- 左 专栏下 -->
+			<view class="left-hostList">
+				<!-- 专栏下 盒子box -->
+				<view class="hostList-box" v-for="(item,index) in hostList" :key='index'>
+					<view class="column-title">
+						<text class="hostList_title_left">{{item.leftTitle}}</text>
+						<navigator :url="item.url" class="titIndex">{{item.rightTitle}}</navigator>
+					</view>
+					<view>
+						<navigator :url="item.url">
+							<image :src="item.src" mode="" class="img"></image>
+						</navigator>
+					</view>
+					<view style="padding: 5px 10px; ">
+						<navigator :url="item.url">
+							<view class="banner-left">
+								{{item.title}}
+							</view>
+						</navigator>
+						<view class="banner-right">
+							{{item.detail}}
+						</view>
+					</view>
+				</view>
+			</view>
+			<!-- 左 最新资讯 -->
+			<view class="left-new">
+				<view class="new-title">
+					<view>马蜂窝</view>
+					<navigator url="#">
+						旅游网
+					</navigator>
+					<view>最新资讯</view>
+				</view>
+				<view class="new-info">
+					<view class="info-box" v-for="(item,index) in newInfo" :key='index'>
+						<text>{{item.leftTitle}}</text>
+						<navigator url="#" >
+							{{item.rightTitle}}
+						</navigator>
+					</view>
+				</view>
+			</view>
+		</view>
+		
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				//左栏小轮播
+				banner: [{
+						src: '../../static/index/banner/1.jpeg',
+						url: '#',
+						title: '夏木尼，小王子的玫瑰城市',
+						detail: '夏木尼（Chamounix）是法国勃朗峰脚下最著名的小城，《小王子》里的玫瑰城市，世界登山运动的发源地。'
+					},
+					{
+						src: '../../static/index/banner/2.jpeg',
+						url: '#',
+						title: '暹粒油淋鱼',
+						detail: '默默等待，鱼上桌，迅速夹一口塞在嘴里——我就像个戒烟多日的老烟枪终于抽上了烟，心里的空洞瞬间被填满了。'
+					},
+					{
+						src: '../../static/index/banner/3.jpeg',
+						url: '#',
+						title: '西安：旧长安的画皮',
+						detail: '西安这座曾经的13朝古都，在今天更像旧长安的画皮，城墙完整绵延，一切就像一张唐画的影印本。'
+					},
+					{
+						src: '../../static/index/banner/4.jpeg',
+						url: '#',
+						title: '漫山岛',
+						detail: '漫山岛在第二条路上，满眼都是天赋，却偏爱挥霍青山绿水，用自己的方式过小日子，即便强行拖它起来，也得不到结果。'
+					},
+					{
+						src: '../../static/index/banner/5.jpeg',
+						url: '#',
+						title: ' 胡日尔镇的美术馆',
+						detail: '我最终从胡日尔的美术馆里带走了一幅画，画的是冬日的萨满岩，是日落时分。'
+					}
+				],
+				//左下资料
+				hostList: [{
+						leftTitle: '旅游攻略推荐',
+						rightTitle: '更多>',
+						src: '../../static/index/hostList/1.jpg',
+						url: '#',
+						title: '青海湖环线自驾一网打尽油菜花+盐湖+祁连山',
+						detail: ''
+					},
+					{
+						leftTitle: '最新活动',
+						rightTitle: '查看全部>',
+						src: '../../static/index/hostList/2.jpg',
+						url: '#',
+						title: '潮玩旅行路书',
+						detail: '来定制路书，跟哈弗一起去潮玩！'
+					},
+					{
+						leftTitle: '未知旅行实验室',
+						rightTitle: '查看更多>',
+						src: '../../static/index/hostList/3.jpg',
+						url: '#',
+						title: '',
+						detail: ''
+					},
+					{
+						leftTitle: '加入马蜂窝',
+						rightTitle: '了解详情>',
+						src: '../../static/index/hostList/4.jpg',
+						url: '#',
+						title: '',
+						detail: ''
+					}
+				],
+				//最新资讯
+				newInfo:[
+					{
+						leftTitle:'04月07日',
+						rightTitle:'马蜂窝“云旅游”直播的攻与守',
+						url:'#'
+					},
+					{
+						leftTitle:'04月01日',
+						rightTitle:'马蜂窝的“云上战疫”',
+						url:'#'
+					},
+					{
+						leftTitle:'02月19日',
+						rightTitle:'科技“战疫” ：马蜂窝大数据赋能旅游业',
+						url:'#'
+					},
+					{
+						leftTitle:'02月13日',
+						rightTitle:'陈罡：疫情下旅游业的“守恒与求变”',
+						url:'#'
+					},
+					{
+						leftTitle:'02月06日',
+						rightTitle:'马蜂窝将退订完成率定为最高KPI',
+						url:'#'
+					},
+					{
+						leftTitle:'09月28日',
+						rightTitle:'马蜂窝国庆白领出游偏好调查：超7成在旅途中工作',
+						url:'#'
+					}
+				]
+			};
+		}
+	}
+</script>
+
+<style lang="scss">
+	.body-left {
+		float: left;
+		width: 260px;
+		//左栏 标题字 左
+		.titColor {
+			color: #333;
+			font-size: 18px;
+		}
+	
+		//左栏 标题字 右
+		.titIndex {
+			color: #999;
+			font-size: 12px;
+		}
+	
+		.titIndex:hover {
+			text-decoration: underline;
+		}
+	
+		//左栏
+		.banner-left {
+			color: #333;
+			font-size: 16px;
+			line-height: 26px;
+			white-space: nowrap;
+			overflow: hidden;
+			text-overflow: ellipsis;
+		}
+	
+		.banner-left:hover {
+			color: $color;
+			text-decoration: underline;
+		}
+	
+		.banner-right {
+			font-size: 14px;
+			line-height: 20px;
+			// height: 60px;
+			overflow: hidden;
+			color: #666;
+		}
+	
+		
+			
+	
+			//左标示图
+			.left-title {
+				margin-bottom: 30px;
+			}
+	
+			//专栏 标题文字
+			.column-title {
+				margin-bottom: 12px;
+				height: 35px;
+	
+				&>navigator {
+					line-height: 35px;
+				}
+	
+				&>navigator:nth-child(1) {
+					float: left;
+				}
+	
+				&>navigator:nth-child(2) {
+					float: right;
+				}
+			}
+	
+			.img {
+				width: 260px;
+				height: 150px;
+			}
+	
+			//专栏
+			.left-column {
+	
+				.left-banner {
+					height: 280px;
+					//轮播图大小
+	
+					& /deep/ .uni-swiper-dots-horizontal {
+						// border: 1px solid #FF9D00;
+						bottom: 50%;
+						transform: translate(10px);
+	
+						.uni-swiper-dot {
+							border-radius: 5px;
+							width: 15px;
+							background-color: rgba(255, 255, 255, .8);
+						}
+	
+						.uni-swiper-dot:hover {
+							background-color: #ff9d00;
+						}
+	
+						.uni-swiper-dot-active {
+							background-color: #ff9d00;
+	
+						}
+					}
+	
+					.banner {
+						cursor: pointer;
+					}
+	
+				}
+			}
+	
+			//专栏下方
+			.left-hostList {
+	
+				.hostList-box {
+					padding-bottom: 20px;
+	
+					.hostList_title_left {
+						font-size: 18px;
+						color: #333;
+					}
+				}
+			}
+	
+			//最新资讯
+			.left-new {
+				//标题名
+				.new-title {
+					display: flex;
+					font-size: 18px;
+					flex-flow: row;
+					padding-bottom: 10px;
+					color: #333;
+					> {
+						display: inline-block;
+					}
+				}
+				//资讯
+				.new-info{
+					
+					.info-box{
+						font-size: 12px;
+						color: #666;
+						display: flex;
+						line-height: 24px;
+						padding-top: 10px;
+						white-space: nowrap;
+						overflow: hidden;
+						text-overflow: ellipsis;
+						>:nth-child(1){
+							padding-right: 5px;
+						}
+						:nth-child(2){
+							white-space: nowrap;
+							overflow: hidden;
+							text-overflow: ellipsis;
+						}
+						:nth-child(2):hover{
+							text-decoration: underline;
+						}
+					}
+				}
+			}
+	}
+</style>
diff --git a/components/index/right-body.vue b/components/index/right-body.vue
new file mode 100644
index 0000000000000000000000000000000000000000..315001b837822f243c0d94779cde3ed2584a7f52
--- /dev/null
+++ b/components/index/right-body.vue
@@ -0,0 +1,572 @@
+<template>
+	<view class="body-right">
+        <!-- 菜单栏 -->
+		<view class="menu clearfix">
+			<!-- 左标签 -->
+			<view class="left">
+				<!-- <view :class="[item-1,{acitve==0}]"> -->
+				<view class="item-1" :class="{isActive:active==0}" @click="cur(0)">
+					<text class="hot ">热门游记</text>
+					<text class="screen">
+						<text class="screen-icon bgounrd"></text>
+					筛选</text>
+				</view>
+				<view class="item-2" :class="{isActive:active==1}" @click="cur(1)">
+					<text>
+					最新发表
+					</text>
+				</view>
+			</view>
+			<!-- 右标签 -->
+			<view class="right">
+				<view class="btn">
+					<text class="bgounrd"></text>
+					写游记
+				</view>
+			</view>
+		</view>
+        <!-- 筛选点击事件 -->
+        <view></view>
+        <!--内容 -->
+        <view class="content">
+            <!-- 内容box -->
+            <view class="boxs">
+                <!-- title -->                                    <!-- 后期数据将 0 替换为active -->
+                <view class="content-box" v-for="(item,index) in contenList[0]" :key='index'>
+                    <navigator url="#" >
+                        <image :src="item.src" class="box-img"></image>
+                    </navigator>
+                    <view class="right-box">
+                        <view class="title-box">
+                            <!-- 右图标 -->
+                            <view :class="[item.app==1? 'icon-box' : 'icon-box-none']" >
+                               <view class="title-icon"></view>
+                                APP
+                                <view  class="erweima">
+                                    
+                                </view>
+                             
+                            </view>
+                            <navigator url="#"  class="title">
+                                <text>
+                                    {{item.title}}
+                                </text>
+                            </navigator>
+                        </view>
+                        <!-- 中间内容 -->
+                        <view class="box-content">
+                            <navigator url="#" class="content-text">
+                                {{item.content}}
+                            </navigator>
+                        </view>
+                        <!-- 顶部 -->
+                        <view class="bottom-box">
+                            <view class="bot-ding">
+                                <navigator url="#" class="btn-ding bgounrd"></navigator>
+                                <text>{{item.parise}}</text>
+                            </view>
+                            <!-- 地址 -->
+                            <view class="bot-place">
+                                <text class="bgounrd bot-icon"></text>
+                                <navigator url="#" class="place-content">
+                                    {{item.post}}
+                                </navigator>
+                                 ,&nbsp&nbsp&nbsp by
+                            </view>
+                            <!-- 发表的用户 -->
+                            <view class="bot-user">
+                               <navigator url="#" class="user-box">
+                                   <image :src="item.userImg" class="user-icon"></image>
+                                {{item.user}}
+                               </navigator>
+                            </view>
+                            <!-- 浏览次数 -->
+                            <view class="bot-num">
+                                <text class="num-icon bgounrd"></text>
+                                
+                                {{item.nums}}
+                            </view>
+                        </view>
+                    </view>
+                    
+                </view>
+                <!-- 分页 -->
+                <view class="page">
+                    <view class="page-text">共9页 / 87条</view>
+                    <view v-for="(item,index) in page " :key='index'>
+                        <view class="page-num" :class="{'active': item==1}">{{item}}</view>
+                    </view>
+                    <view class="page-but">
+                        下一页>>
+                    </view>
+                </view>
+            </view>
+        </view>
+    </view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				active:0,
+                contenList:[
+                    [
+                        {
+                                src:'../../static/index/content/img1.jpeg',
+                                title:'蜂首🎖向上攀登永不言弃！庐山/龙虎山/三清山/武夷山/华山/衡...',
+                                content:' 硬核之路 时间拨回到2017年10月，刚刚结束4个月 东南亚 十国的旅行，回到国内后这不到一个月的时间，经过了国庆节回家和在 北京 休整，节奏慢了下来，生活突然变的索然无味。旅行是一种瘾，...',
+                                post:'中国',
+                                user:'超级晶晶晶',
+                                nums:'150846/1024',
+                                parise:'6876',
+                                app:'1',
+                                userImg:'../../static/index/content/user1.jpeg'
+                        },
+                        {
+                                src:'../../static/index/content/img2.jpeg',
+                                title:'甘肃｜河西四日，丝路千年（自驾探寻冷门景点）',
+                                content:'  前言 “在曾经的历史 通道 上， 作为通往广阔西部的咽喉， 河西走廊 是那么的意气飞扬，更洒下过无数先辈的血汗，沉淀了太多的期待与渴望。” ——纪录片《 河西走廊 》 两千年前，张骞义无...',
+                                post:'甘肃',
+                                user:'大菊在路上',
+                                nums:'168461/806',
+                                parise:'7920',
+                                app:'0',
+                                userImg:'../../static/index/content/user2.jpeg'
+                        },
+                        {
+                                src:'../../static/index/content/img3.jpeg',
+                                title:'【一画一书览清园】千年汴京城里，做一场灯火阑珊的东京华梦',
+                                content:' 那人还在，灯火阑珊处 谨以此文，献给人生那些“每览昔人兴感之由，若合一契”的时刻。 也记录下，在清明上河园，人生记忆里又增添的那么多“若合一契”的时刻。 去年年底，天气太冷不愿户... ',
+                                post:'开封',
+                                user:'若谷',
+                                nums:'25198/706',
+                                parise:'6027',
+                                app:'0',
+                                userImg:'../../static/index/content/user3.jpeg'
+                        },
+                        {
+                                src:'../../static/index/content/img4.jpg',
+                                title:'自驾穿越黑龙江，路过呼伦贝尔数了羊',
+                                content:' 序 · 爷爷的那些年 爷爷总爱提起他年轻时候“走南闯北”的日子，从小听到大，故事多得我都想为他写一本回忆录。 数不清的故事中，听他说的最多的就是“ 大兴安岭 ”这四个字，小时候的意识... ',
+                                post:'黑龙江',
+                                user:'罗嘎嘎GAGA',
+                                nums:'145303/518',
+                                parise:'4729',
+                                app:'0',
+                                userImg:'../../static/index/content/user4.jpeg'
+                        },
+                        {
+                                src:'../../static/index/content/img5.jpg',
+                                title:'【MON小妖】21度的清凉夏天——安顺避暑四日自驾游',
+                                content:' 刚刚在 法国 接受了一个月高温洗礼的我，回国后第一件事就是“找地方避暑”，约上闺蜜溜到 安顺 待了四日。 安顺 ,就是著名的黄果树瀑布所在地，距离 贵阳 坐动车只需要半小时。这里的气候... ',
+                                post:'安顺',
+                                user:'MON小妖',
+                                nums:'223396/429',
+                                parise:'6309',
+                                app:'0',
+                                userImg:'../../static/index/content/user5.jpeg'
+                        },
+                        {
+                                src:'../../static/index/content/img6.jpg',
+                                title:'新疆往事，6个秘境，6个路上故事',
+                                content:' 来 新疆 20日有余，捡起了久违的青旅住宿，但大部分的时间还是自己一个人在路上。有在三个国家相邻的边境线上自驾遇到过塔吉族的姑娘搭车；也有被军哥哥请到军队去检查；有在沙漠里陷车；也...',
+                                post:'新疆',
+                                user:'yolo',
+                                nums:'1489330/1201',
+                                parise:'6361',
+                                app:'1',
+                                userImg:'../../static/index/content/user6.jpeg'
+                        },
+                        {
+                                src:'../../static/index/content/img7.jpg',
+                                title:'带着汉服去西北 | 我会轻轻的，将你豪情放在心头',
+                                content:'窗外逐渐出现了连绵的砖红色山丘，眼前的风景是壮阔却苍茫的，间或有我叫不上名字的绿树叶在阳光与风中金光闪闪。 在嘈杂的车厢里，后排的一家三口已经上演了三遍《小红帽与狼外婆》的故事，... ',
+                                post:'青海',
+                                user:'筱莲',
+                                nums:'147106/718',
+                                parise:'6216',
+                                app:'0',
+                                userImg:'../../static/index/content/user7.jpeg'
+                        },
+                        {
+                                src:'../../static/index/content/img8.jpg',
+                                title:'这一次，我不再是渝蓉城过客。（8日 | 魔幻重庆，巴适成都 | ...',
+                                content:'  6年前，目的地 泸沽湖 。 匆匆路过 重庆 ，短暂停留 成都 。 那一次，我只是一个渝蓉城过客。 那时的我，不会拍照，不会被拍。 拿着借来的佳能500D，懵懵懂懂。 6年后，目的地 重庆 成都 。...',
+                                post:'重庆',
+                                user:'王缘熊逸',
+                                nums:'147836/369',
+                                parise:'7329',
+                                app:'0',
+                                userImg:'../../static/index/content/user8.jpeg'
+                        },
+                        {
+                                src:'../../static/index/content/img9.jpg',
+                                title:'地道乐山人带你吃遍心中List（内含早、中、晚、宵夜攻略）',
+                                content:' 【归期】前故作镇定 巴蜀之国，美食之都。 全国人民都知道 四川 好吃的多， 成都 好吃的多； 而 四川 人民一定知道： 乐山 美食多！ 作为一个 乐山 人，从小吃到大的食物本来并没有什么特别... ',
+                                post:'乐山',
+                                user:'Dorine熊丢丢',
+                                nums:'155509/432',
+                                parise:'9217',
+                                app:'0',
+                                userImg:'../../static/index/content/user9.jpeg'
+                        },
+                        {
+                                src:'../../static/index/content/img10.png',
+                                title:'尘埃与菩提，尼泊尔的幻境',
+                                content:'跟 尼泊尔 的缘分大概要追溯到7年前了， 那是2012年离开职场开始独自背包旅行， 计划之外的决定去了珠峰， 却错过了从 樟木 口岸前往 尼泊尔 。 后来这个背包客天堂的国度， 便在我的旅行Lis...',
+                                post:'尼泊尔',
+                                user:'贩暖 ',
+                                nums:'136717/820',
+                                parise:'4309',
+                                app:'0',
+                                userImg:'../../static/index/content/user10.jpeg'
+                        }
+                    ],
+                    [
+                        
+                    ]
+                ],
+                page:[
+                   1,2,3,4,5,6,7,8,9
+                ]
+            };
+		},
+		methods:{
+			cur(a){
+				this.active=a
+			}
+		}
+	}
+</script>
+
+<style lang="scss">
+	.body-right {
+		float: right;
+		width: 700px;
+		
+		//背景图
+		.bgounrd{
+			background: url(../../static/index/body/index-sprites9.png);
+		}
+		
+		//菜单栏
+		.menu{
+			margin-bottom: 20px;
+			height: 36px;
+			line-height: 36px;
+			padding-bottom: 8px;
+			border-bottom: 1px solid #e4e4e4;
+			//左标签栏
+			.left{
+				height: 36px;
+				float: left;
+				color: #666;
+				//点击变色
+				.isActive{
+					color: #ff9d00;
+					border-bottom: 3px solid #ff9d00;
+					padding-bottom: 6px;
+				}
+				//左1
+				.item-1{
+					width: 170px;
+					text-align: center;
+					float: left;
+					//热门游记
+					.hot{
+						cursor: pointer;
+						font-size: 18px;
+					}
+					
+					//筛选
+					.screen{
+						// background-color: pink;
+						display: inline-block;
+						margin-left: 7px;
+						line-height: 20px;
+						border: 1px solid #e5e5e5;
+						color: #666;
+						font-size: 12px;
+						padding: 0 10px 0 8px;
+						vertical-align: 2px;
+						cursor: pointer;
+						.screen-icon{
+							width: 11px;
+							height: 8px;
+							background-position: 0 -130px;
+							background-repeat: no-repeat;
+							font-size: 12px;
+							display: inline-block;
+							margin: 6px 5px 0 0 ;
+							line-height: 20px;
+						}
+					}
+					.screen:hover{
+						background-color: $color;
+						border-color: #ff9d00;
+						color: #fff;
+						.screen-icon{
+							background: url(../../static/index/body/index-sprites9.png)no-repeat 0 -140px;
+						}
+					}
+				}
+				//左2
+				.item-2{
+					float: left;
+					display: inline;
+					font-size: 18px;
+					color: #333;
+					width: 120px;
+					text-align: center;
+					text{
+						cursor: pointer;
+					}
+				}
+			}
+			
+			//右标签
+			.right{
+				float: right;
+				width: 140px;
+				.btn{
+					background-color: $color;
+					line-height: 36px;
+					color: #fff;
+					border-radius: 5px;
+					text-align: center;
+					cursor: pointer;
+					&:hover{
+						background-color: #ff8a00;
+					}
+					text{
+						position: 0 0 ;
+						width: 18px;
+						height: 17px;
+						overflow: hidden;
+						vertical-align: -3px;
+						display: inline-block;
+						margin-right: 5px;
+					}
+				}
+			}
+		}		
+        
+        //内容栏
+        .content{
+            
+            //行内块
+            // .inblock{
+            //     display: inline-block;
+            // }
+            .boxs{
+                //内容区
+                .content-box{
+                    height: 150px;
+                    padding: 15px 0 ;
+                    
+                    &:hover{
+                        background-color: #f8f8f8;
+                        padding: 15px;
+                        margin: 0 -15px;
+                    }
+                    &:hover .right-box>.title-box>.title{
+                        color:$color;
+                    }
+                    //盒子左图片
+                    .box-img{
+                        width: 220px;
+                        height: 150px;
+                        float: left;
+                    }
+                    //右边盒子
+                    .right-box{
+                        float: right;
+                        height: 150px;
+                        width: 455px;
+                        //头部标题
+                        .title-box{
+                            height: 26px;
+                            margin-bottom: 10px;
+                            font-size: 18px;
+                            line-height: 26px;
+                            .title{
+                                width: 360px;
+                                height: 26px;
+                                color: #333;
+                                overflow: hidden;
+                                white-space: nowrap;
+                                text-overflow: ellipsis;
+                            }
+                            .icon-box-none{
+                                display: none;
+                            }
+                             .icon-box{
+                                 border: 1px solid $color;
+                                 border-radius: 11px;
+                                 float: right;
+                                 font-size: 12px;
+                                 width: auto;
+                                 padding: 0 7px;
+                                 line-height: 20px;
+                                 overflow: visible;
+                                 background-color: #FFFFFF;
+                                 cursor: text;
+                                 color: $color;
+                                 font-weight: bold;
+                                 //盒子右图标
+                                 .title-icon{
+                                     background-image: url(../../static/index/body/index-sprites9.png);
+                                     background-repeat: no-repeat;
+                                     background-position: -170px 0px;
+                                     width: 16px;
+                                     height: 16px;
+                                     margin: 2px;
+                                     float: left;
+                                 }
+                                 .erweima{
+                                     background: url(../../static/index/content/erweima.png)no-repeat;
+                                     position: absolute;
+                                     right: -5px;
+                                     top: 20px;
+                                     padding-top: 25px;
+                                     width: 125px;
+                                     display: none;
+                                     height: 175px;
+                                     background-size: 100% 80%;
+                                 }
+                                 &:hover{
+                                  position: relative;   
+                                 }
+                                &:hover .erweima{
+                                    display: block;
+                                }
+                             }
+                             
+                          
+                        }
+                        //内容
+                        .box-content{
+                            height: 75px;
+                            line-height: 20px;
+                            font-size: 14px;
+                            overflow: hidden;
+                            .content-text{
+                                color: #666;
+                            }
+                        } 
+                        // 底部
+                        .bottom-box{
+                            height: 39px;
+                            overflow: hidden;
+                            line-height: 25px;
+                            //右边顶
+                            .bot-ding{
+                                float: right;
+                                color: $color;
+                                font-size: 14px;
+                                text-align: right;
+                                display: inline-block;
+                                line-height: 50px;
+                                //按钮
+                                .btn-ding{
+                                    display: inline;
+                                    float: right;
+                                    margin-left: 8px;
+                                    width: 38px;
+                                    height: 33px;
+                                    background-position: -60px 0;
+                                    overflow: hidden;
+                                    margin-top: 6px;
+                                }
+                            }
+                            //地址
+                            .bot-place{
+                                display: inline-block;
+                                margin-right: 5px;
+                                font-size: 12px;
+                                .bot-icon{
+                                    float: left;
+                                    margin: 4px 5px 0 0 ;
+                                    width: 14px;
+                                    height: 16px;
+                                    background-position: 0 -50px;
+                                    overflow: hidden;
+                                }
+                                .place-content{
+                                    color: #666;
+                                    cursor: pointer;
+                                    display: inline-block;
+                                }
+                            }
+                            //用户名
+                            .bot-user{
+                                margin: 10px;
+                                display: inline-block;
+                                .user-box{
+                                    display: inline-block;
+                                    font-size: 12px;
+                                    color: $color;
+                                    .user-icon{
+                                        width: 16px;
+                                        height: 16px;
+                                        margin-right: 5px;
+                                        border-radius: 50%;
+                                        vertical-align: -3px;
+                                        overflow: hidden;
+                                    }
+                                }
+                            }
+                            //数量
+                            .bot-num{
+                                font-size: 14px;
+                                color: #999;
+                                display: inline-block;
+                                cursor: text;
+                                .num-icon{
+                                    background-position: -30px -50px;
+                                    margin: 6px 5px 0 0 ;
+                                    float: left;
+                                    width: 18px;
+                                    height: 14px;
+                                    cursor: default;
+                                }
+                            }
+                        }
+                    }
+                    
+                    
+                }
+                //分页
+                .page{
+                    display: flex;
+                    flex-wrap: nowrap;
+                    font-size: 12px;
+                    line-height: 24px;
+                    float: right;
+                    .page-text{
+                        color: #999;
+                        margin-right: 20px;
+                    }
+                    .page-num{
+                        padding: 0 7px;
+                        border-radius: 4px;
+                        margin-right: 5px;
+                        color: #666;
+                    }
+                    .page-but{
+                        background-color: #ff9d00;
+                        color: #fff;
+                        border-radius: 4px;
+                        padding: 0 5px;
+                    }
+                    .active{
+                            background-color: #ff9d00;
+                            color: #fff;
+                    }
+                   
+                }
+            }
+        }
+	}
+</style>
diff --git a/pages.json b/pages.json
index 27e47e4e78e34bf34ff99a32c11ab89ff13732ff..3d8f382dd76072f370f21454b35dd75bd490568b 100644
--- a/pages.json
+++ b/pages.json
@@ -6,7 +6,25 @@
 				
 			}
 		}
-	],
+	    ,{
+            "path" : "pages/reg/reg",
+            "style" :                                                                                    
+            {
+                "navigationBarTitleText": "",
+                "enablePullDownRefresh": false
+            }
+            
+        }
+        ,{
+            "path" : "pages/hotel/hotel",
+            "style" :                                                                                    
+            {
+                "navigationBarTitleText": "",
+                "enablePullDownRefresh": false
+            }
+            
+        }
+    ],
 	"globalStyle": {
 		"navigationBarTextStyle": "black",
 		"navigationBarTitleText": "q-trip",
diff --git a/pages/hotel/hotel.vue b/pages/hotel/hotel.vue
new file mode 100644
index 0000000000000000000000000000000000000000..3e151949b4901840f4bcaedce66dbc79acd35d65
--- /dev/null
+++ b/pages/hotel/hotel.vue
@@ -0,0 +1,32 @@
+<template>
+    <view>
+        <indexHeader></indexHeader>
+         <hotelConten></hotelConten>
+        <bottom></bottom>
+    </view>
+</template>
+
+<script>
+    import indexHeader from '@/components/index/header.vue';
+    import hotelConten from '@/components/hotel/content.vue'
+    import bottom from '@/components/index/bottom.vue'
+    export default {
+        data() {
+            return {
+                
+            }
+        },
+        methods: {
+            
+        },
+        components:{
+            indexHeader,
+            hotelConten,
+            bottom
+        }
+    }
+</script>
+
+<style lang="scss">
+    
+</style>
diff --git a/pages/index/index.vue b/pages/index/index.vue
index 88f5aef69bc529abac359f94ad68452fe3995c70..c77482e20761264d1e974b411912dd3d752b78e7 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -3,6 +3,7 @@
 		<indexHeader></indexHeader>
 		<indexBanner></indexBanner>
 		<indexBody></indexBody>
+        <bottom></bottom>
 	</view>
 </template>
 
@@ -10,6 +11,8 @@
 	import indexHeader from '@/components/index/header.vue'
 	import indexBanner from '@/components/index/banner.vue'
 	import indexBody from '@/components/index/body.vue'
+    import bottom from '@/components/index/bottom.vue'
+    
 	export default {
 		data() {
 			return {
@@ -28,7 +31,8 @@
 		components:{
 			indexHeader,
 			indexBanner,
-			indexBody
+			indexBody,
+            bottom
 		}
 	}
 </script>
diff --git a/pages/reg/reg.vue b/pages/reg/reg.vue
new file mode 100644
index 0000000000000000000000000000000000000000..7dd300975b5e85f066b9298b207e4076e11b4ee1
--- /dev/null
+++ b/pages/reg/reg.vue
@@ -0,0 +1,243 @@
+<template>
+    <view class="content" :style="{backgroundImage: 'url(../../static/reg/'+ num + '.jpg)'}">
+        <view class="reg clearfix">
+            <view class="reg-box">
+                <!-- 左盒子 -->
+                <view class="box-left">
+                    <!-- 左边实际框 -->
+                    <view class="regui">
+                        <view class="zhuce">
+                            <input type="text" placeholder="你的手机号"  auto-focus="true"  class="phone"/>  
+                        </view>
+                        <view class="btn">                            
+                            <button class="reg-btn">立即注册</button>
+                        </view>
+                        <!-- 协议 -->
+                        <view class="agreement">
+                            <navigator url="#"><<马蜂窝用户使用协议>></navigator>
+                            <view>注册视为同意</view>
+                        </view>
+                        <!-- icon -->
+                       
+                    </view>
+                    <!-- 图标 -->
+                    <view class="icon-box">
+                       <view class="icon-title">用合作网账户直接登录</view>
+                       <view class="icons">
+                           <navigator url="#"></navigator>
+                           <navigator url="#"></navigator>
+                           <navigator url="#"></navigator>
+                       </view>
+                    </view>
+                </view>
+                <!-- 右盒子 -->
+                <view class="box-right">
+                    <navigator url="#" class="download">
+                        
+                    </navigator>
+                </view>
+            </view>
+            <view class="bottom">
+                <view>已经注册?</view>
+                <navigator url="#">
+                    马上登录
+                </navigator>
+            </view>
+        </view> 
+    </view>
+</template>
+
+<script>
+    export default {
+        data() {
+            return {
+                num:1,
+                
+                // backImg:url(`../../static/reg/{{this.num}}.jpg`)
+            }
+        },
+        methods: {
+            
+        },
+        onLoad() {
+            this.num=parseInt(Math.random()*9)
+        }
+    }
+</script>
+
+<style lang="scss">
+    .content{
+        width: 100vw;
+        height: 100vh;
+        background-position: 50% 50%;
+        background-size: cover;
+        position: relative;
+        &::before{
+             background-size: 100%;
+             background: url(../../static/reg/full_page_vignette.png) 0 0 rgba(0,0,0,0.3);
+             bottom: 0;
+             position: fixed;
+             content: '';
+             left: 0;
+             opacity: .5;
+             right: 0;
+             top: 0;
+        }
+        .reg{
+            width: 100%;
+            position: absolute;
+            top: 22%;
+            overflow: hidden;
+            //内容
+            .reg-box{
+                margin: 0 auto;
+                width: 730px;
+                height: 434px;
+                background-color: #fff;
+                border-radius: 8px;
+                box-shadow: 0 3px 3px rgba(0,0,0, 0.4);
+                .box-left{
+                    position: relative;
+                    width: 440px;
+                    height: 434px;
+                    padding: 0 58px 0 62px;
+                    box-sizing: border-box;
+                    float: left;
+                    .regui{
+                        height: calc(100% - 97px);
+                        box-sizing: border-box;
+                        position: relative;
+                        display: flex;
+                        flex-direction: column;
+                        justify-content: center;
+                        
+                        .phone{
+                            border-radius: 6px;
+                            // border-color: #;
+                            background-color: #f6f7f9;
+                            width: 306px;
+                            height: 28px;
+                            border: 1px solid #f6f7f9;
+                            font-size: 14px;
+                            color: #666;
+                            line-height: 28px;
+                            padding: 6px 0 6px 12px;
+                            box-shadow:  0 0 5px #fff;;
+                            outline: 0;;
+                        }
+                        .btn{
+                             padding: 17px 0 0 ;
+                            .reg-btn{
+                               background-color: $color;
+                               color: #FFFFFF;
+                               border-radius: 6px;
+                               font-size: 18px;
+                               font-weight: 500;
+                               width: 320px;
+                               height: 42px;
+                               border: 0;
+                               text-align: center;
+                               line-height: 40px;
+                              
+                            }
+                        }
+                        .agreement{
+                            display: flex;
+                            flex-direction: row-reverse;
+                            font-size: 12px;
+                            padding: 10px 0 ;
+                            color: #666;
+                            &>:nth-child(2){
+                                color: #aaa;
+                                margin-right: 10px;
+                            }
+                        }
+                    }
+                   
+                    .icon-box{
+                        background: linear-gradient(270deg,rgba(246,247,249,0.3) 0,rgba(246,247,249,1) 100%);             
+                        position: absolute;
+                        height: 97px;
+                        left: 0;
+                        bottom: 0;
+                        right: 0;
+                        overflow: hidden;
+                        padding: 0 41px;
+                        .icon-title{
+                            padding: 12px 0 ;
+                            color: rgb(148,150,154);
+                            line-height: 20px;
+                            font-size: 14px;
+                        }
+                        .icons{
+                         display: flex;
+                       
+                          &>navigator{
+                              width: 34px;
+                              height: 34px;
+                              margin-right: 32px;
+                              background-size: 34px;
+                              transition: all .3s;
+                          }
+                         &>navigator:nth-child(1){
+                             background-image:url(../../static/reg/ic_weibo.png);
+                         }
+                         &>navigator:nth-child(1):hover{
+                             background-image:url(../../static/reg/ic_weibo_sel.png);
+                         }
+                         &>navigator:nth-child(2){
+                             background-image:url(../../static/reg/ic_qq.png);
+                         }
+                         &>navigator:nth-child(2):hover{
+                             background-image:url(../../static/reg/ic_qq_sel.png);
+                         }
+                         &>navigator:nth-child(3){
+                             background-image:url(../../static/reg/ic_weixin.png);
+                         }
+                         &>navigator:nth-child(3):hover{
+                             background-image:url(../../static/reg/ic_weixin_sel.png);
+                         }
+                        
+                        }
+                    }
+                }
+                .box-right{
+                    float: right;
+                    width: 290px;
+                    height: 434px;
+                    box-sizing: border-box;
+                    border-radius: 0 8px 8px 0;
+                    position: relative;
+                    background-image: url(../../static/reg/img_download.png);
+                    .download{
+                        position: absolute;
+                        bottom: 15px;
+                        // background-color: pink;
+                        width: 30px;
+                        height: 30px;
+                        right: 15px;
+                        cursor: pointer;
+                    }
+                }
+            }
+            
+            //下方提示
+            .bottom{
+                width: 140px;
+                margin: 10px auto;
+                border-radius: 15px;
+                background-color: rgba(0,0,0,.4);
+                text-align: center;
+                font-size: 12px;
+                color: #fff;
+                padding: 4px 0 ;
+                text-shadow: 1px 1px 1px rgba(0,0,0,.4);
+                display: flex;
+                justify-content: center;
+                navigator{
+                    color: $color;
+                }
+            }
+        }
+    }
+</style>
diff --git a/static/bottom/app.png b/static/bottom/app.png
new file mode 100644
index 0000000000000000000000000000000000000000..a95c6d1c3d92568140326c9cde21e9682feb772f
Binary files /dev/null and b/static/bottom/app.png differ
diff --git a/static/bottom/dingyuehao.gif b/static/bottom/dingyuehao.gif
new file mode 100644
index 0000000000000000000000000000000000000000..9933ef07d837b4e36855f01a615029df32fb4cb7
Binary files /dev/null and b/static/bottom/dingyuehao.gif differ
diff --git a/static/bottom/fuwuhao.png b/static/bottom/fuwuhao.png
new file mode 100644
index 0000000000000000000000000000000000000000..9eb02c377b309b0d7a31f5f246434314a59879ee
Binary files /dev/null and b/static/bottom/fuwuhao.png differ
diff --git a/static/header/header-sprites15.png b/static/header/header-sprites15.png
deleted file mode 100644
index 95a0578f75007b9460a703cfc3e17badf6b2ee65..0000000000000000000000000000000000000000
Binary files a/static/header/header-sprites15.png and /dev/null differ
diff --git a/static/header/mfwzx.png b/static/header/mfwzx.png
deleted file mode 100644
index 0a176cc6871dc210b08f138a54f403cccb1dff2c..0000000000000000000000000000000000000000
Binary files a/static/header/mfwzx.png and /dev/null differ
diff --git a/static/hotel/1.jpeg b/static/hotel/1.jpeg
new file mode 100644
index 0000000000000000000000000000000000000000..fdc6307e8409074a16f990924095ab23ffa2ff7f
Binary files /dev/null and b/static/hotel/1.jpeg differ
diff --git a/static/hotel/2.jpeg b/static/hotel/2.jpeg
new file mode 100644
index 0000000000000000000000000000000000000000..ae0d2ca14ae0c0250feb19a711ca5eba28104b8c
Binary files /dev/null and b/static/hotel/2.jpeg differ
diff --git a/static/hotel/3.jpeg b/static/hotel/3.jpeg
new file mode 100644
index 0000000000000000000000000000000000000000..aa09ec369a9ebcf04d03e57fdb4ea78ad27607b0
Binary files /dev/null and b/static/hotel/3.jpeg differ
diff --git a/static/hotel/4.jpeg b/static/hotel/4.jpeg
new file mode 100644
index 0000000000000000000000000000000000000000..a5d99f5c6002d22be977e5dcb4535640107d625d
Binary files /dev/null and b/static/hotel/4.jpeg differ
diff --git a/static/hotel/5.jpeg b/static/hotel/5.jpeg
new file mode 100644
index 0000000000000000000000000000000000000000..3d192ee2a0114588d7c1f2428ab09283cc361d18
Binary files /dev/null and b/static/hotel/5.jpeg differ
diff --git a/static/hotel/6.jpeg b/static/hotel/6.jpeg
new file mode 100644
index 0000000000000000000000000000000000000000..248173355f2a30dda68f3327b877dced3df665c0
Binary files /dev/null and b/static/hotel/6.jpeg differ
diff --git a/static/hotel/hotel1.jpeg b/static/hotel/hotel1.jpeg
new file mode 100644
index 0000000000000000000000000000000000000000..863f26da8cf0eb5fba1161467aede92d6ee5ddf6
Binary files /dev/null and b/static/hotel/hotel1.jpeg differ
diff --git a/static/hotel/hotel2.jpeg b/static/hotel/hotel2.jpeg
new file mode 100644
index 0000000000000000000000000000000000000000..67254e343c8e2a15ab6e3fc10537fc41bc62d955
Binary files /dev/null and b/static/hotel/hotel2.jpeg differ
diff --git a/static/hotel/hotel3.jpeg b/static/hotel/hotel3.jpeg
new file mode 100644
index 0000000000000000000000000000000000000000..30817a549bd4f0990700588f67dcc6229ce125de
Binary files /dev/null and b/static/hotel/hotel3.jpeg differ
diff --git a/static/hotel/hotel4.jpeg b/static/hotel/hotel4.jpeg
new file mode 100644
index 0000000000000000000000000000000000000000..2cd955e55641dba84acf045c0d1303cb5c34300d
Binary files /dev/null and b/static/hotel/hotel4.jpeg differ
diff --git a/static/hotel/hotel5.jpeg b/static/hotel/hotel5.jpeg
new file mode 100644
index 0000000000000000000000000000000000000000..27fb9133575c839f440304644713c9af20840cdd
Binary files /dev/null and b/static/hotel/hotel5.jpeg differ
diff --git a/static/hotel/hotel6.jpeg b/static/hotel/hotel6.jpeg
new file mode 100644
index 0000000000000000000000000000000000000000..18f7c1dbbcc35cf203873e106362fa25a8c8cca4
Binary files /dev/null and b/static/hotel/hotel6.jpeg differ
diff --git a/static/hotel/hotel7.jpeg b/static/hotel/hotel7.jpeg
new file mode 100644
index 0000000000000000000000000000000000000000..77029c10415d675d8bedaee9350abf9408c9e751
Binary files /dev/null and b/static/hotel/hotel7.jpeg differ
diff --git a/static/hotel/hotel8.jpeg b/static/hotel/hotel8.jpeg
new file mode 100644
index 0000000000000000000000000000000000000000..7d35c2f3da4977c202c8c972235a3d8585dcc2f4
Binary files /dev/null and b/static/hotel/hotel8.jpeg differ
diff --git a/static/index/body/index-sprites9.png b/static/index/body/index-sprites9.png
new file mode 100644
index 0000000000000000000000000000000000000000..8da818e986b3827048e675eab0adf24ca0a6306a
Binary files /dev/null and b/static/index/body/index-sprites9.png differ
diff --git a/static/index/content/erweima.png b/static/index/content/erweima.png
new file mode 100644
index 0000000000000000000000000000000000000000..a57839b7b1dfe9294dfa8ce7e65d8cfe5ba77d69
Binary files /dev/null and b/static/index/content/erweima.png differ
diff --git a/static/index/content/img1.jpeg b/static/index/content/img1.jpeg
new file mode 100644
index 0000000000000000000000000000000000000000..88d7ab8a021d70fe3fbc4d7d0347a3c54507d66a
Binary files /dev/null and b/static/index/content/img1.jpeg differ
diff --git a/static/index/content/img10.png b/static/index/content/img10.png
new file mode 100644
index 0000000000000000000000000000000000000000..808470798fd4b51e61aa8c76219650696c70058a
Binary files /dev/null and b/static/index/content/img10.png differ
diff --git a/static/index/content/img2.jpeg b/static/index/content/img2.jpeg
new file mode 100644
index 0000000000000000000000000000000000000000..972fb13ab4d3824c6c10fd097edca7ab46dc027e
Binary files /dev/null and b/static/index/content/img2.jpeg differ
diff --git a/static/index/content/img3.jpeg b/static/index/content/img3.jpeg
new file mode 100644
index 0000000000000000000000000000000000000000..e90b346d39b8e69e4343e6e130f9c1fb6a6e56b7
Binary files /dev/null and b/static/index/content/img3.jpeg differ
diff --git a/static/index/content/img4.jpg b/static/index/content/img4.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..fc25a76241bf7267a12410e574711cb47487ba36
Binary files /dev/null and b/static/index/content/img4.jpg differ
diff --git a/static/index/content/img5.jpg b/static/index/content/img5.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..89a9d33d975b78a35574e406f0f5585a9f0acd15
Binary files /dev/null and b/static/index/content/img5.jpg differ
diff --git a/static/index/content/img6.jpg b/static/index/content/img6.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..af6f2a5b888a32713268c29cbfb06e0a7ceae289
Binary files /dev/null and b/static/index/content/img6.jpg differ
diff --git a/static/index/content/img7.jpg b/static/index/content/img7.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..f86ab6b3c1ca0b9c8251eabf2787508ab6a7842f
Binary files /dev/null and b/static/index/content/img7.jpg differ
diff --git a/static/index/content/img8.jpg b/static/index/content/img8.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..6a56a3844183c00fba605e1ce44b0904f0420f4d
Binary files /dev/null and b/static/index/content/img8.jpg differ
diff --git a/static/index/content/img9.jpg b/static/index/content/img9.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..993587205f79ba32d6b294dbf5ccfc9ff6afd7bd
Binary files /dev/null and b/static/index/content/img9.jpg differ
diff --git a/static/index/content/user1.jpeg b/static/index/content/user1.jpeg
new file mode 100644
index 0000000000000000000000000000000000000000..a61f991a2d91df7916560722c548825bd8814065
Binary files /dev/null and b/static/index/content/user1.jpeg differ
diff --git a/static/index/content/user10.jpeg b/static/index/content/user10.jpeg
new file mode 100644
index 0000000000000000000000000000000000000000..a4af1518a433b14524a93a86719abdc031f1b753
Binary files /dev/null and b/static/index/content/user10.jpeg differ
diff --git a/static/index/content/user2.jpeg b/static/index/content/user2.jpeg
new file mode 100644
index 0000000000000000000000000000000000000000..1f866497fe7f9abd29d2645cd51065b40b5f2f5d
Binary files /dev/null and b/static/index/content/user2.jpeg differ
diff --git a/static/index/content/user3.jpeg b/static/index/content/user3.jpeg
new file mode 100644
index 0000000000000000000000000000000000000000..a5ddf6028f34f09fc9a78ea5a660cdd670d5fb55
Binary files /dev/null and b/static/index/content/user3.jpeg differ
diff --git a/static/index/content/user4.jpeg b/static/index/content/user4.jpeg
new file mode 100644
index 0000000000000000000000000000000000000000..f1fd72007058179f014f87bf1b533b3f25ddfccf
Binary files /dev/null and b/static/index/content/user4.jpeg differ
diff --git a/static/index/content/user5.jpeg b/static/index/content/user5.jpeg
new file mode 100644
index 0000000000000000000000000000000000000000..004ab2f4d904a17d11d155e8fb15a22d1c8a7660
Binary files /dev/null and b/static/index/content/user5.jpeg differ
diff --git a/static/index/content/user6.jpeg b/static/index/content/user6.jpeg
new file mode 100644
index 0000000000000000000000000000000000000000..4fff324d448e69ddcede4af8de2268fdfd821d58
Binary files /dev/null and b/static/index/content/user6.jpeg differ
diff --git a/static/index/content/user7.jpeg b/static/index/content/user7.jpeg
new file mode 100644
index 0000000000000000000000000000000000000000..847106bb6f88e5697d259b7f77a836ce573048c9
Binary files /dev/null and b/static/index/content/user7.jpeg differ
diff --git a/static/index/content/user8.jpeg b/static/index/content/user8.jpeg
new file mode 100644
index 0000000000000000000000000000000000000000..416f9008daf79f2ee3ac4a7357246ed82e9ca4d7
Binary files /dev/null and b/static/index/content/user8.jpeg differ
diff --git a/static/index/content/user9.jpeg b/static/index/content/user9.jpeg
new file mode 100644
index 0000000000000000000000000000000000000000..1b2acc69f7e79b78b5bf303079e3c557267cbb33
Binary files /dev/null and b/static/index/content/user9.jpeg differ
diff --git a/static/index/hostList/1.jpg b/static/index/hostList/1.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..cb81866489dd2875855c8a4df81a7eeef94dad8d
Binary files /dev/null and b/static/index/hostList/1.jpg differ
diff --git a/static/index/hostList/2.jpg b/static/index/hostList/2.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..66e67a90215215a8ab5cb0ca8a40e25f58dfedd5
Binary files /dev/null and b/static/index/hostList/2.jpg differ
diff --git a/static/index/hostList/3.jpg b/static/index/hostList/3.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..cbe844efb163de4ca25209fa6db80ddf2238d8a3
Binary files /dev/null and b/static/index/hostList/3.jpg differ
diff --git a/static/index/hostList/4.jpg b/static/index/hostList/4.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..6c7c6fbe13420e4cc5e2b5410bca5ceb043f92be
Binary files /dev/null and b/static/index/hostList/4.jpg differ
diff --git a/static/reg/1.jpg b/static/reg/1.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..70f03449677c2e202ec16a08d09bafc7523a637c
Binary files /dev/null and b/static/reg/1.jpg differ
diff --git a/static/reg/2.jpg b/static/reg/2.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..55860c5c980c5f435df9a1e25671296c327c560f
Binary files /dev/null and b/static/reg/2.jpg differ
diff --git a/static/reg/3.jpg b/static/reg/3.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..26ebcc99c931a2a7b3daf0ace2daee191bbd4d04
Binary files /dev/null and b/static/reg/3.jpg differ
diff --git a/static/reg/4.jpg b/static/reg/4.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..823d14089c5d2c9b3ed66f9972525af18e78896e
Binary files /dev/null and b/static/reg/4.jpg differ
diff --git a/static/reg/5.jpg b/static/reg/5.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..e06fced32c9fb083811053e01ab9e31f2eac1f4c
Binary files /dev/null and b/static/reg/5.jpg differ
diff --git a/static/reg/6.jpg b/static/reg/6.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..14140b0f472a4304b372c4bf15e3e76896f979d2
Binary files /dev/null and b/static/reg/6.jpg differ
diff --git a/static/reg/7.jpg b/static/reg/7.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..12600dfa2f4ce4bb1e87ceae52b0ca587c6553d1
Binary files /dev/null and b/static/reg/7.jpg differ
diff --git a/static/reg/8.jpg b/static/reg/8.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..6825482e8e7a10c25975b0d7263e732ece681535
Binary files /dev/null and b/static/reg/8.jpg differ
diff --git a/static/reg/9.jpg b/static/reg/9.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..de7b6211817f254ba3e61a7e15a81248ae7dd816
Binary files /dev/null and b/static/reg/9.jpg differ
diff --git a/static/reg/full_page_vignette.png b/static/reg/full_page_vignette.png
new file mode 100644
index 0000000000000000000000000000000000000000..634b3747be5a69faa0026ef78016394c44e0f872
Binary files /dev/null and b/static/reg/full_page_vignette.png differ
diff --git a/static/reg/ic_qq.png b/static/reg/ic_qq.png
new file mode 100644
index 0000000000000000000000000000000000000000..9973f704ab9b98ab2fbb8d11b143da802b76364f
Binary files /dev/null and b/static/reg/ic_qq.png differ
diff --git a/static/reg/ic_qq_sel.png b/static/reg/ic_qq_sel.png
new file mode 100644
index 0000000000000000000000000000000000000000..3afe98813ccc091e6cdf2a54aeeeac937b34ec57
Binary files /dev/null and b/static/reg/ic_qq_sel.png differ
diff --git a/static/reg/ic_weibo.png b/static/reg/ic_weibo.png
new file mode 100644
index 0000000000000000000000000000000000000000..16f9ff360df2fbb36e6dc180654161d082542ad3
Binary files /dev/null and b/static/reg/ic_weibo.png differ
diff --git a/static/reg/ic_weibo_sel.png b/static/reg/ic_weibo_sel.png
new file mode 100644
index 0000000000000000000000000000000000000000..4bc9b54dbf00019d9a91160ebc45f8f1205846fa
Binary files /dev/null and b/static/reg/ic_weibo_sel.png differ
diff --git a/static/reg/ic_weixin.png b/static/reg/ic_weixin.png
new file mode 100644
index 0000000000000000000000000000000000000000..c90aef8c9150d9f8af55b01b45b991f32fc9cc61
Binary files /dev/null and b/static/reg/ic_weixin.png differ
diff --git a/static/reg/ic_weixin_sel.png b/static/reg/ic_weixin_sel.png
new file mode 100644
index 0000000000000000000000000000000000000000..284ebbb74350c47641bdd42bd46c8211bc03c65d
Binary files /dev/null and b/static/reg/ic_weixin_sel.png differ
diff --git a/static/reg/img_download.png b/static/reg/img_download.png
new file mode 100644
index 0000000000000000000000000000000000000000..ee0530b64950c09591bd841e95b038db916831a3
Binary files /dev/null and b/static/reg/img_download.png differ