diff --git a/src/views/port/port/index.vue b/src/views/port/port/index.vue
index b0c41ae..134a963 100644
--- a/src/views/port/port/index.vue
+++ b/src/views/port/port/index.vue
@@ -1,32 +1,38 @@
 <template>
   <div>
-    <el-card class="box-card">
-      <div slot="header" class="clearfix">
-        <span>手机号查询归属地</span>
-        <el-button style="float: right; padding: 3px 0" type="text">购买</el-button>
-      </div>
-      <el-form  :model="formLabelAlign">
-        <el-form-item placeholder="请输入手机号">
-          <el-input v-model="formLabelAlign.tel"></el-input>
-        </el-form-item>
-      </el-form>
+    <div>
+      <el-card class="box-card">
+        <div slot="header" class="clearfix">
+          <span>手机号查询归属地</span>
+          <el-button style="float: right; padding: 3px 0" type="text">购买</el-button>
+        </div>
+        <el-form  :model="formLabelAlign">
+          <el-form-item placeholder="请输入手机号">
+            <el-input v-model="formLabelAlign.tel"></el-input>
+          </el-form-item>
+          <el-form-item placeholder="请输入手机号">
+            <el-button @click="getPhonePlace">查询</el-button>
+          </el-form-item>
+        </el-form>
+        <span>省份：{{this.formLabelAlign.province}}</span><br>
+        <span>城市：{{this.formLabelAlign.city}}</span><br>
+        <span>区号：{{this.formLabelAlign.areacode}}</span><br>
+        <span>邮编：{{this.formLabelAlign.zip}}</span><br>
+        <span>运营商：{{this.formLabelAlign.company}}</span>
+      </el-card>
+    </div>
 
-      <el-button @click="getPhonePlace">查询</el-button>
-      <span>省份：{{this.formLabelAlign.province}}</span><br>
-      <span>城市：{{this.formLabelAlign.city}}</span><br>
-      <span>区号：{{this.formLabelAlign.areacode}}</span><br>
-      <span>邮编：{{this.formLabelAlign.zip}}</span><br>
-      <span>运营商：{{this.formLabelAlign.company}}</span>
-    </el-card>
-    <el-card class="box-card">
-      <div slot="header" class="clearfix">
-        <span>IP查询归属地</span>
-        <el-button style="float: right; padding: 3px 0" type="text">购买</el-button>
-      </div>
-      <div v-for="o in 4" :key="o" class="text item">
-        {{'列表内容 ' + o }}
-      </div>
-    </el-card>
+    <div>
+      <el-card class="box-card">
+        <div slot="header" class="clearfix">
+          <span>IP查询归属地</span>
+          <el-button style="float: right; padding: 3px 0" type="text">购买</el-button>
+        </div>
+        <div v-for="o in 4" :key="o" class="text item">
+          {{'列表内容 ' + o }}
+        </div>
+      </el-card>
+    </div>
   </div>
 </template>