diff --git a/src/App.vue b/src/App.vue
index ec45ddb..e0f8099 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -43,6 +43,7 @@ export default {
 
       const routeDeep = [
         '/message', '/attention', '/home', '/me', '/publish',
+        '/country-choose',
         '/edit-userinfo',
         '/edit-userinfo-item',
         '/video-detail',
diff --git a/src/assets/img/icon/arrow-up.png b/src/assets/img/icon/arrow-up.png
new file mode 100644
index 0000000..85299dd
Binary files /dev/null and b/src/assets/img/icon/arrow-up.png differ
diff --git a/src/assets/scss/custom.scss b/src/assets/scss/custom.scss
index b8f53f4..c44fa22 100644
--- a/src/assets/scss/custom.scss
+++ b/src/assets/scss/custom.scss
@@ -29,6 +29,13 @@
       background: $main-bg;
     }
   }
+  &.no-padding {
+    padding:0;
+  }
+
+  &.border{
+    border-bottom: 1px solid $line-color;
+  }
 
   &:active {
     background: $active-main-bg;
diff --git a/src/components/BaseHeader.vue b/src/components/BaseHeader.vue
index e5d94d2..44eb375 100644
--- a/src/components/BaseHeader.vue
+++ b/src/components/BaseHeader.vue
@@ -38,6 +38,7 @@ export default {
   width: 100%;
   position: fixed;
   background: $main-bg;
+  z-index: 2;
 
   .header {
     display: flex;
diff --git a/src/components/Search.vue b/src/components/Search.vue
index 924e35e..5dd60b7 100644
--- a/src/components/Search.vue
+++ b/src/components/Search.vue
@@ -5,10 +5,10 @@
       <input type="text" :placeholder="placeholder" v-model="value">
       <div class="suffix">
         <slot v-if="$slots.default"></slot>
-        <img v-if="value.length && (!$slots.default)" src="../assets/img/icon/close.svg" @click="clear">
+        <img v-if="value.length && (!$slots.default)" src="../assets/img/icon/close.svg" @click.stop="clear">
       </div>
     </div>
-    <div v-if="isShowText" class="notice" :style="{color : notice}" @click="$emit('notice')">搜索</div>
+    <div v-if="isShowText" class="notice" :style="{color : notice}" @click.stop="$emit('notice')">搜索</div>
   </div>
 </template>
 
diff --git a/src/pages/home/Attention.vue b/src/pages/home/Attention.vue
index 0bff876..1b00b38 100644
--- a/src/pages/home/Attention.vue
+++ b/src/pages/home/Attention.vue
@@ -1,7 +1,7 @@
 <template>
   <div id="attention">
     <header>
-      <span>双流</span>
+      <span @click="$nav('/country-choose')">双流</span>
       <div class="arrow"></div>
     </header>
     <div class="ad">
diff --git a/src/pages/login/countryChoose.vue b/src/pages/login/countryChoose.vue
index dec4a62..71fac87 100644
--- a/src/pages/login/countryChoose.vue
+++ b/src/pages/login/countryChoose.vue
@@ -1,2540 +1,2466 @@
 <template>
-    <div class='countryChoose'>
-        <header>
-            <div class="title">
-                <img src="../../assets/img/icon/close-white.png" alt="" class="close-img">
-                <span>选择国家或地区</span>
-            </div>
-
-        </header>
-        <div class="content">
-            <div class="left">
-                <p>1111212</p>
-                <p>1212</p>
-                <p>1212</p>
-                <p>1212</p>
-                <p>1212</p>
-                <p>1212</p>
-                <p>1212</p>
-                <p>1212</p>
-                <p>1212</p>
-                <p>1212</p>
-                <p>1212</p>
-                <p>1212</p>
-                <p>1212</p>
-                <p>1212</p>
-                <p>1212</p>
-                <p>1212</p>
-                <p>1212</p>
-                <p>1212</p>
-                <p>1212</p>
-                <p>1212</p>
-                <p>1212</p>
-                <p>1212</p>
-                <p>1212</p>
-                <p>1212</p>
-                <p>1212</p>
-                <p>1212</p>
-                <p>1212</p>
-                <p>1212</p>
-                <p>1212</p>
-                <p>1212</p>
-                <p>1212</p>
-                <p>1212</p>
-                <p>1212</p>
-                <p>1212</p>
-                <p>1212</p>
-                <p>1212</p>
-                <p>1212</p>
-                <p>1212</p>
-                <p>1212</p>
-                <p>1212</p>
-                <p>1212</p>
-                <p>1212</p>
-                <p>1212</p>
-                <p>1212</p>
-                <p>1212</p>
-                <p>1212</p>
-                <p>1212</p>
-                <p>1212</p>
-                <p>1212</p>
-                <p>1212</p>
-                <p>1212</p>
-                <p>1212</p>
-                <p>1212</p>
-                <p>1212</p>
-                <p>1212</p>
-                <p>1212</p>
-                <p>1212</p>
-                <p>1212</p>
-                <p>1212</p>
-                <p>1212</p>
-                <p>1212</p>
-                <p>1212</p>
-                <p>1212</p>
-                <p>1212</p>
-                <p>1212</p>
-                <p>1212</p>
-                <p>1212</p>
-            </div>
-            <div class="right">
-                <ul class="indicator-ctn2">
-                    <li>A</li>
-                    <li>B</li>
-                    <li>C</li>
-                    <li>D</li>
-                    <li>E</li>
-                    <li>F</li>
-                    <li>G</li>
-                    <li>H</li>
-                    <li>I</li>
-                    <li>J</li>
-                    <li>K</li>
-                    <li>L</li>
-                    <li>M</li>
-                    <li>N</li>
-                    <li>O</li>
-                    <li>P</li>
-                    <li>Q</li>
-                    <li>R</li>
-                    <li>S</li>
-                    <li>T</li>
-                    <li>U</li>
-                    <li>V</li>
-                    <li>W</li>
-                    <li>X</li>
-                    <li>Y</li>
-                    <li>Z</li>
-                </ul>
-            </div>
+  <div class='countryChoose'>
+    <base-header>
+      <template v-slot:center>
+        选择国家或地区
+      </template>
+      <template v-slot:bottom>
+        <Search :isShowText="isShowText"
+                @click="isShowText = true"
+                @notice="isShowText = false;"
+                @clear="isShowText = false"
+                class="ml2r mr2r mt1r" placeholder="输入城市或区县名搜索" v-model="searchKey"></Search>
+      </template>
+    </base-header>
+    <div ref="list" class="content" @scroll="scroll">
+      <div class="row no-active">
+        默认位置
+      </div>
+      <div class="row no-active">
+        同城
+      </div>
+      <div class="list">
+        <div v-for="(value, name)  of countryOk">
+          <div :class="name" class="row no-active no-padding border index">
+            <span>{{ name }}</span>
+          </div>
+          <div class="row no-active no-padding border" v-for="item  of value">
+            <span>{{ item.name }}</span>
+          </div>
         </div>
+      </div>
+    </div>
+    <div class="indicator-ctn">
+      <div class="indicator">
+        <div class="item arrow" data-index="top"></div>
+        <div class="item">A</div>
+        <div class="item">B</div>
+        <div class="item">C</div>
+        <div class="item">D</div>
+        <div class="item">E</div>
+        <div class="item">F</div>
+        <div class="item">G</div>
+        <div class="item">H</div>
+        <div class="item">I</div>
+        <div class="item">J</div>
+        <div class="item">K</div>
+        <div class="item">L</div>
+        <div class="item">M</div>
+        <div class="item">N</div>
+        <div class="item">O</div>
+        <div class="item">P</div>
+        <div class="item">Q</div>
+        <div class="item">R</div>
+        <div class="item">S</div>
+        <div class="item">T</div>
+        <div class="item">U</div>
+        <div class="item">V</div>
+        <div class="item">W</div>
+        <div class="item">X</div>
+        <div class="item">Y</div>
+        <div class="item">Z</div>
+      </div>
     </div>
+  </div>
 </template>
 <script>
-    export default {
-        name: "countryChoose",
-        components: {},
-        data() {
-            return {
-                country: [
-                    {
-                        "code": "+1-264",
-                        "name": "安圭拉",
-                        "pinyin": "A"
-                    },
-                    {
-                        "code": "+1-268",
-                        "name": "安地卡及巴布达",
-                        "pinyin": "A"
-                    },
-                    {
-                        "code": "+244",
-                        "name": "安哥拉",
-                        "pinyin": "A"
-                    },
-                    {
-                        "code": "+353",
-                        "name": "爱尔兰",
-                        "pinyin": "A"
-                    },
-                    {
-                        "code": "+372",
-                        "name": "爱沙尼亚",
-                        "pinyin": "A"
-                    },
-                    {
-                        "code": "+376",
-                        "name": "安道尔",
-                        "pinyin": "A"
-                    },
-                    {
-                        "code": "+853",
-                        "name": "澳门",
-                        "pinyin": "A"
-                    },
-                    {
-                        "code": "+20",
-                        "name": "埃及",
-                        "pinyin": "A"
-                    },
-                    {
-                        "code": "+61",
-                        "name": "澳大利亚  科科斯（基林）群岛  圣诞岛",
-                        "pinyin": "A"
-                    },
-                    {
-                        "code": "+1-242",
-                        "name": "巴哈马",
-                        "pinyin": "B"
-                    },
-                    {
-                        "code": "+1-246",
-                        "name": "巴巴多斯",
-                        "pinyin": "B"
-                    },
-                    {
-                        "code": "+1-441",
-                        "name": "百慕大",
-                        "pinyin": "B"
-                    },
-                    {
-                        "code": "+226",
-                        "name": "布吉纳法索",
-                        "pinyin": "B"
-                    },
-                    {
-                        "code": "+229",
-                        "name": "贝宁",
-                        "pinyin": "B"
-                    },
-                    {
-                        "code": "+257",
-                        "name": "布隆迪",
-                        "pinyin": "B"
-                    },
-                    {
-                        "code": "+267",
-                        "name": "博茨瓦纳",
-                        "pinyin": "B"
-                    },
-                    {
-                        "code": "+354",
-                        "name": "冰岛",
-                        "pinyin": "B"
-                    },
-                    {
-                        "code": "+359",
-                        "name": "保加利亚",
-                        "pinyin": "B"
-                    },
-                    {
-                        "code": "+375",
-                        "name": "白俄罗斯",
-                        "pinyin": "B"
-                    },
-                    {
-                        "code": "+387",
-                        "name": "波斯尼亚和黑塞哥维那",
-                        "pinyin": "B"
-                    },
-                    {
-                        "code": "+389",
-                        "name": "北马其顿",
-                        "pinyin": "B"
-                    },
-                    {
-                        "code": "+501",
-                        "name": "伯利兹",
-                        "pinyin": "B"
-                    },
-                    {
-                        "code": "+507",
-                        "name": "巴拿马",
-                        "pinyin": "B"
-                    },
-                    {
-                        "code": "+591",
-                        "name": "玻利维亚",
-                        "pinyin": "B"
-                    },
-                    {
-                        "code": "+595",
-                        "name": "巴拉圭",
-                        "pinyin": "B"
-                    },
-                    {
-                        "code": "+675",
-                        "name": "巴布亚新几内亚",
-                        "pinyin": "B"
-                    },
-                    {
-                        "code": "+680",
-                        "name": "帛琉",
-                        "pinyin": "B"
-                    },
-                    {
-                        "code": "+970",
-                        "name": "巴勒斯坦",
-                        "pinyin": "B"
-                    },
-                    {
-                        "code": "+973",
-                        "name": "巴林",
-                        "pinyin": "B"
-                    },
-                    {
-                        "code": "+975",
-                        "name": "不丹",
-                        "pinyin": "B"
-                    },
-                    {
-                        "code": "+32",
-                        "name": "比利时",
-                        "pinyin": "B"
-                    },
-                    {
-                        "code": "+48",
-                        "name": "波兰",
-                        "pinyin": "B"
-                    },
-                    {
-                        "code": "+55",
-                        "name": "巴西",
-                        "pinyin": "B"
-                    },
-                    {
-                        "code": "+92",
-                        "name": "巴基斯坦",
-                        "pinyin": "B"
-                    },
-                    {
-                        "code": "+240",
-                        "name": "赤道几内亚",
-                        "pinyin": "C"
-                    },
-                    {
-                        "code": "+1-767",
-                        "name": "多米尼克",
-                        "pinyin": "D"
-                    },
-                    {
-                        "code": "+228",
-                        "name": "多哥",
-                        "pinyin": "D"
-                    },
-                    {
-                        "code": "+670",
-                        "name": "东帝汶",
-                        "pinyin": "D"
-                    },
-                    {
-                        "code": "+45",
-                        "name": "丹麦",
-                        "pinyin": "D"
-                    },
-                    {
-                        "code": "+49",
-                        "name": "德国",
-                        "pinyin": "D"
-                    },
-                    {
-                        "code": "+82",
-                        "name": "大韩民国",
-                        "pinyin": "D"
-                    },
-                    {
-                        "code": "+213",
-                        "name": "阿尔及利亚",
-                        "pinyin": "E"
-                    },
-                    {
-                        "code": "+247",
-                        "name": "阿森松岛",
-                        "pinyin": "E"
-                    },
-                    {
-                        "code": "+291",
-                        "name": "厄立特里亚",
-                        "pinyin": "E"
-                    },
-                    {
-                        "code": "+297",
-                        "name": "阿鲁巴",
-                        "pinyin": "E"
-                    },
-                    {
-                        "code": "+355",
-                        "name": "阿尔巴尼亚",
-                        "pinyin": "E"
-                    },
-                    {
-                        "code": "+593",
-                        "name": "厄瓜多尔",
-                        "pinyin": "E"
-                    },
-                    {
-                        "code": "+968",
-                        "name": "阿曼",
-                        "pinyin": "E"
-                    },
-                    {
-                        "code": "+971",
-                        "name": "阿联酋",
-                        "pinyin": "E"
-                    },
-                    {
-                        "code": "+994",
-                        "name": "阿塞拜疆",
-                        "pinyin": "E"
-                    },
-                    {
-                        "code": "+54",
-                        "name": "阿根廷",
-                        "pinyin": "E"
-                    },
-                    {
-                        "code": "+93",
-                        "name": "阿富汗",
-                        "pinyin": "E"
-                    },
-                    {
-                        "code": "+238",
-                        "name": "佛得角",
-                        "pinyin": "F"
-                    },
-                    {
-                        "code": "+298",
-                        "name": "法罗群岛",
-                        "pinyin": "F"
-                    },
-                    {
-                        "code": "+358",
-                        "name": "芬兰",
-                        "pinyin": "F"
-                    },
-                    {
-                        "code": "+379",
-                        "name": "梵蒂冈",
-                        "pinyin": "F"
-                    },
-                    {
-                        "code": "+500",
-                        "name": "福克兰群岛和 南乔治亚和南桑威奇群岛",
-                        "pinyin": "F"
-                    },
-                    {
-                        "code": "+594",
-                        "name": "法属圭亚那",
-                        "pinyin": "F"
-                    },
-                    {
-                        "code": "+679",
-                        "name": "斐济",
-                        "pinyin": "F"
-                    },
-                    {
-                        "code": "+689",
-                        "name": "法属玻里尼西亚",
-                        "pinyin": "F"
-                    },
-                    {
-                        "code": "+33",
-                        "name": "法国",
-                        "pinyin": "F"
-                    },
-                    {
-                        "code": "+63",
-                        "name": "菲律宾",
-                        "pinyin": "F"
-                    },
-                    {
-                        "code": "+1-473",
-                        "name": "格瑞那达",
-                        "pinyin": "G"
-                    },
-                    {
-                        "code": "+220",
-                        "name": "冈比亚",
-                        "pinyin": "G"
-                    },
-                    {
-                        "code": "+242",
-                        "name": "刚果（布）",
-                        "pinyin": "G"
-                    },
-                    {
-                        "code": "+243",
-                        "name": "刚果（金）（即前 扎伊尔）",
-                        "pinyin": "G"
-                    },
-                    {
-                        "code": "+299",
-                        "name": "格陵兰",
-                        "pinyin": "G"
-                    },
-                    {
-                        "code": "+506",
-                        "name": "哥斯达黎加",
-                        "pinyin": "G"
-                    },
-                    {
-                        "code": "+590",
-                        "name": "瓜德罗普",
-                        "pinyin": "G"
-                    },
-                    {
-                        "code": "+592",
-                        "name": "圭亚那",
-                        "pinyin": "G"
-                    },
-                    {
-                        "code": "+995",
-                        "name": "格鲁吉亚",
-                        "pinyin": "G"
-                    },
-                    {
-                        "code": "+53",
-                        "name": "古巴",
-                        "pinyin": "G"
-                    },
-                    {
-                        "code": "+57",
-                        "name": "哥伦比亚",
-                        "pinyin": "G"
-                    },
-                    {
-                        "code": "+504",
-                        "name": "洪都拉斯",
-                        "pinyin": "H"
-                    },
-                    {
-                        "code": "+509",
-                        "name": "海地",
-                        "pinyin": "H"
-                    },
-                    {
-                        "code": "+31",
-                        "name": "荷兰",
-                        "pinyin": "H"
-                    },
-                    {
-                        "code": "+224",
-                        "name": "几内亚",
-                        "pinyin": "J"
-                    },
-                    {
-                        "code": "+233",
-                        "name": "加纳",
-                        "pinyin": "J"
-                    },
-                    {
-                        "code": "+241",
-                        "name": "加彭",
-                        "pinyin": "J"
-                    },
-                    {
-                        "code": "+245",
-                        "name": "几内亚比绍",
-                        "pinyin": "J"
-                    },
-                    {
-                        "code": "+253",
-                        "name": "吉布提",
-                        "pinyin": "J"
-                    },
-                    {
-                        "code": "+420",
-                        "name": "捷克",
-                        "pinyin": "J"
-                    },
-                    {
-                        "code": "+686",
-                        "name": "基里巴斯",
-                        "pinyin": "J"
-                    },
-                    {
-                        "code": "+855",
-                        "name": "柬埔寨",
-                        "pinyin": "J"
-                    },
-                    {
-                        "code": "+996",
-                        "name": "吉尔吉斯斯坦",
-                        "pinyin": "J"
-                    },
-                    {
-                        "code": "+1",
-                        "name": "加拿大",
-                        "pinyin": "J"
-                    },
-                    {
-                        "code": "+1-345",
-                        "name": "开曼群岛",
-                        "pinyin": "K"
-                    },
-                    {
-                        "code": "+225",
-                        "name": "科特迪瓦",
-                        "pinyin": "K"
-                    },
-                    {
-                        "code": "+237",
-                        "name": "喀麦隆",
-                        "pinyin": "K"
-                    },
-                    {
-                        "code": "+254",
-                        "name": "肯尼亚",
-                        "pinyin": "K"
-                    },
-                    {
-                        "code": "+269",
-                        "name": "科摩罗",
-                        "pinyin": "K"
-                    },
-                    {
-                        "code": "+383",
-                        "name": "科索沃",
-                        "pinyin": "K"
-                    },
-                    {
-                        "code": "+385",
-                        "name": "克罗地亚",
-                        "pinyin": "K"
-                    },
-                    {
-                        "code": "+682",
-                        "name": "库克群岛",
-                        "pinyin": "K"
-                    },
-                    {
-                        "code": "+965",
-                        "name": "科威特",
-                        "pinyin": "K"
-                    },
-                    {
-                        "code": "+974",
-                        "name": "卡塔尔",
-                        "pinyin": "K"
-                    },
-                    {
-                        "code": "+218",
-                        "name": "利比亚",
-                        "pinyin": "L"
-                    },
-                    {
-                        "code": "+231",
-                        "name": "利比里亚",
-                        "pinyin": "L"
-                    },
-                    {
-                        "code": "+250",
-                        "name": "卢旺达",
-                        "pinyin": "L"
-                    },
-                    {
-                        "code": "+262",
-                        "name": "留尼汪和 马约特",
-                        "pinyin": "L"
-                    },
-                    {
-                        "code": "+266",
-                        "name": "赖索托",
-                        "pinyin": "L"
-                    },
-                    {
-                        "code": "+352",
-                        "name": "卢森堡",
-                        "pinyin": "L"
-                    },
-                    {
-                        "code": "+370",
-                        "name": "立陶宛",
-                        "pinyin": "L"
-                    },
-                    {
-                        "code": "+371",
-                        "name": "拉脱维亚",
-                        "pinyin": "L"
-                    },
-                    {
-                        "code": "+423",
-                        "name": "列支敦斯登",
-                        "pinyin": "L"
-                    },
-                    {
-                        "code": "+856",
-                        "name": "老挝",
-                        "pinyin": "L"
-                    },
-                    {
-                        "code": "+961",
-                        "name": "黎巴嫩",
-                        "pinyin": "L"
-                    },
-                    {
-                        "code": "+40",
-                        "name": "罗马尼亚",
-                        "pinyin": "L"
-                    },
-                    {
-                        "code": "+1-664",
-                        "name": "蒙特塞拉特",
-                        "pinyin": "M"
-                    },
-                    {
-                        "code": "+212",
-                        "name": "摩洛哥",
-                        "pinyin": "M"
-                    },
-                    {
-                        "code": "+222",
-                        "name": "毛里塔尼亚",
-                        "pinyin": "M"
-                    },
-                    {
-                        "code": "+223",
-                        "name": "马里",
-                        "pinyin": "M"
-                    },
-                    {
-                        "code": "+230",
-                        "name": "模里西斯",
-                        "pinyin": "M"
-                    },
-                    {
-                        "code": "+258",
-                        "name": "莫桑比克",
-                        "pinyin": "M"
-                    },
-                    {
-                        "code": "+261",
-                        "name": "马达加斯加",
-                        "pinyin": "M"
-                    },
-                    {
-                        "code": "+265",
-                        "name": "马拉维",
-                        "pinyin": "M"
-                    },
-                    {
-                        "code": "+356",
-                        "name": "马尔他",
-                        "pinyin": "M"
-                    },
-                    {
-                        "code": "+373",
-                        "name": "摩尔多瓦",
-                        "pinyin": "M"
-                    },
-                    {
-                        "code": "+377",
-                        "name": "摩纳哥",
-                        "pinyin": "M"
-                    },
-                    {
-                        "code": "+382",
-                        "name": "蒙特内哥罗",
-                        "pinyin": "M"
-                    },
-                    {
-                        "code": "+596",
-                        "name": "马提尼克",
-                        "pinyin": "M"
-                    },
-                    {
-                        "code": "+691",
-                        "name": "密克罗尼西亚联邦",
-                        "pinyin": "M"
-                    },
-                    {
-                        "code": "+692",
-                        "name": "马绍尔群岛",
-                        "pinyin": "M"
-                    },
-                    {
-                        "code": "+880",
-                        "name": "孟加拉国 孟加拉国",
-                        "pinyin": "M"
-                    },
-                    {
-                        "code": "+960",
-                        "name": "马尔地夫",
-                        "pinyin": "M"
-                    },
-                    {
-                        "code": "+976",
-                        "name": "蒙古国",
-                        "pinyin": "M"
-                    },
-                    {
-                        "code": "+51",
-                        "name": "秘鲁",
-                        "pinyin": "M"
-                    },
-                    {
-                        "code": "+52",
-                        "name": "墨西哥",
-                        "pinyin": "M"
-                    },
-                    {
-                        "code": "+95",
-                        "name": "缅甸",
-                        "pinyin": "M"
-                    },
-                    {
-                        "code": "+1",
-                        "name": "美国",
-                        "pinyin": "M"
-                    },
-                    {
-                        "code": "+211",
-                        "name": "南苏丹",
-                        "pinyin": "N"
-                    },
-                    {
-                        "code": "+227",
-                        "name": "尼日尔",
-                        "pinyin": "N"
-                    },
-                    {
-                        "code": "+234",
-                        "name": "奈及利亚",
-                        "pinyin": "N"
-                    },
-                    {
-                        "code": "+264",
-                        "name": "纳米比亚",
-                        "pinyin": "N"
-                    },
-                    {
-                        "code": "+505",
-                        "name": "尼加拉瓜",
-                        "pinyin": "N"
-                    },
-                    {
-                        "code": "+674",
-                        "name": "瑙鲁",
-                        "pinyin": "N"
-                    },
-                    {
-                        "code": "+683",
-                        "name": "纽埃",
-                        "pinyin": "N"
-                    },
-                    {
-                        "code": "+977",
-                        "name": "尼泊尔",
-                        "pinyin": "N"
-                    },
-                    {
-                        "code": "+27",
-                        "name": "南非",
-                        "pinyin": "N"
-                    },
-                    {
-                        "code": "+47",
-                        "name": "挪威",
-                        "pinyin": "N"
-                    },
-                    {
-                        "code": "+351",
-                        "name": "葡萄牙",
-                        "pinyin": "P"
-                    },
-                    {
-                        "code": "+41",
-                        "name": "瑞士",
-                        "pinyin": "R"
-                    },
-                    {
-                        "code": "+46",
-                        "name": "瑞典",
-                        "pinyin": "R"
-                    },
-                    {
-                        "code": "+81",
-                        "name": "日本",
-                        "pinyin": "R"
-                    },
-                    {
-                        "code": "+1-721",
-                        "name": "圣马丁",
-                        "pinyin": "S"
-                    },
-                    {
-                        "code": "+1-758",
-                        "name": "圣卢西亚",
-                        "pinyin": "S"
-                    },
-                    {
-                        "code": "+1-784",
-                        "name": "圣文森特和格林纳丁斯",
-                        "pinyin": "S"
-                    },
-                    {
-                        "code": "+221",
-                        "name": "塞内加尔",
-                        "pinyin": "S"
-                    },
-                    {
-                        "code": "+232",
-                        "name": "塞拉利昂",
-                        "pinyin": "S"
-                    },
-                    {
-                        "code": "+239",
-                        "name": "圣多美和普林西比",
-                        "pinyin": "S"
-                    },
-                    {
-                        "code": "+248",
-                        "name": "塞舌尔",
-                        "pinyin": "S"
-                    },
-                    {
-                        "code": "+249",
-                        "name": "苏丹",
-                        "pinyin": "S"
-                    },
-                    {
-                        "code": "+252",
-                        "name": "索马利亚",
-                        "pinyin": "S"
-                    },
-                    {
-                        "code": "+259",
-                        "name": "桑给巴尔，但从未使用",
-                        "pinyin": "S"
-                    },
-                    {
-                        "code": "+260",
-                        "name": "尚比亚",
-                        "pinyin": "S"
-                    },
-                    {
-                        "code": "+268",
-                        "name": "斯威士兰",
-                        "pinyin": "S"
-                    },
-                    {
-                        "code": "+290",
-                        "name": "圣赫勒拿 和 特里斯坦-达库尼亚",
-                        "pinyin": "S"
-                    },
-                    {
-                        "code": "+357",
-                        "name": "赛普勒斯",
-                        "pinyin": "S"
-                    },
-                    {
-                        "code": "+378",
-                        "name": "圣马力诺",
-                        "pinyin": "S"
-                    },
-                    {
-                        "code": "+381",
-                        "name": "塞尔维亚",
-                        "pinyin": "S"
-                    },
-                    {
-                        "code": "+386",
-                        "name": "斯洛维尼亚",
-                        "pinyin": "S"
-                    },
-                    {
-                        "code": "+421",
-                        "name": "斯洛伐克",
-                        "pinyin": "S"
-                    },
-                    {
-                        "code": "+503",
-                        "name": "萨尔瓦多",
-                        "pinyin": "S"
-                    },
-                    {
-                        "code": "+508",
-                        "name": "圣皮埃尔和密克隆",
-                        "pinyin": "S"
-                    },
-                    {
-                        "code": "+597",
-                        "name": "苏里南",
-                        "pinyin": "S"
-                    },
-                    {
-                        "code": "+677",
-                        "name": "所罗门群岛",
-                        "pinyin": "S"
-                    },
-                    {
-                        "code": "+685",
-                        "name": "萨摩亚",
-                        "pinyin": "S"
-                    },
-                    {
-                        "code": "+966",
-                        "name": "沙乌地阿拉伯",
-                        "pinyin": "S"
-                    },
-                    {
-                        "code": "+94",
-                        "name": "斯里兰卡",
-                        "pinyin": "S"
-                    },
-                    {
-                        "code": "+1-649",
-                        "name": "特克斯和凯科斯群岛",
-                        "pinyin": "T"
-                    },
-                    {
-                        "code": "+216",
-                        "name": "突尼西亚",
-                        "pinyin": "T"
-                    },
-                    {
-                        "code": "+255",
-                        "name": "坦桑尼亚",
-                        "pinyin": "T"
-                    },
-                    {
-                        "code": "+676",
-                        "name": "汤加",
-                        "pinyin": "T"
-                    },
-                    {
-                        "code": "+688",
-                        "name": "图瓦卢",
-                        "pinyin": "T"
-                    },
-                    {
-                        "code": "+690",
-                        "name": "托克劳",
-                        "pinyin": "T"
-                    },
-                    {
-                        "code": "+992",
-                        "name": "塔吉克斯坦",
-                        "pinyin": "T"
-                    },
-                    {
-                        "code": "+993",
-                        "name": "土库曼斯坦",
-                        "pinyin": "T"
-                    },
-                    {
-                        "code": "+66",
-                        "name": "泰国",
-                        "pinyin": "T"
-                    },
-                    {
-                        "code": "+90",
-                        "name": "土耳其",
-                        "pinyin": "T"
-                    },
-                    {
-                        "code": "+256",
-                        "name": "乌干达",
-                        "pinyin": "W"
-                    },
-                    {
-                        "code": "+380",
-                        "name": "乌克兰",
-                        "pinyin": "W"
-                    },
-                    {
-                        "code": "+502",
-                        "name": "危地马拉",
-                        "pinyin": "W"
-                    },
-                    {
-                        "code": "+673",
-                        "name": "文莱",
-                        "pinyin": "W"
-                    },
-                    {
-                        "code": "+678",
-                        "name": "瓦努阿图",
-                        "pinyin": "W"
-                    },
-                    {
-                        "code": "+681",
-                        "name": "瓦利斯和富图纳",
-                        "pinyin": "W"
-                    },
-                    {
-                        "code": "+998",
-                        "name": "乌兹别克斯坦",
-                        "pinyin": "W"
-                    },
-                    {
-                        "code": "+58",
-                        "name": "委内瑞拉",
-                        "pinyin": "W"
-                    },
-                    {
-                        "code": "+210",
-                        "name": "西撒哈拉",
-                        "pinyin": "X"
-                    },
-                    {
-                        "code": "+263",
-                        "name": "辛巴威",
-                        "pinyin": "X"
-                    },
-                    {
-                        "code": "+687",
-                        "name": "新喀里多尼亚",
-                        "pinyin": "X"
-                    },
-                    {
-                        "code": "+852",
-                        "name": "香港",
-                        "pinyin": "X"
-                    },
-                    {
-                        "code": "+963",
-                        "name": "叙利亚",
-                        "pinyin": "X"
-                    },
-                    {
-                        "code": "+30",
-                        "name": "希腊",
-                        "pinyin": "X"
-                    },
-                    {
-                        "code": "+34",
-                        "name": "西班牙",
-                        "pinyin": "X"
-                    },
-                    {
-                        "code": "+36",
-                        "name": "匈牙利",
-                        "pinyin": "X"
-                    },
-                    {
-                        "code": "+64",
-                        "name": "新西兰",
-                        "pinyin": "X"
-                    },
-                    {
-                        "code": "+65",
-                        "name": "新加坡",
-                        "pinyin": "X"
-                    },
-                    {
-                        "code": "+1-284",
-                        "name": "英属维尔京群岛",
-                        "pinyin": "Y"
-                    },
-                    {
-                        "code": "+246",
-                        "name": "英属印度洋领地",
-                        "pinyin": "Y"
-                    },
-                    {
-                        "code": "+251",
-                        "name": "衣索比亚",
-                        "pinyin": "Y"
-                    },
-                    {
-                        "code": "+374",
-                        "name": "亚美尼亚",
-                        "pinyin": "Y"
-                    },
-                    {
-                        "code": "+962",
-                        "name": "约旦",
-                        "pinyin": "Y"
-                    },
-                    {
-                        "code": "+964",
-                        "name": "伊拉克",
-                        "pinyin": "Y"
-                    },
-                    {
-                        "code": "+967",
-                        "name": "叶门",
-                        "pinyin": "Y"
-                    },
-                    {
-                        "code": "+972",
-                        "name": "以色列",
-                        "pinyin": "Y"
-                    },
-                    {
-                        "code": "+39",
-                        "name": "义大利",
-                        "pinyin": "Y"
-                    },
-                    {
-                        "code": "+44",
-                        "name": "英国",
-                        "pinyin": "Y"
-                    },
-                    {
-                        "code": "+62",
-                        "name": "印尼",
-                        "pinyin": "Y"
-                    },
-                    {
-                        "code": "+84",
-                        "name": "越南",
-                        "pinyin": "Y"
-                    },
-                    {
-                        "code": "+91",
-                        "name": "印度",
-                        "pinyin": "Y"
-                    },
-                    {
-                        "code": "+98",
-                        "name": "伊朗",
-                        "pinyin": "Y"
-                    },
-                    {
-                        "code": "+235",
-                        "name": "乍得",
-                        "pinyin": "Z"
-                    },
-                    {
-                        "code": "+236",
-                        "name": "中非",
-                        "pinyin": "Z"
-                    },
-                    {
-                        "code": "+350",
-                        "name": "直布罗陀",
-                        "pinyin": "Z"
-                    },
-                    {
-                        "code": "+850",
-                        "name": "朝鲜民主主义人民共和国",
-                        "pinyin": "Z"
-                    },
-                    {
-                        "code": "+886",
-                        "name": "中华民国",
-                        "pinyin": "Z"
-                    },
-                    {
-                        "code": "+56",
-                        "name": "智利",
-                        "pinyin": "Z"
-                    },
-                    {
-                        "code": "+86",
-                        "name": "中国",
-                        "pinyin": "Z"
-                    }
-                ],
-                countryOk: {
-                    "A": [
-                        {
-                            "code": "+1-264",
-                            "name": "安圭拉",
-                            "pinyin": "A"
-                        },
-                        {
-                            "code": "+1-268",
-                            "name": "安地卡及巴布达",
-                            "pinyin": "A"
-                        },
-                        {
-                            "code": "+244",
-                            "name": "安哥拉",
-                            "pinyin": "A"
-                        },
-                        {
-                            "code": "+353",
-                            "name": "爱尔兰",
-                            "pinyin": "A"
-                        },
-                        {
-                            "code": "+372",
-                            "name": "爱沙尼亚",
-                            "pinyin": "A"
-                        },
-                        {
-                            "code": "+376",
-                            "name": "安道尔",
-                            "pinyin": "A"
-                        },
-                        {
-                            "code": "+853",
-                            "name": "澳门",
-                            "pinyin": "A"
-                        },
-                        {
-                            "code": "+20",
-                            "name": "埃及",
-                            "pinyin": "A"
-                        },
-                        {
-                            "code": "+61",
-                            "name": "澳大利亚  科科斯（基林）群岛  圣诞岛",
-                            "pinyin": "A"
-                        }
-                    ],
-                    "B": [
-                        {
-                            "code": "+1-242",
-                            "name": "巴哈马",
-                            "pinyin": "B"
-                        },
-                        {
-                            "code": "+1-246",
-                            "name": "巴巴多斯",
-                            "pinyin": "B"
-                        },
-                        {
-                            "code": "+1-441",
-                            "name": "百慕大",
-                            "pinyin": "B"
-                        },
-                        {
-                            "code": "+226",
-                            "name": "布吉纳法索",
-                            "pinyin": "B"
-                        },
-                        {
-                            "code": "+229",
-                            "name": "贝宁",
-                            "pinyin": "B"
-                        },
-                        {
-                            "code": "+257",
-                            "name": "布隆迪",
-                            "pinyin": "B"
-                        },
-                        {
-                            "code": "+267",
-                            "name": "博茨瓦纳",
-                            "pinyin": "B"
-                        },
-                        {
-                            "code": "+354",
-                            "name": "冰岛",
-                            "pinyin": "B"
-                        },
-                        {
-                            "code": "+359",
-                            "name": "保加利亚",
-                            "pinyin": "B"
-                        },
-                        {
-                            "code": "+375",
-                            "name": "白俄罗斯",
-                            "pinyin": "B"
-                        },
-                        {
-                            "code": "+387",
-                            "name": "波斯尼亚和黑塞哥维那",
-                            "pinyin": "B"
-                        },
-                        {
-                            "code": "+389",
-                            "name": "北马其顿",
-                            "pinyin": "B"
-                        },
-                        {
-                            "code": "+501",
-                            "name": "伯利兹",
-                            "pinyin": "B"
-                        },
-                        {
-                            "code": "+507",
-                            "name": "巴拿马",
-                            "pinyin": "B"
-                        },
-                        {
-                            "code": "+591",
-                            "name": "玻利维亚",
-                            "pinyin": "B"
-                        },
-                        {
-                            "code": "+595",
-                            "name": "巴拉圭",
-                            "pinyin": "B"
-                        },
-                        {
-                            "code": "+675",
-                            "name": "巴布亚新几内亚",
-                            "pinyin": "B"
-                        },
-                        {
-                            "code": "+680",
-                            "name": "帛琉",
-                            "pinyin": "B"
-                        },
-                        {
-                            "code": "+970",
-                            "name": "巴勒斯坦",
-                            "pinyin": "B"
-                        },
-                        {
-                            "code": "+973",
-                            "name": "巴林",
-                            "pinyin": "B"
-                        },
-                        {
-                            "code": "+975",
-                            "name": "不丹",
-                            "pinyin": "B"
-                        },
-                        {
-                            "code": "+32",
-                            "name": "比利时",
-                            "pinyin": "B"
-                        },
-                        {
-                            "code": "+48",
-                            "name": "波兰",
-                            "pinyin": "B"
-                        },
-                        {
-                            "code": "+55",
-                            "name": "巴西",
-                            "pinyin": "B"
-                        },
-                        {
-                            "code": "+92",
-                            "name": "巴基斯坦",
-                            "pinyin": "B"
-                        }
-                    ],
-                    "C": [
-                        {
-                            "code": "+240",
-                            "name": "赤道几内亚",
-                            "pinyin": "C"
-                        }
-                    ],
-                    "D": [
-                        {
-                            "code": "+1-767",
-                            "name": "多米尼克",
-                            "pinyin": "D"
-                        },
-                        {
-                            "code": "+228",
-                            "name": "多哥",
-                            "pinyin": "D"
-                        },
-                        {
-                            "code": "+670",
-                            "name": "东帝汶",
-                            "pinyin": "D"
-                        },
-                        {
-                            "code": "+45",
-                            "name": "丹麦",
-                            "pinyin": "D"
-                        },
-                        {
-                            "code": "+49",
-                            "name": "德国",
-                            "pinyin": "D"
-                        },
-                        {
-                            "code": "+82",
-                            "name": "大韩民国",
-                            "pinyin": "D"
-                        }
-                    ],
-                    "E": [
-                        {
-                            "code": "+213",
-                            "name": "阿尔及利亚",
-                            "pinyin": "E"
-                        },
-                        {
-                            "code": "+247",
-                            "name": "阿森松岛",
-                            "pinyin": "E"
-                        },
-                        {
-                            "code": "+291",
-                            "name": "厄立特里亚",
-                            "pinyin": "E"
-                        },
-                        {
-                            "code": "+297",
-                            "name": "阿鲁巴",
-                            "pinyin": "E"
-                        },
-                        {
-                            "code": "+355",
-                            "name": "阿尔巴尼亚",
-                            "pinyin": "E"
-                        },
-                        {
-                            "code": "+593",
-                            "name": "厄瓜多尔",
-                            "pinyin": "E"
-                        },
-                        {
-                            "code": "+968",
-                            "name": "阿曼",
-                            "pinyin": "E"
-                        },
-                        {
-                            "code": "+971",
-                            "name": "阿联酋",
-                            "pinyin": "E"
-                        },
-                        {
-                            "code": "+994",
-                            "name": "阿塞拜疆",
-                            "pinyin": "E"
-                        },
-                        {
-                            "code": "+54",
-                            "name": "阿根廷",
-                            "pinyin": "E"
-                        },
-                        {
-                            "code": "+93",
-                            "name": "阿富汗",
-                            "pinyin": "E"
-                        }
-                    ],
-                    "F": [
-                        {
-                            "code": "+238",
-                            "name": "佛得角",
-                            "pinyin": "F"
-                        },
-                        {
-                            "code": "+298",
-                            "name": "法罗群岛",
-                            "pinyin": "F"
-                        },
-                        {
-                            "code": "+358",
-                            "name": "芬兰",
-                            "pinyin": "F"
-                        },
-                        {
-                            "code": "+379",
-                            "name": "梵蒂冈",
-                            "pinyin": "F"
-                        },
-                        {
-                            "code": "+500",
-                            "name": "福克兰群岛和 南乔治亚和南桑威奇群岛",
-                            "pinyin": "F"
-                        },
-                        {
-                            "code": "+594",
-                            "name": "法属圭亚那",
-                            "pinyin": "F"
-                        },
-                        {
-                            "code": "+679",
-                            "name": "斐济",
-                            "pinyin": "F"
-                        },
-                        {
-                            "code": "+689",
-                            "name": "法属玻里尼西亚",
-                            "pinyin": "F"
-                        },
-                        {
-                            "code": "+33",
-                            "name": "法国",
-                            "pinyin": "F"
-                        },
-                        {
-                            "code": "+63",
-                            "name": "菲律宾",
-                            "pinyin": "F"
-                        }
-                    ],
-                    "G": [
-                        {
-                            "code": "+1-473",
-                            "name": "格瑞那达",
-                            "pinyin": "G"
-                        },
-                        {
-                            "code": "+220",
-                            "name": "冈比亚",
-                            "pinyin": "G"
-                        },
-                        {
-                            "code": "+242",
-                            "name": "刚果（布）",
-                            "pinyin": "G"
-                        },
-                        {
-                            "code": "+243",
-                            "name": "刚果（金）（即前 扎伊尔）",
-                            "pinyin": "G"
-                        },
-                        {
-                            "code": "+299",
-                            "name": "格陵兰",
-                            "pinyin": "G"
-                        },
-                        {
-                            "code": "+506",
-                            "name": "哥斯达黎加",
-                            "pinyin": "G"
-                        },
-                        {
-                            "code": "+590",
-                            "name": "瓜德罗普",
-                            "pinyin": "G"
-                        },
-                        {
-                            "code": "+592",
-                            "name": "圭亚那",
-                            "pinyin": "G"
-                        },
-                        {
-                            "code": "+995",
-                            "name": "格鲁吉亚",
-                            "pinyin": "G"
-                        },
-                        {
-                            "code": "+53",
-                            "name": "古巴",
-                            "pinyin": "G"
-                        },
-                        {
-                            "code": "+57",
-                            "name": "哥伦比亚",
-                            "pinyin": "G"
-                        }
-                    ],
-                    "H": [
-                        {
-                            "code": "+504",
-                            "name": "洪都拉斯",
-                            "pinyin": "H"
-                        },
-                        {
-                            "code": "+509",
-                            "name": "海地",
-                            "pinyin": "H"
-                        },
-                        {
-                            "code": "+31",
-                            "name": "荷兰",
-                            "pinyin": "H"
-                        }
-                    ],
-                    "J": [
-                        {
-                            "code": "+224",
-                            "name": "几内亚",
-                            "pinyin": "J"
-                        },
-                        {
-                            "code": "+233",
-                            "name": "加纳",
-                            "pinyin": "J"
-                        },
-                        {
-                            "code": "+241",
-                            "name": "加彭",
-                            "pinyin": "J"
-                        },
-                        {
-                            "code": "+245",
-                            "name": "几内亚比绍",
-                            "pinyin": "J"
-                        },
-                        {
-                            "code": "+253",
-                            "name": "吉布提",
-                            "pinyin": "J"
-                        },
-                        {
-                            "code": "+420",
-                            "name": "捷克",
-                            "pinyin": "J"
-                        },
-                        {
-                            "code": "+686",
-                            "name": "基里巴斯",
-                            "pinyin": "J"
-                        },
-                        {
-                            "code": "+855",
-                            "name": "柬埔寨",
-                            "pinyin": "J"
-                        },
-                        {
-                            "code": "+996",
-                            "name": "吉尔吉斯斯坦",
-                            "pinyin": "J"
-                        },
-                        {
-                            "code": "+1",
-                            "name": "加拿大",
-                            "pinyin": "J"
-                        }
-                    ],
-                    "K": [
-                        {
-                            "code": "+1-345",
-                            "name": "开曼群岛",
-                            "pinyin": "K"
-                        },
-                        {
-                            "code": "+225",
-                            "name": "科特迪瓦",
-                            "pinyin": "K"
-                        },
-                        {
-                            "code": "+237",
-                            "name": "喀麦隆",
-                            "pinyin": "K"
-                        },
-                        {
-                            "code": "+254",
-                            "name": "肯尼亚",
-                            "pinyin": "K"
-                        },
-                        {
-                            "code": "+269",
-                            "name": "科摩罗",
-                            "pinyin": "K"
-                        },
-                        {
-                            "code": "+383",
-                            "name": "科索沃",
-                            "pinyin": "K"
-                        },
-                        {
-                            "code": "+385",
-                            "name": "克罗地亚",
-                            "pinyin": "K"
-                        },
-                        {
-                            "code": "+682",
-                            "name": "库克群岛",
-                            "pinyin": "K"
-                        },
-                        {
-                            "code": "+965",
-                            "name": "科威特",
-                            "pinyin": "K"
-                        },
-                        {
-                            "code": "+974",
-                            "name": "卡塔尔",
-                            "pinyin": "K"
-                        }
-                    ],
-                    "L": [
-                        {
-                            "code": "+218",
-                            "name": "利比亚",
-                            "pinyin": "L"
-                        },
-                        {
-                            "code": "+231",
-                            "name": "利比里亚",
-                            "pinyin": "L"
-                        },
-                        {
-                            "code": "+250",
-                            "name": "卢旺达",
-                            "pinyin": "L"
-                        },
-                        {
-                            "code": "+262",
-                            "name": "留尼汪和 马约特",
-                            "pinyin": "L"
-                        },
-                        {
-                            "code": "+266",
-                            "name": "赖索托",
-                            "pinyin": "L"
-                        },
-                        {
-                            "code": "+352",
-                            "name": "卢森堡",
-                            "pinyin": "L"
-                        },
-                        {
-                            "code": "+370",
-                            "name": "立陶宛",
-                            "pinyin": "L"
-                        },
-                        {
-                            "code": "+371",
-                            "name": "拉脱维亚",
-                            "pinyin": "L"
-                        },
-                        {
-                            "code": "+423",
-                            "name": "列支敦斯登",
-                            "pinyin": "L"
-                        },
-                        {
-                            "code": "+856",
-                            "name": "老挝",
-                            "pinyin": "L"
-                        },
-                        {
-                            "code": "+961",
-                            "name": "黎巴嫩",
-                            "pinyin": "L"
-                        },
-                        {
-                            "code": "+40",
-                            "name": "罗马尼亚",
-                            "pinyin": "L"
-                        }
-                    ],
-                    "M": [
-                        {
-                            "code": "+1-664",
-                            "name": "蒙特塞拉特",
-                            "pinyin": "M"
-                        },
-                        {
-                            "code": "+212",
-                            "name": "摩洛哥",
-                            "pinyin": "M"
-                        },
-                        {
-                            "code": "+222",
-                            "name": "毛里塔尼亚",
-                            "pinyin": "M"
-                        },
-                        {
-                            "code": "+223",
-                            "name": "马里",
-                            "pinyin": "M"
-                        },
-                        {
-                            "code": "+230",
-                            "name": "模里西斯",
-                            "pinyin": "M"
-                        },
-                        {
-                            "code": "+258",
-                            "name": "莫桑比克",
-                            "pinyin": "M"
-                        },
-                        {
-                            "code": "+261",
-                            "name": "马达加斯加",
-                            "pinyin": "M"
-                        },
-                        {
-                            "code": "+265",
-                            "name": "马拉维",
-                            "pinyin": "M"
-                        },
-                        {
-                            "code": "+356",
-                            "name": "马尔他",
-                            "pinyin": "M"
-                        },
-                        {
-                            "code": "+373",
-                            "name": "摩尔多瓦",
-                            "pinyin": "M"
-                        },
-                        {
-                            "code": "+377",
-                            "name": "摩纳哥",
-                            "pinyin": "M"
-                        },
-                        {
-                            "code": "+382",
-                            "name": "蒙特内哥罗",
-                            "pinyin": "M"
-                        },
-                        {
-                            "code": "+596",
-                            "name": "马提尼克",
-                            "pinyin": "M"
-                        },
-                        {
-                            "code": "+691",
-                            "name": "密克罗尼西亚联邦",
-                            "pinyin": "M"
-                        },
-                        {
-                            "code": "+692",
-                            "name": "马绍尔群岛",
-                            "pinyin": "M"
-                        },
-                        {
-                            "code": "+880",
-                            "name": "孟加拉国 孟加拉国",
-                            "pinyin": "M"
-                        },
-                        {
-                            "code": "+960",
-                            "name": "马尔地夫",
-                            "pinyin": "M"
-                        },
-                        {
-                            "code": "+976",
-                            "name": "蒙古国",
-                            "pinyin": "M"
-                        },
-                        {
-                            "code": "+51",
-                            "name": "秘鲁",
-                            "pinyin": "M"
-                        },
-                        {
-                            "code": "+52",
-                            "name": "墨西哥",
-                            "pinyin": "M"
-                        },
-                        {
-                            "code": "+95",
-                            "name": "缅甸",
-                            "pinyin": "M"
-                        },
-                        {
-                            "code": "+1",
-                            "name": "美国",
-                            "pinyin": "M"
-                        }
-                    ],
-                    "N": [
-                        {
-                            "code": "+211",
-                            "name": "南苏丹",
-                            "pinyin": "N"
-                        },
-                        {
-                            "code": "+227",
-                            "name": "尼日尔",
-                            "pinyin": "N"
-                        },
-                        {
-                            "code": "+234",
-                            "name": "奈及利亚",
-                            "pinyin": "N"
-                        },
-                        {
-                            "code": "+264",
-                            "name": "纳米比亚",
-                            "pinyin": "N"
-                        },
-                        {
-                            "code": "+505",
-                            "name": "尼加拉瓜",
-                            "pinyin": "N"
-                        },
-                        {
-                            "code": "+674",
-                            "name": "瑙鲁",
-                            "pinyin": "N"
-                        },
-                        {
-                            "code": "+683",
-                            "name": "纽埃",
-                            "pinyin": "N"
-                        },
-                        {
-                            "code": "+977",
-                            "name": "尼泊尔",
-                            "pinyin": "N"
-                        },
-                        {
-                            "code": "+27",
-                            "name": "南非",
-                            "pinyin": "N"
-                        },
-                        {
-                            "code": "+47",
-                            "name": "挪威",
-                            "pinyin": "N"
-                        }
-                    ],
-                    "P": [
-                        {
-                            "code": "+351",
-                            "name": "葡萄牙",
-                            "pinyin": "P"
-                        }
-                    ],
-                    "R": [
-                        {
-                            "code": "+41",
-                            "name": "瑞士",
-                            "pinyin": "R"
-                        },
-                        {
-                            "code": "+46",
-                            "name": "瑞典",
-                            "pinyin": "R"
-                        },
-                        {
-                            "code": "+81",
-                            "name": "日本",
-                            "pinyin": "R"
-                        }
-                    ],
-                    "S": [
-                        {
-                            "code": "+1-721",
-                            "name": "圣马丁",
-                            "pinyin": "S"
-                        },
-                        {
-                            "code": "+1-758",
-                            "name": "圣卢西亚",
-                            "pinyin": "S"
-                        },
-                        {
-                            "code": "+1-784",
-                            "name": "圣文森特和格林纳丁斯",
-                            "pinyin": "S"
-                        },
-                        {
-                            "code": "+221",
-                            "name": "塞内加尔",
-                            "pinyin": "S"
-                        },
-                        {
-                            "code": "+232",
-                            "name": "塞拉利昂",
-                            "pinyin": "S"
-                        },
-                        {
-                            "code": "+239",
-                            "name": "圣多美和普林西比",
-                            "pinyin": "S"
-                        },
-                        {
-                            "code": "+248",
-                            "name": "塞舌尔",
-                            "pinyin": "S"
-                        },
-                        {
-                            "code": "+249",
-                            "name": "苏丹",
-                            "pinyin": "S"
-                        },
-                        {
-                            "code": "+252",
-                            "name": "索马利亚",
-                            "pinyin": "S"
-                        },
-                        {
-                            "code": "+259",
-                            "name": "桑给巴尔，但从未使用",
-                            "pinyin": "S"
-                        },
-                        {
-                            "code": "+260",
-                            "name": "尚比亚",
-                            "pinyin": "S"
-                        },
-                        {
-                            "code": "+268",
-                            "name": "斯威士兰",
-                            "pinyin": "S"
-                        },
-                        {
-                            "code": "+290",
-                            "name": "圣赫勒拿 和 特里斯坦-达库尼亚",
-                            "pinyin": "S"
-                        },
-                        {
-                            "code": "+357",
-                            "name": "赛普勒斯",
-                            "pinyin": "S"
-                        },
-                        {
-                            "code": "+378",
-                            "name": "圣马力诺",
-                            "pinyin": "S"
-                        },
-                        {
-                            "code": "+381",
-                            "name": "塞尔维亚",
-                            "pinyin": "S"
-                        },
-                        {
-                            "code": "+386",
-                            "name": "斯洛维尼亚",
-                            "pinyin": "S"
-                        },
-                        {
-                            "code": "+421",
-                            "name": "斯洛伐克",
-                            "pinyin": "S"
-                        },
-                        {
-                            "code": "+503",
-                            "name": "萨尔瓦多",
-                            "pinyin": "S"
-                        },
-                        {
-                            "code": "+508",
-                            "name": "圣皮埃尔和密克隆",
-                            "pinyin": "S"
-                        },
-                        {
-                            "code": "+597",
-                            "name": "苏里南",
-                            "pinyin": "S"
-                        },
-                        {
-                            "code": "+677",
-                            "name": "所罗门群岛",
-                            "pinyin": "S"
-                        },
-                        {
-                            "code": "+685",
-                            "name": "萨摩亚",
-                            "pinyin": "S"
-                        },
-                        {
-                            "code": "+966",
-                            "name": "沙乌地阿拉伯",
-                            "pinyin": "S"
-                        },
-                        {
-                            "code": "+94",
-                            "name": "斯里兰卡",
-                            "pinyin": "S"
-                        }
-                    ],
-                    "T": [
-                        {
-                            "code": "+1-649",
-                            "name": "特克斯和凯科斯群岛",
-                            "pinyin": "T"
-                        },
-                        {
-                            "code": "+216",
-                            "name": "突尼西亚",
-                            "pinyin": "T"
-                        },
-                        {
-                            "code": "+255",
-                            "name": "坦桑尼亚",
-                            "pinyin": "T"
-                        },
-                        {
-                            "code": "+676",
-                            "name": "汤加",
-                            "pinyin": "T"
-                        },
-                        {
-                            "code": "+688",
-                            "name": "图瓦卢",
-                            "pinyin": "T"
-                        },
-                        {
-                            "code": "+690",
-                            "name": "托克劳",
-                            "pinyin": "T"
-                        },
-                        {
-                            "code": "+992",
-                            "name": "塔吉克斯坦",
-                            "pinyin": "T"
-                        },
-                        {
-                            "code": "+993",
-                            "name": "土库曼斯坦",
-                            "pinyin": "T"
-                        },
-                        {
-                            "code": "+66",
-                            "name": "泰国",
-                            "pinyin": "T"
-                        },
-                        {
-                            "code": "+90",
-                            "name": "土耳其",
-                            "pinyin": "T"
-                        }
-                    ],
-                    "W": [
-                        {
-                            "code": "+256",
-                            "name": "乌干达",
-                            "pinyin": "W"
-                        },
-                        {
-                            "code": "+380",
-                            "name": "乌克兰",
-                            "pinyin": "W"
-                        },
-                        {
-                            "code": "+502",
-                            "name": "危地马拉",
-                            "pinyin": "W"
-                        },
-                        {
-                            "code": "+673",
-                            "name": "文莱",
-                            "pinyin": "W"
-                        },
-                        {
-                            "code": "+678",
-                            "name": "瓦努阿图",
-                            "pinyin": "W"
-                        },
-                        {
-                            "code": "+681",
-                            "name": "瓦利斯和富图纳",
-                            "pinyin": "W"
-                        },
-                        {
-                            "code": "+998",
-                            "name": "乌兹别克斯坦",
-                            "pinyin": "W"
-                        },
-                        {
-                            "code": "+58",
-                            "name": "委内瑞拉",
-                            "pinyin": "W"
-                        }
-                    ],
-                    "X": [
-                        {
-                            "code": "+210",
-                            "name": "西撒哈拉",
-                            "pinyin": "X"
-                        },
-                        {
-                            "code": "+263",
-                            "name": "辛巴威",
-                            "pinyin": "X"
-                        },
-                        {
-                            "code": "+687",
-                            "name": "新喀里多尼亚",
-                            "pinyin": "X"
-                        },
-                        {
-                            "code": "+852",
-                            "name": "香港",
-                            "pinyin": "X"
-                        },
-                        {
-                            "code": "+963",
-                            "name": "叙利亚",
-                            "pinyin": "X"
-                        },
-                        {
-                            "code": "+30",
-                            "name": "希腊",
-                            "pinyin": "X"
-                        },
-                        {
-                            "code": "+34",
-                            "name": "西班牙",
-                            "pinyin": "X"
-                        },
-                        {
-                            "code": "+36",
-                            "name": "匈牙利",
-                            "pinyin": "X"
-                        },
-                        {
-                            "code": "+64",
-                            "name": "新西兰",
-                            "pinyin": "X"
-                        },
-                        {
-                            "code": "+65",
-                            "name": "新加坡",
-                            "pinyin": "X"
-                        }
-                    ],
-                    "Y": [
-                        {
-                            "code": "+1-284",
-                            "name": "英属维尔京群岛",
-                            "pinyin": "Y"
-                        },
-                        {
-                            "code": "+246",
-                            "name": "英属印度洋领地",
-                            "pinyin": "Y"
-                        },
-                        {
-                            "code": "+251",
-                            "name": "衣索比亚",
-                            "pinyin": "Y"
-                        },
-                        {
-                            "code": "+374",
-                            "name": "亚美尼亚",
-                            "pinyin": "Y"
-                        },
-                        {
-                            "code": "+962",
-                            "name": "约旦",
-                            "pinyin": "Y"
-                        },
-                        {
-                            "code": "+964",
-                            "name": "伊拉克",
-                            "pinyin": "Y"
-                        },
-                        {
-                            "code": "+967",
-                            "name": "叶门",
-                            "pinyin": "Y"
-                        },
-                        {
-                            "code": "+972",
-                            "name": "以色列",
-                            "pinyin": "Y"
-                        },
-                        {
-                            "code": "+39",
-                            "name": "义大利",
-                            "pinyin": "Y"
-                        },
-                        {
-                            "code": "+44",
-                            "name": "英国",
-                            "pinyin": "Y"
-                        },
-                        {
-                            "code": "+62",
-                            "name": "印尼",
-                            "pinyin": "Y"
-                        },
-                        {
-                            "code": "+84",
-                            "name": "越南",
-                            "pinyin": "Y"
-                        },
-                        {
-                            "code": "+91",
-                            "name": "印度",
-                            "pinyin": "Y"
-                        },
-                        {
-                            "code": "+98",
-                            "name": "伊朗",
-                            "pinyin": "Y"
-                        }
-                    ],
-                    "Z": [
-                        {
-                            "code": "+235",
-                            "name": "乍得",
-                            "pinyin": "Z"
-                        },
-                        {
-                            "code": "+236",
-                            "name": "中非",
-                            "pinyin": "Z"
-                        },
-                        {
-                            "code": "+350",
-                            "name": "直布罗陀",
-                            "pinyin": "Z"
-                        },
-                        {
-                            "code": "+850",
-                            "name": "朝鲜民主主义人民共和国",
-                            "pinyin": "Z"
-                        },
-                        {
-                            "code": "+886",
-                            "name": "中华民国",
-                            "pinyin": "Z"
-                        },
-                        {
-                            "code": "+56",
-                            "name": "智利",
-                            "pinyin": "Z"
-                        },
-                        {
-                            "code": "+86",
-                            "name": "中国",
-                            "pinyin": "Z"
-                        }
-                    ]
-                }
-            }
-        },
-        created() {
-            console.log(this.countryOk)
-        },
-        mounted() {
-            let ul = document.querySelector('.indicator-ctn2')
-            let ulOffsetTop = ul.offsetTop
-            let itemHeight = 18
-            let fontSize = '1.4rem'
-            let liEl = document.querySelectorAll('.indicator-ctn2 li')
-            liEl.forEach((el, index) => {
-                el.style.top = index * itemHeight + 'px'
-                el.style.width = itemHeight + 'px'
-                el.style.height = itemHeight + 'px'
-            })
-            ul.addEventListener('touchstart', function ($e) {
-                let pageY = $e.touches[0].pageY - ulOffsetTop
-                let currentIndex = pageY / itemHeight
-                currentIndex = Math.floor(currentIndex)
-                render(currentIndex)
-            })
-            ul.addEventListener('touchend', function ($e) {
-                liEl.forEach((el, index) => {
-                    el.style.left = 0
-                    el.style.fontSize = '1rem'
-                    el.style.color = '#fff'
-                })
-            })
-            ul.addEventListener('touchmove', function ($e) {
-                liEl.forEach((el, index) => {
-                    el.style.left = 0
-                    el.style.fontSize = '1rem'
-                    el.style.color = '#fff'
-                })
-                let pageY = $e.touches[0].pageY - ulOffsetTop
-                let currentIndex = pageY / itemHeight
-                currentIndex = Math.floor(currentIndex)
-                render(currentIndex)
-                console.log(currentIndex)
-            })
-
-            function render(currentIndex) {
-                liEl[currentIndex].style.left = -itemHeight * 4 + 10 + 'px'
-                liEl[currentIndex].style.fontSize = fontSize
-                liEl[currentIndex].style.color = '#fff'
-                if (currentIndex === 0) {
-                    liEl[currentIndex + 1].style.left = -itemHeight * 3 + 'px'
-                    liEl[currentIndex + 1].style.fontSize = fontSize
-                    liEl[currentIndex + 1].style.color = '#ffffff22'
-
-                    liEl[currentIndex + 2].style.left = -itemHeight * 2 + 'px'
-                    liEl[currentIndex + 2].style.fontSize = fontSize
-                    liEl[currentIndex + 2].style.color = '#ffffff44'
-
-                    liEl[currentIndex + 3].style.left = -itemHeight * 1 + 'px'
-                    liEl[currentIndex + 3].style.fontSize = fontSize
-                    liEl[currentIndex + 3].style.color = '#ffffff66'
-                } else if (currentIndex === 1) {
-                    liEl[currentIndex - 1].style.left = -itemHeight * 3 + 'px'
-                    liEl[currentIndex - 1].style.fontSize = fontSize
-                    liEl[currentIndex - 1].style.color = '#ffffff22'
-
-                    liEl[currentIndex + 1].style.left = -itemHeight * 3 + 'px'
-                    liEl[currentIndex + 1].style.fontSize = fontSize
-                    liEl[currentIndex + 1].style.color = '#ffffff22'
-
-                    liEl[currentIndex + 2].style.left = -itemHeight * 2 + 'px'
-                    liEl[currentIndex + 2].style.fontSize = fontSize
-                    liEl[currentIndex + 2].style.color = '#ffffff44'
-
-                    liEl[currentIndex + 3].style.left = -itemHeight * 1 + 'px'
-                    liEl[currentIndex + 3].style.fontSize = fontSize
-                    liEl[currentIndex + 3].style.color = '#ffffff66'
-                } else if (currentIndex === 2) {
-                    liEl[currentIndex - 2].style.left = -itemHeight * 2 + 'px'
-                    liEl[currentIndex - 2].style.fontSize = fontSize
-                    liEl[currentIndex - 2].style.color = '#ffffff44'
-
-                    liEl[currentIndex - 1].style.left = -itemHeight * 3 + 'px'
-                    liEl[currentIndex - 1].style.fontSize = fontSize
-                    liEl[currentIndex - 1].style.color = '#ffffff22'
-                    liEl[currentIndex + 1].style.left = -itemHeight * 3 + 'px'
-                    liEl[currentIndex + 1].style.fontSize = fontSize
-                    liEl[currentIndex + 1].style.color = '#ffffff22'
-
-                    liEl[currentIndex + 2].style.left = -itemHeight * 2 + 'px'
-                    liEl[currentIndex + 2].style.fontSize = fontSize
-                    liEl[currentIndex + 2].style.color = '#ffffff44'
-
-                    liEl[currentIndex + 3].style.left = -itemHeight * 1 + 'px'
-                    liEl[currentIndex + 3].style.fontSize = fontSize
-                    liEl[currentIndex + 3].style.color = '#ffffff66'
-                } else {
-                    liEl[currentIndex - 1].style.left = -itemHeight * 3 + 'px'
-                    liEl[currentIndex - 1].style.fontSize = fontSize
-                    liEl[currentIndex - 1].style.color = '#ffffff22'
-
-                    liEl[currentIndex - 2].style.left = -itemHeight * 2 + 'px'
-                    liEl[currentIndex - 2].style.fontSize = fontSize
-                    liEl[currentIndex - 2].style.color = '#ffffff44'
-
-                    liEl[currentIndex - 3].style.left = -itemHeight * 1 + 'px'
-                    liEl[currentIndex - 3].style.fontSize = fontSize
-                    liEl[currentIndex - 3].style.color = '#ffffff66'
-
-
-                    liEl[currentIndex + 1].style.left = -itemHeight * 3 + 'px'
-                    liEl[currentIndex + 1].style.fontSize = fontSize
-                    liEl[currentIndex + 1].style.color = '#ffffff22'
-
-
-                    liEl[currentIndex + 2].style.left = -itemHeight * 2 + 'px'
-                    liEl[currentIndex + 2].style.fontSize = fontSize
-                    liEl[currentIndex + 2].style.color = '#ffffff44'
+import Search from "../../components/Search";
 
+export default {
+  name: "countryChoose",
+  components: {Search},
+  data() {
+    return {
+      country: [
+        {
+          "code": "+1-264",
+          "name": "安圭拉",
+          "pinyin": "A"
+        },
+        {
+          "code": "+1-268",
+          "name": "安地卡及巴布达",
+          "pinyin": "A"
+        },
+        {
+          "code": "+244",
+          "name": "安哥拉",
+          "pinyin": "A"
+        },
+        {
+          "code": "+353",
+          "name": "爱尔兰",
+          "pinyin": "A"
+        },
+        {
+          "code": "+372",
+          "name": "爱沙尼亚",
+          "pinyin": "A"
+        },
+        {
+          "code": "+376",
+          "name": "安道尔",
+          "pinyin": "A"
+        },
+        {
+          "code": "+853",
+          "name": "澳门",
+          "pinyin": "A"
+        },
+        {
+          "code": "+20",
+          "name": "埃及",
+          "pinyin": "A"
+        },
+        {
+          "code": "+61",
+          "name": "澳大利亚  科科斯（基林）群岛  圣诞岛",
+          "pinyin": "A"
+        },
+        {
+          "code": "+1-242",
+          "name": "巴哈马",
+          "pinyin": "B"
+        },
+        {
+          "code": "+1-246",
+          "name": "巴巴多斯",
+          "pinyin": "B"
+        },
+        {
+          "code": "+1-441",
+          "name": "百慕大",
+          "pinyin": "B"
+        },
+        {
+          "code": "+226",
+          "name": "布吉纳法索",
+          "pinyin": "B"
+        },
+        {
+          "code": "+229",
+          "name": "贝宁",
+          "pinyin": "B"
+        },
+        {
+          "code": "+257",
+          "name": "布隆迪",
+          "pinyin": "B"
+        },
+        {
+          "code": "+267",
+          "name": "博茨瓦纳",
+          "pinyin": "B"
+        },
+        {
+          "code": "+354",
+          "name": "冰岛",
+          "pinyin": "B"
+        },
+        {
+          "code": "+359",
+          "name": "保加利亚",
+          "pinyin": "B"
+        },
+        {
+          "code": "+375",
+          "name": "白俄罗斯",
+          "pinyin": "B"
+        },
+        {
+          "code": "+387",
+          "name": "波斯尼亚和黑塞哥维那",
+          "pinyin": "B"
+        },
+        {
+          "code": "+389",
+          "name": "北马其顿",
+          "pinyin": "B"
+        },
+        {
+          "code": "+501",
+          "name": "伯利兹",
+          "pinyin": "B"
+        },
+        {
+          "code": "+507",
+          "name": "巴拿马",
+          "pinyin": "B"
+        },
+        {
+          "code": "+591",
+          "name": "玻利维亚",
+          "pinyin": "B"
+        },
+        {
+          "code": "+595",
+          "name": "巴拉圭",
+          "pinyin": "B"
+        },
+        {
+          "code": "+675",
+          "name": "巴布亚新几内亚",
+          "pinyin": "B"
+        },
+        {
+          "code": "+680",
+          "name": "帛琉",
+          "pinyin": "B"
+        },
+        {
+          "code": "+970",
+          "name": "巴勒斯坦",
+          "pinyin": "B"
+        },
+        {
+          "code": "+973",
+          "name": "巴林",
+          "pinyin": "B"
+        },
+        {
+          "code": "+975",
+          "name": "不丹",
+          "pinyin": "B"
+        },
+        {
+          "code": "+32",
+          "name": "比利时",
+          "pinyin": "B"
+        },
+        {
+          "code": "+48",
+          "name": "波兰",
+          "pinyin": "B"
+        },
+        {
+          "code": "+55",
+          "name": "巴西",
+          "pinyin": "B"
+        },
+        {
+          "code": "+92",
+          "name": "巴基斯坦",
+          "pinyin": "B"
+        },
+        {
+          "code": "+240",
+          "name": "赤道几内亚",
+          "pinyin": "C"
+        },
+        {
+          "code": "+1-767",
+          "name": "多米尼克",
+          "pinyin": "D"
+        },
+        {
+          "code": "+228",
+          "name": "多哥",
+          "pinyin": "D"
+        },
+        {
+          "code": "+670",
+          "name": "东帝汶",
+          "pinyin": "D"
+        },
+        {
+          "code": "+45",
+          "name": "丹麦",
+          "pinyin": "D"
+        },
+        {
+          "code": "+49",
+          "name": "德国",
+          "pinyin": "D"
+        },
+        {
+          "code": "+82",
+          "name": "大韩民国",
+          "pinyin": "D"
+        },
+        {
+          "code": "+213",
+          "name": "阿尔及利亚",
+          "pinyin": "E"
+        },
+        {
+          "code": "+247",
+          "name": "阿森松岛",
+          "pinyin": "E"
+        },
+        {
+          "code": "+291",
+          "name": "厄立特里亚",
+          "pinyin": "E"
+        },
+        {
+          "code": "+297",
+          "name": "阿鲁巴",
+          "pinyin": "E"
+        },
+        {
+          "code": "+355",
+          "name": "阿尔巴尼亚",
+          "pinyin": "E"
+        },
+        {
+          "code": "+593",
+          "name": "厄瓜多尔",
+          "pinyin": "E"
+        },
+        {
+          "code": "+968",
+          "name": "阿曼",
+          "pinyin": "E"
+        },
+        {
+          "code": "+971",
+          "name": "阿联酋",
+          "pinyin": "E"
+        },
+        {
+          "code": "+994",
+          "name": "阿塞拜疆",
+          "pinyin": "E"
+        },
+        {
+          "code": "+54",
+          "name": "阿根廷",
+          "pinyin": "E"
+        },
+        {
+          "code": "+93",
+          "name": "阿富汗",
+          "pinyin": "E"
+        },
+        {
+          "code": "+238",
+          "name": "佛得角",
+          "pinyin": "F"
+        },
+        {
+          "code": "+298",
+          "name": "法罗群岛",
+          "pinyin": "F"
+        },
+        {
+          "code": "+358",
+          "name": "芬兰",
+          "pinyin": "F"
+        },
+        {
+          "code": "+379",
+          "name": "梵蒂冈",
+          "pinyin": "F"
+        },
+        {
+          "code": "+500",
+          "name": "福克兰群岛和 南乔治亚和南桑威奇群岛",
+          "pinyin": "F"
+        },
+        {
+          "code": "+594",
+          "name": "法属圭亚那",
+          "pinyin": "F"
+        },
+        {
+          "code": "+679",
+          "name": "斐济",
+          "pinyin": "F"
+        },
+        {
+          "code": "+689",
+          "name": "法属玻里尼西亚",
+          "pinyin": "F"
+        },
+        {
+          "code": "+33",
+          "name": "法国",
+          "pinyin": "F"
+        },
+        {
+          "code": "+63",
+          "name": "菲律宾",
+          "pinyin": "F"
+        },
+        {
+          "code": "+1-473",
+          "name": "格瑞那达",
+          "pinyin": "G"
+        },
+        {
+          "code": "+220",
+          "name": "冈比亚",
+          "pinyin": "G"
+        },
+        {
+          "code": "+242",
+          "name": "刚果（布）",
+          "pinyin": "G"
+        },
+        {
+          "code": "+243",
+          "name": "刚果（金）（即前 扎伊尔）",
+          "pinyin": "G"
+        },
+        {
+          "code": "+299",
+          "name": "格陵兰",
+          "pinyin": "G"
+        },
+        {
+          "code": "+506",
+          "name": "哥斯达黎加",
+          "pinyin": "G"
+        },
+        {
+          "code": "+590",
+          "name": "瓜德罗普",
+          "pinyin": "G"
+        },
+        {
+          "code": "+592",
+          "name": "圭亚那",
+          "pinyin": "G"
+        },
+        {
+          "code": "+995",
+          "name": "格鲁吉亚",
+          "pinyin": "G"
+        },
+        {
+          "code": "+53",
+          "name": "古巴",
+          "pinyin": "G"
+        },
+        {
+          "code": "+57",
+          "name": "哥伦比亚",
+          "pinyin": "G"
+        },
+        {
+          "code": "+504",
+          "name": "洪都拉斯",
+          "pinyin": "H"
+        },
+        {
+          "code": "+509",
+          "name": "海地",
+          "pinyin": "H"
+        },
+        {
+          "code": "+31",
+          "name": "荷兰",
+          "pinyin": "H"
+        },
+        {
+          "code": "+224",
+          "name": "几内亚",
+          "pinyin": "J"
+        },
+        {
+          "code": "+233",
+          "name": "加纳",
+          "pinyin": "J"
+        },
+        {
+          "code": "+241",
+          "name": "加彭",
+          "pinyin": "J"
+        },
+        {
+          "code": "+245",
+          "name": "几内亚比绍",
+          "pinyin": "J"
+        },
+        {
+          "code": "+253",
+          "name": "吉布提",
+          "pinyin": "J"
+        },
+        {
+          "code": "+420",
+          "name": "捷克",
+          "pinyin": "J"
+        },
+        {
+          "code": "+686",
+          "name": "基里巴斯",
+          "pinyin": "J"
+        },
+        {
+          "code": "+855",
+          "name": "柬埔寨",
+          "pinyin": "J"
+        },
+        {
+          "code": "+996",
+          "name": "吉尔吉斯斯坦",
+          "pinyin": "J"
+        },
+        {
+          "code": "+1",
+          "name": "加拿大",
+          "pinyin": "J"
+        },
+        {
+          "code": "+1-345",
+          "name": "开曼群岛",
+          "pinyin": "K"
+        },
+        {
+          "code": "+225",
+          "name": "科特迪瓦",
+          "pinyin": "K"
+        },
+        {
+          "code": "+237",
+          "name": "喀麦隆",
+          "pinyin": "K"
+        },
+        {
+          "code": "+254",
+          "name": "肯尼亚",
+          "pinyin": "K"
+        },
+        {
+          "code": "+269",
+          "name": "科摩罗",
+          "pinyin": "K"
+        },
+        {
+          "code": "+383",
+          "name": "科索沃",
+          "pinyin": "K"
+        },
+        {
+          "code": "+385",
+          "name": "克罗地亚",
+          "pinyin": "K"
+        },
+        {
+          "code": "+682",
+          "name": "库克群岛",
+          "pinyin": "K"
+        },
+        {
+          "code": "+965",
+          "name": "科威特",
+          "pinyin": "K"
+        },
+        {
+          "code": "+974",
+          "name": "卡塔尔",
+          "pinyin": "K"
+        },
+        {
+          "code": "+218",
+          "name": "利比亚",
+          "pinyin": "L"
+        },
+        {
+          "code": "+231",
+          "name": "利比里亚",
+          "pinyin": "L"
+        },
+        {
+          "code": "+250",
+          "name": "卢旺达",
+          "pinyin": "L"
+        },
+        {
+          "code": "+262",
+          "name": "留尼汪和 马约特",
+          "pinyin": "L"
+        },
+        {
+          "code": "+266",
+          "name": "赖索托",
+          "pinyin": "L"
+        },
+        {
+          "code": "+352",
+          "name": "卢森堡",
+          "pinyin": "L"
+        },
+        {
+          "code": "+370",
+          "name": "立陶宛",
+          "pinyin": "L"
+        },
+        {
+          "code": "+371",
+          "name": "拉脱维亚",
+          "pinyin": "L"
+        },
+        {
+          "code": "+423",
+          "name": "列支敦斯登",
+          "pinyin": "L"
+        },
+        {
+          "code": "+856",
+          "name": "老挝",
+          "pinyin": "L"
+        },
+        {
+          "code": "+961",
+          "name": "黎巴嫩",
+          "pinyin": "L"
+        },
+        {
+          "code": "+40",
+          "name": "罗马尼亚",
+          "pinyin": "L"
+        },
+        {
+          "code": "+1-664",
+          "name": "蒙特塞拉特",
+          "pinyin": "M"
+        },
+        {
+          "code": "+212",
+          "name": "摩洛哥",
+          "pinyin": "M"
+        },
+        {
+          "code": "+222",
+          "name": "毛里塔尼亚",
+          "pinyin": "M"
+        },
+        {
+          "code": "+223",
+          "name": "马里",
+          "pinyin": "M"
+        },
+        {
+          "code": "+230",
+          "name": "模里西斯",
+          "pinyin": "M"
+        },
+        {
+          "code": "+258",
+          "name": "莫桑比克",
+          "pinyin": "M"
+        },
+        {
+          "code": "+261",
+          "name": "马达加斯加",
+          "pinyin": "M"
+        },
+        {
+          "code": "+265",
+          "name": "马拉维",
+          "pinyin": "M"
+        },
+        {
+          "code": "+356",
+          "name": "马尔他",
+          "pinyin": "M"
+        },
+        {
+          "code": "+373",
+          "name": "摩尔多瓦",
+          "pinyin": "M"
+        },
+        {
+          "code": "+377",
+          "name": "摩纳哥",
+          "pinyin": "M"
+        },
+        {
+          "code": "+382",
+          "name": "蒙特内哥罗",
+          "pinyin": "M"
+        },
+        {
+          "code": "+596",
+          "name": "马提尼克",
+          "pinyin": "M"
+        },
+        {
+          "code": "+691",
+          "name": "密克罗尼西亚联邦",
+          "pinyin": "M"
+        },
+        {
+          "code": "+692",
+          "name": "马绍尔群岛",
+          "pinyin": "M"
+        },
+        {
+          "code": "+880",
+          "name": "孟加拉国 孟加拉国",
+          "pinyin": "M"
+        },
+        {
+          "code": "+960",
+          "name": "马尔地夫",
+          "pinyin": "M"
+        },
+        {
+          "code": "+976",
+          "name": "蒙古国",
+          "pinyin": "M"
+        },
+        {
+          "code": "+51",
+          "name": "秘鲁",
+          "pinyin": "M"
+        },
+        {
+          "code": "+52",
+          "name": "墨西哥",
+          "pinyin": "M"
+        },
+        {
+          "code": "+95",
+          "name": "缅甸",
+          "pinyin": "M"
+        },
+        {
+          "code": "+1",
+          "name": "美国",
+          "pinyin": "M"
+        },
+        {
+          "code": "+211",
+          "name": "南苏丹",
+          "pinyin": "N"
+        },
+        {
+          "code": "+227",
+          "name": "尼日尔",
+          "pinyin": "N"
+        },
+        {
+          "code": "+234",
+          "name": "奈及利亚",
+          "pinyin": "N"
+        },
+        {
+          "code": "+264",
+          "name": "纳米比亚",
+          "pinyin": "N"
+        },
+        {
+          "code": "+505",
+          "name": "尼加拉瓜",
+          "pinyin": "N"
+        },
+        {
+          "code": "+674",
+          "name": "瑙鲁",
+          "pinyin": "N"
+        },
+        {
+          "code": "+683",
+          "name": "纽埃",
+          "pinyin": "N"
+        },
+        {
+          "code": "+977",
+          "name": "尼泊尔",
+          "pinyin": "N"
+        },
+        {
+          "code": "+27",
+          "name": "南非",
+          "pinyin": "N"
+        },
+        {
+          "code": "+47",
+          "name": "挪威",
+          "pinyin": "N"
+        },
+        {
+          "code": "+351",
+          "name": "葡萄牙",
+          "pinyin": "P"
+        },
+        {
+          "code": "+41",
+          "name": "瑞士",
+          "pinyin": "R"
+        },
+        {
+          "code": "+46",
+          "name": "瑞典",
+          "pinyin": "R"
+        },
+        {
+          "code": "+81",
+          "name": "日本",
+          "pinyin": "R"
+        },
+        {
+          "code": "+1-721",
+          "name": "圣马丁",
+          "pinyin": "S"
+        },
+        {
+          "code": "+1-758",
+          "name": "圣卢西亚",
+          "pinyin": "S"
+        },
+        {
+          "code": "+1-784",
+          "name": "圣文森特和格林纳丁斯",
+          "pinyin": "S"
+        },
+        {
+          "code": "+221",
+          "name": "塞内加尔",
+          "pinyin": "S"
+        },
+        {
+          "code": "+232",
+          "name": "塞拉利昂",
+          "pinyin": "S"
+        },
+        {
+          "code": "+239",
+          "name": "圣多美和普林西比",
+          "pinyin": "S"
+        },
+        {
+          "code": "+248",
+          "name": "塞舌尔",
+          "pinyin": "S"
+        },
+        {
+          "code": "+249",
+          "name": "苏丹",
+          "pinyin": "S"
+        },
+        {
+          "code": "+252",
+          "name": "索马利亚",
+          "pinyin": "S"
+        },
+        {
+          "code": "+259",
+          "name": "桑给巴尔，但从未使用",
+          "pinyin": "S"
+        },
+        {
+          "code": "+260",
+          "name": "尚比亚",
+          "pinyin": "S"
+        },
+        {
+          "code": "+268",
+          "name": "斯威士兰",
+          "pinyin": "S"
+        },
+        {
+          "code": "+290",
+          "name": "圣赫勒拿 和 特里斯坦-达库尼亚",
+          "pinyin": "S"
+        },
+        {
+          "code": "+357",
+          "name": "赛普勒斯",
+          "pinyin": "S"
+        },
+        {
+          "code": "+378",
+          "name": "圣马力诺",
+          "pinyin": "S"
+        },
+        {
+          "code": "+381",
+          "name": "塞尔维亚",
+          "pinyin": "S"
+        },
+        {
+          "code": "+386",
+          "name": "斯洛维尼亚",
+          "pinyin": "S"
+        },
+        {
+          "code": "+421",
+          "name": "斯洛伐克",
+          "pinyin": "S"
+        },
+        {
+          "code": "+503",
+          "name": "萨尔瓦多",
+          "pinyin": "S"
+        },
+        {
+          "code": "+508",
+          "name": "圣皮埃尔和密克隆",
+          "pinyin": "S"
+        },
+        {
+          "code": "+597",
+          "name": "苏里南",
+          "pinyin": "S"
+        },
+        {
+          "code": "+677",
+          "name": "所罗门群岛",
+          "pinyin": "S"
+        },
+        {
+          "code": "+685",
+          "name": "萨摩亚",
+          "pinyin": "S"
+        },
+        {
+          "code": "+966",
+          "name": "沙乌地阿拉伯",
+          "pinyin": "S"
+        },
+        {
+          "code": "+94",
+          "name": "斯里兰卡",
+          "pinyin": "S"
+        },
+        {
+          "code": "+1-649",
+          "name": "特克斯和凯科斯群岛",
+          "pinyin": "T"
+        },
+        {
+          "code": "+216",
+          "name": "突尼西亚",
+          "pinyin": "T"
+        },
+        {
+          "code": "+255",
+          "name": "坦桑尼亚",
+          "pinyin": "T"
+        },
+        {
+          "code": "+676",
+          "name": "汤加",
+          "pinyin": "T"
+        },
+        {
+          "code": "+688",
+          "name": "图瓦卢",
+          "pinyin": "T"
+        },
+        {
+          "code": "+690",
+          "name": "托克劳",
+          "pinyin": "T"
+        },
+        {
+          "code": "+992",
+          "name": "塔吉克斯坦",
+          "pinyin": "T"
+        },
+        {
+          "code": "+993",
+          "name": "土库曼斯坦",
+          "pinyin": "T"
+        },
+        {
+          "code": "+66",
+          "name": "泰国",
+          "pinyin": "T"
+        },
+        {
+          "code": "+90",
+          "name": "土耳其",
+          "pinyin": "T"
+        },
+        {
+          "code": "+256",
+          "name": "乌干达",
+          "pinyin": "W"
+        },
+        {
+          "code": "+380",
+          "name": "乌克兰",
+          "pinyin": "W"
+        },
+        {
+          "code": "+502",
+          "name": "危地马拉",
+          "pinyin": "W"
+        },
+        {
+          "code": "+673",
+          "name": "文莱",
+          "pinyin": "W"
+        },
+        {
+          "code": "+678",
+          "name": "瓦努阿图",
+          "pinyin": "W"
+        },
+        {
+          "code": "+681",
+          "name": "瓦利斯和富图纳",
+          "pinyin": "W"
+        },
+        {
+          "code": "+998",
+          "name": "乌兹别克斯坦",
+          "pinyin": "W"
+        },
+        {
+          "code": "+58",
+          "name": "委内瑞拉",
+          "pinyin": "W"
+        },
+        {
+          "code": "+210",
+          "name": "西撒哈拉",
+          "pinyin": "X"
+        },
+        {
+          "code": "+263",
+          "name": "辛巴威",
+          "pinyin": "X"
+        },
+        {
+          "code": "+687",
+          "name": "新喀里多尼亚",
+          "pinyin": "X"
+        },
+        {
+          "code": "+852",
+          "name": "香港",
+          "pinyin": "X"
+        },
+        {
+          "code": "+963",
+          "name": "叙利亚",
+          "pinyin": "X"
+        },
+        {
+          "code": "+30",
+          "name": "希腊",
+          "pinyin": "X"
+        },
+        {
+          "code": "+34",
+          "name": "西班牙",
+          "pinyin": "X"
+        },
+        {
+          "code": "+36",
+          "name": "匈牙利",
+          "pinyin": "X"
+        },
+        {
+          "code": "+64",
+          "name": "新西兰",
+          "pinyin": "X"
+        },
+        {
+          "code": "+65",
+          "name": "新加坡",
+          "pinyin": "X"
+        },
+        {
+          "code": "+1-284",
+          "name": "英属维尔京群岛",
+          "pinyin": "Y"
+        },
+        {
+          "code": "+246",
+          "name": "英属印度洋领地",
+          "pinyin": "Y"
+        },
+        {
+          "code": "+251",
+          "name": "衣索比亚",
+          "pinyin": "Y"
+        },
+        {
+          "code": "+374",
+          "name": "亚美尼亚",
+          "pinyin": "Y"
+        },
+        {
+          "code": "+962",
+          "name": "约旦",
+          "pinyin": "Y"
+        },
+        {
+          "code": "+964",
+          "name": "伊拉克",
+          "pinyin": "Y"
+        },
+        {
+          "code": "+967",
+          "name": "叶门",
+          "pinyin": "Y"
+        },
+        {
+          "code": "+972",
+          "name": "以色列",
+          "pinyin": "Y"
+        },
+        {
+          "code": "+39",
+          "name": "义大利",
+          "pinyin": "Y"
+        },
+        {
+          "code": "+44",
+          "name": "英国",
+          "pinyin": "Y"
+        },
+        {
+          "code": "+62",
+          "name": "印尼",
+          "pinyin": "Y"
+        },
+        {
+          "code": "+84",
+          "name": "越南",
+          "pinyin": "Y"
+        },
+        {
+          "code": "+91",
+          "name": "印度",
+          "pinyin": "Y"
+        },
+        {
+          "code": "+98",
+          "name": "伊朗",
+          "pinyin": "Y"
+        },
+        {
+          "code": "+235",
+          "name": "乍得",
+          "pinyin": "Z"
+        },
+        {
+          "code": "+236",
+          "name": "中非",
+          "pinyin": "Z"
+        },
+        {
+          "code": "+350",
+          "name": "直布罗陀",
+          "pinyin": "Z"
+        },
+        {
+          "code": "+850",
+          "name": "朝鲜民主主义人民共和国",
+          "pinyin": "Z"
+        },
+        {
+          "code": "+886",
+          "name": "中华民国",
+          "pinyin": "Z"
+        },
+        {
+          "code": "+56",
+          "name": "智利",
+          "pinyin": "Z"
+        },
+        {
+          "code": "+86",
+          "name": "中国",
+          "pinyin": "Z"
+        }
+      ],
+      countryOk: {
+        "A": [
+          {
+            "code": "+1-264",
+            "name": "安圭拉",
+            "pinyin": "A"
+          },
+          {
+            "code": "+1-268",
+            "name": "安地卡及巴布达",
+            "pinyin": "A"
+          },
+          {
+            "code": "+244",
+            "name": "安哥拉",
+            "pinyin": "A"
+          },
+          {
+            "code": "+353",
+            "name": "爱尔兰",
+            "pinyin": "A"
+          },
+          {
+            "code": "+372",
+            "name": "爱沙尼亚",
+            "pinyin": "A"
+          },
+          {
+            "code": "+376",
+            "name": "安道尔",
+            "pinyin": "A"
+          },
+          {
+            "code": "+853",
+            "name": "澳门",
+            "pinyin": "A"
+          },
+          {
+            "code": "+20",
+            "name": "埃及",
+            "pinyin": "A"
+          },
+          {
+            "code": "+61",
+            "name": "澳大利亚  科科斯（基林）群岛  圣诞岛",
+            "pinyin": "A"
+          }
+        ],
+        "B": [
+          {
+            "code": "+1-242",
+            "name": "巴哈马",
+            "pinyin": "B"
+          },
+          {
+            "code": "+1-246",
+            "name": "巴巴多斯",
+            "pinyin": "B"
+          },
+          {
+            "code": "+1-441",
+            "name": "百慕大",
+            "pinyin": "B"
+          },
+          {
+            "code": "+226",
+            "name": "布吉纳法索",
+            "pinyin": "B"
+          },
+          {
+            "code": "+229",
+            "name": "贝宁",
+            "pinyin": "B"
+          },
+          {
+            "code": "+257",
+            "name": "布隆迪",
+            "pinyin": "B"
+          },
+          {
+            "code": "+267",
+            "name": "博茨瓦纳",
+            "pinyin": "B"
+          },
+          {
+            "code": "+354",
+            "name": "冰岛",
+            "pinyin": "B"
+          },
+          {
+            "code": "+359",
+            "name": "保加利亚",
+            "pinyin": "B"
+          },
+          {
+            "code": "+375",
+            "name": "白俄罗斯",
+            "pinyin": "B"
+          },
+          {
+            "code": "+387",
+            "name": "波斯尼亚和黑塞哥维那",
+            "pinyin": "B"
+          },
+          {
+            "code": "+389",
+            "name": "北马其顿",
+            "pinyin": "B"
+          },
+          {
+            "code": "+501",
+            "name": "伯利兹",
+            "pinyin": "B"
+          },
+          {
+            "code": "+507",
+            "name": "巴拿马",
+            "pinyin": "B"
+          },
+          {
+            "code": "+591",
+            "name": "玻利维亚",
+            "pinyin": "B"
+          },
+          {
+            "code": "+595",
+            "name": "巴拉圭",
+            "pinyin": "B"
+          },
+          {
+            "code": "+675",
+            "name": "巴布亚新几内亚",
+            "pinyin": "B"
+          },
+          {
+            "code": "+680",
+            "name": "帛琉",
+            "pinyin": "B"
+          },
+          {
+            "code": "+970",
+            "name": "巴勒斯坦",
+            "pinyin": "B"
+          },
+          {
+            "code": "+973",
+            "name": "巴林",
+            "pinyin": "B"
+          },
+          {
+            "code": "+975",
+            "name": "不丹",
+            "pinyin": "B"
+          },
+          {
+            "code": "+32",
+            "name": "比利时",
+            "pinyin": "B"
+          },
+          {
+            "code": "+48",
+            "name": "波兰",
+            "pinyin": "B"
+          },
+          {
+            "code": "+55",
+            "name": "巴西",
+            "pinyin": "B"
+          },
+          {
+            "code": "+92",
+            "name": "巴基斯坦",
+            "pinyin": "B"
+          }
+        ],
+        "C": [
+          {
+            "code": "+240",
+            "name": "赤道几内亚",
+            "pinyin": "C"
+          }
+        ],
+        "D": [
+          {
+            "code": "+1-767",
+            "name": "多米尼克",
+            "pinyin": "D"
+          },
+          {
+            "code": "+228",
+            "name": "多哥",
+            "pinyin": "D"
+          },
+          {
+            "code": "+670",
+            "name": "东帝汶",
+            "pinyin": "D"
+          },
+          {
+            "code": "+45",
+            "name": "丹麦",
+            "pinyin": "D"
+          },
+          {
+            "code": "+49",
+            "name": "德国",
+            "pinyin": "D"
+          },
+          {
+            "code": "+82",
+            "name": "大韩民国",
+            "pinyin": "D"
+          }
+        ],
+        "E": [
+          {
+            "code": "+213",
+            "name": "阿尔及利亚",
+            "pinyin": "E"
+          },
+          {
+            "code": "+247",
+            "name": "阿森松岛",
+            "pinyin": "E"
+          },
+          {
+            "code": "+291",
+            "name": "厄立特里亚",
+            "pinyin": "E"
+          },
+          {
+            "code": "+297",
+            "name": "阿鲁巴",
+            "pinyin": "E"
+          },
+          {
+            "code": "+355",
+            "name": "阿尔巴尼亚",
+            "pinyin": "E"
+          },
+          {
+            "code": "+593",
+            "name": "厄瓜多尔",
+            "pinyin": "E"
+          },
+          {
+            "code": "+968",
+            "name": "阿曼",
+            "pinyin": "E"
+          },
+          {
+            "code": "+971",
+            "name": "阿联酋",
+            "pinyin": "E"
+          },
+          {
+            "code": "+994",
+            "name": "阿塞拜疆",
+            "pinyin": "E"
+          },
+          {
+            "code": "+54",
+            "name": "阿根廷",
+            "pinyin": "E"
+          },
+          {
+            "code": "+93",
+            "name": "阿富汗",
+            "pinyin": "E"
+          }
+        ],
+        "F": [
+          {
+            "code": "+238",
+            "name": "佛得角",
+            "pinyin": "F"
+          },
+          {
+            "code": "+298",
+            "name": "法罗群岛",
+            "pinyin": "F"
+          },
+          {
+            "code": "+358",
+            "name": "芬兰",
+            "pinyin": "F"
+          },
+          {
+            "code": "+379",
+            "name": "梵蒂冈",
+            "pinyin": "F"
+          },
+          {
+            "code": "+500",
+            "name": "福克兰群岛和 南乔治亚和南桑威奇群岛",
+            "pinyin": "F"
+          },
+          {
+            "code": "+594",
+            "name": "法属圭亚那",
+            "pinyin": "F"
+          },
+          {
+            "code": "+679",
+            "name": "斐济",
+            "pinyin": "F"
+          },
+          {
+            "code": "+689",
+            "name": "法属玻里尼西亚",
+            "pinyin": "F"
+          },
+          {
+            "code": "+33",
+            "name": "法国",
+            "pinyin": "F"
+          },
+          {
+            "code": "+63",
+            "name": "菲律宾",
+            "pinyin": "F"
+          }
+        ],
+        "G": [
+          {
+            "code": "+1-473",
+            "name": "格瑞那达",
+            "pinyin": "G"
+          },
+          {
+            "code": "+220",
+            "name": "冈比亚",
+            "pinyin": "G"
+          },
+          {
+            "code": "+242",
+            "name": "刚果（布）",
+            "pinyin": "G"
+          },
+          {
+            "code": "+243",
+            "name": "刚果（金）（即前 扎伊尔）",
+            "pinyin": "G"
+          },
+          {
+            "code": "+299",
+            "name": "格陵兰",
+            "pinyin": "G"
+          },
+          {
+            "code": "+506",
+            "name": "哥斯达黎加",
+            "pinyin": "G"
+          },
+          {
+            "code": "+590",
+            "name": "瓜德罗普",
+            "pinyin": "G"
+          },
+          {
+            "code": "+592",
+            "name": "圭亚那",
+            "pinyin": "G"
+          },
+          {
+            "code": "+995",
+            "name": "格鲁吉亚",
+            "pinyin": "G"
+          },
+          {
+            "code": "+53",
+            "name": "古巴",
+            "pinyin": "G"
+          },
+          {
+            "code": "+57",
+            "name": "哥伦比亚",
+            "pinyin": "G"
+          }
+        ],
+        "H": [
+          {
+            "code": "+504",
+            "name": "洪都拉斯",
+            "pinyin": "H"
+          },
+          {
+            "code": "+509",
+            "name": "海地",
+            "pinyin": "H"
+          },
+          {
+            "code": "+31",
+            "name": "荷兰",
+            "pinyin": "H"
+          }
+        ],
+        "J": [
+          {
+            "code": "+224",
+            "name": "几内亚",
+            "pinyin": "J"
+          },
+          {
+            "code": "+233",
+            "name": "加纳",
+            "pinyin": "J"
+          },
+          {
+            "code": "+241",
+            "name": "加彭",
+            "pinyin": "J"
+          },
+          {
+            "code": "+245",
+            "name": "几内亚比绍",
+            "pinyin": "J"
+          },
+          {
+            "code": "+253",
+            "name": "吉布提",
+            "pinyin": "J"
+          },
+          {
+            "code": "+420",
+            "name": "捷克",
+            "pinyin": "J"
+          },
+          {
+            "code": "+686",
+            "name": "基里巴斯",
+            "pinyin": "J"
+          },
+          {
+            "code": "+855",
+            "name": "柬埔寨",
+            "pinyin": "J"
+          },
+          {
+            "code": "+996",
+            "name": "吉尔吉斯斯坦",
+            "pinyin": "J"
+          },
+          {
+            "code": "+1",
+            "name": "加拿大",
+            "pinyin": "J"
+          }
+        ],
+        "K": [
+          {
+            "code": "+1-345",
+            "name": "开曼群岛",
+            "pinyin": "K"
+          },
+          {
+            "code": "+225",
+            "name": "科特迪瓦",
+            "pinyin": "K"
+          },
+          {
+            "code": "+237",
+            "name": "喀麦隆",
+            "pinyin": "K"
+          },
+          {
+            "code": "+254",
+            "name": "肯尼亚",
+            "pinyin": "K"
+          },
+          {
+            "code": "+269",
+            "name": "科摩罗",
+            "pinyin": "K"
+          },
+          {
+            "code": "+383",
+            "name": "科索沃",
+            "pinyin": "K"
+          },
+          {
+            "code": "+385",
+            "name": "克罗地亚",
+            "pinyin": "K"
+          },
+          {
+            "code": "+682",
+            "name": "库克群岛",
+            "pinyin": "K"
+          },
+          {
+            "code": "+965",
+            "name": "科威特",
+            "pinyin": "K"
+          },
+          {
+            "code": "+974",
+            "name": "卡塔尔",
+            "pinyin": "K"
+          }
+        ],
+        "L": [
+          {
+            "code": "+218",
+            "name": "利比亚",
+            "pinyin": "L"
+          },
+          {
+            "code": "+231",
+            "name": "利比里亚",
+            "pinyin": "L"
+          },
+          {
+            "code": "+250",
+            "name": "卢旺达",
+            "pinyin": "L"
+          },
+          {
+            "code": "+262",
+            "name": "留尼汪和 马约特",
+            "pinyin": "L"
+          },
+          {
+            "code": "+266",
+            "name": "赖索托",
+            "pinyin": "L"
+          },
+          {
+            "code": "+352",
+            "name": "卢森堡",
+            "pinyin": "L"
+          },
+          {
+            "code": "+370",
+            "name": "立陶宛",
+            "pinyin": "L"
+          },
+          {
+            "code": "+371",
+            "name": "拉脱维亚",
+            "pinyin": "L"
+          },
+          {
+            "code": "+423",
+            "name": "列支敦斯登",
+            "pinyin": "L"
+          },
+          {
+            "code": "+856",
+            "name": "老挝",
+            "pinyin": "L"
+          },
+          {
+            "code": "+961",
+            "name": "黎巴嫩",
+            "pinyin": "L"
+          },
+          {
+            "code": "+40",
+            "name": "罗马尼亚",
+            "pinyin": "L"
+          }
+        ],
+        "M": [
+          {
+            "code": "+1-664",
+            "name": "蒙特塞拉特",
+            "pinyin": "M"
+          },
+          {
+            "code": "+212",
+            "name": "摩洛哥",
+            "pinyin": "M"
+          },
+          {
+            "code": "+222",
+            "name": "毛里塔尼亚",
+            "pinyin": "M"
+          },
+          {
+            "code": "+223",
+            "name": "马里",
+            "pinyin": "M"
+          },
+          {
+            "code": "+230",
+            "name": "模里西斯",
+            "pinyin": "M"
+          },
+          {
+            "code": "+258",
+            "name": "莫桑比克",
+            "pinyin": "M"
+          },
+          {
+            "code": "+261",
+            "name": "马达加斯加",
+            "pinyin": "M"
+          },
+          {
+            "code": "+265",
+            "name": "马拉维",
+            "pinyin": "M"
+          },
+          {
+            "code": "+356",
+            "name": "马尔他",
+            "pinyin": "M"
+          },
+          {
+            "code": "+373",
+            "name": "摩尔多瓦",
+            "pinyin": "M"
+          },
+          {
+            "code": "+377",
+            "name": "摩纳哥",
+            "pinyin": "M"
+          },
+          {
+            "code": "+382",
+            "name": "蒙特内哥罗",
+            "pinyin": "M"
+          },
+          {
+            "code": "+596",
+            "name": "马提尼克",
+            "pinyin": "M"
+          },
+          {
+            "code": "+691",
+            "name": "密克罗尼西亚联邦",
+            "pinyin": "M"
+          },
+          {
+            "code": "+692",
+            "name": "马绍尔群岛",
+            "pinyin": "M"
+          },
+          {
+            "code": "+880",
+            "name": "孟加拉国 孟加拉国",
+            "pinyin": "M"
+          },
+          {
+            "code": "+960",
+            "name": "马尔地夫",
+            "pinyin": "M"
+          },
+          {
+            "code": "+976",
+            "name": "蒙古国",
+            "pinyin": "M"
+          },
+          {
+            "code": "+51",
+            "name": "秘鲁",
+            "pinyin": "M"
+          },
+          {
+            "code": "+52",
+            "name": "墨西哥",
+            "pinyin": "M"
+          },
+          {
+            "code": "+95",
+            "name": "缅甸",
+            "pinyin": "M"
+          },
+          {
+            "code": "+1",
+            "name": "美国",
+            "pinyin": "M"
+          }
+        ],
+        "N": [
+          {
+            "code": "+211",
+            "name": "南苏丹",
+            "pinyin": "N"
+          },
+          {
+            "code": "+227",
+            "name": "尼日尔",
+            "pinyin": "N"
+          },
+          {
+            "code": "+234",
+            "name": "奈及利亚",
+            "pinyin": "N"
+          },
+          {
+            "code": "+264",
+            "name": "纳米比亚",
+            "pinyin": "N"
+          },
+          {
+            "code": "+505",
+            "name": "尼加拉瓜",
+            "pinyin": "N"
+          },
+          {
+            "code": "+674",
+            "name": "瑙鲁",
+            "pinyin": "N"
+          },
+          {
+            "code": "+683",
+            "name": "纽埃",
+            "pinyin": "N"
+          },
+          {
+            "code": "+977",
+            "name": "尼泊尔",
+            "pinyin": "N"
+          },
+          {
+            "code": "+27",
+            "name": "南非",
+            "pinyin": "N"
+          },
+          {
+            "code": "+47",
+            "name": "挪威",
+            "pinyin": "N"
+          }
+        ],
+        "P": [
+          {
+            "code": "+351",
+            "name": "葡萄牙",
+            "pinyin": "P"
+          }
+        ],
+        "R": [
+          {
+            "code": "+41",
+            "name": "瑞士",
+            "pinyin": "R"
+          },
+          {
+            "code": "+46",
+            "name": "瑞典",
+            "pinyin": "R"
+          },
+          {
+            "code": "+81",
+            "name": "日本",
+            "pinyin": "R"
+          }
+        ],
+        "S": [
+          {
+            "code": "+1-721",
+            "name": "圣马丁",
+            "pinyin": "S"
+          },
+          {
+            "code": "+1-758",
+            "name": "圣卢西亚",
+            "pinyin": "S"
+          },
+          {
+            "code": "+1-784",
+            "name": "圣文森特和格林纳丁斯",
+            "pinyin": "S"
+          },
+          {
+            "code": "+221",
+            "name": "塞内加尔",
+            "pinyin": "S"
+          },
+          {
+            "code": "+232",
+            "name": "塞拉利昂",
+            "pinyin": "S"
+          },
+          {
+            "code": "+239",
+            "name": "圣多美和普林西比",
+            "pinyin": "S"
+          },
+          {
+            "code": "+248",
+            "name": "塞舌尔",
+            "pinyin": "S"
+          },
+          {
+            "code": "+249",
+            "name": "苏丹",
+            "pinyin": "S"
+          },
+          {
+            "code": "+252",
+            "name": "索马利亚",
+            "pinyin": "S"
+          },
+          {
+            "code": "+259",
+            "name": "桑给巴尔，但从未使用",
+            "pinyin": "S"
+          },
+          {
+            "code": "+260",
+            "name": "尚比亚",
+            "pinyin": "S"
+          },
+          {
+            "code": "+268",
+            "name": "斯威士兰",
+            "pinyin": "S"
+          },
+          {
+            "code": "+290",
+            "name": "圣赫勒拿 和 特里斯坦-达库尼亚",
+            "pinyin": "S"
+          },
+          {
+            "code": "+357",
+            "name": "赛普勒斯",
+            "pinyin": "S"
+          },
+          {
+            "code": "+378",
+            "name": "圣马力诺",
+            "pinyin": "S"
+          },
+          {
+            "code": "+381",
+            "name": "塞尔维亚",
+            "pinyin": "S"
+          },
+          {
+            "code": "+386",
+            "name": "斯洛维尼亚",
+            "pinyin": "S"
+          },
+          {
+            "code": "+421",
+            "name": "斯洛伐克",
+            "pinyin": "S"
+          },
+          {
+            "code": "+503",
+            "name": "萨尔瓦多",
+            "pinyin": "S"
+          },
+          {
+            "code": "+508",
+            "name": "圣皮埃尔和密克隆",
+            "pinyin": "S"
+          },
+          {
+            "code": "+597",
+            "name": "苏里南",
+            "pinyin": "S"
+          },
+          {
+            "code": "+677",
+            "name": "所罗门群岛",
+            "pinyin": "S"
+          },
+          {
+            "code": "+685",
+            "name": "萨摩亚",
+            "pinyin": "S"
+          },
+          {
+            "code": "+966",
+            "name": "沙乌地阿拉伯",
+            "pinyin": "S"
+          },
+          {
+            "code": "+94",
+            "name": "斯里兰卡",
+            "pinyin": "S"
+          }
+        ],
+        "T": [
+          {
+            "code": "+1-649",
+            "name": "特克斯和凯科斯群岛",
+            "pinyin": "T"
+          },
+          {
+            "code": "+216",
+            "name": "突尼西亚",
+            "pinyin": "T"
+          },
+          {
+            "code": "+255",
+            "name": "坦桑尼亚",
+            "pinyin": "T"
+          },
+          {
+            "code": "+676",
+            "name": "汤加",
+            "pinyin": "T"
+          },
+          {
+            "code": "+688",
+            "name": "图瓦卢",
+            "pinyin": "T"
+          },
+          {
+            "code": "+690",
+            "name": "托克劳",
+            "pinyin": "T"
+          },
+          {
+            "code": "+992",
+            "name": "塔吉克斯坦",
+            "pinyin": "T"
+          },
+          {
+            "code": "+993",
+            "name": "土库曼斯坦",
+            "pinyin": "T"
+          },
+          {
+            "code": "+66",
+            "name": "泰国",
+            "pinyin": "T"
+          },
+          {
+            "code": "+90",
+            "name": "土耳其",
+            "pinyin": "T"
+          }
+        ],
+        "W": [
+          {
+            "code": "+256",
+            "name": "乌干达",
+            "pinyin": "W"
+          },
+          {
+            "code": "+380",
+            "name": "乌克兰",
+            "pinyin": "W"
+          },
+          {
+            "code": "+502",
+            "name": "危地马拉",
+            "pinyin": "W"
+          },
+          {
+            "code": "+673",
+            "name": "文莱",
+            "pinyin": "W"
+          },
+          {
+            "code": "+678",
+            "name": "瓦努阿图",
+            "pinyin": "W"
+          },
+          {
+            "code": "+681",
+            "name": "瓦利斯和富图纳",
+            "pinyin": "W"
+          },
+          {
+            "code": "+998",
+            "name": "乌兹别克斯坦",
+            "pinyin": "W"
+          },
+          {
+            "code": "+58",
+            "name": "委内瑞拉",
+            "pinyin": "W"
+          }
+        ],
+        "X": [
+          {
+            "code": "+210",
+            "name": "西撒哈拉",
+            "pinyin": "X"
+          },
+          {
+            "code": "+263",
+            "name": "辛巴威",
+            "pinyin": "X"
+          },
+          {
+            "code": "+687",
+            "name": "新喀里多尼亚",
+            "pinyin": "X"
+          },
+          {
+            "code": "+852",
+            "name": "香港",
+            "pinyin": "X"
+          },
+          {
+            "code": "+963",
+            "name": "叙利亚",
+            "pinyin": "X"
+          },
+          {
+            "code": "+30",
+            "name": "希腊",
+            "pinyin": "X"
+          },
+          {
+            "code": "+34",
+            "name": "西班牙",
+            "pinyin": "X"
+          },
+          {
+            "code": "+36",
+            "name": "匈牙利",
+            "pinyin": "X"
+          },
+          {
+            "code": "+64",
+            "name": "新西兰",
+            "pinyin": "X"
+          },
+          {
+            "code": "+65",
+            "name": "新加坡",
+            "pinyin": "X"
+          }
+        ],
+        "Y": [
+          {
+            "code": "+1-284",
+            "name": "英属维尔京群岛",
+            "pinyin": "Y"
+          },
+          {
+            "code": "+246",
+            "name": "英属印度洋领地",
+            "pinyin": "Y"
+          },
+          {
+            "code": "+251",
+            "name": "衣索比亚",
+            "pinyin": "Y"
+          },
+          {
+            "code": "+374",
+            "name": "亚美尼亚",
+            "pinyin": "Y"
+          },
+          {
+            "code": "+962",
+            "name": "约旦",
+            "pinyin": "Y"
+          },
+          {
+            "code": "+964",
+            "name": "伊拉克",
+            "pinyin": "Y"
+          },
+          {
+            "code": "+967",
+            "name": "叶门",
+            "pinyin": "Y"
+          },
+          {
+            "code": "+972",
+            "name": "以色列",
+            "pinyin": "Y"
+          },
+          {
+            "code": "+39",
+            "name": "义大利",
+            "pinyin": "Y"
+          },
+          {
+            "code": "+44",
+            "name": "英国",
+            "pinyin": "Y"
+          },
+          {
+            "code": "+62",
+            "name": "印尼",
+            "pinyin": "Y"
+          },
+          {
+            "code": "+84",
+            "name": "越南",
+            "pinyin": "Y"
+          },
+          {
+            "code": "+91",
+            "name": "印度",
+            "pinyin": "Y"
+          },
+          {
+            "code": "+98",
+            "name": "伊朗",
+            "pinyin": "Y"
+          }
+        ],
+        "Z": [
+          {
+            "code": "+235",
+            "name": "乍得",
+            "pinyin": "Z"
+          },
+          {
+            "code": "+236",
+            "name": "中非",
+            "pinyin": "Z"
+          },
+          {
+            "code": "+350",
+            "name": "直布罗陀",
+            "pinyin": "Z"
+          },
+          {
+            "code": "+850",
+            "name": "朝鲜民主主义人民共和国",
+            "pinyin": "Z"
+          },
+          {
+            "code": "+886",
+            "name": "中华民国",
+            "pinyin": "Z"
+          },
+          {
+            "code": "+56",
+            "name": "智利",
+            "pinyin": "Z"
+          },
+          {
+            "code": "+86",
+            "name": "中国",
+            "pinyin": "Z"
+          }
+        ]
+      },
+      isShowText: false,
+      searchKey: '',
+      indexOffsetTop: {}
+    }
+  },
+  created() {
+  },
+  mounted() {
+    let indexs = document.querySelectorAll('.index')
+    indexs.forEach(v => {
+      this.indexOffsetTop[v.children[0].innerText] = v.offsetTop
+    })
+    let items = document.querySelectorAll('.item')
+    let item = document.querySelector(`.item:nth-child(2)`)
+    let itemHeight = item.clientHeight
+    let ul = document.querySelector('.indicator')
+    let ulOffsetTop = ul.offsetTop
+    let resetScale = 'scale(1)'
+    let resetColor = 'rgb(143, 143, 158)'
+    ul.addEventListener('touchstart', e => {
+      let pageY = e.touches[0].pageY - ulOffsetTop
+      let currentIndex = pageY / itemHeight
+      currentIndex = Math.floor(currentIndex)
+      render(currentIndex)
+    })
+    ul.addEventListener('touchmove', e => {
+      let pageY = e.touches[0].pageY - ulOffsetTop
+      let currentIndex = pageY / itemHeight
+      currentIndex = Math.floor(currentIndex)
+      if (currentIndex >= 0 && currentIndex < 26) {
+        render(currentIndex)
+      }
+    })
+    ul.addEventListener('touchend', function ($e) {
+      items.forEach((el, index) => {
+        el.style.transform = `translate3d(0,0,0) ${resetScale}`
+        el.style.color = resetColor
+      })
+    })
+    let render = (currentIndex) => {
+      // console.log('currentIndex', currentIndex)
+      let scale = 'scale(1.2)'
+      items[currentIndex].style.transform = `translate3d(${-itemHeight * 4}px,0,0) ${scale}`
+      items[currentIndex].style.color = '#fff'
+      this.goto(items[currentIndex])
+      for (let i = 1; i < 5; i++) {
+        let nextIndex = currentIndex + i
+        let preIndex = currentIndex - i
+        if (preIndex >= 0) {
+          if (i === 4) {
+            items[preIndex].style.transform = `translate3d(0,0,0) ${resetScale}`
+            items[preIndex].style.color = resetColor
+          } else {
+            items[preIndex].style.transform = `translate3d(${-itemHeight * (4 - i)}px,0,0) ${scale}`
+            items[preIndex].style.color = `#ffffff${22 * i}`
+          }
+        }
+        if (nextIndex < 26) {
+          if (i === 4) {
+            items[nextIndex].style.transform = `translate3d(0,0,0) ${resetScale}`
+            items[nextIndex].style.color = resetColor
+          } else {
+            items[nextIndex].style.transform = `translate3d(${-itemHeight * (4 - i)}px,0,0) ${scale}`
+            items[nextIndex].style.color = `#ffffff${22 * i}`
+          }
+        }
+      }
+    }
+  },
+  computed: {},
+  methods: {
+    goto(el) {
+      let list = this.$refs.list
+      if (el.dataset['index']) {
+        return list.scrollTop = 0
+      }
+      let py = el.innerText
+      if (document.querySelector(`.${py}`)) {
+        list.scrollTop = document.querySelector(`.${py}`).offsetTop - 110
+      }
+    },
+    scroll(e) {
+      // console.log()
+      let listScrollTop = e.target.scrollTop + 100
+      for (const item of this.indexOffsetTop) {
 
-                    liEl[currentIndex + 3].style.left = -itemHeight * 1 + 'px'
-                    liEl[currentIndex + 3].style.fontSize = fontSize
-                    liEl[currentIndex + 3].style.color = '#ffffff66'
-                }
-            }
-        },
-        computed: {},
-        methods: {}
+      }
     }
+  }
+}
 </script>
 
 <style scoped lang='scss'>
-    .countryChoose {
-        height: 100%;
-        width: 100%;
-        font-size: 1.6rem;
-        overflow: hidden;
-        color: white;
+@import "../../assets/scss/index";
 
-        header {
-            background: red;
-            height: 110px;
-            width: 100%;
-            position: fixed;
-            top: 0;
+.countryChoose {
+  position: fixed;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  top: 0;
+  color: white;
+  font-size: 1.4rem;
+  overflow: hidden;
 
-            .title {
-                text-align: center;
+  .indicator-ctn {
+    width: 2rem;
+    height: 100vh;
+    position: fixed;
+    z-index: 3;
+    top: 0;
+    right: 0.5rem;
+    display: flex;
+    align-items: center;
+    justify-content: center;
 
-                span {
-                    font-size: 1.8rem;
-                    font-weight: bold;
-                }
-            }
+    .indicator {
+      width: 2rem;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: space-between;
 
-        }
+      div {
+        color: $second-text-color;
+        //transition: all .3s;
+        font-size: 1rem;
+        padding: .1rem;
+      }
+
+      .arrow {
+        padding: 0 0 .3rem 0;
+        width: 0;
+        height: 0;
+        border: .5rem solid transparent;
+        border-bottom: 1rem solid $second-text-color;
+      }
     }
+  }
 
 
-    .content {
-        margin-top: 110px;
-        display: flex;
-        height: 100%;
-        width: 100%;
-    }
+  .fixed {
+    position: fixed;
+    top: 11rem;
+    left: 2rem;
+    right: 2rem;
+  }
 
-    .left {
-        width: 95%;
-        height: calc(100% - 110px);
-        overflow-y: scroll;
-    }
+  .content {
+    height: calc(100% - 11rem);
+    margin-top: 11rem;
+    width: 100%;
+    overflow-y: scroll;
 
-    .right {
-        width: 5%;
-        height: calc(100% - 110px);
-        display: flex;
-        flex-direction: column;
-        align-items: center;
-        justify-content: center;
-    }
+    .list {
+      padding-left: 2rem;
+      padding-right: 2rem;
+      //padding-right: 2.5rem;
 
-    .indicator-ctn2 {
-        width: 20px;
-        padding: 0;
-        margin: 0;
-        height: 468px;
-        position: relative;
-        text-align: center;
-        list-style: none;
+      .row {
+        background: $main-bg;
+      }
     }
+  }
+}
 
-    li {
-        position: absolute;
-        transition: all .3s;
-        height: 18px;
-        font-size: 1rem;
-        line-height: 14px;
-    }
 </style>
diff --git a/src/pages/me/Me.vue b/src/pages/me/Me.vue
index d860390..100fbef 100644
--- a/src/pages/me/Me.vue
+++ b/src/pages/me/Me.vue
@@ -355,20 +355,18 @@ export default {
         background: rgba(82, 80, 80, 0.5);
 
         img {
-          padding: 4px;
-          height: 16px;
-          width: 16px;
+          padding: .6rem;
+          width: 1.8rem;
         }
       }
 
       .right {
         img {
-          margin-left: 20px;
+          margin-left: 2rem;
           border-radius: 50%;
           background: rgba(82, 80, 80, 0.5);
-          padding: 4px;
-          height: 16px;
-          width: 16px;
+          padding: .6rem;
+          width: 1.8rem;
         }
       }
     }
diff --git a/src/pages/me/userinfo/ChooseLocation.vue b/src/pages/me/userinfo/ChooseLocation.vue
index 1064382..a4fd993 100644
--- a/src/pages/me/userinfo/ChooseLocation.vue
+++ b/src/pages/me/userinfo/ChooseLocation.vue
@@ -7,7 +7,7 @@
     </BaseHeader>
     <div class="content">
       <div class="row" @click="save">暂不设置</div>
-      <div class="line" style="width: calc(100% - 4rem);margin-left: 2rem;"></div>
+      <div class="line" style="width: calc(100% - 3rem);margin-left: 1.5rem;"></div>
       <div class="nearby">
         <div class="title">
           <img src="../../../assets/img/icon/location.svg" alt="">
@@ -15,30 +15,1183 @@
         </div>
         <div class="row">无法获取</div>
       </div>
-      <div class="line" style="width: calc(100% - 4rem);margin-left: 2rem;"></div>
+      <div class="line" style="width: calc(100% - 3rem);margin-left: 1.5rem;"></div>
       <div class="schools">
+        <div class="title">
+          <span>其他地区</span>
+        </div>
         <div class="row" @click="$nav('/choose-province')">
           <span>中国</span>
           <div class="right">
             <back scale='1.5' direction="right"></back>
           </div>
         </div>
+        <div v-for="(value, name)  of countryOk">
+          <div class="row">
+            <span>{{ name }}</span>
+          </div>
+          <div class="row" v-for="item  of value">
+            <span>{{ item.name }}</span>
+          </div>
+        </div>
       </div>
     </div>
   </div>
 </template>
 
 <script>
-
 import {mapState} from "vuex";
 
 export default {
   name: "ChooseLocation",
+  data() {
+    return {
+      countryOk: {
+        "A": [
+          {
+            "code": "+1-264",
+            "name": "安圭拉",
+            "pinyin": "A"
+          },
+          {
+            "code": "+1-268",
+            "name": "安地卡及巴布达",
+            "pinyin": "A"
+          },
+          {
+            "code": "+244",
+            "name": "安哥拉",
+            "pinyin": "A"
+          },
+          {
+            "code": "+353",
+            "name": "爱尔兰",
+            "pinyin": "A"
+          },
+          {
+            "code": "+372",
+            "name": "爱沙尼亚",
+            "pinyin": "A"
+          },
+          {
+            "code": "+376",
+            "name": "安道尔",
+            "pinyin": "A"
+          },
+          {
+            "code": "+853",
+            "name": "澳门",
+            "pinyin": "A"
+          },
+          {
+            "code": "+20",
+            "name": "埃及",
+            "pinyin": "A"
+          },
+          {
+            "code": "+61",
+            "name": "澳大利亚  科科斯（基林）群岛  圣诞岛",
+            "pinyin": "A"
+          }
+        ],
+        "B": [
+          {
+            "code": "+1-242",
+            "name": "巴哈马",
+            "pinyin": "B"
+          },
+          {
+            "code": "+1-246",
+            "name": "巴巴多斯",
+            "pinyin": "B"
+          },
+          {
+            "code": "+1-441",
+            "name": "百慕大",
+            "pinyin": "B"
+          },
+          {
+            "code": "+226",
+            "name": "布吉纳法索",
+            "pinyin": "B"
+          },
+          {
+            "code": "+229",
+            "name": "贝宁",
+            "pinyin": "B"
+          },
+          {
+            "code": "+257",
+            "name": "布隆迪",
+            "pinyin": "B"
+          },
+          {
+            "code": "+267",
+            "name": "博茨瓦纳",
+            "pinyin": "B"
+          },
+          {
+            "code": "+354",
+            "name": "冰岛",
+            "pinyin": "B"
+          },
+          {
+            "code": "+359",
+            "name": "保加利亚",
+            "pinyin": "B"
+          },
+          {
+            "code": "+375",
+            "name": "白俄罗斯",
+            "pinyin": "B"
+          },
+          {
+            "code": "+387",
+            "name": "波斯尼亚和黑塞哥维那",
+            "pinyin": "B"
+          },
+          {
+            "code": "+389",
+            "name": "北马其顿",
+            "pinyin": "B"
+          },
+          {
+            "code": "+501",
+            "name": "伯利兹",
+            "pinyin": "B"
+          },
+          {
+            "code": "+507",
+            "name": "巴拿马",
+            "pinyin": "B"
+          },
+          {
+            "code": "+591",
+            "name": "玻利维亚",
+            "pinyin": "B"
+          },
+          {
+            "code": "+595",
+            "name": "巴拉圭",
+            "pinyin": "B"
+          },
+          {
+            "code": "+675",
+            "name": "巴布亚新几内亚",
+            "pinyin": "B"
+          },
+          {
+            "code": "+680",
+            "name": "帛琉",
+            "pinyin": "B"
+          },
+          {
+            "code": "+970",
+            "name": "巴勒斯坦",
+            "pinyin": "B"
+          },
+          {
+            "code": "+973",
+            "name": "巴林",
+            "pinyin": "B"
+          },
+          {
+            "code": "+975",
+            "name": "不丹",
+            "pinyin": "B"
+          },
+          {
+            "code": "+32",
+            "name": "比利时",
+            "pinyin": "B"
+          },
+          {
+            "code": "+48",
+            "name": "波兰",
+            "pinyin": "B"
+          },
+          {
+            "code": "+55",
+            "name": "巴西",
+            "pinyin": "B"
+          },
+          {
+            "code": "+92",
+            "name": "巴基斯坦",
+            "pinyin": "B"
+          }
+        ],
+        "C": [
+          {
+            "code": "+240",
+            "name": "赤道几内亚",
+            "pinyin": "C"
+          }
+        ],
+        "D": [
+          {
+            "code": "+1-767",
+            "name": "多米尼克",
+            "pinyin": "D"
+          },
+          {
+            "code": "+228",
+            "name": "多哥",
+            "pinyin": "D"
+          },
+          {
+            "code": "+670",
+            "name": "东帝汶",
+            "pinyin": "D"
+          },
+          {
+            "code": "+45",
+            "name": "丹麦",
+            "pinyin": "D"
+          },
+          {
+            "code": "+49",
+            "name": "德国",
+            "pinyin": "D"
+          },
+          {
+            "code": "+82",
+            "name": "大韩民国",
+            "pinyin": "D"
+          }
+        ],
+        "E": [
+          {
+            "code": "+213",
+            "name": "阿尔及利亚",
+            "pinyin": "E"
+          },
+          {
+            "code": "+247",
+            "name": "阿森松岛",
+            "pinyin": "E"
+          },
+          {
+            "code": "+291",
+            "name": "厄立特里亚",
+            "pinyin": "E"
+          },
+          {
+            "code": "+297",
+            "name": "阿鲁巴",
+            "pinyin": "E"
+          },
+          {
+            "code": "+355",
+            "name": "阿尔巴尼亚",
+            "pinyin": "E"
+          },
+          {
+            "code": "+593",
+            "name": "厄瓜多尔",
+            "pinyin": "E"
+          },
+          {
+            "code": "+968",
+            "name": "阿曼",
+            "pinyin": "E"
+          },
+          {
+            "code": "+971",
+            "name": "阿联酋",
+            "pinyin": "E"
+          },
+          {
+            "code": "+994",
+            "name": "阿塞拜疆",
+            "pinyin": "E"
+          },
+          {
+            "code": "+54",
+            "name": "阿根廷",
+            "pinyin": "E"
+          },
+          {
+            "code": "+93",
+            "name": "阿富汗",
+            "pinyin": "E"
+          }
+        ],
+        "F": [
+          {
+            "code": "+238",
+            "name": "佛得角",
+            "pinyin": "F"
+          },
+          {
+            "code": "+298",
+            "name": "法罗群岛",
+            "pinyin": "F"
+          },
+          {
+            "code": "+358",
+            "name": "芬兰",
+            "pinyin": "F"
+          },
+          {
+            "code": "+379",
+            "name": "梵蒂冈",
+            "pinyin": "F"
+          },
+          {
+            "code": "+500",
+            "name": "福克兰群岛和 南乔治亚和南桑威奇群岛",
+            "pinyin": "F"
+          },
+          {
+            "code": "+594",
+            "name": "法属圭亚那",
+            "pinyin": "F"
+          },
+          {
+            "code": "+679",
+            "name": "斐济",
+            "pinyin": "F"
+          },
+          {
+            "code": "+689",
+            "name": "法属玻里尼西亚",
+            "pinyin": "F"
+          },
+          {
+            "code": "+33",
+            "name": "法国",
+            "pinyin": "F"
+          },
+          {
+            "code": "+63",
+            "name": "菲律宾",
+            "pinyin": "F"
+          }
+        ],
+        "G": [
+          {
+            "code": "+1-473",
+            "name": "格瑞那达",
+            "pinyin": "G"
+          },
+          {
+            "code": "+220",
+            "name": "冈比亚",
+            "pinyin": "G"
+          },
+          {
+            "code": "+242",
+            "name": "刚果（布）",
+            "pinyin": "G"
+          },
+          {
+            "code": "+243",
+            "name": "刚果（金）（即前 扎伊尔）",
+            "pinyin": "G"
+          },
+          {
+            "code": "+299",
+            "name": "格陵兰",
+            "pinyin": "G"
+          },
+          {
+            "code": "+506",
+            "name": "哥斯达黎加",
+            "pinyin": "G"
+          },
+          {
+            "code": "+590",
+            "name": "瓜德罗普",
+            "pinyin": "G"
+          },
+          {
+            "code": "+592",
+            "name": "圭亚那",
+            "pinyin": "G"
+          },
+          {
+            "code": "+995",
+            "name": "格鲁吉亚",
+            "pinyin": "G"
+          },
+          {
+            "code": "+53",
+            "name": "古巴",
+            "pinyin": "G"
+          },
+          {
+            "code": "+57",
+            "name": "哥伦比亚",
+            "pinyin": "G"
+          }
+        ],
+        "H": [
+          {
+            "code": "+504",
+            "name": "洪都拉斯",
+            "pinyin": "H"
+          },
+          {
+            "code": "+509",
+            "name": "海地",
+            "pinyin": "H"
+          },
+          {
+            "code": "+31",
+            "name": "荷兰",
+            "pinyin": "H"
+          }
+        ],
+        "J": [
+          {
+            "code": "+224",
+            "name": "几内亚",
+            "pinyin": "J"
+          },
+          {
+            "code": "+233",
+            "name": "加纳",
+            "pinyin": "J"
+          },
+          {
+            "code": "+241",
+            "name": "加彭",
+            "pinyin": "J"
+          },
+          {
+            "code": "+245",
+            "name": "几内亚比绍",
+            "pinyin": "J"
+          },
+          {
+            "code": "+253",
+            "name": "吉布提",
+            "pinyin": "J"
+          },
+          {
+            "code": "+420",
+            "name": "捷克",
+            "pinyin": "J"
+          },
+          {
+            "code": "+686",
+            "name": "基里巴斯",
+            "pinyin": "J"
+          },
+          {
+            "code": "+855",
+            "name": "柬埔寨",
+            "pinyin": "J"
+          },
+          {
+            "code": "+996",
+            "name": "吉尔吉斯斯坦",
+            "pinyin": "J"
+          },
+          {
+            "code": "+1",
+            "name": "加拿大",
+            "pinyin": "J"
+          }
+        ],
+        "K": [
+          {
+            "code": "+1-345",
+            "name": "开曼群岛",
+            "pinyin": "K"
+          },
+          {
+            "code": "+225",
+            "name": "科特迪瓦",
+            "pinyin": "K"
+          },
+          {
+            "code": "+237",
+            "name": "喀麦隆",
+            "pinyin": "K"
+          },
+          {
+            "code": "+254",
+            "name": "肯尼亚",
+            "pinyin": "K"
+          },
+          {
+            "code": "+269",
+            "name": "科摩罗",
+            "pinyin": "K"
+          },
+          {
+            "code": "+383",
+            "name": "科索沃",
+            "pinyin": "K"
+          },
+          {
+            "code": "+385",
+            "name": "克罗地亚",
+            "pinyin": "K"
+          },
+          {
+            "code": "+682",
+            "name": "库克群岛",
+            "pinyin": "K"
+          },
+          {
+            "code": "+965",
+            "name": "科威特",
+            "pinyin": "K"
+          },
+          {
+            "code": "+974",
+            "name": "卡塔尔",
+            "pinyin": "K"
+          }
+        ],
+        "L": [
+          {
+            "code": "+218",
+            "name": "利比亚",
+            "pinyin": "L"
+          },
+          {
+            "code": "+231",
+            "name": "利比里亚",
+            "pinyin": "L"
+          },
+          {
+            "code": "+250",
+            "name": "卢旺达",
+            "pinyin": "L"
+          },
+          {
+            "code": "+262",
+            "name": "留尼汪和 马约特",
+            "pinyin": "L"
+          },
+          {
+            "code": "+266",
+            "name": "赖索托",
+            "pinyin": "L"
+          },
+          {
+            "code": "+352",
+            "name": "卢森堡",
+            "pinyin": "L"
+          },
+          {
+            "code": "+370",
+            "name": "立陶宛",
+            "pinyin": "L"
+          },
+          {
+            "code": "+371",
+            "name": "拉脱维亚",
+            "pinyin": "L"
+          },
+          {
+            "code": "+423",
+            "name": "列支敦斯登",
+            "pinyin": "L"
+          },
+          {
+            "code": "+856",
+            "name": "老挝",
+            "pinyin": "L"
+          },
+          {
+            "code": "+961",
+            "name": "黎巴嫩",
+            "pinyin": "L"
+          },
+          {
+            "code": "+40",
+            "name": "罗马尼亚",
+            "pinyin": "L"
+          }
+        ],
+        "M": [
+          {
+            "code": "+1-664",
+            "name": "蒙特塞拉特",
+            "pinyin": "M"
+          },
+          {
+            "code": "+212",
+            "name": "摩洛哥",
+            "pinyin": "M"
+          },
+          {
+            "code": "+222",
+            "name": "毛里塔尼亚",
+            "pinyin": "M"
+          },
+          {
+            "code": "+223",
+            "name": "马里",
+            "pinyin": "M"
+          },
+          {
+            "code": "+230",
+            "name": "模里西斯",
+            "pinyin": "M"
+          },
+          {
+            "code": "+258",
+            "name": "莫桑比克",
+            "pinyin": "M"
+          },
+          {
+            "code": "+261",
+            "name": "马达加斯加",
+            "pinyin": "M"
+          },
+          {
+            "code": "+265",
+            "name": "马拉维",
+            "pinyin": "M"
+          },
+          {
+            "code": "+356",
+            "name": "马尔他",
+            "pinyin": "M"
+          },
+          {
+            "code": "+373",
+            "name": "摩尔多瓦",
+            "pinyin": "M"
+          },
+          {
+            "code": "+377",
+            "name": "摩纳哥",
+            "pinyin": "M"
+          },
+          {
+            "code": "+382",
+            "name": "蒙特内哥罗",
+            "pinyin": "M"
+          },
+          {
+            "code": "+596",
+            "name": "马提尼克",
+            "pinyin": "M"
+          },
+          {
+            "code": "+691",
+            "name": "密克罗尼西亚联邦",
+            "pinyin": "M"
+          },
+          {
+            "code": "+692",
+            "name": "马绍尔群岛",
+            "pinyin": "M"
+          },
+          {
+            "code": "+880",
+            "name": "孟加拉国 孟加拉国",
+            "pinyin": "M"
+          },
+          {
+            "code": "+960",
+            "name": "马尔地夫",
+            "pinyin": "M"
+          },
+          {
+            "code": "+976",
+            "name": "蒙古国",
+            "pinyin": "M"
+          },
+          {
+            "code": "+51",
+            "name": "秘鲁",
+            "pinyin": "M"
+          },
+          {
+            "code": "+52",
+            "name": "墨西哥",
+            "pinyin": "M"
+          },
+          {
+            "code": "+95",
+            "name": "缅甸",
+            "pinyin": "M"
+          },
+          {
+            "code": "+1",
+            "name": "美国",
+            "pinyin": "M"
+          }
+        ],
+        "N": [
+          {
+            "code": "+211",
+            "name": "南苏丹",
+            "pinyin": "N"
+          },
+          {
+            "code": "+227",
+            "name": "尼日尔",
+            "pinyin": "N"
+          },
+          {
+            "code": "+234",
+            "name": "奈及利亚",
+            "pinyin": "N"
+          },
+          {
+            "code": "+264",
+            "name": "纳米比亚",
+            "pinyin": "N"
+          },
+          {
+            "code": "+505",
+            "name": "尼加拉瓜",
+            "pinyin": "N"
+          },
+          {
+            "code": "+674",
+            "name": "瑙鲁",
+            "pinyin": "N"
+          },
+          {
+            "code": "+683",
+            "name": "纽埃",
+            "pinyin": "N"
+          },
+          {
+            "code": "+977",
+            "name": "尼泊尔",
+            "pinyin": "N"
+          },
+          {
+            "code": "+27",
+            "name": "南非",
+            "pinyin": "N"
+          },
+          {
+            "code": "+47",
+            "name": "挪威",
+            "pinyin": "N"
+          }
+        ],
+        "P": [
+          {
+            "code": "+351",
+            "name": "葡萄牙",
+            "pinyin": "P"
+          }
+        ],
+        "R": [
+          {
+            "code": "+41",
+            "name": "瑞士",
+            "pinyin": "R"
+          },
+          {
+            "code": "+46",
+            "name": "瑞典",
+            "pinyin": "R"
+          },
+          {
+            "code": "+81",
+            "name": "日本",
+            "pinyin": "R"
+          }
+        ],
+        "S": [
+          {
+            "code": "+1-721",
+            "name": "圣马丁",
+            "pinyin": "S"
+          },
+          {
+            "code": "+1-758",
+            "name": "圣卢西亚",
+            "pinyin": "S"
+          },
+          {
+            "code": "+1-784",
+            "name": "圣文森特和格林纳丁斯",
+            "pinyin": "S"
+          },
+          {
+            "code": "+221",
+            "name": "塞内加尔",
+            "pinyin": "S"
+          },
+          {
+            "code": "+232",
+            "name": "塞拉利昂",
+            "pinyin": "S"
+          },
+          {
+            "code": "+239",
+            "name": "圣多美和普林西比",
+            "pinyin": "S"
+          },
+          {
+            "code": "+248",
+            "name": "塞舌尔",
+            "pinyin": "S"
+          },
+          {
+            "code": "+249",
+            "name": "苏丹",
+            "pinyin": "S"
+          },
+          {
+            "code": "+252",
+            "name": "索马利亚",
+            "pinyin": "S"
+          },
+          {
+            "code": "+259",
+            "name": "桑给巴尔，但从未使用",
+            "pinyin": "S"
+          },
+          {
+            "code": "+260",
+            "name": "尚比亚",
+            "pinyin": "S"
+          },
+          {
+            "code": "+268",
+            "name": "斯威士兰",
+            "pinyin": "S"
+          },
+          {
+            "code": "+290",
+            "name": "圣赫勒拿 和 特里斯坦-达库尼亚",
+            "pinyin": "S"
+          },
+          {
+            "code": "+357",
+            "name": "赛普勒斯",
+            "pinyin": "S"
+          },
+          {
+            "code": "+378",
+            "name": "圣马力诺",
+            "pinyin": "S"
+          },
+          {
+            "code": "+381",
+            "name": "塞尔维亚",
+            "pinyin": "S"
+          },
+          {
+            "code": "+386",
+            "name": "斯洛维尼亚",
+            "pinyin": "S"
+          },
+          {
+            "code": "+421",
+            "name": "斯洛伐克",
+            "pinyin": "S"
+          },
+          {
+            "code": "+503",
+            "name": "萨尔瓦多",
+            "pinyin": "S"
+          },
+          {
+            "code": "+508",
+            "name": "圣皮埃尔和密克隆",
+            "pinyin": "S"
+          },
+          {
+            "code": "+597",
+            "name": "苏里南",
+            "pinyin": "S"
+          },
+          {
+            "code": "+677",
+            "name": "所罗门群岛",
+            "pinyin": "S"
+          },
+          {
+            "code": "+685",
+            "name": "萨摩亚",
+            "pinyin": "S"
+          },
+          {
+            "code": "+966",
+            "name": "沙乌地阿拉伯",
+            "pinyin": "S"
+          },
+          {
+            "code": "+94",
+            "name": "斯里兰卡",
+            "pinyin": "S"
+          }
+        ],
+        "T": [
+          {
+            "code": "+1-649",
+            "name": "特克斯和凯科斯群岛",
+            "pinyin": "T"
+          },
+          {
+            "code": "+216",
+            "name": "突尼西亚",
+            "pinyin": "T"
+          },
+          {
+            "code": "+255",
+            "name": "坦桑尼亚",
+            "pinyin": "T"
+          },
+          {
+            "code": "+676",
+            "name": "汤加",
+            "pinyin": "T"
+          },
+          {
+            "code": "+688",
+            "name": "图瓦卢",
+            "pinyin": "T"
+          },
+          {
+            "code": "+690",
+            "name": "托克劳",
+            "pinyin": "T"
+          },
+          {
+            "code": "+992",
+            "name": "塔吉克斯坦",
+            "pinyin": "T"
+          },
+          {
+            "code": "+993",
+            "name": "土库曼斯坦",
+            "pinyin": "T"
+          },
+          {
+            "code": "+66",
+            "name": "泰国",
+            "pinyin": "T"
+          },
+          {
+            "code": "+90",
+            "name": "土耳其",
+            "pinyin": "T"
+          }
+        ],
+        "W": [
+          {
+            "code": "+256",
+            "name": "乌干达",
+            "pinyin": "W"
+          },
+          {
+            "code": "+380",
+            "name": "乌克兰",
+            "pinyin": "W"
+          },
+          {
+            "code": "+502",
+            "name": "危地马拉",
+            "pinyin": "W"
+          },
+          {
+            "code": "+673",
+            "name": "文莱",
+            "pinyin": "W"
+          },
+          {
+            "code": "+678",
+            "name": "瓦努阿图",
+            "pinyin": "W"
+          },
+          {
+            "code": "+681",
+            "name": "瓦利斯和富图纳",
+            "pinyin": "W"
+          },
+          {
+            "code": "+998",
+            "name": "乌兹别克斯坦",
+            "pinyin": "W"
+          },
+          {
+            "code": "+58",
+            "name": "委内瑞拉",
+            "pinyin": "W"
+          }
+        ],
+        "X": [
+          {
+            "code": "+210",
+            "name": "西撒哈拉",
+            "pinyin": "X"
+          },
+          {
+            "code": "+263",
+            "name": "辛巴威",
+            "pinyin": "X"
+          },
+          {
+            "code": "+687",
+            "name": "新喀里多尼亚",
+            "pinyin": "X"
+          },
+          {
+            "code": "+852",
+            "name": "香港",
+            "pinyin": "X"
+          },
+          {
+            "code": "+963",
+            "name": "叙利亚",
+            "pinyin": "X"
+          },
+          {
+            "code": "+30",
+            "name": "希腊",
+            "pinyin": "X"
+          },
+          {
+            "code": "+34",
+            "name": "西班牙",
+            "pinyin": "X"
+          },
+          {
+            "code": "+36",
+            "name": "匈牙利",
+            "pinyin": "X"
+          },
+          {
+            "code": "+64",
+            "name": "新西兰",
+            "pinyin": "X"
+          },
+          {
+            "code": "+65",
+            "name": "新加坡",
+            "pinyin": "X"
+          }
+        ],
+        "Y": [
+          {
+            "code": "+1-284",
+            "name": "英属维尔京群岛",
+            "pinyin": "Y"
+          },
+          {
+            "code": "+246",
+            "name": "英属印度洋领地",
+            "pinyin": "Y"
+          },
+          {
+            "code": "+251",
+            "name": "衣索比亚",
+            "pinyin": "Y"
+          },
+          {
+            "code": "+374",
+            "name": "亚美尼亚",
+            "pinyin": "Y"
+          },
+          {
+            "code": "+962",
+            "name": "约旦",
+            "pinyin": "Y"
+          },
+          {
+            "code": "+964",
+            "name": "伊拉克",
+            "pinyin": "Y"
+          },
+          {
+            "code": "+967",
+            "name": "叶门",
+            "pinyin": "Y"
+          },
+          {
+            "code": "+972",
+            "name": "以色列",
+            "pinyin": "Y"
+          },
+          {
+            "code": "+39",
+            "name": "义大利",
+            "pinyin": "Y"
+          },
+          {
+            "code": "+44",
+            "name": "英国",
+            "pinyin": "Y"
+          },
+          {
+            "code": "+62",
+            "name": "印尼",
+            "pinyin": "Y"
+          },
+          {
+            "code": "+84",
+            "name": "越南",
+            "pinyin": "Y"
+          },
+          {
+            "code": "+91",
+            "name": "印度",
+            "pinyin": "Y"
+          },
+          {
+            "code": "+98",
+            "name": "伊朗",
+            "pinyin": "Y"
+          }
+        ],
+        "Z": [
+          {
+            "code": "+235",
+            "name": "乍得",
+            "pinyin": "Z"
+          },
+          {
+            "code": "+236",
+            "name": "中非",
+            "pinyin": "Z"
+          },
+          {
+            "code": "+350",
+            "name": "直布罗陀",
+            "pinyin": "Z"
+          },
+          {
+            "code": "+850",
+            "name": "朝鲜民主主义人民共和国",
+            "pinyin": "Z"
+          },
+          {
+            "code": "+886",
+            "name": "中华民国",
+            "pinyin": "Z"
+          },
+          {
+            "code": "+56",
+            "name": "智利",
+            "pinyin": "Z"
+          },
+          {
+            "code": "+86",
+            "name": "中国",
+            "pinyin": "Z"
+          }
+        ]
+      },
+    }
+  },
   computed: {
     ...mapState({
       userinfo: 'userinfo',
     })
   },
+  mounted() {
+    for (let type in this.countryOk) {
+      console.log(type)
+    }
+  },
   methods: {
     async save(item) {
       this.$showLoading()
@@ -68,17 +1221,18 @@ export default {
     padding-top: 6rem;
 
     .nearby {
+    }
 
-      .title {
-        padding: 1rem 2rem;
+    .title {
+      font-size: 1.2rem;
+      padding: 1rem 1.5rem;
+      color: $second-text-color;
 
-        img {
-          width: 1rem;
-          height: 1rem;
-          margin-right: .2rem;
-        }
+      img {
+        width: 1rem;
+        height: 1rem;
+        margin-right: .2rem;
       }
-
     }
 
     .row {
diff --git a/src/pages/message/Chat.vue b/src/pages/message/Chat.vue
index b72c77c..fdb7387 100644
--- a/src/pages/message/Chat.vue
+++ b/src/pages/message/Chat.vue
@@ -28,7 +28,8 @@
         <template v-else>
           <img @click="recording = true;showOption = false" src="../../assets/img/icon/message/voice-black.png" alt="">
           <img src="../../assets/img/icon/message/emoji-black.png" alt="">
-          <img @click="showOption = !showOption" src="../../assets/img/icon/message/add-black.png" alt="">
+          <img v-if="showOption" @click="showOption = !showOption" src="../../assets/img/icon/message/close-black.png" alt="">
+          <img v-else @click="showOption = !showOption" src="../../assets/img/icon/message/add-black.png" alt="">
         </template>
       </div>
       <div class="record" v-else>
@@ -37,10 +38,34 @@
       </div>
       <div class="options" v-if="showOption">
         <div class="option-wrapper">
-          <div class="option" v-for="i in 7">
-            <img src="../../assets/img/icon/举报.svg" alt="">
+          <div class="option">
+            <img src="../../assets/img/icon/message/photo.png" alt="">
             <span>照片</span>
           </div>
+          <div class="option">
+            <img src="../../assets/img/icon/message/camera2.png" alt="">
+            <span>拍摄</span>
+          </div>
+          <div class="option">
+            <img src="../../assets/img/icon/message/redpack.png" alt="">
+            <span>红包</span>
+          </div>
+          <div class="option">
+            <img src="../../assets/img/icon/message/video.png" alt="">
+            <span>视频通话</span>
+          </div>
+          <div class="option">
+            <img src="../../assets/img/icon/message/audio.png" alt="">
+            <span>语音通话</span>
+          </div>
+          <div class="option">
+            <img src="../../assets/img/icon/message/come-on.png" alt="">
+            <span>一起看视频</span>
+          </div>
+          <div class="option">
+            <img src="../../assets/img/icon/message/come-chang.png" alt="">
+            <span>一起唱</span>
+          </div>
         </div>
       </div>
     </div>
@@ -495,12 +520,14 @@ export default {
     }
 
     .options {
-      padding-top: 1.5rem;
+      font-size: 1.4rem;
+      width: 100vw;
+      padding: 1.5rem;
       height: 30vh;
       box-sizing: border-box;
 
       .option-wrapper {
-        padding: 1.5rem;
+        box-sizing: border-box;
         $grid-width: calc((100vw - 3rem) / 4);
         color: black;
         display: grid;
@@ -517,7 +544,7 @@ export default {
             border-radius: .4rem;
             background: whitesmoke;
             padding: 1rem;
-            width: 2.5rem;
+            width: 3rem;
             margin-bottom: 1rem;
           }
         }
diff --git a/src/pages/message/ChatDetail.vue b/src/pages/message/ChatDetail.vue
index 10e6347..72ba2e7 100644
--- a/src/pages/message/ChatDetail.vue
+++ b/src/pages/message/ChatDetail.vue
@@ -25,20 +25,20 @@
         <div class="row" @click="$nav('/set-remark')">
           <div class="left">设备备注</div>
           <div class="right">
-            <img src="../../assets/img/icon/back.png" alt="">
+            <back direction="right" scale="1.2" ></back>
           </div>
         </div>
         <!-- TODO 没做        -->
         <div class="row">
           <div class="left">举报</div>
           <div class="right">
-            <img src="../../assets/img/icon/back.png" alt="">
+            <back direction="right" scale="1.2" ></back>
           </div>
         </div>
         <div class="row" @click="blockDialog = true">
           <div class="left">拉黑</div>
           <div class="right">
-            <img src="../../assets/img/icon/back.png" alt="">
+            <back direction="right" scale="1.2" ></back>
           </div>
         </div>
       </div>
@@ -52,7 +52,7 @@
         <div class="notice">
           拉黑后，对方将无法搜索到你，也不能再给你发私信
         </div>
-        <div class="row">确认拉黑</div>
+        <div class="row red">确认拉黑</div>
         <div class="row">不让 TA 看</div>
         <div class="space"></div>
         <div class="row" @click="blockDialog = false">取消</div>
@@ -164,6 +164,10 @@ export default {
       &:nth-last-child(1) {
         border-top: none;
       }
+
+      &.red{
+        color: $primary-btn-color;
+      }
     }
 
     .space {
diff --git a/src/pages/message/Message.vue b/src/pages/message/Message.vue
index f987d2e..e8d31c5 100644
--- a/src/pages/message/Message.vue
+++ b/src/pages/message/Message.vue
@@ -54,57 +54,16 @@
           </div>
         </div>
       </div>
-      <div class="not-more">
-        暂时没有更多了
-      </div>
-    </div>
-    <div class="line mt1r"></div>
-    <div class="recommend">
-      <div class="title">
-        <div class="left">
-          朋友推荐
-          <img src="../../assets/img/icon/close-white.png" alt="">
-        </div>
-        <img class="right" src="../../assets/img/icon/close-white.png" alt="">
-      </div>
-      <div class="list">
-        <div class="item" v-for="i in 5">
-          <img src="../../assets/img/icon/msg-icon1.png" alt="" class="head-image pull-left">
-          <div class="content">
-            <div class="left">
-              <div class="name">A</div>
-              <div class="detail">
-                该用户关注了你
-              </div>
-            </div>
-            <div class="right">
-              <div class="button">回关</div>
-              <div class="button">移除</div>
-            </div>
-          </div>
-        </div>
-        <div class="item">
-          <img src="../../assets/img/icon/msg-icon1.png" alt="" class="head-image pull-left">
-          <div class="content">
-            <div class="left">
-              <div class="name">A</div>
-              <div class="detail">
-                该用户关注了你
-              </div>
-            </div>
-            <div class="right">
-              <div class="button">回头</div>
-              <div class="button">移除</div>
-            </div>
-          </div>
-        </div>
-      </div>
     </div>
     <Footer v-bind:init-tab="4"/>
 
     <from-bottom-dialog v-model="createChatDialog">
       <div class="create-chat-wrapper" v-show="!showJoinedChat">
-        <Search class="ml2r mr2r" placeholder="搜索用户" v-model="createChatSearchKey"></Search>
+        <Search :isShowText="isShowText"
+                @click="isShowText = true"
+                @notice="isShowText = false;"
+                @clear="isShowText = false"
+                class="ml2r mr2r" placeholder="搜索用户" v-model="createChatSearchKey"></Search>
         <template v-if="createChatSearchKey">
           <div class="search-result" v-if="searchFriends.length">
             <div class="search-result-item" v-for="item in searchFriends"
@@ -115,8 +74,8 @@
                   <span class="name">{{ item.name }}</span>
                   <span class="account">{{ item.account ? '抖音号:' + item.account : '' }}</span>
                 </div>
-                <img v-if="item.select" src="../../assets/img/icon/back.png" alt="">
-                <img v-if="!item.select" src="../../assets/img/icon/close.svg" alt=""></div>
+                <img v-if="item.select" src="../../assets/img/icon/message/checked.png" alt="">
+                <img v-if="!item.select" src="../../assets/img/icon/message/no-check2.png" alt=""></div>
             </div>
           </div>
           <div class="no-result" v-else>
@@ -142,8 +101,8 @@
               <img class="left" src="../../assets/img/icon/head-image.jpeg" alt="">
               <div class="right">
                 <span>{{ item.name }}</span>
-                <img v-if="item.select" src="../../assets/img/icon/back.png" alt="">
-                <img v-if="!item.select" src="../../assets/img/icon/close.svg" alt="">
+                <img v-if="item.select" src="../../assets/img/icon/message/checked.png" alt="">
+                <img v-if="!item.select" src="../../assets/img/icon/message/no-check2.png" alt="">
               </div>
             </div>
           </div>
@@ -195,8 +154,8 @@ export default {
     return {
       createChatSearchKey: '',
       showJoinedChat: false,
-      // createChatDialog: false,
       createChatDialog: false,
+      isShowText: false,
       text: 'AAAAAAAAA、BBBBBBBBBBBBB、CCCCCCCC',
       friends: [
         {
@@ -272,7 +231,8 @@ export default {
   },
   mounted() {
   },
-  methods: {}
+  methods: {
+  }
 }
 </script>
 
@@ -335,6 +295,7 @@ export default {
         margin-bottom: 2rem;
         display: flex;
         align-items: center;
+        //background: #fff;
 
         &:nth-child(1) {
           margin-top: 1rem;
@@ -355,7 +316,7 @@ export default {
           justify-content: space-between;
 
           img {
-            height: 1.5rem;
+            height: 2rem;
           }
         }
       }
@@ -430,7 +391,7 @@ export default {
           }
 
           img {
-            height: 1.5rem;
+            height: 2rem;
           }
         }
       }
diff --git a/src/utils/global-methods.js b/src/utils/global-methods.js
index ec50b61..cb960d8 100644
--- a/src/utils/global-methods.js
+++ b/src/utils/global-methods.js
@@ -134,7 +134,7 @@ export default {
     return parseFloat(val)
   },
   $setCss(el, key, value) {
-    // console.log(value)
+    console.log(value)
     if (key === 'transform') {
       //直接设置不生效
       el.style.webkitTransform = el.style.MsTransform = el.style.msTransform = el.style.MozTransform = el.style.OTransform = el.style.transform = value;