From 5a142cb9cdf9290f408e55dbe92f456e954f72d5 Mon Sep 17 00:00:00 2001
From: zq <136432190602163.com>
Date: Fri, 20 Jun 2025 18:41:26 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E6=96=87=E6=9C=AC=E6=A1=86?=
 =?UTF-8?q?=E3=80=81=E5=85=AC=E5=85=B1=E6=A0=B7=E5=BC=8F=E3=80=81=E4=BA=A4?=
 =?UTF-8?q?=E4=BA=92?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.vue                     |   28 +-
 src/components/GuipTextarea.vue |   15 +-
 src/components/HoverButton.vue  |   13 +-
 src/components/SetLeftMenu.vue  |  287 +-
 src/components/SliderMenu.vue   |    4 +-
 src/router/index.js             |    2 +-
 src/store/index.js              |  177 +-
 src/style/theme/index.css       | 7076 ++++++++++++++-------------------------
 src/views/DoctorInformation.vue |  107 +-
 src/views/HomeView.vue          |  186 +-
 src/views/HosInformation.vue    |   66 +-
 11 files changed, 3003 insertions(+), 4958 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index e751a54..1c31f16 100755
--- a/src/App.vue
+++ b/src/App.vue
@@ -8,7 +8,7 @@
         <div class="bg"></div>
       </el-header>
       <el-container :class="(showHeader ? 'short-container' : '')">
-        <SliderMenu v-if="showSidebar" :menuData="menuData"></SliderMenu>
+        <SliderMenu v-if="showSidebar" :menuData="slidermenu" :customize="customize"></SliderMenu>
         <el-container>
           <!-- 面包屑导航 -->
           <Breadcrumb />
@@ -34,43 +34,21 @@ import Header from './components/Header.vue';
 import Breadcrumb from './components/Breadcrumb.vue';
 // import loadingAnimation from '@/assets/loadingAni.json' // 导入JSON文件
 import GlobalLoading from '@/components/GlobalLoading1.vue'
-// import ContentWithLoading from '@/components/ContentWithLoading'
 export default {
   data() {
     return {
       isCollapse: true,
-    //   menuData: [
-    //     {
-    //       index: '1',
-    //       title: '父级菜单1',
-    //       icon: 'el-icon-location',
-    //       children: [
-    //         { index: '1-1', title: '子级菜单1-1', path: '/' },
-    //         { index: '1-2', title: 'ui页面', path: '/ui' }
-    //       ]
-    //     },
-    //     {
-    //       index: '2',
-    //       title: '父级菜单2',
-    //       icon: 'el-icon-menu',
-    //       children: [
-    //         { index: '2-1', title: '子级菜单2-1', path: '/about' },
-    //         { index: '2-2', title: '加盟耶main', path: '/franchise' }
-    //       ]
-    //     }
-    //   ]
     };
   },
   components: {
     GlobalLoading,
-    // ContentWithLoading,
     SliderMenu,
     // Footer,
     Header,
     Breadcrumb
   },
   computed: {
-    ...mapState(['menuData','showSidebar', 'showFooter', 'showHeader']) // 从Vuex映射showSidebar状态到组件的计算属性中
+    ...mapState(['hosMenuData','slidermenu','customize','showSidebar', 'showFooter', 'showHeader']) // 从Vuex映射showSidebar状态到组件的计算属性中
   },
   mounted() {
     window.addEventListener('beforeunload', this.clearStorage);
@@ -94,7 +72,6 @@ export default {
 </script>
 <style lang="scss" scoped>
 #app {
-  font-family: Avenir, Helvetica, Arial, sans-serif;
   font-family: Microsoft YaHei UI;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
@@ -126,6 +103,7 @@ export default {
 }
 
 ::v-deep .el-header {
+  width: 100%;
   height: 62px;
   overflow: hidden;
   position: relative;
diff --git a/src/components/GuipTextarea.vue b/src/components/GuipTextarea.vue
index b021da5..8ca3c51 100644
--- a/src/components/GuipTextarea.vue
+++ b/src/components/GuipTextarea.vue
@@ -1,5 +1,6 @@
 <template>
-  <el-form-item :label="label" :prop="prop" :rules="rules">
+  <el-form-item :label="label" :prop="prop" :rules="rules" :class="[{ 'column': column }]" :required="required">
+    <p v-if="desc" class="desc_right">{{ desc }}</p>
     <el-input
       type="textarea"
       v-bind="$attrs"
@@ -27,6 +28,10 @@ export default {
       type: String,
       default: '100%'
     },
+    desc: {
+      type: String,
+      default: ''
+    },
     // 高度，可以是 '100px' 或 '100%' 等形式
     height: {
       type: String,
@@ -42,6 +47,10 @@ export default {
       type: String,
       default: ''
     },
+    column: {
+      type: String,
+      default: ''
+    },
     // 表单校验的 prop
     prop: {
       type: String,
@@ -51,6 +60,10 @@ export default {
     rules: {
       type: [Object, Array],
       default: () => []
+    },
+    required:{
+       type: Boolean,
+      default: false
     }
   },
   data() {
diff --git a/src/components/HoverButton.vue b/src/components/HoverButton.vue
index 251478e..e61a344 100644
--- a/src/components/HoverButton.vue
+++ b/src/components/HoverButton.vue
@@ -4,9 +4,8 @@
       :class="{ 'hover-effect': hoverEffect }"
       @mouseenter="isHovered = true"
       @mouseleave="isHovered = false"
-      @click="$emit('click')"
-      @click.stop
-      type="normal"
+      @click="handleClick"
+      type="button"
     >
       <!-- 图片/图标部分 -->
       <div class="button-icon">
@@ -82,6 +81,14 @@
       return {
         isHovered: false
       }
+    },
+    methods:{
+      handleClick(e) {
+        // console.log(e,'----000999');
+        e.preventDefault();
+        e.stopPropagation();
+        this.$emit('click', e);
+      }
     }
   }
   </script>
diff --git a/src/components/SetLeftMenu.vue b/src/components/SetLeftMenu.vue
index 727c21f..2329ce1 100644
--- a/src/components/SetLeftMenu.vue
+++ b/src/components/SetLeftMenu.vue
@@ -1,15 +1,16 @@
 <template>
   <aside class="sidebar">
     <ul>
-      <li v-for="(item, index) in menuList" :key="item.path">
-        <div :class="[$route.path == item.path ? 'active' : '', 'flex', $route.path == item.path ? curIndex = index : '']"
-          @click="gotoPath(item.path,index)">
-          <SvgIcon1 :iconPath="require(`@/assets/${item.img}`)" defaultColor="#8A9099" :size="16"
-                activeColor="#006AFF" :isActive="$route.path == item.path" />
-          <span class="title_text" >{{ item.name }}</span>
+      <li v-for="(item, index) in menuList" :key="item.path + random()">
+        <div
+          :class="[($route.path == item.path) || (item.noToPath && curIndex == index) ? 'active' : '', 'flex', ($route.path == item.path) ? curIndex = index : '']"
+          @click="gotoPath(item, index)">
+          <SvgIcon1 :iconPath="require(`@/assets/${item.img}`)" defaultColor="#8A9099" :size="16" activeColor="#006AFF"
+            :isActive="($route.path == item.path || (item.noToPath && curIndex == index))" />
+          <span class="title_text">{{ item.name }}</span>
         </div>
-        <p :class="['flex', activeFloor == item1.desc ? 'curActive' : '']"
-          v-for="(item1) in item.list" @click="setActiveCur(item1.desc,item)" :key="item1.name">{{ item1.name }}</p>
+        <p :class="['flex', activeFloor == item1.desc ? 'curActive' : '']" v-for="(item1) in item.list"
+          @click="setActiveCur(item1.desc, item)" :key="item1.name">{{ item1.name }}</p>
       </li>
     </ul>
   </aside>
@@ -17,7 +18,6 @@
 
 <script>
 import SvgIcon1 from '@/components/SvgIcon1.vue';
-// :class="[$route.path != item.path ? 'not-point' : '', 'flex', activeFloor == item1.desc ? 'curActive' : '']"
 import { mapState } from 'vuex';
 import store from '../store';
 export default {
@@ -42,149 +42,139 @@ export default {
       activeFloor: null,
       curIndex: 0,
       scrollLock: false,
-      // menuList: [
-      //   {
-      //     name: '基本设置',
-      //     path: '/siteSetting/siteBaseSetting',
-      //     img: require('@/assets/site/sitebase.svg'),
-      //     imgActive: require('@/assets/site/sitebase_active.svg'),
-      //     list: [
-      //       {
-      //         name: '站点信息',
-      //         desc: 'siteMessage1'
-      //       },
-      //       {
-      //         name: '域名设置',
-      //         desc: 'siteMessage2'
-      //       },
-      //       {
-      //         name: '收款方式',
-      //         desc: 'siteMessage3'
-      //       },
-      //     ]
-      //   },
-      //   {
-      //     name: '个性化设置',
-      //     path: '/siteSetting/sitePersonalization',
-      //     img: require('@/assets/site/gexinghua.svg'),
-      //     imgActive: require('@/assets/site/sitebase_active.svg'),
-      //     list: [
-      //       {
-      //         name: '网页模板',
-      //         desc: 'siteMessage4'
-      //       },
-      //       {
-      //         name: '客服设置',
-      //         desc: 'siteMessage5'
-      //       },
-      //       {
-      //         name: '功能显隐',
-      //         desc: 'siteMessage6'
-      //       },
-      //       {
-      //         name: '安全提交',
-      //         desc: 'siteMessage7'
-      //       },
-      //       {
-      //         name: '初始订单数',
-      //         desc: 'siteMessage8'
-      //       },
-      //     ]
-      //   },
-      //   {
-      //     name: '移动端设置',
-      //     path: '/siteSetting/siteH5',
-      //     img: require('@/assets/site/siteh5.svg'),
-      //     imgActive: require('@/assets/site/sitebase_active.svg'),
-      //     list: [
-      //       {
-      //         name: '微信H5',
-      //         desc: 'siteMessage9'
-      //       },
-      //       {
-      //         name: '小程序',
-      //         desc: 'siteMessage10'
-      //       },
-      //     ]
-      //   },
-      //   {
-      //     name: '营销推广',
-      //     path: '/siteSetting/siteSem',
-      //     img: require('@/assets/site/sitesem.svg'),
-      //     imgActive: require('@/assets/site/sitebase_active.svg'),
-      //     list: [
-      //       {
-      //         name: 'SEO设置',
-      //         desc: 'siteMessage11'
-      //       },
-      //       {
-      //         name: 'SEM设置',
-      //         desc: 'siteMessage12'
-      //       },
-      //       {
-      //         name: '访问统计',
-      //         desc: 'siteMessage13'
-      //       },
-      //     ]
-      //   }
-      // ]
     }
   },
   mounted() {
-    // console.log(this.curIndex,'this.curIndex');
-    this.activeFloor = this.menuList[this.curIndex]['list'][0]['desc'];
-    this.calculateFloorOffsets();
+    this.activeFloor = this.menuList[this.curIndex]?.list?.[0]?.desc;
     this.$nextTick(() => {
-      // console.log(this.$parent.$refs.scrollContainer, 'this.$refs.scrollContainer--');
-      this.$parent.$refs.scrollContainer.addEventListener('scroll', this.handleScroll);
-    })
+      // 更可靠的获取滚动容器方式
+      this.scrollContainer = document.querySelector('.main-content') ||
+        document.getElementById('main-content') ||
+        window;
+      console.log(this.scrollContainer,'this.scrollContainer---');
+      if (this.scrollContainer) {
+        this.scrollContainer.addEventListener('scroll', this.handleScroll);
+        this.calculateFloorOffsets();
+      } else {
+        console.error('未找到滚动容器');
+      }
+    });
+  },
+  watch: {
+  '$route'(to, from) {
+    console.log(to, from);
+    // 路由变化时重新计算位置
+    this.$nextTick(() => {
+      this.calculateFloorOffsets();
+      this.handleScroll(); // 立即检查当前位置
+    });
+  }
+},
+  beforeDestroy() {
+    if (this.scrollContainer) {
+      this.scrollContainer.removeEventListener('scroll', this.handleScroll);
+    }
   },
   created() {
-    // console.log(this.$parent.$refs.scrollContainer,'this.$refs.sc--rollContainer--');
   },
   computed: {
-        ...mapState(['pageTitle']) // 从Vuex映射showSidebar状态到组件的计算属性中
-    },
-  beforeDestroy() {
-    this.$parent.$refs.scrollContainer.removeEventListener('scroll', this.handleScroll);
+    ...mapState(['pageTitle']) // 从Vuex映射showSidebar状态到组件的计算属性中
   },
   methods: {
+    random() {
+      var randomNumber = Math.random();
+      return randomNumber
+    },
+    // calculateFloorOffsets() {
+    //   this.menuList.forEach(item => {
+    //     item.list.forEach(every => {
+    //       const el = document.getElementById(every.desc);
+    //       if (el) {
+    //         every.offsetTop = el.offsetTop;
+    //       }
+    //     })
+    //   });
+    // },
+    // handleScroll() {
+    //   if (this.scrollLock) return
+    //   const scrollContainer = this.$parent.$refs.scrollContainer;
+    //   const scrollHeight = scrollContainer.scrollTop;
+    //   let activeFloor = this.menuList[this.curIndex]['list'][0]['desc'];
+    //   this.menuList[this.curIndex]['list'].forEach(item => {
+    //     if (scrollHeight + 72 >= item.offsetTop) {
+    //       activeFloor = item.desc; // 更新当前激活的楼层ID
+    //     } else {
+    //       return false; // 一旦找到第一个小于当前滚动位置的楼层，停止循环
+    //     }
+    //   });
+    //   this.activeFloor = activeFloor; // 更新数据以触发视图更新
+    // },
     calculateFloorOffsets() {
       this.menuList.forEach(item => {
-        item.list.forEach(every => {
+        item.list?.forEach(every => {
           const el = document.getElementById(every.desc);
           if (el) {
-            every.offsetTop = el.offsetTop;
+            // 获取元素相对于视口顶部的距离
+            every.offsetTop = el.getBoundingClientRect().top + window.pageYOffset;
           }
-        })
+        });
       });
     },
+
     handleScroll() {
-      if (this.scrollLock) return
-      const scrollContainer = this.$parent.$refs.scrollContainer;
-      const scrollHeight = scrollContainer.scrollTop;
-      let activeFloor = this.menuList[this.curIndex]['list'][0]['desc'];
-      this.menuList[this.curIndex]['list'].forEach(item => {
-        if (scrollHeight + 72 >= item.offsetTop) {
-          activeFloor = item.desc; // 更新当前激活的楼层ID
-        } else {
-          return false; // 一旦找到第一个小于当前滚动位置的楼层，停止循环
+      if (this.scrollLock || !this.menuList[this.curIndex]?.list) return;
+
+      const scrollPosition = this.getScrollPosition();
+      let activeFloor = null;
+
+      // 从下往上查找当前可见区域对应的楼层
+      for (let i = this.menuList[this.curIndex].list.length - 1; i >= 0; i--) {
+        const item = this.menuList[this.curIndex].list[i];
+        if (scrollPosition + 100 >= (item.offsetTop || 0)) { // 100是提前量
+          activeFloor = item.desc;
+          break;
         }
-      });
-      this.activeFloor = activeFloor; // 更新数据以触发视图更新
+      }
+
+      if (activeFloor && this.activeFloor !== activeFloor) {
+        this.activeFloor = activeFloor;
+      }
     },
-    setActiveCur(dom,item) {
-      if(this.$route.path != item.path){
-        this.$router.push(item.path)
-        store.commit('SET_PAGETITLE', item.name);
+
+    getScrollPosition() {
+      if (this.scrollContainer === window) {
+        return window.pageYOffset || document.documentElement.scrollTop;
       }
-      setTimeout(()=>{
-        this.activeFloor = dom;
-        this.setHighActive(dom)
-      },500)
+      return this.scrollContainer.scrollTop;
     },
-    gotoPath(path,index) {
-      if(this.$route.path != path){
+    // setActiveCur(dom, item) {
+    //   if (this.$route.path != item.path) {
+    //     this.$router.push(item.path)
+    //     store.commit('SET_PAGETITLE', item.name);
+    //   }
+    //   setTimeout(() => {
+    //     this.activeFloor = dom;
+    //     this.setHighActive(dom)
+    //   }, 500)
+    // },
+
+    // setHighActive(dom) {
+    //   this.scrollLock = true;
+    //   const ele = document.getElementById(dom)
+    //   if (!ele) return
+    //   ele.classList.add('ceshi')
+    //   ele.scrollIntoView({ behavior: 'smooth', block: 'start' })
+    //   setTimeout(() => {
+    //     ele.classList.remove('ceshi')
+    //   }, 1000)
+    // }
+    gotoPath(item, index) {
+      let path = item.path;
+      if (!path) {
+        this.curIndex = index;
+        return
+      }
+      if (this.$route.path != path) {
         this.curIndex = index
         this.scrollLock = false;
         this.handleScroll()
@@ -197,15 +187,31 @@ export default {
     activeArea(type) {
       console.log(type);
     },
-    setHighActive(dom) {
+    setActiveCur(dom, item) {
+      if (item.path && this.$route.path !== item.path) {
+        this.$router.push(item.path);
+        store.commit('SET_PAGETITLE', item.name);
+      }
+
       this.scrollLock = true;
-      const ele = document.getElementById(dom)
-      if(!ele)return
-      ele.classList.add('ceshi')
-      ele.scrollIntoView({ behavior: 'smooth', block: 'start' })
-      setTimeout(() => {
-        ele.classList.remove('ceshi')
-      }, 1000)
+      this.activeFloor = dom;
+
+      this.$nextTick(() => {
+        this.setHighActive(dom);
+        setTimeout(() => {
+          this.scrollLock = false;
+        }, 1000);
+      });
+    },
+
+    setHighActive(dom) {
+      const ele = document.getElementById(dom);
+      if (ele) {
+        ele.scrollIntoView({
+          behavior: 'smooth',
+          block: 'start'
+        });
+      }
     }
   }
 }
@@ -213,7 +219,7 @@ export default {
 
 <style scoped lang="scss">
 .sidebar {
-  width: 158px;
+  min-width: 158px;
   padding: 21px;
   box-sizing: border-box;
   background: #FFFFFF;
@@ -223,7 +229,8 @@ export default {
 .ceshi {
   // animation: fadeInOut 2s infinite;
 }
-.title_text{
+
+.title_text {
   margin-left: 6px;
 }
 
diff --git a/src/components/SliderMenu.vue b/src/components/SliderMenu.vue
index be0b583..3799050 100644
--- a/src/components/SliderMenu.vue
+++ b/src/components/SliderMenu.vue
@@ -26,7 +26,7 @@
               {{ subItem.title }}
             </el-menu-item>
           </el-submenu>
-          <el-menu-item v-else :index="item.index"  :key="item.index" @click="handleSelect(item.index, [item.index], item)">
+          <el-menu-item v-else :index="item.index"  :key="item.index+'a'" @click="handleSelect(item.index, [item.index], item)">
               <div class="flex">
                 <SvgIcon1 :iconPath="require(`@/assets/menu/${item.icon}.svg`)" defaultColor="#8A9099"
                   activeColor="#006AFF" :isActive="item.index == currentMenuItem?.index" />
@@ -38,7 +38,6 @@
     </el-menu>
 
     <SetLeftMenu v-else :menuList="menuData"/>
-<!-- <div v-else>---akjshdjka</div> -->
   </transition>
 
 </template>
@@ -73,6 +72,7 @@ export default {
   },
   watch: {
     "$route.path"() {
+      if(this.customize)return
       this.updateCurrentMenu();
     },
   },
diff --git a/src/router/index.js b/src/router/index.js
index 32316f3..b682905 100755
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -7,7 +7,7 @@ import HomeView from '../views/HomeView.vue';
 
 Vue.use(VueRouter)
 const whiteSlideList = [ '/ui', '/hosInformation']; //侧边导航白名单
-const whiteHeaderList = ['/','/doctorInformation', 'hosInformation','/addNewTreatment'
+const whiteHeaderList = ['/','/doctorInformation', '/hosInformation','/addNewTreatment'
 ]; //头部导航白名单
 const whiteFooterList = ['/','/doctorInformation' ,'/hosInformation','/addNewTreatment'
 ]; //底部白名单
diff --git a/src/store/index.js b/src/store/index.js
index a607877..f7db4e6 100755
--- a/src/store/index.js
+++ b/src/store/index.js
@@ -13,130 +13,54 @@ export default new Vuex.Store({
     pageTitle: '一般新文献', //页面标题
     addServiceList: [], //选中的服务
     isLoading: false, //页面loading
-    rankMenuData: [{
-        index: '1',
-        title: '总利润',
-        icon: 'Totalprofit',
-        children: [{
-            index: '1-1',
-            title: '年排行',
-            path: '/super/ranking/yearProfit'
-          },
-          {
-            index: '1-2',
-            title: '月排行',
-            path: '/super/ranking/monthProfit'
-          }
-        ]
-      },
-      {
-        index: '2',
-        title: '产品',
-        icon: 'Totalprofit1',
-        children: [{
-            index: '2-1',
-            title: '毛利润排行',
-            path: '/super/ranking/checkProfit'
-          },
-          {
-            index: '2-2',
-            title: '订单数排行',
-            path: '/super/ranking/checkOrdernum'
-          },
-          {
-            index: '2-3',
-            title: '退单数排行',
-            path: '/super/ranking/checkRefund'
-          },
-          {
-            index: '2-4',
-            title: '负毛利排行',
-            path: '/super/ranking/loss'
-          }
-        ]
-      },
-      {
-        index: '3',
-        title: '代理商',
-        icon: 'Totalprofit2',
-        children: [{
-            index: '3-1',
-            title: '毛利润排行',
-            path: '/super/ranking/agentProfit'
-          },
-          {
-            index: '3-2',
-            title: '充值排行',
-            path: '/super/ranking/agentRecharge'
-          },
-          {
-            index: '3-3',
-            title: '新加盟',
-            path: '/super/ranking/agentNew'
-          }
-        ]
-      },
-      {
-        index: '4',
-        title: '设置',
-        icon: 'Totalprofit3',
-        children: [{
-            index: '4-1',
-            title: '采购价',
-            path: '/super/ranking/purchase'
-          },
-          {
-            index: '4-2',
-            title: '阶段采购',
-            path: '/super/ranking/stagePurchase'
-          }
-        ]
-      },
-    ],
-    menuData: [
-      {
-        index: '1',
-        title: '首页',
-        path:'/',
-        icon: 'home',
-      },
-      {
-        index: '2',
-        title: '订单列表',
-        icon: 'orderList',
-        children: [{
-            index: '2-1',
-            title: '子级菜单2-1',
-            path: '/'
-          },
-          {
-            index: '2-2',
-            title: 'ui页面',
-            path: '/ui'
-          }
-        ]
-      },
-      {
-        index: '3',
-        title: '父级菜单2',
-        icon: 'Totalprofit',
-        children: [{
-            index: '3-1',
-            title: '子级菜单3-1',
-            path: '/about'
-          },
-          {
-            index: '3-2',
-            title: '加盟耶main',
-            path: '/franchise'
-          }
-        ]
-      }
-    ],
+    customize: false, //页面loading
+    slidermenu:[],
+    hosMenuData:[{
+      name: '医院信息',
+      path: '',
+      noToPath:true,
+      img: 'menu/Totalprofit.svg',
+      imgActive: require('@/assets/menu/Totalprofit.svg'),
+      list: [
+        {
+          name: '基础信息',
+          desc: 'siteMessage1'
+        },
+        {
+          name: '出诊时间',
+          desc: 'siteMessage2'
+        },
+        {
+          name: '放号设置',
+          desc: 'siteMessage3'
+        }
+      ]
+    },{
+      name: '项目管理',
+      path: '',
+      noToPath:true,
+      img: 'menu/Totalprofit1.svg',
+      imgActive: require('@/assets/menu/Totalprofit.svg'),
+      list: [
+        {
+          name: '项目列表',
+          desc: 'siteMessage4'
+        },
+        {
+          name: '疗程套餐',
+          desc: 'siteMessage5'
+        },
+      ]
+    }],
     pageName:'医生管理'
 
   },
   actions: {
+    SET_CUSTOMIZE({
+      commit
+    }) {
+      commit('SET_CUSTOMIZE');
+    },
     SET_PAGENAME({
       commit
     }) {
@@ -182,12 +106,25 @@ export default new Vuex.Store({
     }) {
       commit('HIDE_LOADING')
     },
+    SET_SLIDER_MENU({
+      commit
+    }) {
+      commit('SET_SLIDER_MENU')
+    },
   },
   mutations: {
+    SET_SLIDER_MENU(state,type){
+      state.slidermenu = state[type]
+    },
     SHOW_LOADING(state) {
       state.isLoading = true
       // state.loadingText = text || '加载中...'
     },
+    SET_CUSTOMIZE(state,show) {
+      console.log(show,'show--');
+      state.customize = show
+      // state.loadingText = text || '加载中...'
+    },
     HIDE_LOADING(state) {
       state.isLoading = false
     },
diff --git a/src/style/theme/index.css b/src/style/theme/index.css
index ef18385..dbcb202 100644
--- a/src/style/theme/index.css
+++ b/src/style/theme/index.css
@@ -1632,682 +1632,403 @@
     padding: 0 5px
 }
 
-.el-input__inner {
-    -webkit-appearance: none;
-    background-color: #fff;
-    background-image: none;
+
+.el-tag {
+    background-color: #e6f0ff;
+    border-color: #cce1ff;
+    color: #006aff;
+    display: inline-block;
+    height: 32px;
+    padding: 0 10px;
+    line-height: 30px;
+    font-size: 12px;
+    color: #006aff;
+    border-width: 1px;
+    border-style: solid;
     border-radius: 4px;
-    border: 1px solid #dfe2e6;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
-    color: #1e2226;
-    display: inline-block;
-    font-size: inherit;
-    height: 40px;
-    line-height: 40px;
-    outline: 0;
-    padding: 0 15px;
-    -webkit-transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
-    transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
-    width: 100%
+    white-space: nowrap
 }
 
-.el-input__inner::-ms-reveal {
-    display: none
+.el-tag.is-hit {
+    border-color: #006aff
 }
 
-.el-input__inner::-webkit-input-placeholder {
-    color: #babdc2
+.el-tag .el-tag__close {
+    color: #006aff
 }
 
-.el-input__inner::-moz-placeholder {
-    color: #babdc2
+.el-tag .el-tag__close:hover {
+    color: #fff;
+    background-color: #006aff
 }
 
-.el-input__inner::-ms-input-placeholder {
-    color: #babdc2
+.el-tag.el-tag--info {
+    background-color: #f4f4f5;
+    border-color: #e9e9eb;
+    color: #909399
 }
 
-.el-input__inner::placeholder {
-    color: #babdc2
+.el-tag.el-tag--info.is-hit {
+    border-color: #909399
 }
 
-.el-input__inner:hover {
-    border-color: #006AFF;
+.el-tag.el-tag--info .el-tag__close {
+    color: #909399
 }
 
-.el-input__inner:focus {
-    outline: 0;
-    border-color: #006aff
+.el-tag.el-tag--info .el-tag__close:hover {
+    color: #fff;
+    background-color: #909399
 }
 
-.el-input__suffix {
-    position: absolute;
-    height: 100%;
-    right: 5px;
-    top: 0;
-    text-align: center;
-    color: #babdc2;
-    -webkit-transition: all .3s;
-    transition: all .3s;
-    pointer-events: none
+.el-tag.el-tag--success {
+    background-color: #e7f7ed;
+    border-color: #cfefdb;
+    color: #0daf49
 }
 
-.el-input__suffix-inner {
-    pointer-events: all
+.el-tag.el-tag--success.is-hit {
+    border-color: #0daf49
 }
 
-.el-input__prefix {
-    position: absolute;
-    height: 100%;
-    left: 5px;
-    top: 0;
-    text-align: center;
-    color: #babdc2;
-    -webkit-transition: all .3s;
-    transition: all .3s
+.el-tag.el-tag--success .el-tag__close {
+    color: #0daf49
 }
 
-.el-input__icon {
-    height: 100%;
-    width: 25px;
-    text-align: center;
-    -webkit-transition: all .3s;
-    transition: all .3s;
-    line-height: 40px
+.el-tag.el-tag--success .el-tag__close:hover {
+    color: #fff;
+    background-color: #0daf49
 }
 
-.el-input__icon:after {
-    content: '';
-    height: 100%;
-    width: 0;
-    display: inline-block;
-    vertical-align: middle
+.el-tag.el-tag--warning {
+    background-color: #fef3e8;
+    border-color: #fce7d0;
+    color: #f08614
 }
 
-.el-input__validateIcon {
-    pointer-events: none
+.el-tag.el-tag--warning.is-hit {
+    border-color: #f08614
 }
 
-.el-input.is-active .el-input__inner {
-    outline: 0;
-    border-color: #006aff
+.el-tag.el-tag--warning .el-tag__close {
+    color: #f08614
 }
 
-.el-input.is-disabled .el-input__inner {
-    background-color: #f5f7fa;
-    border-color: #e4e7ed;
-    color: #babdc2;
-    cursor: not-allowed
+.el-tag.el-tag--warning .el-tag__close:hover {
+    color: #fff;
+    background-color: #f08614
 }
 
-.el-input.is-disabled .el-input__inner::-webkit-input-placeholder {
-    color: #babdc2
+.el-tag.el-tag--danger {
+    background-color: #ffeded;
+    border-color: #ffdbdc;
+    color: #ff4d4f
 }
 
-.el-input.is-disabled .el-input__inner::-moz-placeholder {
-    color: #babdc2
+.el-tag.el-tag--danger.is-hit {
+    border-color: #ff4d4f
 }
 
-.el-input.is-disabled .el-input__inner::-ms-input-placeholder {
-    color: #babdc2
+.el-tag.el-tag--danger .el-tag__close {
+    color: #ff4d4f
 }
 
-.el-input.is-disabled .el-input__inner::placeholder {
-    color: #babdc2
+.el-tag.el-tag--danger .el-tag__close:hover {
+    color: #fff;
+    background-color: #ff4d4f
 }
 
-.el-input.is-disabled .el-input__icon {
-    cursor: not-allowed
+.el-tag .el-icon-close {
+    border-radius: 50%;
+    text-align: center;
+    position: relative;
+    cursor: pointer;
+    font-size: 12px;
+    height: 16px;
+    width: 16px;
+    line-height: 16px;
+    vertical-align: middle;
+    top: -1px;
+    right: -5px
 }
 
-.el-input.is-exceed .el-input__inner {
-    border-color: #ff4d4f
+.el-tag .el-icon-close::before {
+    display: block
 }
 
-.el-input.is-exceed .el-input__suffix .el-input__count {
-    color: #ff4d4f
+.el-tag--dark {
+    background-color: #006aff;
+    border-color: #006aff;
+    color: #fff
 }
 
-.el-input--suffix .el-input__inner {
-    padding-right: 30px
+.el-tag--dark.is-hit {
+    border-color: #006aff
 }
 
-.el-input--prefix .el-input__inner {
-    padding-left: 30px
+.el-tag--dark .el-tag__close {
+    color: #fff
 }
 
-.el-input--medium {
-    font-size: 14px
+.el-tag--dark .el-tag__close:hover {
+    color: #fff;
+    background-color: #38f
 }
 
-.el-input--medium .el-input__inner {
-    height: 36px;
-    line-height: 36px
+.el-tag--dark.el-tag--info {
+    background-color: #909399;
+    border-color: #909399;
+    color: #fff
 }
 
-.el-input--medium .el-input__icon {
-    line-height: 36px
+.el-tag--dark.el-tag--info.is-hit {
+    border-color: #909399
 }
 
-.el-input--small {
-    font-size: 13px
+.el-tag--dark.el-tag--info .el-tag__close {
+    color: #fff
 }
 
-.el-input--small .el-input__inner {
-    height: 32px;
-    line-height: 32px
+.el-tag--dark.el-tag--info .el-tag__close:hover {
+    color: #fff;
+    background-color: #a6a9ad
 }
 
-.el-input--small .el-input__icon {
-    line-height: 32px
+.el-tag--dark.el-tag--success {
+    background-color: #0daf49;
+    border-color: #0daf49;
+    color: #fff
 }
 
-.el-input--mini {
-    font-size: 12px
+.el-tag--dark.el-tag--success.is-hit {
+    border-color: #0daf49
 }
 
-.el-input--mini .el-input__inner {
-    height: 28px;
-    line-height: 28px
+.el-tag--dark.el-tag--success .el-tag__close {
+    color: #fff
 }
 
-.el-input--mini .el-input__icon {
-    line-height: 28px
+.el-tag--dark.el-tag--success .el-tag__close:hover {
+    color: #fff;
+    background-color: #3dbf6d
 }
 
-.el-input-group {
-    line-height: normal;
-    display: inline-table;
-    width: 100%;
-    border-collapse: separate;
-    border-spacing: 0
+.el-tag--dark.el-tag--warning {
+    background-color: #f08614;
+    border-color: #f08614;
+    color: #fff
 }
 
-.el-input-group>.el-input__inner {
-    vertical-align: middle;
-    display: table-cell
+.el-tag--dark.el-tag--warning.is-hit {
+    border-color: #f08614
 }
 
-.el-input-group__append,
-.el-input-group__prepend {
-    background-color: #f5f7fa;
-    color: #909399;
-    vertical-align: middle;
-    display: table-cell;
-    position: relative;
-    border: 1px solid #dfe2e6;
-    border-radius: 4px;
-    padding: 0 20px;
-    width: 1px;
-    white-space: nowrap
+.el-tag--dark.el-tag--warning .el-tag__close {
+    color: #fff
 }
 
-.el-input-group__append:focus,
-.el-input-group__prepend:focus {
-    outline: 0
-}
-
-.el-input-group__append .el-button,
-.el-input-group__append .el-select,
-.el-input-group__prepend .el-button,
-.el-input-group__prepend .el-select {
-    display: inline-block;
-    margin: -10px -20px
-}
-
-.el-input-group__append button.el-button,
-.el-input-group__append div.el-select .el-input__inner,
-.el-input-group__append div.el-select:hover .el-input__inner,
-.el-input-group__prepend button.el-button,
-.el-input-group__prepend div.el-select .el-input__inner,
-.el-input-group__prepend div.el-select:hover .el-input__inner {
-    border-color: transparent;
-    background-color: transparent;
-    color: inherit;
-    border-top: 0;
-    border-bottom: 0
-}
-
-.el-input-group__append .el-button,
-.el-input-group__append .el-input,
-.el-input-group__prepend .el-button,
-.el-input-group__prepend .el-input {
-    font-size: inherit
-}
-
-.el-input-group__prepend {
-    border-right: 0;
-    border-top-right-radius: 0;
-    border-bottom-right-radius: 0
-}
-
-.el-input-group__append {
-    border-left: 0;
-    border-top-left-radius: 0;
-    border-bottom-left-radius: 0
-}
-
-.el-input-group--prepend .el-input__inner {
-    border-top-left-radius: 0;
-    border-bottom-left-radius: 0
+.el-tag--dark.el-tag--warning .el-tag__close:hover {
+    color: #fff;
+    background-color: #f39e43
 }
 
-.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner {
-    border-color: transparent
+.el-tag--dark.el-tag--danger {
+    background-color: #ff4d4f;
+    border-color: #ff4d4f;
+    color: #fff
 }
 
-.el-input-group--append .el-input__inner {
-    border-top-right-radius: 0;
-    border-bottom-right-radius: 0
+.el-tag--dark.el-tag--danger.is-hit {
+    border-color: #ff4d4f
 }
 
-.el-input-group--append .el-select .el-input.is-focus .el-input__inner {
-    border-color: transparent
+.el-tag--dark.el-tag--danger .el-tag__close {
+    color: #fff
 }
 
-.el-input__inner::-ms-clear {
-    display: none;
-    width: 0;
-    height: 0
+.el-tag--dark.el-tag--danger .el-tag__close:hover {
+    color: #fff;
+    background-color: #ff7172
 }
 
-.el-tag {
-    background-color: #e6f0ff;
-    border-color: #cce1ff;
-    color: #006aff;
-    display: inline-block;
-    height: 32px;
-    padding: 0 10px;
-    line-height: 30px;
-    font-size: 12px;
-    color: #006aff;
-    border-width: 1px;
-    border-style: solid;
-    border-radius: 4px;
-    -webkit-box-sizing: border-box;
-    box-sizing: border-box;
-    white-space: nowrap
+.el-tag--plain {
+    background-color: #fff;
+    border-color: #99c3ff;
+    color: #006aff
 }
 
-.el-tag.is-hit {
+.el-tag--plain.is-hit {
     border-color: #006aff
 }
 
-.el-tag .el-tag__close {
+.el-tag--plain .el-tag__close {
     color: #006aff
 }
 
-.el-tag .el-tag__close:hover {
+.el-tag--plain .el-tag__close:hover {
     color: #fff;
     background-color: #006aff
 }
 
-.el-tag.el-tag--info {
-    background-color: #f4f4f5;
-    border-color: #e9e9eb;
+.el-tag--plain.el-tag--info {
+    background-color: #fff;
+    border-color: #d3d4d6;
     color: #909399
 }
 
-.el-tag.el-tag--info.is-hit {
+.el-tag--plain.el-tag--info.is-hit {
     border-color: #909399
 }
 
-.el-tag.el-tag--info .el-tag__close {
+.el-tag--plain.el-tag--info .el-tag__close {
     color: #909399
 }
 
-.el-tag.el-tag--info .el-tag__close:hover {
+.el-tag--plain.el-tag--info .el-tag__close:hover {
     color: #fff;
     background-color: #909399
 }
 
-.el-tag.el-tag--success {
-    background-color: #e7f7ed;
-    border-color: #cfefdb;
+.el-tag--plain.el-tag--success {
+    background-color: #fff;
+    border-color: #9edfb6;
     color: #0daf49
 }
 
-.el-tag.el-tag--success.is-hit {
+.el-tag--plain.el-tag--success.is-hit {
     border-color: #0daf49
 }
 
-.el-tag.el-tag--success .el-tag__close {
+.el-tag--plain.el-tag--success .el-tag__close {
     color: #0daf49
 }
 
-.el-tag.el-tag--success .el-tag__close:hover {
+.el-tag--plain.el-tag--success .el-tag__close:hover {
     color: #fff;
     background-color: #0daf49
 }
 
-.el-tag.el-tag--warning {
-    background-color: #fef3e8;
-    border-color: #fce7d0;
+.el-tag--plain.el-tag--warning {
+    background-color: #fff;
+    border-color: #f9cfa1;
     color: #f08614
 }
 
-.el-tag.el-tag--warning.is-hit {
+.el-tag--plain.el-tag--warning.is-hit {
     border-color: #f08614
 }
 
-.el-tag.el-tag--warning .el-tag__close {
+.el-tag--plain.el-tag--warning .el-tag__close {
     color: #f08614
 }
 
-.el-tag.el-tag--warning .el-tag__close:hover {
+.el-tag--plain.el-tag--warning .el-tag__close:hover {
     color: #fff;
     background-color: #f08614
 }
 
-.el-tag.el-tag--danger {
-    background-color: #ffeded;
-    border-color: #ffdbdc;
+.el-tag--plain.el-tag--danger {
+    background-color: #fff;
+    border-color: #ffb8b9;
     color: #ff4d4f
 }
 
-.el-tag.el-tag--danger.is-hit {
+.el-tag--plain.el-tag--danger.is-hit {
     border-color: #ff4d4f
 }
 
-.el-tag.el-tag--danger .el-tag__close {
+.el-tag--plain.el-tag--danger .el-tag__close {
     color: #ff4d4f
 }
 
-.el-tag.el-tag--danger .el-tag__close:hover {
+.el-tag--plain.el-tag--danger .el-tag__close:hover {
     color: #fff;
     background-color: #ff4d4f
 }
 
-.el-tag .el-icon-close {
-    border-radius: 50%;
-    text-align: center;
-    position: relative;
-    cursor: pointer;
-    font-size: 12px;
-    height: 16px;
-    width: 16px;
-    line-height: 16px;
-    vertical-align: middle;
-    top: -1px;
-    right: -5px
-}
-
-.el-tag .el-icon-close::before {
-    display: block
+.el-tag--medium {
+    height: 28px;
+    line-height: 26px
 }
 
-.el-tag--dark {
-    background-color: #006aff;
-    border-color: #006aff;
-    color: #fff
+.el-tag--medium .el-icon-close {
+    -webkit-transform: scale(.8);
+    transform: scale(.8)
 }
 
-.el-tag--dark.is-hit {
-    border-color: #006aff
+.el-tag--small {
+    height: 24px;
+    padding: 0 8px;
+    line-height: 22px
 }
 
-.el-tag--dark .el-tag__close {
-    color: #fff
+.el-tag--small .el-icon-close {
+    -webkit-transform: scale(.8);
+    transform: scale(.8)
 }
 
-.el-tag--dark .el-tag__close:hover {
-    color: #fff;
-    background-color: #38f
+.el-tag--mini {
+    height: 20px;
+    padding: 0 5px;
+    line-height: 19px
 }
 
-.el-tag--dark.el-tag--info {
-    background-color: #909399;
-    border-color: #909399;
-    color: #fff
+.el-tag--mini .el-icon-close {
+    margin-left: -3px;
+    -webkit-transform: scale(.7);
+    transform: scale(.7)
 }
 
-.el-tag--dark.el-tag--info.is-hit {
-    border-color: #909399
+.el-select-dropdown__item {
+    font-size: 14px;
+    padding: 0 20px;
+    position: relative;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    color: #606266;
+    height: 34px;
+    line-height: 34px;
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box;
+    cursor: pointer
 }
 
-.el-tag--dark.el-tag--info .el-tag__close {
-    color: #fff
+.el-select-dropdown__item.is-disabled {
+    color: #babdc2;
+    cursor: not-allowed
 }
 
-.el-tag--dark.el-tag--info .el-tag__close:hover {
-    color: #fff;
-    background-color: #a6a9ad
+.el-select-dropdown__item.is-disabled:hover {
+    background-color: #fff
 }
 
-.el-tag--dark.el-tag--success {
-    background-color: #0daf49;
-    border-color: #0daf49;
-    color: #fff
+.el-select-dropdown__item.hover,
+.el-select-dropdown__item:hover {
+    background-color: #f5f7fa
 }
 
-.el-tag--dark.el-tag--success.is-hit {
-    border-color: #0daf49
+.el-select-dropdown__item.selected {
+    color: #006aff;
+    font-weight: 700
 }
 
-.el-tag--dark.el-tag--success .el-tag__close {
-    color: #fff
+.el-select-group {
+    margin: 0;
+    padding: 0
 }
 
-.el-tag--dark.el-tag--success .el-tag__close:hover {
-    color: #fff;
-    background-color: #3dbf6d
+.el-select-group__wrap {
+    position: relative;
+    list-style: none;
+    margin: 0;
+    padding: 0
 }
 
-.el-tag--dark.el-tag--warning {
-    background-color: #f08614;
-    border-color: #f08614;
-    color: #fff
-}
-
-.el-tag--dark.el-tag--warning.is-hit {
-    border-color: #f08614
-}
-
-.el-tag--dark.el-tag--warning .el-tag__close {
-    color: #fff
-}
-
-.el-tag--dark.el-tag--warning .el-tag__close:hover {
-    color: #fff;
-    background-color: #f39e43
-}
-
-.el-tag--dark.el-tag--danger {
-    background-color: #ff4d4f;
-    border-color: #ff4d4f;
-    color: #fff
-}
-
-.el-tag--dark.el-tag--danger.is-hit {
-    border-color: #ff4d4f
-}
-
-.el-tag--dark.el-tag--danger .el-tag__close {
-    color: #fff
-}
-
-.el-tag--dark.el-tag--danger .el-tag__close:hover {
-    color: #fff;
-    background-color: #ff7172
-}
-
-.el-tag--plain {
-    background-color: #fff;
-    border-color: #99c3ff;
-    color: #006aff
-}
-
-.el-tag--plain.is-hit {
-    border-color: #006aff
-}
-
-.el-tag--plain .el-tag__close {
-    color: #006aff
-}
-
-.el-tag--plain .el-tag__close:hover {
-    color: #fff;
-    background-color: #006aff
-}
-
-.el-tag--plain.el-tag--info {
-    background-color: #fff;
-    border-color: #d3d4d6;
-    color: #909399
-}
-
-.el-tag--plain.el-tag--info.is-hit {
-    border-color: #909399
-}
-
-.el-tag--plain.el-tag--info .el-tag__close {
-    color: #909399
-}
-
-.el-tag--plain.el-tag--info .el-tag__close:hover {
-    color: #fff;
-    background-color: #909399
-}
-
-.el-tag--plain.el-tag--success {
-    background-color: #fff;
-    border-color: #9edfb6;
-    color: #0daf49
-}
-
-.el-tag--plain.el-tag--success.is-hit {
-    border-color: #0daf49
-}
-
-.el-tag--plain.el-tag--success .el-tag__close {
-    color: #0daf49
-}
-
-.el-tag--plain.el-tag--success .el-tag__close:hover {
-    color: #fff;
-    background-color: #0daf49
-}
-
-.el-tag--plain.el-tag--warning {
-    background-color: #fff;
-    border-color: #f9cfa1;
-    color: #f08614
-}
-
-.el-tag--plain.el-tag--warning.is-hit {
-    border-color: #f08614
-}
-
-.el-tag--plain.el-tag--warning .el-tag__close {
-    color: #f08614
-}
-
-.el-tag--plain.el-tag--warning .el-tag__close:hover {
-    color: #fff;
-    background-color: #f08614
-}
-
-.el-tag--plain.el-tag--danger {
-    background-color: #fff;
-    border-color: #ffb8b9;
-    color: #ff4d4f
-}
-
-.el-tag--plain.el-tag--danger.is-hit {
-    border-color: #ff4d4f
-}
-
-.el-tag--plain.el-tag--danger .el-tag__close {
-    color: #ff4d4f
-}
-
-.el-tag--plain.el-tag--danger .el-tag__close:hover {
-    color: #fff;
-    background-color: #ff4d4f
-}
-
-.el-tag--medium {
-    height: 28px;
-    line-height: 26px
-}
-
-.el-tag--medium .el-icon-close {
-    -webkit-transform: scale(.8);
-    transform: scale(.8)
-}
-
-.el-tag--small {
-    height: 24px;
-    padding: 0 8px;
-    line-height: 22px
-}
-
-.el-tag--small .el-icon-close {
-    -webkit-transform: scale(.8);
-    transform: scale(.8)
-}
-
-.el-tag--mini {
-    height: 20px;
-    padding: 0 5px;
-    line-height: 19px
-}
-
-.el-tag--mini .el-icon-close {
-    margin-left: -3px;
-    -webkit-transform: scale(.7);
-    transform: scale(.7)
-}
-
-.el-select-dropdown__item {
-    font-size: 14px;
-    padding: 0 20px;
-    position: relative;
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    color: #606266;
-    height: 34px;
-    line-height: 34px;
-    -webkit-box-sizing: border-box;
-    box-sizing: border-box;
-    cursor: pointer
-}
-
-.el-select-dropdown__item.is-disabled {
-    color: #babdc2;
-    cursor: not-allowed
-}
-
-.el-select-dropdown__item.is-disabled:hover {
-    background-color: #fff
-}
-
-.el-select-dropdown__item.hover,
-.el-select-dropdown__item:hover {
-    background-color: #f5f7fa
-}
-
-.el-select-dropdown__item.selected {
-    color: #006aff;
-    font-weight: 700
-}
-
-.el-select-group {
-    margin: 0;
-    padding: 0
-}
-
-.el-select-group__wrap {
-    position: relative;
-    list-style: none;
-    margin: 0;
-    padding: 0
-}
-
-.el-select-group__wrap:not(:last-of-type) {
-    padding-bottom: 24px
+.el-select-group__wrap:not(:last-of-type) {
+    padding-bottom: 24px
 }
 
 .el-select-group__wrap:not(:last-of-type)::after {
@@ -3243,3433 +2964,2242 @@ border-color:#006AFF !important;
     padding: 0 5px
 }
 
-.el-input__inner {
-    -webkit-appearance: none;
-    background-color: #fff;
-    background-image: none;
-    border-radius: 4px;
-    border: 1px solid #dfe2e6;
-    -webkit-box-sizing: border-box;
-    box-sizing: border-box;
-    color: #606266;
-    display: inline-block;
-    font-size: inherit;
-    height: 40px;
-    line-height: 40px;
-    outline: 0;
-    padding: 0 15px;
-    -webkit-transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
-    transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
-    width: 100%
-}
-
-.el-input__inner::-ms-reveal {
-    display: none
+.el-scrollbar {
+    overflow: hidden;
+    position: relative
 }
 
-.el-input__inner::-webkit-input-placeholder {
-    color: #babdc2
+.el-scrollbar:active>.el-scrollbar__bar,
+.el-scrollbar:focus>.el-scrollbar__bar,
+.el-scrollbar:hover>.el-scrollbar__bar {
+    opacity: 1;
+    -webkit-transition: opacity 340ms ease-out;
+    transition: opacity 340ms ease-out
 }
 
-.el-input__inner::-moz-placeholder {
-    color: #babdc2
+.el-scrollbar__wrap {
+    overflow: scroll;
+    height: 100%
 }
 
-.el-input__inner::-ms-input-placeholder {
-    color: #babdc2
+.el-scrollbar__wrap--hidden-default {
+    scrollbar-width: none
 }
 
-.el-input__inner::placeholder {
-    color: #babdc2
+.el-scrollbar__wrap--hidden-default::-webkit-scrollbar {
+    width: 0;
+    height: 0
 }
 
-.el-input__inner:hover {
-    border-color: #006AFF;
+.el-scrollbar__thumb {
+    position: relative;
+    display: block;
+    width: 0;
+    height: 0;
+    cursor: pointer;
+    border-radius: inherit;
+    background-color: rgba(30, 34, 38, .3);
+    -webkit-transition: .3s background-color;
+    transition: .3s background-color
 }
 
-.el-input__inner:focus {
-    outline: 0;
-    border-color: #006aff
+.el-scrollbar__thumb:hover {
+    background-color: rgba(30, 34, 38, .5)
 }
 
-.el-input__suffix {
+.el-scrollbar__bar {
     position: absolute;
-    height: 100%;
-    right: 5px;
-    top: 0;
-    text-align: center;
-    color: #babdc2;
-    -webkit-transition: all .3s;
-    transition: all .3s;
-    pointer-events: none
+    right: 2px;
+    bottom: 2px;
+    z-index: 1;
+    border-radius: 4px;
+    opacity: 0;
+    -webkit-transition: opacity 120ms ease-out;
+    transition: opacity 120ms ease-out
 }
 
-.el-input__suffix-inner {
-    pointer-events: all
+.el-scrollbar__bar.is-vertical {
+    width: 6px;
+    top: 2px
 }
 
-.el-input__prefix {
-    position: absolute;
-    height: 100%;
-    left: 5px;
-    top: 0;
-    text-align: center;
-    color: #babdc2;
-    -webkit-transition: all .3s;
-    transition: all .3s
+.el-scrollbar__bar.is-vertical>div {
+    width: 100%
 }
 
-.el-input__icon {
-    height: 100%;
-    width: 25px;
-    text-align: center;
-    -webkit-transition: all .3s;
-    transition: all .3s;
-    line-height: 40px
+.el-scrollbar__bar.is-horizontal {
+    height: 6px;
+    left: 2px
 }
 
-.el-input__icon:after {
-    content: '';
-    height: 100%;
-    width: 0;
-    display: inline-block;
-    vertical-align: middle
+.el-scrollbar__bar.is-horizontal>div {
+    height: 100%
 }
 
-.el-input__validateIcon {
-    pointer-events: none
+.el-popper .popper__arrow,
+.el-popper .popper__arrow::after {
+    position: absolute;
+    display: block;
+    width: 0;
+    height: 0;
+    border-color: transparent;
+    border-style: solid
 }
 
-.el-input.is-active .el-input__inner {
-    outline: 0;
-    border-color: #006aff
+.el-popper .popper__arrow {
+    border-width: 6px;
+    -webkit-filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03));
+    filter: drop-shadow(0 2px 12px rgba(0, 0, 0, .03))
 }
 
-.el-input.is-disabled .el-input__inner {
-    background-color: #f5f7fa;
-    border-color: #e4e7ed;
-    color: #babdc2;
-    cursor: not-allowed
+.el-popper .popper__arrow::after {
+    content: " ";
+    border-width: 6px
 }
 
-.el-input.is-disabled .el-input__inner::-webkit-input-placeholder {
-    color: #babdc2
+.el-popper[x-placement^=top] {
+    margin-bottom: 12px
 }
 
-.el-input.is-disabled .el-input__inner::-moz-placeholder {
-    color: #babdc2
+.el-popper[x-placement^=top] .popper__arrow {
+    bottom: -6px;
+    left: 50%;
+    margin-right: 3px;
+    border-top-color: #ebeef5;
+    border-bottom-width: 0
 }
 
-.el-input.is-disabled .el-input__inner::-ms-input-placeholder {
-    color: #babdc2
+.el-popper[x-placement^=top] .popper__arrow::after {
+    bottom: 1px;
+    margin-left: -6px;
+    border-top-color: #fff;
+    border-bottom-width: 0
 }
 
-.el-input.is-disabled .el-input__inner::placeholder {
-    color: #babdc2
+.el-popper[x-placement^=bottom] {
+    margin-top: 12px
 }
 
-.el-input.is-disabled .el-input__icon {
-    cursor: not-allowed
+.el-popper[x-placement^=bottom] .popper__arrow {
+    top: -6px;
+    left: 50%;
+    margin-right: 3px;
+    border-top-width: 0;
+    border-bottom-color: #ebeef5
 }
 
-.el-input.is-exceed .el-input__inner {
-    border-color: #ff4d4f
+.el-popper[x-placement^=bottom] .popper__arrow::after {
+    top: 1px;
+    margin-left: -6px;
+    border-top-width: 0;
+    border-bottom-color: #fff
 }
 
-.el-input.is-exceed .el-input__suffix .el-input__count {
-    color: #ff4d4f
+.el-popper[x-placement^=right] {
+    margin-left: 12px
 }
 
-.el-input--suffix .el-input__inner {
-    padding-right: 30px
+.el-popper[x-placement^=right] .popper__arrow {
+    top: 50%;
+    left: -6px;
+    margin-bottom: 3px;
+    border-right-color: #ebeef5;
+    border-left-width: 0
 }
 
-.el-input--prefix .el-input__inner {
-    padding-left: 30px
+.el-popper[x-placement^=right] .popper__arrow::after {
+    bottom: -6px;
+    left: 1px;
+    border-right-color: #fff;
+    border-left-width: 0
 }
 
-.el-input--medium {
-    font-size: 14px
+.el-popper[x-placement^=left] {
+    margin-right: 12px
 }
 
-.el-input--medium .el-input__inner {
-    height: 36px;
-    line-height: 36px
+.el-popper[x-placement^=left] .popper__arrow {
+    top: 50%;
+    right: -6px;
+    margin-bottom: 3px;
+    border-right-width: 0;
+    border-left-color: #ebeef5
 }
 
-.el-input--medium .el-input__icon {
-    line-height: 36px
+.el-popper[x-placement^=left] .popper__arrow::after {
+    right: 1px;
+    bottom: -6px;
+    margin-left: -6px;
+    border-right-width: 0;
+    border-left-color: #fff
 }
 
-.el-input--small {
-    font-size: 13px
+.el-autocomplete {
+    position: relative;
+    display: inline-block
 }
 
-.el-input--small .el-input__inner {
-    height: 32px;
-    line-height: 32px
+.el-autocomplete-suggestion {
+    margin: 5px 0;
+    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
+    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
+    border-radius: 4px;
+    border: 1px solid #e4e7ed;
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box;
+    background-color: #fff
 }
 
-.el-input--small .el-input__icon {
-    line-height: 32px
+.el-autocomplete-suggestion__wrap {
+    max-height: 280px;
+    padding: 10px 0;
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box
 }
 
-.el-input--mini {
-    font-size: 12px
+.el-autocomplete-suggestion__list {
+    margin: 0;
+    padding: 0
 }
 
-.el-input--mini .el-input__inner {
-    height: 28px;
-    line-height: 28px
+.el-autocomplete-suggestion li {
+    padding: 0 20px;
+    margin: 0;
+    line-height: 34px;
+    cursor: pointer;
+    color: #606266;
+    font-size: 14px;
+    list-style: none;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis
 }
 
-.el-input--mini .el-input__icon {
-    line-height: 28px
+.el-autocomplete-suggestion li:hover {
+    background-color: #f5f7fa
 }
 
-.el-input-group {
-    line-height: normal;
-    display: inline-table;
-    width: 100%;
-    border-collapse: separate;
-    border-spacing: 0
+.el-autocomplete-suggestion li.highlighted {
+    background-color: #f5f7fa
 }
 
-.el-input-group>.el-input__inner {
-    vertical-align: middle;
-    display: table-cell
+.el-autocomplete-suggestion li.divider {
+    margin-top: 6px;
+    border-top: 1px solid #000
 }
 
-.el-input-group__append,
-.el-input-group__prepend {
-    background-color: #f5f7fa;
-    color: #909399;
-    vertical-align: middle;
-    display: table-cell;
-    position: relative;
-    border: 1px solid #dfe2e6;
-    border-radius: 4px;
-    padding: 0 20px;
-    width: 1px;
-    white-space: nowrap
+.el-autocomplete-suggestion li.divider:last-child {
+    margin-bottom: -6px
 }
 
-.el-input-group__append:focus,
-.el-input-group__prepend:focus {
-    outline: 0
+.el-autocomplete-suggestion.is-loading li {
+    text-align: center;
+    height: 100px;
+    line-height: 100px;
+    font-size: 20px;
+    color: #999
 }
 
-.el-input-group__append .el-button,
-.el-input-group__append .el-select,
-.el-input-group__prepend .el-button,
-.el-input-group__prepend .el-select {
+.el-autocomplete-suggestion.is-loading li::after {
     display: inline-block;
-    margin: -10px -20px
+    content: "";
+    height: 100%;
+    vertical-align: middle
 }
 
-.el-input-group__append button.el-button,
-.el-input-group__append div.el-select .el-input__inner,
-.el-input-group__append div.el-select:hover .el-input__inner,
-.el-input-group__prepend button.el-button,
-.el-input-group__prepend div.el-select .el-input__inner,
-.el-input-group__prepend div.el-select:hover .el-input__inner {
-    border-color: transparent;
-    background-color: transparent;
-    color: inherit;
-    border-top: 0;
-    border-bottom: 0
+.el-autocomplete-suggestion.is-loading li:hover {
+    background-color: #fff
 }
 
-.el-input-group__append .el-button,
-.el-input-group__append .el-input,
-.el-input-group__prepend .el-button,
-.el-input-group__prepend .el-input {
-    font-size: inherit
+.el-autocomplete-suggestion.is-loading .el-icon-loading {
+    vertical-align: middle
 }
 
-.el-input-group__prepend {
-    border-right: 0;
-    border-top-right-radius: 0;
-    border-bottom-right-radius: 0
+.el-button {
+    display: inline-block;
+    line-height: 1;
+    white-space: nowrap;
+    cursor: pointer;
+    background: #fff;
+    border: 1px solid #dfe2e6;
+    border-color: #dfe2e6;
+    color: #606266;
+    -webkit-appearance: none;
+    text-align: center;
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box;
+    outline: 0;
+    margin: 0;
+    -webkit-transition: .1s;
+    transition: .1s;
+    font-weight: 500;
+    -moz-user-select: none;
+    -webkit-user-select: none;
+    -ms-user-select: none;
+    padding: 12px 20px;
+    font-size: 14px;
+    border-radius: 4px
 }
 
-.el-input-group__append {
-    border-left: 0;
-    border-top-left-radius: 0;
-    border-bottom-left-radius: 0
+.el-button+.el-button {
+    margin-left: 10px
 }
 
-.el-input-group--prepend .el-input__inner {
-    border-top-left-radius: 0;
-    border-bottom-left-radius: 0
+.el-button.is-round {
+    padding: 12px 20px
 }
 
-.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner {
-    border-color: transparent
-}
+/* .el-button:focus,
+.el-button:hover {
+    color: #006aff;
+    border-color: #b3d2ff;
+    background-color: #e6f0ff
+} */
 
-.el-input-group--append .el-input__inner {
-    border-top-right-radius: 0;
-    border-bottom-right-radius: 0
+.el-button:active {
+    color: #005fe6;
+    border-color: #005fe6;
+    outline: 0
 }
 
-.el-input-group--append .el-select .el-input.is-focus .el-input__inner {
-    border-color: transparent
+.el-button::-moz-focus-inner {
+    border: 0
 }
 
-.el-input__inner::-ms-clear {
-    display: none;
-    width: 0;
-    height: 0
+.el-button [class*=el-icon-]+span {
+    margin-left: 5px
 }
 
-.el-scrollbar {
-    overflow: hidden;
-    position: relative
+.el-button.is-plain:focus,
+.el-button.is-plain:hover {
+    background: #fff;
+    border-color: #006aff;
+    color: #006aff
 }
 
-.el-scrollbar:active>.el-scrollbar__bar,
-.el-scrollbar:focus>.el-scrollbar__bar,
-.el-scrollbar:hover>.el-scrollbar__bar {
-    opacity: 1;
-    -webkit-transition: opacity 340ms ease-out;
-    transition: opacity 340ms ease-out
+.el-button.is-plain:active {
+    background: #fff;
+    border-color: #005fe6;
+    color: #005fe6;
+    outline: 0
 }
 
-.el-scrollbar__wrap {
-    overflow: scroll;
-    height: 100%
+.el-button.is-active {
+    color: #005fe6;
+    border-color: #005fe6
 }
 
-.el-scrollbar__wrap--hidden-default {
-    scrollbar-width: none
+.el-button.is-disabled,
+.el-button.is-disabled:focus,
+.el-button.is-disabled:hover {
+    color: #babdc2;
+    cursor: not-allowed;
+    background-image: none;
+    background-color: #fff;
+    border-color: #ebeef5
 }
 
-.el-scrollbar__wrap--hidden-default::-webkit-scrollbar {
-    width: 0;
-    height: 0
+.el-button.is-disabled.el-button--text {
+    background-color: transparent
 }
 
-.el-scrollbar__thumb {
-    position: relative;
-    display: block;
-    width: 0;
-    height: 0;
-    cursor: pointer;
-    border-radius: inherit;
-    background-color: rgba(30, 34, 38, .3);
-    -webkit-transition: .3s background-color;
-    transition: .3s background-color
+.el-button.is-disabled.is-plain,
+.el-button.is-disabled.is-plain:focus,
+.el-button.is-disabled.is-plain:hover {
+    background-color: #fff;
+    border-color: #ebeef5;
+    color: #babdc2
 }
 
-.el-scrollbar__thumb:hover {
-    background-color: rgba(30, 34, 38, .5)
+.el-button.is-loading {
+    position: relative;
+    pointer-events: none
 }
 
-.el-scrollbar__bar {
+.el-button.is-loading:before {
+    pointer-events: none;
+    content: '';
     position: absolute;
-    right: 2px;
-    bottom: 2px;
-    z-index: 1;
-    border-radius: 4px;
-    opacity: 0;
-    -webkit-transition: opacity 120ms ease-out;
-    transition: opacity 120ms ease-out
-}
-
-.el-scrollbar__bar.is-vertical {
-    width: 6px;
-    top: 2px
+    left: -1px;
+    top: -1px;
+    right: -1px;
+    bottom: -1px;
+    border-radius: inherit;
+    background-color: rgba(255, 255, 255, .35)
 }
 
-.el-scrollbar__bar.is-vertical>div {
-    width: 100%
+.el-button.is-round {
+    border-radius: 20px;
+    padding: 12px 23px
 }
 
-.el-scrollbar__bar.is-horizontal {
-    height: 6px;
-    left: 2px
+.el-button.is-circle {
+    border-radius: 50%;
+    padding: 12px
 }
 
-.el-scrollbar__bar.is-horizontal>div {
-    height: 100%
+.el-button--primary {
+    color: #fff;
+    background-color: #006aff;
+    border-color: #006aff
 }
 
-.el-popper .popper__arrow,
-.el-popper .popper__arrow::after {
-    position: absolute;
-    display: block;
-    width: 0;
-    height: 0;
-    border-color: transparent;
-    border-style: solid
+.el-button--primary:focus,
+.el-button--primary:hover {
+    background: #38f;
+    border-color: #38f;
+    color: #fff
 }
 
-.el-popper .popper__arrow {
-    border-width: 6px;
-    -webkit-filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03));
-    filter: drop-shadow(0 2px 12px rgba(0, 0, 0, .03))
+.el-button--primary:active {
+    background: #005fe6;
+    border-color: #005fe6;
+    color: #fff;
+    outline: 0
 }
 
-.el-popper .popper__arrow::after {
-    content: " ";
-    border-width: 6px
+.el-button--primary.is-active {
+    background: #005fe6;
+    border-color: #005fe6;
+    color: #fff
 }
 
-.el-popper[x-placement^=top] {
-    margin-bottom: 12px
+.el-button--primary.is-disabled,
+.el-button--primary.is-disabled:active,
+.el-button--primary.is-disabled:focus,
+.el-button--primary.is-disabled:hover {
+    color: #fff;
+    background-color: #80b5ff;
+    border-color: #80b5ff
 }
 
-.el-popper[x-placement^=top] .popper__arrow {
-    bottom: -6px;
-    left: 50%;
-    margin-right: 3px;
-    border-top-color: #ebeef5;
-    border-bottom-width: 0
+.el-button--primary.is-plain {
+    color: #006aff;
+    background: #e6f0ff;
+    border-color: #99c3ff
 }
 
-.el-popper[x-placement^=top] .popper__arrow::after {
-    bottom: 1px;
-    margin-left: -6px;
-    border-top-color: #fff;
-    border-bottom-width: 0
+.el-button--primary.is-plain:focus,
+.el-button--primary.is-plain:hover {
+    background: #006aff;
+    border-color: #006aff;
+    color: #fff
 }
 
-.el-popper[x-placement^=bottom] {
-    margin-top: 12px
+.el-button--primary.is-plain:active {
+    background: #005fe6;
+    border-color: #005fe6;
+    color: #fff;
+    outline: 0
 }
 
-.el-popper[x-placement^=bottom] .popper__arrow {
-    top: -6px;
-    left: 50%;
-    margin-right: 3px;
-    border-top-width: 0;
-    border-bottom-color: #ebeef5
-}
-
-.el-popper[x-placement^=bottom] .popper__arrow::after {
-    top: 1px;
-    margin-left: -6px;
-    border-top-width: 0;
-    border-bottom-color: #fff
-}
-
-.el-popper[x-placement^=right] {
-    margin-left: 12px
-}
-
-.el-popper[x-placement^=right] .popper__arrow {
-    top: 50%;
-    left: -6px;
-    margin-bottom: 3px;
-    border-right-color: #ebeef5;
-    border-left-width: 0
-}
-
-.el-popper[x-placement^=right] .popper__arrow::after {
-    bottom: -6px;
-    left: 1px;
-    border-right-color: #fff;
-    border-left-width: 0
-}
-
-.el-popper[x-placement^=left] {
-    margin-right: 12px
-}
-
-.el-popper[x-placement^=left] .popper__arrow {
-    top: 50%;
-    right: -6px;
-    margin-bottom: 3px;
-    border-right-width: 0;
-    border-left-color: #ebeef5
-}
-
-.el-popper[x-placement^=left] .popper__arrow::after {
-    right: 1px;
-    bottom: -6px;
-    margin-left: -6px;
-    border-right-width: 0;
-    border-left-color: #fff
-}
-
-.el-autocomplete {
-    position: relative;
-    display: inline-block
-}
-
-.el-autocomplete-suggestion {
-    margin: 5px 0;
-    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
-    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
-    border-radius: 4px;
-    border: 1px solid #e4e7ed;
-    -webkit-box-sizing: border-box;
-    box-sizing: border-box;
-    background-color: #fff
-}
-
-.el-autocomplete-suggestion__wrap {
-    max-height: 280px;
-    padding: 10px 0;
-    -webkit-box-sizing: border-box;
-    box-sizing: border-box
-}
-
-.el-autocomplete-suggestion__list {
-    margin: 0;
-    padding: 0
-}
-
-.el-autocomplete-suggestion li {
-    padding: 0 20px;
-    margin: 0;
-    line-height: 34px;
-    cursor: pointer;
-    color: #606266;
-    font-size: 14px;
-    list-style: none;
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis
-}
-
-.el-autocomplete-suggestion li:hover {
-    background-color: #f5f7fa
-}
-
-.el-autocomplete-suggestion li.highlighted {
-    background-color: #f5f7fa
-}
-
-.el-autocomplete-suggestion li.divider {
-    margin-top: 6px;
-    border-top: 1px solid #000
-}
-
-.el-autocomplete-suggestion li.divider:last-child {
-    margin-bottom: -6px
-}
-
-.el-autocomplete-suggestion.is-loading li {
-    text-align: center;
-    height: 100px;
-    line-height: 100px;
-    font-size: 20px;
-    color: #999
-}
-
-.el-autocomplete-suggestion.is-loading li::after {
-    display: inline-block;
-    content: "";
-    height: 100%;
-    vertical-align: middle
-}
-
-.el-autocomplete-suggestion.is-loading li:hover {
-    background-color: #fff
-}
-
-.el-autocomplete-suggestion.is-loading .el-icon-loading {
-    vertical-align: middle
-}
-
-.el-button {
-    display: inline-block;
-    line-height: 1;
-    white-space: nowrap;
-    cursor: pointer;
-    background: #fff;
-    border: 1px solid #dfe2e6;
-    border-color: #dfe2e6;
-    color: #606266;
-    -webkit-appearance: none;
-    text-align: center;
-    -webkit-box-sizing: border-box;
-    box-sizing: border-box;
-    outline: 0;
-    margin: 0;
-    -webkit-transition: .1s;
-    transition: .1s;
-    font-weight: 500;
-    -moz-user-select: none;
-    -webkit-user-select: none;
-    -ms-user-select: none;
-    padding: 12px 20px;
-    font-size: 14px;
-    border-radius: 4px
-}
-
-.el-button+.el-button {
-    margin-left: 10px
-}
-
-.el-button.is-round {
-    padding: 12px 20px
-}
-
-/* .el-button:focus,
-.el-button:hover {
-    color: #006aff;
-    border-color: #b3d2ff;
-    background-color: #e6f0ff
-} */
-
-.el-button:active {
-    color: #005fe6;
-    border-color: #005fe6;
-    outline: 0
-}
-
-.el-button::-moz-focus-inner {
-    border: 0
-}
-
-.el-button [class*=el-icon-]+span {
-    margin-left: 5px
-}
-
-.el-button.is-plain:focus,
-.el-button.is-plain:hover {
-    background: #fff;
-    border-color: #006aff;
-    color: #006aff
-}
-
-.el-button.is-plain:active {
-    background: #fff;
-    border-color: #005fe6;
-    color: #005fe6;
-    outline: 0
-}
-
-.el-button.is-active {
-    color: #005fe6;
-    border-color: #005fe6
-}
-
-.el-button.is-disabled,
-.el-button.is-disabled:focus,
-.el-button.is-disabled:hover {
-    color: #babdc2;
-    cursor: not-allowed;
-    background-image: none;
-    background-color: #fff;
-    border-color: #ebeef5
-}
-
-.el-button.is-disabled.el-button--text {
-    background-color: transparent
-}
-
-.el-button.is-disabled.is-plain,
-.el-button.is-disabled.is-plain:focus,
-.el-button.is-disabled.is-plain:hover {
-    background-color: #fff;
-    border-color: #ebeef5;
-    color: #babdc2
-}
-
-.el-button.is-loading {
-    position: relative;
-    pointer-events: none
-}
-
-.el-button.is-loading:before {
-    pointer-events: none;
-    content: '';
-    position: absolute;
-    left: -1px;
-    top: -1px;
-    right: -1px;
-    bottom: -1px;
-    border-radius: inherit;
-    background-color: rgba(255, 255, 255, .35)
-}
-
-.el-button.is-round {
-    border-radius: 20px;
-    padding: 12px 23px
-}
-
-.el-button.is-circle {
-    border-radius: 50%;
-    padding: 12px
-}
-
-.el-button--primary {
-    color: #fff;
-    background-color: #006aff;
-    border-color: #006aff
-}
-
-.el-button--primary:focus,
-.el-button--primary:hover {
-    background: #38f;
-    border-color: #38f;
-    color: #fff
-}
-
-.el-button--primary:active {
-    background: #005fe6;
-    border-color: #005fe6;
-    color: #fff;
-    outline: 0
-}
-
-.el-button--primary.is-active {
-    background: #005fe6;
-    border-color: #005fe6;
-    color: #fff
-}
-
-.el-button--primary.is-disabled,
-.el-button--primary.is-disabled:active,
-.el-button--primary.is-disabled:focus,
-.el-button--primary.is-disabled:hover {
-    color: #fff;
-    background-color: #80b5ff;
-    border-color: #80b5ff
-}
-
-.el-button--primary.is-plain {
-    color: #006aff;
-    background: #e6f0ff;
-    border-color: #99c3ff
-}
-
-.el-button--primary.is-plain:focus,
-.el-button--primary.is-plain:hover {
-    background: #006aff;
-    border-color: #006aff;
-    color: #fff
-}
-
-.el-button--primary.is-plain:active {
-    background: #005fe6;
-    border-color: #005fe6;
-    color: #fff;
-    outline: 0
-}
-
-.el-button--primary.is-plain.is-disabled,
-.el-button--primary.is-plain.is-disabled:active,
-.el-button--primary.is-plain.is-disabled:focus,
-.el-button--primary.is-plain.is-disabled:hover {
-    color: #66a6ff;
-    background-color: #e6f0ff;
-    border-color: #cce1ff
-}
-
-.el-button--success {
-    color: #fff;
-    background-color: #0daf49;
-    border-color: #0daf49
-}
-
-.el-button--success:focus,
-.el-button--success:hover {
-    background: #3dbf6d;
-    border-color: #3dbf6d;
-    color: #fff
-}
-
-.el-button--success:active {
-    background: #0c9e42;
-    border-color: #0c9e42;
-    color: #fff;
-    outline: 0
-}
-
-.el-button--success.is-active {
-    background: #0c9e42;
-    border-color: #0c9e42;
-    color: #fff
-}
-
-.el-button--success.is-disabled,
-.el-button--success.is-disabled:active,
-.el-button--success.is-disabled:focus,
-.el-button--success.is-disabled:hover {
-    color: #fff;
-    background-color: #86d7a4;
-    border-color: #86d7a4
-}
-
-.el-button--success.is-plain {
-    color: #0daf49;
-    background: #e7f7ed;
-    border-color: #9edfb6
-}
-
-.el-button--success.is-plain:focus,
-.el-button--success.is-plain:hover {
-    background: #0daf49;
-    border-color: #0daf49;
-    color: #fff
-}
-
-.el-button--success.is-plain:active {
-    background: #0c9e42;
-    border-color: #0c9e42;
-    color: #fff;
-    outline: 0
-}
-
-.el-button--success.is-plain.is-disabled,
-.el-button--success.is-plain.is-disabled:active,
-.el-button--success.is-plain.is-disabled:focus,
-.el-button--success.is-plain.is-disabled:hover {
-    color: #6ecf92;
-    background-color: #e7f7ed;
-    border-color: #cfefdb
-}
-
-.el-button--warning {
-    color: #fff;
-    background-color: #f08614;
-    border-color: #f08614
-}
-
-.el-button--warning:focus,
-.el-button--warning:hover {
-    background: #f39e43;
-    border-color: #f39e43;
-    color: #fff
-}
-
-.el-button--warning:active {
-    background: #d87912;
-    border-color: #d87912;
-    color: #fff;
-    outline: 0
-}
-
-.el-button--warning.is-active {
-    background: #d87912;
-    border-color: #d87912;
-    color: #fff
-}
-
-.el-button--warning.is-disabled,
-.el-button--warning.is-disabled:active,
-.el-button--warning.is-disabled:focus,
-.el-button--warning.is-disabled:hover {
-    color: #fff;
-    background-color: #f8c38a;
-    border-color: #f8c38a
-}
-
-.el-button--warning.is-plain {
-    color: #f08614;
-    background: #fef3e8;
-    border-color: #f9cfa1
-}
-
-.el-button--warning.is-plain:focus,
-.el-button--warning.is-plain:hover {
-    background: #f08614;
-    border-color: #f08614;
-    color: #fff
-}
-
-.el-button--warning.is-plain:active {
-    background: #d87912;
-    border-color: #d87912;
-    color: #fff;
-    outline: 0
-}
-
-.el-button--warning.is-plain.is-disabled,
-.el-button--warning.is-plain.is-disabled:active,
-.el-button--warning.is-plain.is-disabled:focus,
-.el-button--warning.is-plain.is-disabled:hover {
-    color: #f6b672;
-    background-color: #fef3e8;
-    border-color: #fce7d0
-}
-
-.el-button--danger {
-    color: #fff;
-    background-color: #ff4d4f;
-    border-color: #ff4d4f
-}
-
-.el-button--danger:focus,
-.el-button--danger:hover {
-    background: #ff7172;
-    border-color: #ff7172;
-    color: #fff
-}
-
-.el-button--danger:active {
-    background: #e64547;
-    border-color: #e64547;
-    color: #fff;
-    outline: 0
-}
-
-.el-button--danger.is-active {
-    background: #e64547;
-    border-color: #e64547;
-    color: #fff
-}
-
-.el-button--danger.is-disabled,
-.el-button--danger.is-disabled:active,
-.el-button--danger.is-disabled:focus,
-.el-button--danger.is-disabled:hover {
-    color: #fff;
-    background-color: #ffa6a7;
-    border-color: #ffa6a7
-}
-
-.el-button--danger.is-plain {
-    color: #ff4d4f;
-    background: #ffeded;
-    border-color: #ffb8b9
-}
-
-.el-button--danger.is-plain:focus,
-.el-button--danger.is-plain:hover {
-    background: #ff4d4f;
-    border-color: #ff4d4f;
-    color: #fff
-}
-
-.el-button--danger.is-plain:active {
-    background: #e64547;
-    border-color: #e64547;
-    color: #fff;
-    outline: 0
-}
-
-.el-button--danger.is-plain.is-disabled,
-.el-button--danger.is-plain.is-disabled:active,
-.el-button--danger.is-plain.is-disabled:focus,
-.el-button--danger.is-plain.is-disabled:hover {
-    color: #ff9495;
-    background-color: #ffeded;
-    border-color: #ffdbdc
-}
-
-.el-button--info {
-    color: #fff;
-    background-color: #909399;
-    border-color: #909399
-}
-
-.el-button--info:focus,
-.el-button--info:hover {
-    background: #a6a9ad;
-    border-color: #a6a9ad;
-    color: #fff
-}
-
-.el-button--info:active {
-    background: #82848a;
-    border-color: #82848a;
-    color: #fff;
-    outline: 0
-}
-
-.el-button--info.is-active {
-    background: #82848a;
-    border-color: #82848a;
-    color: #fff
-}
-
-.el-button--info.is-disabled,
-.el-button--info.is-disabled:active,
-.el-button--info.is-disabled:focus,
-.el-button--info.is-disabled:hover {
-    color: #fff;
-    background-color: #c8c9cc;
-    border-color: #c8c9cc
-}
-
-.el-button--info.is-plain {
-    color: #909399;
-    background: #f4f4f5;
-    border-color: #d3d4d6
-}
-
-.el-button--info.is-plain:focus,
-.el-button--info.is-plain:hover {
-    background: #909399;
-    border-color: #909399;
-    color: #fff
-}
-
-.el-button--info.is-plain:active {
-    background: #82848a;
-    border-color: #82848a;
-    color: #fff;
-    outline: 0
-}
-
-.el-button--info.is-plain.is-disabled,
-.el-button--info.is-plain.is-disabled:active,
-.el-button--info.is-plain.is-disabled:focus,
-.el-button--info.is-plain.is-disabled:hover {
-    color: #bcbec2;
-    background-color: #f4f4f5;
-    border-color: #e9e9eb
-}
-
-.el-button--medium {
-    padding: 10px 20px;
-    font-size: 14px;
-    border-radius: 4px
-}
-
-.el-button--medium.is-round {
-    padding: 10px 20px
-}
-
-.el-button--medium.is-circle {
-    padding: 10px
-}
-
-.el-button--small {
-    padding: 9px 15px;
-    font-size: 12px;
-    border-radius: 3px
-}
-
-.el-button--small.is-round {
-    padding: 9px 15px
-}
-
-.el-button--small.is-circle {
-    padding: 9px
-}
-
-.el-button--mini {
-    padding: 7px 15px;
-    font-size: 12px;
-    border-radius: 3px
-}
-
-.el-button--mini.is-round {
-    padding: 7px 15px
-}
-
-.el-button--mini.is-circle {
-    padding: 7px
-}
-
-.el-button--text {
-    border-color: transparent;
-    color: #006aff;
-    background: 0 0;
-    padding-left: 0;
-    padding-right: 0
-}
-
-.el-button--text:focus,
-.el-button--text:hover {
-    color: #38f;
-    border-color: transparent;
-    background-color: transparent
-}
-
-.el-button--text:active {
-    color: #005fe6;
-    border-color: transparent;
-    background-color: transparent
-}
-
-.el-button--text.is-disabled,
-.el-button--text.is-disabled:focus,
-.el-button--text.is-disabled:hover {
-    border-color: transparent
-}
-
-.el-button-group {
-    display: inline-block;
-    vertical-align: middle
-}
-
-.el-button-group::after,
-.el-button-group::before {
-    display: table;
-    content: ""
-}
-
-.el-button-group::after {
-    clear: both
-}
-
-.el-button-group>.el-button {
-    float: left;
-    position: relative
-}
-
-.el-button-group>.el-button+.el-button {
-    margin-left: 0
-}
-
-.el-button-group>.el-button.is-disabled {
-    z-index: 1
-}
-
-.el-button-group>.el-button:first-child {
-    border-top-right-radius: 0;
-    border-bottom-right-radius: 0
-}
-
-.el-button-group>.el-button:last-child {
-    border-top-left-radius: 0;
-    border-bottom-left-radius: 0
-}
-
-.el-button-group>.el-button:first-child:last-child {
-    border-top-right-radius: 4px;
-    border-bottom-right-radius: 4px;
-    border-top-left-radius: 4px;
-    border-bottom-left-radius: 4px
-}
-
-.el-button-group>.el-button:first-child:last-child.is-round {
-    border-radius: 20px
-}
-
-.el-button-group>.el-button:first-child:last-child.is-circle {
-    border-radius: 50%
-}
-
-.el-button-group>.el-button:not(:first-child):not(:last-child) {
-    border-radius: 0
-}
-
-.el-button-group>.el-button:not(:last-child) {
-    margin-right: -1px
-}
-
-.el-button-group>.el-button:not(.is-disabled):active,
-.el-button-group>.el-button:not(.is-disabled):focus,
-.el-button-group>.el-button:not(.is-disabled):hover {
-    z-index: 1
-}
-
-.el-button-group>.el-button.is-active {
-    z-index: 1
-}
-
-.el-button-group>.el-dropdown>.el-button {
-    border-top-left-radius: 0;
-    border-bottom-left-radius: 0;
-    border-left-color: rgba(255, 255, 255, .5)
-}
-
-.el-button-group .el-button--primary:first-child {
-    border-right-color: rgba(255, 255, 255, .5)
-}
-
-.el-button-group .el-button--primary:last-child {
-    border-left-color: rgba(255, 255, 255, .5)
-}
-
-.el-button-group .el-button--primary:not(:first-child):not(:last-child) {
-    border-left-color: rgba(255, 255, 255, .5);
-    border-right-color: rgba(255, 255, 255, .5)
-}
-
-.el-button-group .el-button--success:first-child {
-    border-right-color: rgba(255, 255, 255, .5)
-}
-
-.el-button-group .el-button--success:last-child {
-    border-left-color: rgba(255, 255, 255, .5)
-}
-
-.el-button-group .el-button--success:not(:first-child):not(:last-child) {
-    border-left-color: rgba(255, 255, 255, .5);
-    border-right-color: rgba(255, 255, 255, .5)
-}
-
-.el-button-group .el-button--warning:first-child {
-    border-right-color: rgba(255, 255, 255, .5)
-}
-
-.el-button-group .el-button--warning:last-child {
-    border-left-color: rgba(255, 255, 255, .5)
-}
-
-.el-button-group .el-button--warning:not(:first-child):not(:last-child) {
-    border-left-color: rgba(255, 255, 255, .5);
-    border-right-color: rgba(255, 255, 255, .5)
-}
-
-.el-button-group .el-button--danger:first-child {
-    border-right-color: rgba(255, 255, 255, .5)
-}
-
-.el-button-group .el-button--danger:last-child {
-    border-left-color: rgba(255, 255, 255, .5)
-}
-
-.el-button-group .el-button--danger:not(:first-child):not(:last-child) {
-    border-left-color: rgba(255, 255, 255, .5);
-    border-right-color: rgba(255, 255, 255, .5)
-}
-
-.el-button-group .el-button--info:first-child {
-    border-right-color: rgba(255, 255, 255, .5)
-}
-
-.el-button-group .el-button--info:last-child {
-    border-left-color: rgba(255, 255, 255, .5)
-}
-
-.el-button-group .el-button--info:not(:first-child):not(:last-child) {
-    border-left-color: rgba(255, 255, 255, .5);
-    border-right-color: rgba(255, 255, 255, .5)
-}
-
-.el-popper .popper__arrow,
-.el-popper .popper__arrow::after {
-    position: absolute;
-    display: block;
-    width: 0;
-    height: 0;
-    border-color: transparent;
-    border-style: solid
-}
-
-.el-popper .popper__arrow {
-    border-width: 6px;
-    -webkit-filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03));
-    filter: drop-shadow(0 2px 12px rgba(0, 0, 0, .03))
-}
-
-.el-popper .popper__arrow::after {
-    content: " ";
-    border-width: 6px
-}
-
-.el-popper[x-placement^=top] {
-    margin-bottom: 12px
-}
-
-.el-popper[x-placement^=top] .popper__arrow {
-    bottom: -6px;
-    left: 50%;
-    margin-right: 3px;
-    border-top-color: #ebeef5;
-    border-bottom-width: 0
-}
-
-.el-popper[x-placement^=top] .popper__arrow::after {
-    bottom: 1px;
-    margin-left: -6px;
-    border-top-color: #fff;
-    border-bottom-width: 0
-}
-
-.el-popper[x-placement^=bottom] {
-    margin-top: 12px
-}
-
-.el-popper[x-placement^=bottom] .popper__arrow {
-    top: -6px;
-    left: 50%;
-    margin-right: 3px;
-    border-top-width: 0;
-    border-bottom-color: #ebeef5
-}
-
-.el-popper[x-placement^=bottom] .popper__arrow::after {
-    top: 1px;
-    margin-left: -6px;
-    border-top-width: 0;
-    border-bottom-color: #fff
-}
-
-.el-popper[x-placement^=right] {
-    margin-left: 12px
-}
-
-.el-popper[x-placement^=right] .popper__arrow {
-    top: 50%;
-    left: -6px;
-    margin-bottom: 3px;
-    border-right-color: #ebeef5;
-    border-left-width: 0
-}
-
-.el-popper[x-placement^=right] .popper__arrow::after {
-    bottom: -6px;
-    left: 1px;
-    border-right-color: #fff;
-    border-left-width: 0
-}
-
-.el-popper[x-placement^=left] {
-    margin-right: 12px
-}
-
-.el-popper[x-placement^=left] .popper__arrow {
-    top: 50%;
-    right: -6px;
-    margin-bottom: 3px;
-    border-right-width: 0;
-    border-left-color: #ebeef5
-}
-
-.el-popper[x-placement^=left] .popper__arrow::after {
-    right: 1px;
-    bottom: -6px;
-    margin-left: -6px;
-    border-right-width: 0;
-    border-left-color: #fff
-}
-
-.el-dropdown {
-    display: inline-block;
-    position: relative;
-    color: #606266;
-    font-size: 14px
-}
-
-.el-dropdown .el-button-group {
-    display: block
-}
-
-.el-dropdown .el-button-group .el-button {
-    float: none
-}
-
-.el-dropdown .el-dropdown__caret-button {
-    padding-left: 5px;
-    padding-right: 5px;
-    position: relative;
-    border-left: none
-}
-
-.el-dropdown .el-dropdown__caret-button::before {
-    content: '';
-    position: absolute;
-    display: block;
-    width: 1px;
-    top: 5px;
-    bottom: 5px;
-    left: 0;
-    background: rgba(255, 255, 255, .5)
-}
-
-.el-dropdown .el-dropdown__caret-button.el-button--default::before {
-    background: rgba(223, 226, 230, .5)
-}
-
-.el-dropdown .el-dropdown__caret-button:hover:not(.is-disabled)::before {
-    top: 0;
-    bottom: 0
-}
-
-.el-dropdown .el-dropdown__caret-button .el-dropdown__icon {
-    padding-left: 0
-}
-
-.el-dropdown__icon {
-    font-size: 12px;
-    margin: 0 3px
-}
-
-.el-dropdown .el-dropdown-selfdefine:focus:active,
-.el-dropdown .el-dropdown-selfdefine:focus:not(.focusing) {
-    outline-width: 0
-}
-
-.el-dropdown [disabled] {
-    cursor: not-allowed;
-    color: #bbb
-}
-
-.el-dropdown-menu {
-    position: absolute;
-    top: 0;
-    left: 0;
-    z-index: 10;
-    padding: 10px 0;
-    margin: 5px 0;
-    background-color: #fff;
-    border: 1px solid #ebeef5;
-    border-radius: 4px;
-    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
-    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1)
-}
-
-.el-dropdown-menu__item {
-    list-style: none;
-    line-height: 36px;
-    padding: 0 20px;
-    margin: 0;
-    font-size: 14px;
-    color: #606266;
-    cursor: pointer;
-    outline: 0
-}
-
-.el-dropdown-menu__item:focus,
-.el-dropdown-menu__item:not(.is-disabled):hover {
-    background-color: #e6f0ff;
-    color: #38f
-}
-
-.el-dropdown-menu__item i {
-    margin-right: 5px
-}
-
-.el-dropdown-menu__item--divided {
-    position: relative;
-    margin-top: 6px;
-    border-top: 1px solid #ebeef5
-}
-
-.el-dropdown-menu__item--divided:before {
-    content: '';
-    height: 6px;
-    display: block;
-    margin: 0 -20px;
-    background-color: #fff
-}
-
-.el-dropdown-menu__item.is-disabled {
-    cursor: default;
-    color: #bbb;
-    pointer-events: none
-}
-
-.el-dropdown-menu--medium {
-    padding: 6px 0
-}
-
-.el-dropdown-menu--medium .el-dropdown-menu__item {
-    line-height: 30px;
-    padding: 0 17px;
-    font-size: 14px
-}
-
-.el-dropdown-menu--medium .el-dropdown-menu__item.el-dropdown-menu__item--divided {
-    margin-top: 6px
-}
-
-.el-dropdown-menu--medium .el-dropdown-menu__item.el-dropdown-menu__item--divided:before {
-    height: 6px;
-    margin: 0 -17px
-}
-
-.el-dropdown-menu--small {
-    padding: 6px 0
-}
-
-.el-dropdown-menu--small .el-dropdown-menu__item {
-    line-height: 27px;
-    padding: 0 15px;
-    font-size: 13px
-}
-
-.el-dropdown-menu--small .el-dropdown-menu__item.el-dropdown-menu__item--divided {
-    margin-top: 4px
-}
-
-.el-dropdown-menu--small .el-dropdown-menu__item.el-dropdown-menu__item--divided:before {
-    height: 4px;
-    margin: 0 -15px
-}
-
-.el-dropdown-menu--mini {
-    padding: 3px 0
-}
-
-.el-dropdown-menu--mini .el-dropdown-menu__item {
-    line-height: 24px;
-    padding: 0 10px;
-    font-size: 12px
-}
-
-.el-dropdown-menu--mini .el-dropdown-menu__item.el-dropdown-menu__item--divided {
-    margin-top: 3px
-}
-
-.el-dropdown-menu--mini .el-dropdown-menu__item.el-dropdown-menu__item--divided:before {
-    height: 3px;
-    margin: 0 -10px
-}
-
-.fade-in-linear-enter-active,
-.fade-in-linear-leave-active {
-    -webkit-transition: opacity .2s linear;
-    transition: opacity .2s linear
-}
-
-.fade-in-linear-enter,
-.fade-in-linear-leave,
-.fade-in-linear-leave-active {
-    opacity: 0
-}
-
-.el-fade-in-linear-enter-active,
-.el-fade-in-linear-leave-active {
-    -webkit-transition: opacity .2s linear;
-    transition: opacity .2s linear
-}
-
-.el-fade-in-linear-enter,
-.el-fade-in-linear-leave,
-.el-fade-in-linear-leave-active {
-    opacity: 0
-}
-
-.el-fade-in-enter-active,
-.el-fade-in-leave-active {
-    -webkit-transition: all .3s cubic-bezier(.55, 0, .1, 1);
-    transition: all .3s cubic-bezier(.55, 0, .1, 1)
-}
-
-.el-fade-in-enter,
-.el-fade-in-leave-active {
-    opacity: 0
-}
-
-.el-zoom-in-center-enter-active,
-.el-zoom-in-center-leave-active {
-    -webkit-transition: all .3s cubic-bezier(.55, 0, .1, 1);
-    transition: all .3s cubic-bezier(.55, 0, .1, 1)
-}
-
-.el-zoom-in-center-enter,
-.el-zoom-in-center-leave-active {
-    opacity: 0;
-    -webkit-transform: scaleX(0);
-    transform: scaleX(0)
-}
-
-.el-zoom-in-top-enter-active,
-.el-zoom-in-top-leave-active {
-    opacity: 1;
-    -webkit-transform: scaleY(1);
-    transform: scaleY(1);
-    -webkit-transition: opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1);
-    transition: opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1);
-    transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1);
-    transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1);
-    -webkit-transform-origin: center top;
-    transform-origin: center top
-}
-
-.el-zoom-in-top-enter,
-.el-zoom-in-top-leave-active {
-    opacity: 0;
-    -webkit-transform: scaleY(0);
-    transform: scaleY(0)
-}
-
-.el-zoom-in-bottom-enter-active,
-.el-zoom-in-bottom-leave-active {
-    opacity: 1;
-    -webkit-transform: scaleY(1);
-    transform: scaleY(1);
-    -webkit-transition: opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1);
-    transition: opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1);
-    transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1);
-    transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1);
-    -webkit-transform-origin: center bottom;
-    transform-origin: center bottom
-}
-
-.el-zoom-in-bottom-enter,
-.el-zoom-in-bottom-leave-active {
-    opacity: 0;
-    -webkit-transform: scaleY(0);
-    transform: scaleY(0)
-}
-
-.el-zoom-in-left-enter-active,
-.el-zoom-in-left-leave-active {
-    opacity: 1;
-    -webkit-transform: scale(1, 1);
-    transform: scale(1, 1);
-    -webkit-transition: opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1);
-    transition: opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1);
-    transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1);
-    transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1);
-    -webkit-transform-origin: top left;
-    transform-origin: top left
-}
-
-.el-zoom-in-left-enter,
-.el-zoom-in-left-leave-active {
-    opacity: 0;
-    -webkit-transform: scale(.45, .45);
-    transform: scale(.45, .45)
-}
-
-.collapse-transition {
-    -webkit-transition: .3s height ease-in-out, .3s padding-top ease-in-out, .3s padding-bottom ease-in-out;
-    transition: .3s height ease-in-out, .3s padding-top ease-in-out, .3s padding-bottom ease-in-out
-}
-
-.horizontal-collapse-transition {
-    -webkit-transition: .3s width ease-in-out, .3s padding-left ease-in-out, .3s padding-right ease-in-out;
-    transition: .3s width ease-in-out, .3s padding-left ease-in-out, .3s padding-right ease-in-out
-}
-
-.el-list-enter-active,
-.el-list-leave-active {
-    -webkit-transition: all 1s;
-    transition: all 1s
-}
-
-.el-list-enter,
-.el-list-leave-active {
-    opacity: 0;
-    -webkit-transform: translateY(-30px);
-    transform: translateY(-30px)
-}
-
-.el-opacity-transition {
-    -webkit-transition: opacity .3s cubic-bezier(.55, 0, .1, 1);
-    transition: opacity .3s cubic-bezier(.55, 0, .1, 1)
-}
-
-.el-menu {
-    border-right: solid 1px #e6e6e6;
-    list-style: none;
-    position: relative;
-    margin: 0;
-    padding-left: 0;
-    background-color: #fff
-}
-
-.el-menu::after,
-.el-menu::before {
-    display: table;
-    content: ""
-}
-
-.el-menu::after {
-    clear: both
-}
-
-.el-menu.el-menu--horizontal {
-    border-bottom: solid 1px #e6e6e6
-}
-
-.el-menu--horizontal {
-    border-right: none
-}
-
-.el-menu--horizontal>.el-menu-item {
-    float: left;
-    height: 60px;
-    line-height: 60px;
-    margin: 0;
-    border-bottom: 2px solid transparent;
-    color: #1e2226
-}
-
-.el-menu--horizontal>.el-menu-item a,
-.el-menu--horizontal>.el-menu-item a:hover {
-    color: inherit
+.el-button--primary.is-plain.is-disabled,
+.el-button--primary.is-plain.is-disabled:active,
+.el-button--primary.is-plain.is-disabled:focus,
+.el-button--primary.is-plain.is-disabled:hover {
+    color: #66a6ff;
+    background-color: #e6f0ff;
+    border-color: #cce1ff
 }
 
-.el-menu--horizontal>.el-menu-item:not(.is-disabled):focus,
-.el-menu--horizontal>.el-menu-item:not(.is-disabled):hover {
-    background-color: #fff
+.el-button--success {
+    color: #fff;
+    background-color: #0daf49;
+    border-color: #0daf49
 }
 
-.el-menu--horizontal>.el-submenu {
-    float: left
+.el-button--success:focus,
+.el-button--success:hover {
+    background: #3dbf6d;
+    border-color: #3dbf6d;
+    color: #fff
 }
 
-.el-menu--horizontal>.el-submenu:focus,
-.el-menu--horizontal>.el-submenu:hover {
+.el-button--success:active {
+    background: #0c9e42;
+    border-color: #0c9e42;
+    color: #fff;
     outline: 0
 }
 
-.el-menu--horizontal>.el-submenu:focus .el-submenu__title,
-.el-menu--horizontal>.el-submenu:hover .el-submenu__title {
-    color: #1e2226
-}
-
-.el-menu--horizontal>.el-submenu.is-active .el-submenu__title {
-    border-bottom: 2px solid #006aff;
-    color: #1e2226
-}
-
-.el-menu--horizontal>.el-submenu .el-submenu__title {
-    height: 60px;
-    line-height: 60px;
-    border-bottom: 2px solid transparent;
-    color: #1e2226
-}
-
-.el-menu--horizontal>.el-submenu .el-submenu__title:hover {
-    background-color: #fff
-}
-
-.el-menu--horizontal>.el-submenu .el-submenu__icon-arrow {
-    position: static;
-    vertical-align: middle;
-    margin-left: 8px;
-    margin-top: -3px
-}
-
-.el-menu--horizontal .el-menu .el-menu-item,
-.el-menu--horizontal .el-menu .el-submenu__title {
-    background-color: #fff;
-    float: none;
-    height: 36px;
-    line-height: 36px;
-    padding: 0 10px;
-    color: #1e2226
-}
-
-.el-menu--horizontal .el-menu .el-menu-item.is-active,
-.el-menu--horizontal .el-menu .el-submenu.is-active>.el-submenu__title {
-    color: #1e2226
-}
-
-.el-menu--horizontal .el-menu-item:not(.is-disabled):focus,
-.el-menu--horizontal .el-menu-item:not(.is-disabled):hover {
-    outline: 0;
-    color: #1e2226
-}
-
-.el-menu--horizontal>.el-menu-item.is-active {
-    border-bottom: 2px solid #006aff;
-    color: #1e2226
-}
-
-.el-menu--collapse {
-    width: 64px
+.el-button--success.is-active {
+    background: #0c9e42;
+    border-color: #0c9e42;
+    color: #fff
 }
 
-.el-menu--collapse>.el-menu-item [class^=el-icon-],
-.el-menu--collapse>.el-submenu>.el-submenu__title [class^=el-icon-] {
-    margin: 0;
-    vertical-align: middle;
-    width: 24px;
-    text-align: center
+.el-button--success.is-disabled,
+.el-button--success.is-disabled:active,
+.el-button--success.is-disabled:focus,
+.el-button--success.is-disabled:hover {
+    color: #fff;
+    background-color: #86d7a4;
+    border-color: #86d7a4
 }
 
-.el-menu--collapse>.el-menu-item .el-submenu__icon-arrow,
-.el-menu--collapse>.el-submenu>.el-submenu__title .el-submenu__icon-arrow {
-    display: none
+.el-button--success.is-plain {
+    color: #0daf49;
+    background: #e7f7ed;
+    border-color: #9edfb6
 }
 
-.el-menu--collapse>.el-menu-item span,
-.el-menu--collapse>.el-submenu>.el-submenu__title span {
-    height: 0;
-    width: 0;
-    overflow: hidden;
-    visibility: hidden;
-    display: inline-block
+.el-button--success.is-plain:focus,
+.el-button--success.is-plain:hover {
+    background: #0daf49;
+    border-color: #0daf49;
+    color: #fff
 }
 
-.el-menu--collapse>.el-menu-item.is-active i {
-    color: inherit
+.el-button--success.is-plain:active {
+    background: #0c9e42;
+    border-color: #0c9e42;
+    color: #fff;
+    outline: 0
 }
 
-.el-menu--collapse .el-menu .el-submenu {
-    min-width: 200px
+.el-button--success.is-plain.is-disabled,
+.el-button--success.is-plain.is-disabled:active,
+.el-button--success.is-plain.is-disabled:focus,
+.el-button--success.is-plain.is-disabled:hover {
+    color: #6ecf92;
+    background-color: #e7f7ed;
+    border-color: #cfefdb
 }
 
-.el-menu--collapse .el-submenu {
-    position: relative
+.el-button--warning {
+    color: #fff;
+    background-color: #f08614;
+    border-color: #f08614
 }
 
-.el-menu--collapse .el-submenu .el-menu {
-    position: absolute;
-    margin-left: 5px;
-    top: 0;
-    left: 100%;
-    z-index: 10;
-    border: 1px solid #e4e7ed;
-    border-radius: 2px;
-    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
-    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1)
+.el-button--warning:focus,
+.el-button--warning:hover {
+    background: #f39e43;
+    border-color: #f39e43;
+    color: #fff
 }
 
-.el-menu--collapse .el-submenu.is-opened>.el-submenu__title .el-submenu__icon-arrow {
-    -webkit-transform: none;
-    transform: none
+.el-button--warning:active {
+    background: #d87912;
+    border-color: #d87912;
+    color: #fff;
+    outline: 0
 }
 
-.el-menu--popup {
-    z-index: 100;
-    min-width: 200px;
-    border: none;
-    padding: 5px 0;
-    border-radius: 2px;
-    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
-    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1)
+.el-button--warning.is-active {
+    background: #d87912;
+    border-color: #d87912;
+    color: #fff
 }
 
-.el-menu--popup-bottom-start {
-    margin-top: 5px
+.el-button--warning.is-disabled,
+.el-button--warning.is-disabled:active,
+.el-button--warning.is-disabled:focus,
+.el-button--warning.is-disabled:hover {
+    color: #fff;
+    background-color: #f8c38a;
+    border-color: #f8c38a
 }
 
-.el-menu--popup-right-start {
-    margin-left: 5px;
-    margin-right: 5px
+.el-button--warning.is-plain {
+    color: #f08614;
+    background: #fef3e8;
+    border-color: #f9cfa1
 }
 
-.el-menu-item {
-    height: 56px;
-    line-height: 56px;
-    font-size: 14px;
-    display: flex;
-    align-items: center;
-    color: #1e2226;
-    padding: 0 20px;
-    list-style: none;
-    cursor: pointer;
-    position: relative;
-    -webkit-transition: border-color .3s, background-color .3s, color .3s;
-    transition: border-color .3s, background-color .3s, color .3s;
-    -webkit-box-sizing: border-box;
-    box-sizing: border-box;
-    white-space: nowrap
+.el-button--warning.is-plain:focus,
+.el-button--warning.is-plain:hover {
+    background: #f08614;
+    border-color: #f08614;
+    color: #fff
 }
 
-.el-menu-item * {
-    vertical-align: middle
+.el-button--warning.is-plain:active {
+    background: #d87912;
+    border-color: #d87912;
+    color: #fff;
+    outline: 0
 }
 
-.el-menu-item i {
-    color: #1e2226
+.el-button--warning.is-plain.is-disabled,
+.el-button--warning.is-plain.is-disabled:active,
+.el-button--warning.is-plain.is-disabled:focus,
+.el-button--warning.is-plain.is-disabled:hover {
+    color: #f6b672;
+    background-color: #fef3e8;
+    border-color: #fce7d0
 }
 
-.el-menu-item:focus,
-.el-menu-item:hover {
-    outline: 0;
-    background-color: #e6f0ff
+.el-button--danger {
+    color: #fff;
+    background-color: #ff4d4f;
+    border-color: #ff4d4f
 }
 
-.el-menu-item.is-disabled {
-    opacity: .25;
-    cursor: not-allowed;
-    background: 0 0 !important
+.el-button--danger:focus,
+.el-button--danger:hover {
+    background: #ff7172;
+    border-color: #ff7172;
+    color: #fff
 }
 
-.el-menu-item [class^=el-icon-] {
-    margin-right: 5px;
-    width: 24px;
-    text-align: center;
-    font-size: 18px;
-    vertical-align: middle
+.el-button--danger:active {
+    background: #e64547;
+    border-color: #e64547;
+    color: #fff;
+    outline: 0
 }
 
-.el-menu-item.is-active {
-    color: #006aff
+.el-button--danger.is-active {
+    background: #e64547;
+    border-color: #e64547;
+    color: #fff
 }
 
-.el-menu-item.is-active i {
-    color: inherit
+.el-button--danger.is-disabled,
+.el-button--danger.is-disabled:active,
+.el-button--danger.is-disabled:focus,
+.el-button--danger.is-disabled:hover {
+    color: #fff;
+    background-color: #ffa6a7;
+    border-color: #ffa6a7
 }
 
-.el-submenu {
-    list-style: none;
-    margin: 0;
-    padding-left: 0
+.el-button--danger.is-plain {
+    color: #ff4d4f;
+    background: #ffeded;
+    border-color: #ffb8b9
 }
 
-.el-submenu__title {
-    height: 56px;
-    line-height: 56px;
-    font-size: 14px;
-    color: #1e2226;
-    padding: 0 20px;
-    list-style: none;
-    cursor: pointer;
-    position: relative;
-    -webkit-transition: border-color .3s, background-color .3s, color .3s;
-    transition: border-color .3s, background-color .3s, color .3s;
-    -webkit-box-sizing: border-box;
-    box-sizing: border-box;
-    white-space: nowrap
+.el-button--danger.is-plain:focus,
+.el-button--danger.is-plain:hover {
+    background: #ff4d4f;
+    border-color: #ff4d4f;
+    color: #fff
 }
 
-.el-submenu__title * {
-    vertical-align: middle
+.el-button--danger.is-plain:active {
+    background: #e64547;
+    border-color: #e64547;
+    color: #fff;
+    outline: 0
 }
 
-.el-submenu__title i {
-    color: #1e2226
+.el-button--danger.is-plain.is-disabled,
+.el-button--danger.is-plain.is-disabled:active,
+.el-button--danger.is-plain.is-disabled:focus,
+.el-button--danger.is-plain.is-disabled:hover {
+    color: #ff9495;
+    background-color: #ffeded;
+    border-color: #ffdbdc
 }
 
-.el-submenu__title:focus,
-.el-submenu__title:hover {
-    outline: 0;
-    background-color: #e6f0ff
+.el-button--info {
+    color: #fff;
+    background-color: #909399;
+    border-color: #909399
 }
 
-.el-submenu__title.is-disabled {
-    opacity: .25;
-    cursor: not-allowed;
-    background: 0 0 !important
+.el-button--info:focus,
+.el-button--info:hover {
+    background: #a6a9ad;
+    border-color: #a6a9ad;
+    color: #fff
 }
 
-.el-submenu__title:hover {
-    background-color: #e6f0ff
+.el-button--info:active {
+    background: #82848a;
+    border-color: #82848a;
+    color: #fff;
+    outline: 0
 }
 
-.el-submenu .el-menu {
-    border: none
+.el-button--info.is-active {
+    background: #82848a;
+    border-color: #82848a;
+    color: #fff
 }
 
-.el-submenu .el-menu-item {
-    height: 50px;
-    line-height: 50px;
-    padding: 0 45px;
-    min-width: 200px
+.el-button--info.is-disabled,
+.el-button--info.is-disabled:active,
+.el-button--info.is-disabled:focus,
+.el-button--info.is-disabled:hover {
+    color: #fff;
+    background-color: #c8c9cc;
+    border-color: #c8c9cc
 }
 
-.el-submenu__icon-arrow {
-    position: absolute;
-    top: 50%;
-    right: 20px;
-    margin-top: -7px;
-    -webkit-transition: -webkit-transform .3s;
-    transition: -webkit-transform .3s;
-    transition: transform .3s;
-    transition: transform .3s, -webkit-transform .3s;
-    font-size: 12px
+.el-button--info.is-plain {
+    color: #909399;
+    background: #f4f4f5;
+    border-color: #d3d4d6
 }
 
-.el-submenu.is-active .el-submenu__title {
-    border-bottom-color: #006aff
+.el-button--info.is-plain:focus,
+.el-button--info.is-plain:hover {
+    background: #909399;
+    border-color: #909399;
+    color: #fff
 }
 
-.el-submenu.is-opened>.el-submenu__title .el-submenu__icon-arrow {
-    -webkit-transform: rotateZ(180deg);
-    transform: rotateZ(180deg)
+.el-button--info.is-plain:active {
+    background: #82848a;
+    border-color: #82848a;
+    color: #fff;
+    outline: 0
 }
 
-.el-submenu.is-disabled .el-menu-item,
-.el-submenu.is-disabled .el-submenu__title {
-    opacity: .25;
-    cursor: not-allowed;
-    background: 0 0 !important
+.el-button--info.is-plain.is-disabled,
+.el-button--info.is-plain.is-disabled:active,
+.el-button--info.is-plain.is-disabled:focus,
+.el-button--info.is-plain.is-disabled:hover {
+    color: #bcbec2;
+    background-color: #f4f4f5;
+    border-color: #e9e9eb
 }
 
-.el-submenu [class^=el-icon-] {
-    vertical-align: middle;
-    margin-right: 5px;
-    width: 24px;
-    text-align: center;
-    font-size: 18px
+.el-button--medium {
+    padding: 10px 20px;
+    font-size: 14px;
+    border-radius: 4px
 }
 
-.el-menu-item-group>ul {
-    padding: 0
+.el-button--medium.is-round {
+    padding: 10px 20px
 }
 
-.el-menu-item-group__title {
-    padding: 7px 0 7px 20px;
-    line-height: normal;
+.el-button--medium.is-circle {
+    padding: 10px
+}
+
+.el-button--small {
+    padding: 9px 15px;
     font-size: 12px;
-    color: #1e2226
+    border-radius: 3px
 }
 
-.horizontal-collapse-transition .el-submenu__title .el-submenu__icon-arrow {
-    -webkit-transition: .2s;
-    transition: .2s;
-    opacity: 0
+.el-button--small.is-round {
+    padding: 9px 15px
 }
 
-.el-textarea {
-    position: relative;
-    display: inline-block;
-    width: 100%;
-    vertical-align: bottom;
-    font-size: 14px
+.el-button--small.is-circle {
+    padding: 9px
 }
 
-.el-textarea__inner {
-    display: block;
-    resize: vertical;
-    padding: 5px 15px;
-    line-height: 1.5;
-    -webkit-box-sizing: border-box;
-    box-sizing: border-box;
-    width: 100%;
-    font-size: inherit;
-    color: #606266;
-    background-color: #fff;
-    background-image: none;
-    border: 1px solid #dfe2e6;
-    border-radius: 4px;
-    -webkit-transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
-    transition: border-color .2s cubic-bezier(.645, .045, .355, 1)
+.el-button--mini {
+    padding: 7px 15px;
+    font-size: 12px;
+    border-radius: 3px
 }
 
-.el-textarea__inner::-webkit-input-placeholder {
-    color: #babdc2
+.el-button--mini.is-round {
+    padding: 7px 15px
+}
+
+.el-button--mini.is-circle {
+    padding: 7px
 }
 
-.el-textarea__inner::-moz-placeholder {
-    color: #babdc2
+.el-button--text {
+    border-color: transparent;
+    color: #006aff;
+    background: 0 0;
+    padding-left: 0;
+    padding-right: 0
 }
 
-.el-textarea__inner::-ms-input-placeholder {
-    color: #babdc2
+.el-button--text:focus,
+.el-button--text:hover {
+    color: #38f;
+    border-color: transparent;
+    background-color: transparent
 }
 
-.el-textarea__inner::placeholder {
-    color: #babdc2
+.el-button--text:active {
+    color: #005fe6;
+    border-color: transparent;
+    background-color: transparent
 }
 
-.el-textarea__inner:hover {
-    border-color: #babdc2
+.el-button--text.is-disabled,
+.el-button--text.is-disabled:focus,
+.el-button--text.is-disabled:hover {
+    border-color: transparent
 }
 
-.el-textarea__inner:focus {
-    outline: 0;
-    border-color: #006aff
+.el-button-group {
+    display: inline-block;
+    vertical-align: middle
 }
 
-.el-textarea .el-input__count {
-    color: #909399;
-    background: #fff;
-    position: absolute;
-    font-size: 12px;
-    bottom: 5px;
-    right: 10px
+.el-button-group::after,
+.el-button-group::before {
+    display: table;
+    content: ""
 }
 
-.el-textarea.is-disabled .el-textarea__inner {
-    background-color: #f5f7fa;
-    border-color: #e4e7ed;
-    color: #babdc2;
-    cursor: not-allowed
+.el-button-group::after {
+    clear: both
 }
 
-.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder {
-    color: #babdc2
+.el-button-group>.el-button {
+    float: left;
+    position: relative
 }
 
-.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder {
-    color: #babdc2
+.el-button-group>.el-button+.el-button {
+    margin-left: 0
 }
 
-.el-textarea.is-disabled .el-textarea__inner::-ms-input-placeholder {
-    color: #babdc2
+.el-button-group>.el-button.is-disabled {
+    z-index: 1
 }
 
-.el-textarea.is-disabled .el-textarea__inner::placeholder {
-    color: #babdc2
+.el-button-group>.el-button:first-child {
+    border-top-right-radius: 0;
+    border-bottom-right-radius: 0
 }
 
-.el-textarea.is-exceed .el-textarea__inner {
-    border-color: #ff4d4f
+.el-button-group>.el-button:last-child {
+    border-top-left-radius: 0;
+    border-bottom-left-radius: 0
 }
 
-.el-textarea.is-exceed .el-input__count {
-    color: #ff4d4f
+.el-button-group>.el-button:first-child:last-child {
+    border-top-right-radius: 4px;
+    border-bottom-right-radius: 4px;
+    border-top-left-radius: 4px;
+    border-bottom-left-radius: 4px
 }
 
-.el-input {
-    position: relative;
-    font-size: 14px;
-    display: inline-block;
-    width: 100%
+.el-button-group>.el-button:first-child:last-child.is-round {
+    border-radius: 20px
 }
 
-.el-input::-webkit-scrollbar {
-    z-index: 11;
-    width: 6px
+.el-button-group>.el-button:first-child:last-child.is-circle {
+    border-radius: 50%
 }
 
-.el-input::-webkit-scrollbar:horizontal {
-    height: 6px
+.el-button-group>.el-button:not(:first-child):not(:last-child) {
+    border-radius: 0
 }
 
-.el-input::-webkit-scrollbar-thumb {
-    border-radius: 5px;
-    width: 6px;
-    background: #b4bccc
+.el-button-group>.el-button:not(:last-child) {
+    margin-right: -1px
 }
 
-.el-input::-webkit-scrollbar-corner {
-    background: #fff
+.el-button-group>.el-button:not(.is-disabled):active,
+.el-button-group>.el-button:not(.is-disabled):focus,
+.el-button-group>.el-button:not(.is-disabled):hover {
+    z-index: 1
 }
 
-.el-input::-webkit-scrollbar-track {
-    background: #fff
+.el-button-group>.el-button.is-active {
+    z-index: 1
 }
 
-.el-input::-webkit-scrollbar-track-piece {
-    background: #fff;
-    width: 6px
+.el-button-group>.el-dropdown>.el-button {
+    border-top-left-radius: 0;
+    border-bottom-left-radius: 0;
+    border-left-color: rgba(255, 255, 255, .5)
 }
 
-.el-input .el-input__clear {
-    color: #babdc2;
-    font-size: 14px;
-    cursor: pointer;
-    -webkit-transition: color .2s cubic-bezier(.645, .045, .355, 1);
-    transition: color .2s cubic-bezier(.645, .045, .355, 1)
+.el-button-group .el-button--primary:first-child {
+    border-right-color: rgba(255, 255, 255, .5)
 }
 
-.el-input .el-input__clear:hover {
-    color: #1e2226
+.el-button-group .el-button--primary:last-child {
+    border-left-color: rgba(255, 255, 255, .5)
 }
 
-.el-input .el-input__count {
-    height: 100%;
-    display: -webkit-inline-box;
-    display: -ms-inline-flexbox;
-    display: inline-flex;
-    -webkit-box-align: center;
-    -ms-flex-align: center;
-    align-items: center;
-    color: #909399;
-    font-size: 12px
+.el-button-group .el-button--primary:not(:first-child):not(:last-child) {
+    border-left-color: rgba(255, 255, 255, .5);
+    border-right-color: rgba(255, 255, 255, .5)
 }
 
-.el-input .el-input__count .el-input__count-inner {
-    background: #fff;
-    line-height: initial;
-    display: inline-block;
-    padding: 0 5px
+.el-button-group .el-button--success:first-child {
+    border-right-color: rgba(255, 255, 255, .5)
 }
 
-.el-input__inner {
-    -webkit-appearance: none;
-    background-color: #fff;
-    background-image: none;
-    border-radius: 4px;
-    border: 1px solid #dfe2e6;
-    -webkit-box-sizing: border-box;
-    box-sizing: border-box;
-    color: #606266;
-    display: inline-block;
-    font-size: inherit;
-    height: 40px;
-    line-height: 40px;
-    outline: 0;
-    padding: 0 15px;
-    -webkit-transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
-    transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
-    width: 100%
+.el-button-group .el-button--success:last-child {
+    border-left-color: rgba(255, 255, 255, .5)
 }
 
-.el-input__inner::-ms-reveal {
-    display: none
+.el-button-group .el-button--success:not(:first-child):not(:last-child) {
+    border-left-color: rgba(255, 255, 255, .5);
+    border-right-color: rgba(255, 255, 255, .5)
 }
 
-.el-input__inner::-webkit-input-placeholder {
-    color: #babdc2
+.el-button-group .el-button--warning:first-child {
+    border-right-color: rgba(255, 255, 255, .5)
 }
 
-.el-input__inner::-moz-placeholder {
-    color: #babdc2
+.el-button-group .el-button--warning:last-child {
+    border-left-color: rgba(255, 255, 255, .5)
 }
 
-.el-input__inner::-ms-input-placeholder {
-    color: #babdc2
+.el-button-group .el-button--warning:not(:first-child):not(:last-child) {
+    border-left-color: rgba(255, 255, 255, .5);
+    border-right-color: rgba(255, 255, 255, .5)
 }
 
-.el-input__inner::placeholder {
-    color: #babdc2
+.el-button-group .el-button--danger:first-child {
+    border-right-color: rgba(255, 255, 255, .5)
 }
 
-.el-input__inner:hover {
-    border-color: #006AFF
+.el-button-group .el-button--danger:last-child {
+    border-left-color: rgba(255, 255, 255, .5)
 }
 
-.el-input__inner:focus {
-    outline: 0;
-    border-color: #006aff
+.el-button-group .el-button--danger:not(:first-child):not(:last-child) {
+    border-left-color: rgba(255, 255, 255, .5);
+    border-right-color: rgba(255, 255, 255, .5)
 }
 
-.el-input__suffix {
-    position: absolute;
-    height: 100%;
-    right: 5px;
-    top: 0;
-    text-align: center;
-    color: #babdc2;
-    -webkit-transition: all .3s;
-    transition: all .3s;
-    pointer-events: none
+.el-button-group .el-button--info:first-child {
+    border-right-color: rgba(255, 255, 255, .5)
 }
 
-.el-input__suffix-inner {
-    pointer-events: all
+.el-button-group .el-button--info:last-child {
+    border-left-color: rgba(255, 255, 255, .5)
 }
 
-.el-input__prefix {
-    position: absolute;
-    height: 100%;
-    left: 5px;
-    top: 0;
-    text-align: center;
-    color: #babdc2;
-    -webkit-transition: all .3s;
-    transition: all .3s
+.el-button-group .el-button--info:not(:first-child):not(:last-child) {
+    border-left-color: rgba(255, 255, 255, .5);
+    border-right-color: rgba(255, 255, 255, .5)
 }
 
-.el-input__icon {
-    height: 100%;
-    width: 25px;
-    text-align: center;
-    -webkit-transition: all .3s;
-    transition: all .3s;
-    line-height: 40px
+.el-popper .popper__arrow,
+.el-popper .popper__arrow::after {
+    position: absolute;
+    display: block;
+    width: 0;
+    height: 0;
+    border-color: transparent;
+    border-style: solid
 }
 
-.el-input__icon:after {
-    content: '';
-    height: 100%;
-    width: 0;
-    display: inline-block;
-    vertical-align: middle
+.el-popper .popper__arrow {
+    border-width: 6px;
+    -webkit-filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03));
+    filter: drop-shadow(0 2px 12px rgba(0, 0, 0, .03))
 }
 
-.el-input__validateIcon {
-    pointer-events: none
+.el-popper .popper__arrow::after {
+    content: " ";
+    border-width: 6px
 }
 
-.el-input.is-active .el-input__inner {
-    outline: 0;
-    border-color: #006aff
+.el-popper[x-placement^=top] {
+    margin-bottom: 12px
 }
 
-.el-input.is-disabled .el-input__inner {
-    background-color: #f5f7fa;
-    border-color: #e4e7ed;
-    color: #babdc2;
-    cursor: not-allowed
+.el-popper[x-placement^=top] .popper__arrow {
+    bottom: -6px;
+    left: 50%;
+    margin-right: 3px;
+    border-top-color: #ebeef5;
+    border-bottom-width: 0
 }
 
-.el-input.is-disabled .el-input__inner::-webkit-input-placeholder {
-    color: #babdc2
+.el-popper[x-placement^=top] .popper__arrow::after {
+    bottom: 1px;
+    margin-left: -6px;
+    border-top-color: #fff;
+    border-bottom-width: 0
 }
 
-.el-input.is-disabled .el-input__inner::-moz-placeholder {
-    color: #babdc2
+.el-popper[x-placement^=bottom] {
+    margin-top: 12px
 }
 
-.el-input.is-disabled .el-input__inner::-ms-input-placeholder {
-    color: #babdc2
+.el-popper[x-placement^=bottom] .popper__arrow {
+    top: -6px;
+    left: 50%;
+    margin-right: 3px;
+    border-top-width: 0;
+    border-bottom-color: #ebeef5
 }
 
-.el-input.is-disabled .el-input__inner::placeholder {
-    color: #babdc2
+.el-popper[x-placement^=bottom] .popper__arrow::after {
+    top: 1px;
+    margin-left: -6px;
+    border-top-width: 0;
+    border-bottom-color: #fff
 }
 
-.el-input.is-disabled .el-input__icon {
-    cursor: not-allowed
+.el-popper[x-placement^=right] {
+    margin-left: 12px
 }
 
-.el-input.is-exceed .el-input__inner {
-    border-color: #ff4d4f
+.el-popper[x-placement^=right] .popper__arrow {
+    top: 50%;
+    left: -6px;
+    margin-bottom: 3px;
+    border-right-color: #ebeef5;
+    border-left-width: 0
 }
 
-.el-input.is-exceed .el-input__suffix .el-input__count {
-    color: #ff4d4f
+.el-popper[x-placement^=right] .popper__arrow::after {
+    bottom: -6px;
+    left: 1px;
+    border-right-color: #fff;
+    border-left-width: 0
 }
 
-.el-input--suffix .el-input__inner {
-    padding-right: 30px
+.el-popper[x-placement^=left] {
+    margin-right: 12px
 }
 
-.el-input--prefix .el-input__inner {
-    padding-left: 30px
+.el-popper[x-placement^=left] .popper__arrow {
+    top: 50%;
+    right: -6px;
+    margin-bottom: 3px;
+    border-right-width: 0;
+    border-left-color: #ebeef5
 }
 
-.el-input--medium {
+.el-popper[x-placement^=left] .popper__arrow::after {
+    right: 1px;
+    bottom: -6px;
+    margin-left: -6px;
+    border-right-width: 0;
+    border-left-color: #fff
+}
+
+.el-dropdown {
+    display: inline-block;
+    position: relative;
+    color: #606266;
     font-size: 14px
 }
 
-.el-input--medium .el-input__inner {
-    height: 36px;
-    line-height: 36px
+.el-dropdown .el-button-group {
+    display: block
 }
 
-.el-input--medium .el-input__icon {
-    line-height: 36px
+.el-dropdown .el-button-group .el-button {
+    float: none
 }
 
-.el-input--small {
-    font-size: 13px
+.el-dropdown .el-dropdown__caret-button {
+    padding-left: 5px;
+    padding-right: 5px;
+    position: relative;
+    border-left: none
 }
 
-.el-input--small .el-input__inner {
-    height: 32px;
-    line-height: 32px
+.el-dropdown .el-dropdown__caret-button::before {
+    content: '';
+    position: absolute;
+    display: block;
+    width: 1px;
+    top: 5px;
+    bottom: 5px;
+    left: 0;
+    background: rgba(255, 255, 255, .5)
 }
 
-.el-input--small .el-input__icon {
-    line-height: 32px
+.el-dropdown .el-dropdown__caret-button.el-button--default::before {
+    background: rgba(223, 226, 230, .5)
 }
 
-.el-input--mini {
-    font-size: 12px
+.el-dropdown .el-dropdown__caret-button:hover:not(.is-disabled)::before {
+    top: 0;
+    bottom: 0
 }
 
-.el-input--mini .el-input__inner {
-    height: 28px;
-    line-height: 28px
+.el-dropdown .el-dropdown__caret-button .el-dropdown__icon {
+    padding-left: 0
 }
 
-.el-input--mini .el-input__icon {
-    line-height: 28px
+.el-dropdown__icon {
+    font-size: 12px;
+    margin: 0 3px
 }
 
-.el-input-group {
-    line-height: normal;
-    display: inline-table;
-    width: 100%;
-    border-collapse: separate;
-    border-spacing: 0
+.el-dropdown .el-dropdown-selfdefine:focus:active,
+.el-dropdown .el-dropdown-selfdefine:focus:not(.focusing) {
+    outline-width: 0
 }
 
-.el-input-group>.el-input__inner {
-    vertical-align: middle;
-    display: table-cell
+.el-dropdown [disabled] {
+    cursor: not-allowed;
+    color: #bbb
 }
 
-.el-input-group__append,
-.el-input-group__prepend {
-    background-color: #f5f7fa;
-    color: #909399;
-    vertical-align: middle;
-    display: table-cell;
-    position: relative;
-    border: 1px solid #dfe2e6;
+.el-dropdown-menu {
+    position: absolute;
+    top: 0;
+    left: 0;
+    z-index: 10;
+    padding: 10px 0;
+    margin: 5px 0;
+    background-color: #fff;
+    border: 1px solid #ebeef5;
     border-radius: 4px;
-    padding: 0 20px;
-    width: 1px;
-    white-space: nowrap
+    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
+    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1)
 }
 
-.el-input-group__append:focus,
-.el-input-group__prepend:focus {
+.el-dropdown-menu__item {
+    list-style: none;
+    line-height: 36px;
+    padding: 0 20px;
+    margin: 0;
+    font-size: 14px;
+    color: #606266;
+    cursor: pointer;
     outline: 0
 }
 
-.el-input-group__append .el-button,
-.el-input-group__append .el-select,
-.el-input-group__prepend .el-button,
-.el-input-group__prepend .el-select {
-    display: inline-block;
-    margin: -10px -20px
+.el-dropdown-menu__item:focus,
+.el-dropdown-menu__item:not(.is-disabled):hover {
+    background-color: #e6f0ff;
+    color: #38f
 }
 
-.el-input-group__append button.el-button,
-.el-input-group__append div.el-select .el-input__inner,
-.el-input-group__append div.el-select:hover .el-input__inner,
-.el-input-group__prepend button.el-button,
-.el-input-group__prepend div.el-select .el-input__inner,
-.el-input-group__prepend div.el-select:hover .el-input__inner {
-    border-color: transparent;
-    background-color: transparent;
-    color: inherit;
-    border-top: 0;
-    border-bottom: 0
+.el-dropdown-menu__item i {
+    margin-right: 5px
 }
 
-.el-input-group__append .el-button,
-.el-input-group__append .el-input,
-.el-input-group__prepend .el-button,
-.el-input-group__prepend .el-input {
-    font-size: inherit
+.el-dropdown-menu__item--divided {
+    position: relative;
+    margin-top: 6px;
+    border-top: 1px solid #ebeef5
 }
 
-.el-input-group__prepend {
-    border-right: 0;
-    border-top-right-radius: 0;
-    border-bottom-right-radius: 0
+.el-dropdown-menu__item--divided:before {
+    content: '';
+    height: 6px;
+    display: block;
+    margin: 0 -20px;
+    background-color: #fff
 }
 
-.el-input-group__append {
-    border-left: 0;
-    border-top-left-radius: 0;
-    border-bottom-left-radius: 0
+.el-dropdown-menu__item.is-disabled {
+    cursor: default;
+    color: #bbb;
+    pointer-events: none
 }
 
-.el-input-group--prepend .el-input__inner {
-    border-top-left-radius: 0;
-    border-bottom-left-radius: 0
+.el-dropdown-menu--medium {
+    padding: 6px 0
 }
 
-.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner {
-    border-color: transparent
+.el-dropdown-menu--medium .el-dropdown-menu__item {
+    line-height: 30px;
+    padding: 0 17px;
+    font-size: 14px
 }
 
-.el-input-group--append .el-input__inner {
-    border-top-right-radius: 0;
-    border-bottom-right-radius: 0
+.el-dropdown-menu--medium .el-dropdown-menu__item.el-dropdown-menu__item--divided {
+    margin-top: 6px
 }
 
-.el-input-group--append .el-select .el-input.is-focus .el-input__inner {
-    border-color: transparent
+.el-dropdown-menu--medium .el-dropdown-menu__item.el-dropdown-menu__item--divided:before {
+    height: 6px;
+    margin: 0 -17px
 }
 
-.el-input__inner::-ms-clear {
-    display: none;
-    width: 0;
-    height: 0
+.el-dropdown-menu--small {
+    padding: 6px 0
 }
 
-.el-textarea {
-    position: relative;
-    display: inline-block;
-    width: 100%;
-    vertical-align: bottom;
-    font-size: 14px
+.el-dropdown-menu--small .el-dropdown-menu__item {
+    line-height: 27px;
+    padding: 0 15px;
+    font-size: 13px
 }
 
-.el-textarea__inner {
-    display: block;
-    resize: vertical;
-    padding: 5px 15px;
-    line-height: 1.5;
-    -webkit-box-sizing: border-box;
-    box-sizing: border-box;
-    width: 100%;
-    font-size: inherit;
-    color: #606266;
-    background-color: #fff;
-    background-image: none;
-    border: 1px solid #dfe2e6;
-    border-radius: 4px;
-    -webkit-transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
-    transition: border-color .2s cubic-bezier(.645, .045, .355, 1)
+.el-dropdown-menu--small .el-dropdown-menu__item.el-dropdown-menu__item--divided {
+    margin-top: 4px
 }
 
-.el-textarea__inner::-webkit-input-placeholder {
-    color: #babdc2
+.el-dropdown-menu--small .el-dropdown-menu__item.el-dropdown-menu__item--divided:before {
+    height: 4px;
+    margin: 0 -15px
 }
 
-.el-textarea__inner::-moz-placeholder {
-    color: #babdc2
+.el-dropdown-menu--mini {
+    padding: 3px 0
 }
 
-.el-textarea__inner::-ms-input-placeholder {
-    color: #babdc2
+.el-dropdown-menu--mini .el-dropdown-menu__item {
+    line-height: 24px;
+    padding: 0 10px;
+    font-size: 12px
 }
 
-.el-textarea__inner::placeholder {
-    color: #babdc2
+.el-dropdown-menu--mini .el-dropdown-menu__item.el-dropdown-menu__item--divided {
+    margin-top: 3px
 }
 
-.el-textarea__inner:hover {
-    border-color: #babdc2
+.el-dropdown-menu--mini .el-dropdown-menu__item.el-dropdown-menu__item--divided:before {
+    height: 3px;
+    margin: 0 -10px
 }
 
-.el-textarea__inner:focus {
-    outline: 0;
-    border-color: #006aff
+.fade-in-linear-enter-active,
+.fade-in-linear-leave-active {
+    -webkit-transition: opacity .2s linear;
+    transition: opacity .2s linear
 }
 
-.el-textarea .el-input__count {
-    color: #909399;
-    background: #fff;
-    position: absolute;
-    font-size: 12px;
-    bottom: 5px;
-    right: 10px
+.fade-in-linear-enter,
+.fade-in-linear-leave,
+.fade-in-linear-leave-active {
+    opacity: 0
 }
 
-.el-textarea.is-disabled .el-textarea__inner {
-    background-color: #f5f7fa;
-    border-color: #e4e7ed;
-    color: #babdc2;
-    cursor: not-allowed
+.el-fade-in-linear-enter-active,
+.el-fade-in-linear-leave-active {
+    -webkit-transition: opacity .2s linear;
+    transition: opacity .2s linear
 }
 
-.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder {
-    color: #babdc2
+.el-fade-in-linear-enter,
+.el-fade-in-linear-leave,
+.el-fade-in-linear-leave-active {
+    opacity: 0
 }
 
-.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder {
-    color: #babdc2
+.el-fade-in-enter-active,
+.el-fade-in-leave-active {
+    -webkit-transition: all .3s cubic-bezier(.55, 0, .1, 1);
+    transition: all .3s cubic-bezier(.55, 0, .1, 1)
 }
 
-.el-textarea.is-disabled .el-textarea__inner::-ms-input-placeholder {
-    color: #babdc2
+.el-fade-in-enter,
+.el-fade-in-leave-active {
+    opacity: 0
 }
 
-.el-textarea.is-disabled .el-textarea__inner::placeholder {
-    color: #babdc2
+.el-zoom-in-center-enter-active,
+.el-zoom-in-center-leave-active {
+    -webkit-transition: all .3s cubic-bezier(.55, 0, .1, 1);
+    transition: all .3s cubic-bezier(.55, 0, .1, 1)
 }
 
-.el-textarea.is-exceed .el-textarea__inner {
-    border-color: #ff4d4f
+.el-zoom-in-center-enter,
+.el-zoom-in-center-leave-active {
+    opacity: 0;
+    -webkit-transform: scaleX(0);
+    transform: scaleX(0)
 }
 
-.el-textarea.is-exceed .el-input__count {
-    color: #ff4d4f
+.el-zoom-in-top-enter-active,
+.el-zoom-in-top-leave-active {
+    opacity: 1;
+    -webkit-transform: scaleY(1);
+    transform: scaleY(1);
+    -webkit-transition: opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1);
+    transition: opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1);
+    transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1);
+    transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1);
+    -webkit-transform-origin: center top;
+    transform-origin: center top
 }
 
-.el-input {
-    position: relative;
-    font-size: 14px;
-    display: inline-block;
-    width: 100%
+.el-zoom-in-top-enter,
+.el-zoom-in-top-leave-active {
+    opacity: 0;
+    -webkit-transform: scaleY(0);
+    transform: scaleY(0)
 }
 
-.el-input::-webkit-scrollbar {
-    z-index: 11;
-    width: 6px
+.el-zoom-in-bottom-enter-active,
+.el-zoom-in-bottom-leave-active {
+    opacity: 1;
+    -webkit-transform: scaleY(1);
+    transform: scaleY(1);
+    -webkit-transition: opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1);
+    transition: opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1);
+    transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1);
+    transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1);
+    -webkit-transform-origin: center bottom;
+    transform-origin: center bottom
 }
 
-.el-input::-webkit-scrollbar:horizontal {
-    height: 6px
+.el-zoom-in-bottom-enter,
+.el-zoom-in-bottom-leave-active {
+    opacity: 0;
+    -webkit-transform: scaleY(0);
+    transform: scaleY(0)
 }
 
-.el-input::-webkit-scrollbar-thumb {
-    border-radius: 5px;
-    width: 6px;
-    background: #b4bccc
+.el-zoom-in-left-enter-active,
+.el-zoom-in-left-leave-active {
+    opacity: 1;
+    -webkit-transform: scale(1, 1);
+    transform: scale(1, 1);
+    -webkit-transition: opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1);
+    transition: opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1);
+    transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1);
+    transition: transform .3s cubic-bezier(.23, 1, .32, 1), opacity .3s cubic-bezier(.23, 1, .32, 1), -webkit-transform .3s cubic-bezier(.23, 1, .32, 1);
+    -webkit-transform-origin: top left;
+    transform-origin: top left
 }
 
-.el-input::-webkit-scrollbar-corner {
-    background: #fff
+.el-zoom-in-left-enter,
+.el-zoom-in-left-leave-active {
+    opacity: 0;
+    -webkit-transform: scale(.45, .45);
+    transform: scale(.45, .45)
 }
 
-.el-input::-webkit-scrollbar-track {
-    background: #fff
+.collapse-transition {
+    -webkit-transition: .3s height ease-in-out, .3s padding-top ease-in-out, .3s padding-bottom ease-in-out;
+    transition: .3s height ease-in-out, .3s padding-top ease-in-out, .3s padding-bottom ease-in-out
 }
 
-.el-input::-webkit-scrollbar-track-piece {
-    background: #fff;
-    width: 6px
+.horizontal-collapse-transition {
+    -webkit-transition: .3s width ease-in-out, .3s padding-left ease-in-out, .3s padding-right ease-in-out;
+    transition: .3s width ease-in-out, .3s padding-left ease-in-out, .3s padding-right ease-in-out
 }
 
-.el-input .el-input__clear {
-    color: #babdc2;
-    font-size: 14px;
-    cursor: pointer;
-    -webkit-transition: color .2s cubic-bezier(.645, .045, .355, 1);
-    transition: color .2s cubic-bezier(.645, .045, .355, 1)
+.el-list-enter-active,
+.el-list-leave-active {
+    -webkit-transition: all 1s;
+    transition: all 1s
 }
 
-.el-input .el-input__clear:hover {
-    color: #1e2226
+.el-list-enter,
+.el-list-leave-active {
+    opacity: 0;
+    -webkit-transform: translateY(-30px);
+    transform: translateY(-30px)
 }
 
-.el-input .el-input__count {
-    height: 100%;
-    display: -webkit-inline-box;
-    display: -ms-inline-flexbox;
-    display: inline-flex;
-    -webkit-box-align: center;
-    -ms-flex-align: center;
-    align-items: center;
-    color: #909399;
-    font-size: 12px
+.el-opacity-transition {
+    -webkit-transition: opacity .3s cubic-bezier(.55, 0, .1, 1);
+    transition: opacity .3s cubic-bezier(.55, 0, .1, 1)
 }
 
-.el-input .el-input__count .el-input__count-inner {
-    background: #fff;
-    line-height: initial;
-    display: inline-block;
-    padding: 0 5px
+.el-menu {
+    border-right: solid 1px #e6e6e6;
+    list-style: none;
+    position: relative;
+    margin: 0;
+    padding-left: 0;
+    background-color: #fff
 }
 
-.el-input__inner {
-    -webkit-appearance: none;
-    background-color: #fff;
-    background-image: none;
-    border-radius: 4px;
-    border: 1px solid #dfe2e6;
-    -webkit-box-sizing: border-box;
-    box-sizing: border-box;
-    color: #606266;
-    display: inline-block;
-    font-size: inherit;
-    height: 40px;
-    line-height: 40px;
-    outline: 0;
-    padding: 0 15px;
-    -webkit-transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
-    transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
-    width: 100%
+.el-menu::after,
+.el-menu::before {
+    display: table;
+    content: ""
 }
 
-.el-input__inner::-ms-reveal {
-    display: none
+.el-menu::after {
+    clear: both
 }
 
-.el-input__inner::-webkit-input-placeholder {
-    color: #babdc2
+.el-menu.el-menu--horizontal {
+    border-bottom: solid 1px #e6e6e6
 }
 
-.el-input__inner::-moz-placeholder {
-    color: #babdc2
+.el-menu--horizontal {
+    border-right: none
 }
 
-.el-input__inner::-ms-input-placeholder {
-    color: #babdc2
+.el-menu--horizontal>.el-menu-item {
+    float: left;
+    height: 60px;
+    line-height: 60px;
+    margin: 0;
+    border-bottom: 2px solid transparent;
+    color: #1e2226
 }
 
-.el-input__inner::placeholder {
-    color: #babdc2
+.el-menu--horizontal>.el-menu-item a,
+.el-menu--horizontal>.el-menu-item a:hover {
+    color: inherit
 }
 
-.el-input__inner:hover {
-    border-color: #006AFF;
+.el-menu--horizontal>.el-menu-item:not(.is-disabled):focus,
+.el-menu--horizontal>.el-menu-item:not(.is-disabled):hover {
+    background-color: #fff
 }
 
-.el-input__inner:focus {
-    outline: 0;
-    border-color: #006aff
+.el-menu--horizontal>.el-submenu {
+    float: left
 }
 
-.el-input__suffix {
-    position: absolute;
-    height: 100%;
-    right: 5px;
-    top: 0;
-    text-align: center;
-    color: #babdc2;
-    -webkit-transition: all .3s;
-    transition: all .3s;
-    pointer-events: none
+.el-menu--horizontal>.el-submenu:focus,
+.el-menu--horizontal>.el-submenu:hover {
+    outline: 0
 }
 
-.el-input__suffix-inner {
-    pointer-events: all
+.el-menu--horizontal>.el-submenu:focus .el-submenu__title,
+.el-menu--horizontal>.el-submenu:hover .el-submenu__title {
+    color: #1e2226
 }
 
-.el-input__prefix {
-    position: absolute;
-    height: 100%;
-    left: 5px;
-    top: 0;
-    text-align: center;
-    color: #babdc2;
-    -webkit-transition: all .3s;
-    transition: all .3s
+.el-menu--horizontal>.el-submenu.is-active .el-submenu__title {
+    border-bottom: 2px solid #006aff;
+    color: #1e2226
 }
 
-.el-input__icon {
-    height: 100%;
-    width: 25px;
-    text-align: center;
-    -webkit-transition: all .3s;
-    transition: all .3s;
-    line-height: 40px
+.el-menu--horizontal>.el-submenu .el-submenu__title {
+    height: 60px;
+    line-height: 60px;
+    border-bottom: 2px solid transparent;
+    color: #1e2226
 }
 
-.el-input__icon:after {
-    content: '';
-    height: 100%;
-    width: 0;
-    display: inline-block;
-    vertical-align: middle
+.el-menu--horizontal>.el-submenu .el-submenu__title:hover {
+    background-color: #fff
 }
 
-.el-input__validateIcon {
-    pointer-events: none
+.el-menu--horizontal>.el-submenu .el-submenu__icon-arrow {
+    position: static;
+    vertical-align: middle;
+    margin-left: 8px;
+    margin-top: -3px
 }
 
-.el-input.is-active .el-input__inner {
+.el-menu--horizontal .el-menu .el-menu-item,
+.el-menu--horizontal .el-menu .el-submenu__title {
+    background-color: #fff;
+    float: none;
+    height: 36px;
+    line-height: 36px;
+    padding: 0 10px;
+    color: #1e2226
+}
+
+.el-menu--horizontal .el-menu .el-menu-item.is-active,
+.el-menu--horizontal .el-menu .el-submenu.is-active>.el-submenu__title {
+    color: #1e2226
+}
+
+.el-menu--horizontal .el-menu-item:not(.is-disabled):focus,
+.el-menu--horizontal .el-menu-item:not(.is-disabled):hover {
     outline: 0;
-    border-color: #006aff
+    color: #1e2226
 }
 
-.el-input.is-disabled .el-input__inner {
-    background-color: #f5f7fa;
-    border-color: #e4e7ed;
-    color: #babdc2;
-    cursor: not-allowed
+.el-menu--horizontal>.el-menu-item.is-active {
+    border-bottom: 2px solid #006aff;
+    color: #1e2226
 }
 
-.el-input.is-disabled .el-input__inner::-webkit-input-placeholder {
-    color: #babdc2
+.el-menu--collapse {
+    width: 64px
 }
 
-.el-input.is-disabled .el-input__inner::-moz-placeholder {
-    color: #babdc2
+.el-menu--collapse>.el-menu-item [class^=el-icon-],
+.el-menu--collapse>.el-submenu>.el-submenu__title [class^=el-icon-] {
+    margin: 0;
+    vertical-align: middle;
+    width: 24px;
+    text-align: center
 }
 
-.el-input.is-disabled .el-input__inner::-ms-input-placeholder {
-    color: #babdc2
+.el-menu--collapse>.el-menu-item .el-submenu__icon-arrow,
+.el-menu--collapse>.el-submenu>.el-submenu__title .el-submenu__icon-arrow {
+    display: none
 }
 
-.el-input.is-disabled .el-input__inner::placeholder {
-    color: #babdc2
+.el-menu--collapse>.el-menu-item span,
+.el-menu--collapse>.el-submenu>.el-submenu__title span {
+    height: 0;
+    width: 0;
+    overflow: hidden;
+    visibility: hidden;
+    display: inline-block
 }
 
-.el-input.is-disabled .el-input__icon {
-    cursor: not-allowed
+.el-menu--collapse>.el-menu-item.is-active i {
+    color: inherit
 }
 
-.el-input.is-exceed .el-input__inner {
-    border-color: #ff4d4f
+.el-menu--collapse .el-menu .el-submenu {
+    min-width: 200px
 }
 
-.el-input.is-exceed .el-input__suffix .el-input__count {
-    color: #ff4d4f
+.el-menu--collapse .el-submenu {
+    position: relative
 }
 
-.el-input--suffix .el-input__inner {
-    padding-right: 30px
+.el-menu--collapse .el-submenu .el-menu {
+    position: absolute;
+    margin-left: 5px;
+    top: 0;
+    left: 100%;
+    z-index: 10;
+    border: 1px solid #e4e7ed;
+    border-radius: 2px;
+    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
+    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1)
 }
 
-.el-input--prefix .el-input__inner {
-    padding-left: 30px
+.el-menu--collapse .el-submenu.is-opened>.el-submenu__title .el-submenu__icon-arrow {
+    -webkit-transform: none;
+    transform: none
 }
 
-.el-input--medium {
-    font-size: 14px
+.el-menu--popup {
+    z-index: 100;
+    min-width: 200px;
+    border: none;
+    padding: 5px 0;
+    border-radius: 2px;
+    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
+    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1)
 }
 
-.el-input--medium .el-input__inner {
-    height: 36px;
-    line-height: 36px
+.el-menu--popup-bottom-start {
+    margin-top: 5px
 }
 
-.el-input--medium .el-input__icon {
-    line-height: 36px
+.el-menu--popup-right-start {
+    margin-left: 5px;
+    margin-right: 5px
 }
 
-.el-input--small {
-    font-size: 13px
+.el-menu-item {
+    height: 56px;
+    line-height: 56px;
+    font-size: 14px;
+    display: flex;
+    align-items: center;
+    color: #1e2226;
+    padding: 0 20px;
+    list-style: none;
+    cursor: pointer;
+    position: relative;
+    -webkit-transition: border-color .3s, background-color .3s, color .3s;
+    transition: border-color .3s, background-color .3s, color .3s;
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box;
+    white-space: nowrap
 }
 
-.el-input--small .el-input__inner {
-    height: 32px;
-    line-height: 32px
+.el-menu-item * {
+    vertical-align: middle
 }
 
-.el-input--small .el-input__icon {
-    line-height: 32px
+.el-menu-item i {
+    color: #1e2226
 }
 
-.el-input--mini {
-    font-size: 12px
+.el-menu-item:focus,
+.el-menu-item:hover {
+    outline: 0;
+    background-color: #e6f0ff
 }
 
-.el-input--mini .el-input__inner {
-    height: 28px;
-    line-height: 28px
+.el-menu-item.is-disabled {
+    opacity: .25;
+    cursor: not-allowed;
+    background: 0 0 !important
 }
 
-.el-input--mini .el-input__icon {
-    line-height: 28px
+.el-menu-item [class^=el-icon-] {
+    margin-right: 5px;
+    width: 24px;
+    text-align: center;
+    font-size: 18px;
+    vertical-align: middle
 }
 
-.el-input-group {
-    line-height: normal;
-    display: inline-table;
-    width: 100%;
-    border-collapse: separate;
-    border-spacing: 0
+.el-menu-item.is-active {
+    color: #006aff
+}
+
+.el-menu-item.is-active i {
+    color: inherit
 }
 
-.el-input-group>.el-input__inner {
-    vertical-align: middle;
-    display: table-cell
+.el-submenu {
+    list-style: none;
+    margin: 0;
+    padding-left: 0
 }
 
-.el-input-group__append,
-.el-input-group__prepend {
-    background-color: #f5f7fa;
-    color: #909399;
-    vertical-align: middle;
-    display: table-cell;
-    position: relative;
-    border: 1px solid #dfe2e6;
-    border-radius: 4px;
+.el-submenu__title {
+    height: 56px;
+    line-height: 56px;
+    font-size: 14px;
+    color: #1e2226;
     padding: 0 20px;
-    width: 1px;
+    list-style: none;
+    cursor: pointer;
+    position: relative;
+    -webkit-transition: border-color .3s, background-color .3s, color .3s;
+    transition: border-color .3s, background-color .3s, color .3s;
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box;
     white-space: nowrap
 }
 
-.el-input-group__append:focus,
-.el-input-group__prepend:focus {
-    outline: 0
+.el-submenu__title * {
+    vertical-align: middle
 }
 
-.el-input-group__append .el-button,
-.el-input-group__append .el-select,
-.el-input-group__prepend .el-button,
-.el-input-group__prepend .el-select {
-    display: inline-block;
-    margin: -10px -20px
+.el-submenu__title i {
+    color: #1e2226
 }
 
-.el-input-group__append button.el-button,
-.el-input-group__append div.el-select .el-input__inner,
-.el-input-group__append div.el-select:hover .el-input__inner,
-.el-input-group__prepend button.el-button,
-.el-input-group__prepend div.el-select .el-input__inner,
-.el-input-group__prepend div.el-select:hover .el-input__inner {
-    border-color: transparent;
-    background-color: transparent;
-    color: inherit;
-    border-top: 0;
-    border-bottom: 0
+.el-submenu__title:focus,
+.el-submenu__title:hover {
+    outline: 0;
+    background-color: #e6f0ff
 }
 
-.el-input-group__append .el-button,
-.el-input-group__append .el-input,
-.el-input-group__prepend .el-button,
-.el-input-group__prepend .el-input {
-    font-size: inherit
+.el-submenu__title.is-disabled {
+    opacity: .25;
+    cursor: not-allowed;
+    background: 0 0 !important
 }
 
-.el-input-group__prepend {
-    border-right: 0;
-    border-top-right-radius: 0;
-    border-bottom-right-radius: 0
+.el-submenu__title:hover {
+    background-color: #e6f0ff
 }
 
-.el-input-group__append {
-    border-left: 0;
-    border-top-left-radius: 0;
-    border-bottom-left-radius: 0
+.el-submenu .el-menu {
+    border: none
 }
 
-.el-input-group--prepend .el-input__inner {
-    border-top-left-radius: 0;
-    border-bottom-left-radius: 0
+.el-submenu .el-menu-item {
+    height: 50px;
+    line-height: 50px;
+    padding: 0 45px;
+    min-width: 200px
 }
 
-.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner {
-    border-color: transparent
+.el-submenu__icon-arrow {
+    position: absolute;
+    top: 50%;
+    right: 20px;
+    margin-top: -7px;
+    -webkit-transition: -webkit-transform .3s;
+    transition: -webkit-transform .3s;
+    transition: transform .3s;
+    transition: transform .3s, -webkit-transform .3s;
+    font-size: 12px
 }
 
-.el-input-group--append .el-input__inner {
-    border-top-right-radius: 0;
-    border-bottom-right-radius: 0
+.el-submenu.is-active .el-submenu__title {
+    border-bottom-color: #006aff
 }
 
-.el-input-group--append .el-select .el-input.is-focus .el-input__inner {
-    border-color: transparent
+.el-submenu.is-opened>.el-submenu__title .el-submenu__icon-arrow {
+    -webkit-transform: rotateZ(180deg);
+    transform: rotateZ(180deg)
 }
 
-.el-input__inner::-ms-clear {
-    display: none;
-    width: 0;
-    height: 0
+.el-submenu.is-disabled .el-menu-item,
+.el-submenu.is-disabled .el-submenu__title {
+    opacity: .25;
+    cursor: not-allowed;
+    background: 0 0 !important
 }
 
-.el-input-number {
-    position: relative;
-    display: inline-block;
-    width: 180px;
-    line-height: 38px
+.el-submenu [class^=el-icon-] {
+    vertical-align: middle;
+    margin-right: 5px;
+    width: 24px;
+    text-align: center;
+    font-size: 18px
 }
 
-.el-input-number .el-input {
-    display: block
+.el-menu-item-group>ul {
+    padding: 0
 }
 
-.el-input-number .el-input__inner {
-    -webkit-appearance: none;
-    padding-left: 50px;
-    padding-right: 50px;
-    text-align: center
+.el-menu-item-group__title {
+    padding: 7px 0 7px 20px;
+    line-height: normal;
+    font-size: 12px;
+    color: #1e2226
 }
 
-.el-input-number__decrease,
-.el-input-number__increase {
-    position: absolute;
-    z-index: 1;
-    top: 1px;
-    width: 40px;
-    height: auto;
-    text-align: center;
-    background: #f5f7fa;
-    color: #606266;
-    cursor: pointer;
-    font-size: 13px
+.horizontal-collapse-transition .el-submenu__title .el-submenu__icon-arrow {
+    -webkit-transition: .2s;
+    transition: .2s;
+    opacity: 0
 }
 
-.el-input-number__decrease:hover,
-.el-input-number__increase:hover {
-    color: #006aff
+.el-textarea {
+    position: relative;
+    display: inline-block;
+    width: 100%;
+    vertical-align: bottom;
+    font-size: 14px
 }
 
-.el-input-number__decrease:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled),
-.el-input-number__increase:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled) {
-    border-color: #006aff
+.el-textarea__inner {
+    display: block;
+    resize: vertical;
+    padding: 5px 15px;
+    line-height: 1.5;
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box;
+    width: 100%;
+    font-size: inherit;
+    color: #606266;
+    background-color: #fff;
+    background-image: none;
+    border: 1px solid #dfe2e6;
+    border-radius: 4px;
+    -webkit-transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
+    transition: border-color .2s cubic-bezier(.645, .045, .355, 1)
 }
 
-.el-input-number__decrease.is-disabled,
-.el-input-number__increase.is-disabled {
-    color: #babdc2;
-    cursor: not-allowed
+.el-textarea__inner::-webkit-input-placeholder {
+    color: #babdc2
 }
 
-.el-input-number__increase {
-    right: 1px;
-    border-radius: 0 4px 4px 0;
-    border-left: 1px solid #dfe2e6
+.el-textarea__inner::-moz-placeholder {
+    color: #babdc2
 }
 
-.el-input-number__decrease {
-    left: 1px;
-    border-radius: 4px 0 0 4px;
-    border-right: 1px solid #dfe2e6
+.el-textarea__inner::-ms-input-placeholder {
+    color: #babdc2
 }
 
-.el-input-number.is-disabled .el-input-number__decrease,
-.el-input-number.is-disabled .el-input-number__increase {
-    border-color: #e4e7ed;
-    color: #e4e7ed
+.el-textarea__inner::placeholder {
+    color: #babdc2
 }
 
-.el-input-number.is-disabled .el-input-number__decrease:hover,
-.el-input-number.is-disabled .el-input-number__increase:hover {
-    color: #e4e7ed;
-    cursor: not-allowed
+.el-textarea__inner:hover {
+    border-color: #babdc2
 }
 
-.el-input-number--medium {
-    width: 200px;
-    line-height: 34px
+.el-textarea__inner:focus {
+    outline: 0;
+    border-color: #006aff
 }
 
-.el-input-number--medium .el-input-number__decrease,
-.el-input-number--medium .el-input-number__increase {
-    width: 36px;
-    font-size: 14px
+.el-textarea .el-input__count {
+    color: #909399;
+    background: #fff;
+    position: absolute;
+    font-size: 12px;
+    bottom: 5px;
+    right: 10px
 }
 
-.el-input-number--medium .el-input__inner {
-    padding-left: 43px;
-    padding-right: 43px
+.el-textarea.is-disabled .el-textarea__inner {
+    background-color: #f5f7fa;
+    border-color: #e4e7ed;
+    color: #babdc2;
+    cursor: not-allowed
 }
 
-.el-input-number--small {
-    width: 130px;
-    line-height: 30px
+.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder {
+    color: #babdc2
 }
 
-.el-input-number--small .el-input-number__decrease,
-.el-input-number--small .el-input-number__increase {
-    width: 32px;
-    font-size: 13px
+.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder {
+    color: #babdc2
+}
+
+.el-textarea.is-disabled .el-textarea__inner::-ms-input-placeholder {
+    color: #babdc2
 }
 
-.el-input-number--small .el-input-number__decrease [class*=el-icon],
-.el-input-number--small .el-input-number__increase [class*=el-icon] {
-    -webkit-transform: scale(.9);
-    transform: scale(.9)
+.el-textarea.is-disabled .el-textarea__inner::placeholder {
+    color: #babdc2
 }
 
-.el-input-number--small .el-input__inner {
-    padding-left: 39px;
-    padding-right: 39px
+.el-textarea.is-exceed .el-textarea__inner {
+    border-color: #ff4d4f
 }
 
-.el-input-number--mini {
-    width: 130px;
-    line-height: 26px
+.el-textarea.is-exceed .el-input__count {
+    color: #ff4d4f
 }
 
-.el-input-number--mini .el-input-number__decrease,
-.el-input-number--mini .el-input-number__increase {
-    width: 28px;
-    font-size: 12px
+.el-input {
+    position: relative;
+    font-size: 14px;
+    display: inline-block;
+    width: 100%
 }
 
-.el-input-number--mini .el-input-number__decrease [class*=el-icon],
-.el-input-number--mini .el-input-number__increase [class*=el-icon] {
-    -webkit-transform: scale(.8);
-    transform: scale(.8)
+.el-input::-webkit-scrollbar {
+    z-index: 11;
+    width: 6px
 }
 
-.el-input-number--mini .el-input__inner {
-    padding-left: 35px;
-    padding-right: 35px
+.el-input::-webkit-scrollbar:horizontal {
+    height: 6px
 }
 
-.el-input-number.is-without-controls .el-input__inner {
-    padding-left: 15px;
-    padding-right: 15px
+.el-input::-webkit-scrollbar-thumb {
+    border-radius: 5px;
+    width: 6px;
+    background: #b4bccc
 }
 
-.el-input-number.is-controls-right .el-input__inner {
-    padding-left: 15px;
-    padding-right: 50px
+.el-input::-webkit-scrollbar-corner {
+    background: #fff
 }
 
-.el-input-number.is-controls-right .el-input-number__decrease,
-.el-input-number.is-controls-right .el-input-number__increase {
-    height: auto;
-    line-height: 19px
+.el-input::-webkit-scrollbar-track {
+    background: #fff
 }
 
-.el-input-number.is-controls-right .el-input-number__decrease [class*=el-icon],
-.el-input-number.is-controls-right .el-input-number__increase [class*=el-icon] {
-    -webkit-transform: scale(.8);
-    transform: scale(.8)
+.el-input::-webkit-scrollbar-track-piece {
+    background: #fff;
+    width: 6px
 }
 
-.el-input-number.is-controls-right .el-input-number__increase {
-    border-radius: 0 4px 0 0;
-    border-bottom: 1px solid #dfe2e6
+.el-input .el-input__clear {
+    color: #babdc2;
+    font-size: 14px;
+    cursor: pointer;
+    -webkit-transition: color .2s cubic-bezier(.645, .045, .355, 1);
+    transition: color .2s cubic-bezier(.645, .045, .355, 1)
 }
 
-.el-input-number.is-controls-right .el-input-number__decrease {
-    right: 1px;
-    bottom: 1px;
-    top: auto;
-    left: auto;
-    border-right: none;
-    border-left: 1px solid #dfe2e6;
-    border-radius: 0 0 4px 0
+.el-input .el-input__clear:hover {
+    color: #1e2226
 }
 
-.el-input-number.is-controls-right[class*=medium] [class*=decrease],
-.el-input-number.is-controls-right[class*=medium] [class*=increase] {
-    line-height: 17px
+.el-input .el-input__count {
+    height: 100%;
+    display: -webkit-inline-box;
+    display: -ms-inline-flexbox;
+    display: inline-flex;
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    align-items: center;
+    color: #909399;
+    font-size: 12px
 }
 
-.el-input-number.is-controls-right[class*=small] [class*=decrease],
-.el-input-number.is-controls-right[class*=small] [class*=increase] {
-    line-height: 15px
+.el-input .el-input__count .el-input__count-inner {
+    background: #fff;
+    line-height: initial;
+    display: inline-block;
+    padding: 0 5px
 }
 
-.el-input-number.is-controls-right[class*=mini] [class*=decrease],
-.el-input-number.is-controls-right[class*=mini] [class*=increase] {
-    line-height: 13px
-}
 
-.el-radio {
-    color: #606266;
-    font-weight: 500;
-    line-height: 1;
+.el-textarea {
     position: relative;
-    cursor: pointer;
     display: inline-block;
-    white-space: nowrap;
-    outline: 0;
-    font-size: 14px;
-    margin-right: 30px;
-    -moz-user-select: none;
-    -webkit-user-select: none;
-    -ms-user-select: none
+    width: 100%;
+    vertical-align: bottom;
+    font-size: 14px
 }
 
-.el-radio.is-bordered {
-    padding: 12px 20px 0 10px;
-    border-radius: 4px;
-    border: 1px solid #dfe2e6;
+.el-textarea__inner {
+    display: block;
+    resize: vertical;
+    padding: 5px 15px;
+    line-height: 1.5;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
-    height: 40px
+    width: 100%;
+    font-size: inherit;
+    color: #606266;
+    background-color: #fff;
+    background-image: none;
+    border: 1px solid #dfe2e6;
+    border-radius: 4px;
+    -webkit-transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
+    transition: border-color .2s cubic-bezier(.645, .045, .355, 1)
 }
 
-.el-radio.is-bordered.is-checked {
-    border-color: #006aff
+.el-textarea__inner::-webkit-input-placeholder {
+    color: #babdc2
 }
 
-.el-radio.is-bordered.is-disabled {
-    cursor: not-allowed;
-    border-color: #ebeef5
+.el-textarea__inner::-moz-placeholder {
+    color: #babdc2
 }
 
-.el-radio.is-bordered+.el-radio.is-bordered {
-    margin-left: 10px
+.el-textarea__inner::-ms-input-placeholder {
+    color: #babdc2
 }
 
-.el-radio--medium.is-bordered {
-    padding: 10px 20px 0 10px;
-    border-radius: 4px;
-    height: 36px
+.el-textarea__inner::placeholder {
+    color: #babdc2
 }
 
-.el-radio--medium.is-bordered .el-radio__label {
-    font-size: 14px
+.el-textarea__inner:hover {
+    border-color: #babdc2
 }
 
-.el-radio--medium.is-bordered .el-radio__inner {
-    height: 14px;
-    width: 14px
+.el-textarea__inner:focus {
+    outline: 0;
+    border-color: #006aff
 }
 
-.el-radio--small.is-bordered {
-    padding: 8px 15px 0 10px;
-    border-radius: 3px;
-    height: 32px
+.el-textarea .el-input__count {
+    color: #909399;
+    background: #fff;
+    position: absolute;
+    font-size: 12px;
+    bottom: 5px;
+    right: 10px
 }
 
-.el-radio--small.is-bordered .el-radio__label {
-    font-size: 12px
+.el-textarea.is-disabled .el-textarea__inner {
+    background-color: #f5f7fa;
+    border-color: #e4e7ed;
+    color: #babdc2;
+    cursor: not-allowed
 }
 
-.el-radio--small.is-bordered .el-radio__inner {
-    height: 12px;
-    width: 12px
+.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder {
+    color: #babdc2
 }
 
-.el-radio--mini.is-bordered {
-    padding: 6px 15px 0 10px;
-    border-radius: 3px;
-    height: 28px
+.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder {
+    color: #babdc2
 }
 
-.el-radio--mini.is-bordered .el-radio__label {
-    font-size: 12px
+.el-textarea.is-disabled .el-textarea__inner::-ms-input-placeholder {
+    color: #babdc2
 }
 
-.el-radio--mini.is-bordered .el-radio__inner {
-    height: 12px;
-    width: 12px
+.el-textarea.is-disabled .el-textarea__inner::placeholder {
+    color: #babdc2
 }
 
-.el-radio:last-child {
-    margin-right: 0
+.el-textarea.is-exceed .el-textarea__inner {
+    border-color: #ff4d4f
 }
 
-.el-radio__input {
-    white-space: nowrap;
-    cursor: pointer;
-    outline: 0;
-    display: inline-block;
-    line-height: 1;
+.el-textarea.is-exceed .el-input__count {
+    color: #ff4d4f
+}
+
+.el-input {
     position: relative;
-    vertical-align: middle
+    font-size: 14px;
+    display: inline-block;
+    width: 100%
 }
 
-.el-radio__input.is-disabled .el-radio__inner {
-    background-color: #f5f7fa;
-    border-color: #e4e7ed;
-    cursor: not-allowed
+.el-input::-webkit-scrollbar {
+    z-index: 11;
+    width: 6px
 }
 
-.el-radio__input.is-disabled .el-radio__inner::after {
-    cursor: not-allowed;
-    background-color: #f5f7fa
+.el-input::-webkit-scrollbar:horizontal {
+    height: 6px
 }
 
-.el-radio__input.is-disabled .el-radio__inner+.el-radio__label {
-    cursor: not-allowed
+.el-input::-webkit-scrollbar-thumb {
+    border-radius: 5px;
+    width: 6px;
+    background: #b4bccc
 }
 
-.el-radio__input.is-disabled.is-checked .el-radio__inner {
-    background-color: #f5f7fa;
-    border-color: #e4e7ed
+.el-input::-webkit-scrollbar-corner {
+    background: #fff
 }
 
-.el-radio__input.is-disabled.is-checked .el-radio__inner::after {
-    background-color: #babdc2
+.el-input::-webkit-scrollbar-track {
+    background: #fff
+}
+
+.el-input::-webkit-scrollbar-track-piece {
+    background: #fff;
+    width: 6px
 }
 
-.el-radio__input.is-disabled+span.el-radio__label {
+.el-input .el-input__clear {
     color: #babdc2;
-    cursor: not-allowed
+    font-size: 14px;
+    cursor: pointer;
+    -webkit-transition: color .2s cubic-bezier(.645, .045, .355, 1);
+    transition: color .2s cubic-bezier(.645, .045, .355, 1)
 }
 
-.el-radio__input.is-checked .el-radio__inner {
-    border-color: #006aff;
-    background: #006aff
+.el-input .el-input__clear:hover {
+    color: #1e2226
 }
 
-.el-radio__input.is-checked .el-radio__inner::after {
-    -webkit-transform: translate(-50%, -50%) scale(1);
-    transform: translate(-50%, -50%) scale(1)
+.el-input .el-input__count {
+    height: 100%;
+    display: -webkit-inline-box;
+    display: -ms-inline-flexbox;
+    display: inline-flex;
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    align-items: center;
+    color: #909399;
+    font-size: 12px
 }
 
-.el-radio__input.is-checked+.el-radio__label {
-    color: #006aff
+.el-input .el-input__count .el-input__count-inner {
+    background: #fff;
+    line-height: initial;
+    display: inline-block;
+    padding: 0 5px
 }
 
-.el-radio__input.is-focus .el-radio__inner {
-    border-color: #006aff
+
+.el-input-number .el-input__inner {
+    -webkit-appearance: none;
+    padding-left: 50px;
+    padding-right: 50px;
+    text-align: center
 }
 
-.el-radio__inner {
-    border: 1px solid #dfe2e6;
-    border-radius: 100%;
-    width: 14px;
-    height: 14px;
-    background-color: #fff;
-    position: relative;
+.el-input-number__decrease,
+.el-input-number__increase {
+    position: absolute;
+    z-index: 1;
+    top: 1px;
+    width: 40px;
+    height: auto;
+    text-align: center;
+    background: #f5f7fa;
+    color: #606266;
     cursor: pointer;
-    display: inline-block;
-    -webkit-box-sizing: border-box;
-    box-sizing: border-box
+    font-size: 13px
 }
 
-.el-radio__inner:hover {
-    border-color: #006aff
+.el-input-number__decrease:hover,
+.el-input-number__increase:hover {
+    color: #006aff
 }
 
-.el-radio__inner::after {
-    width: 4px;
-    height: 4px;
-    border-radius: 100%;
-    background-color: #fff;
-    content: "";
-    position: absolute;
-    left: 50%;
-    top: 50%;
-    -webkit-transform: translate(-50%, -50%) scale(0);
-    transform: translate(-50%, -50%) scale(0);
-    -webkit-transition: -webkit-transform .15s ease-in;
-    transition: -webkit-transform .15s ease-in;
-    transition: transform .15s ease-in;
-    transition: transform .15s ease-in, -webkit-transform .15s ease-in
+.el-input-number__decrease:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled),
+.el-input-number__increase:hover:not(.is-disabled)~.el-input .el-input__inner:not(.is-disabled) {
+    border-color: #006aff
 }
 
-.el-radio__original {
-    opacity: 0;
-    outline: 0;
-    position: absolute;
-    z-index: -1;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    margin: 0
+.el-input-number__decrease.is-disabled,
+.el-input-number__increase.is-disabled {
+    color: #babdc2;
+    cursor: not-allowed
 }
 
-.el-radio:focus:not(.is-focus):not(:active):not(.is-disabled) .el-radio__inner {
-    -webkit-box-shadow: 0 0 2px 2px #006aff;
-    box-shadow: 0 0 2px 2px #006aff
+.el-input-number__increase {
+    right: 1px;
+    border-radius: 0 4px 4px 0;
+    border-left: 1px solid #dfe2e6
 }
 
-.el-radio__label {
-    font-size: 14px;
-    padding-left: 10px
+.el-input-number__decrease {
+    left: 1px;
+    border-radius: 4px 0 0 4px;
+    border-right: 1px solid #dfe2e6
 }
 
-.el-radio-group {
-    display: inline-block;
-    line-height: 1;
-    vertical-align: middle;
-    font-size: 0
+.el-input-number.is-disabled .el-input-number__decrease,
+.el-input-number.is-disabled .el-input-number__increase {
+    border-color: #e4e7ed;
+    color: #e4e7ed
 }
 
-.el-radio-button {
-    position: relative;
-    display: inline-block;
-    outline: 0
+.el-input-number.is-disabled .el-input-number__decrease:hover,
+.el-input-number.is-disabled .el-input-number__increase:hover {
+    color: #e4e7ed;
+    cursor: not-allowed
 }
 
-.el-radio-button__inner {
-    display: inline-block;
-    line-height: 1;
-    white-space: nowrap;
-    vertical-align: middle;
-    background: #fff;
-    border: 1px solid #dfe2e6;
-    font-weight: 500;
-    border-left: 0;
-    color: #606266;
-    -webkit-appearance: none;
-    text-align: center;
-    -webkit-box-sizing: border-box;
-    box-sizing: border-box;
-    outline: 0;
-    margin: 0;
-    position: relative;
-    cursor: pointer;
-    -webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);
-    transition: all .3s cubic-bezier(.645, .045, .355, 1);
-    padding: 12px 20px;
-    font-size: 14px;
-    border-radius: 0
+.el-input-number--medium {
+    width: 200px;
+    line-height: 34px
 }
 
-.el-radio-button__inner.is-round {
-    padding: 12px 20px
+.el-input-number--medium .el-input-number__decrease,
+.el-input-number--medium .el-input-number__increase {
+    width: 36px;
+    font-size: 14px
 }
 
-.el-radio-button__inner:hover {
-    color: #006aff
+.el-input-number--medium .el-input__inner {
+    padding-left: 43px;
+    padding-right: 43px
 }
 
-.el-radio-button__inner [class*=el-icon-] {
-    line-height: .9
+.el-input-number--small {
+    width: 130px;
+    line-height: 30px
 }
 
-.el-radio-button__inner [class*=el-icon-]+span {
-    margin-left: 5px
+.el-input-number--small .el-input-number__decrease,
+.el-input-number--small .el-input-number__increase {
+    width: 32px;
+    font-size: 13px
 }
 
-.el-radio-button:first-child .el-radio-button__inner {
-    border-left: 1px solid #dfe2e6;
-    border-radius: 4px 0 0 4px;
-    -webkit-box-shadow: none !important;
-    box-shadow: none !important
+.el-input-number--small .el-input-number__decrease [class*=el-icon],
+.el-input-number--small .el-input-number__increase [class*=el-icon] {
+    -webkit-transform: scale(.9);
+    transform: scale(.9)
 }
 
-.el-radio-button__orig-radio {
-    opacity: 0;
-    outline: 0;
-    position: absolute;
-    z-index: -1
+.el-input-number--small .el-input__inner {
+    padding-left: 39px;
+    padding-right: 39px
 }
 
-.el-radio-button__orig-radio:checked+.el-radio-button__inner {
-    color: #fff;
-    background-color: #006aff;
-    border-color: #006aff;
-    -webkit-box-shadow: -1px 0 0 0 #006aff;
-    box-shadow: -1px 0 0 0 #006aff
+.el-input-number--mini {
+    width: 130px;
+    line-height: 26px
 }
 
-.el-radio-button__orig-radio:disabled+.el-radio-button__inner {
-    color: #babdc2;
-    cursor: not-allowed;
-    background-image: none;
-    background-color: #fff;
-    border-color: #ebeef5;
-    -webkit-box-shadow: none;
-    box-shadow: none
+.el-input-number--mini .el-input-number__decrease,
+.el-input-number--mini .el-input-number__increase {
+    width: 28px;
+    font-size: 12px
 }
 
-.el-radio-button__orig-radio:disabled:checked+.el-radio-button__inner {
-    background-color: #f2f6fc
+.el-input-number--mini .el-input-number__decrease [class*=el-icon],
+.el-input-number--mini .el-input-number__increase [class*=el-icon] {
+    -webkit-transform: scale(.8);
+    transform: scale(.8)
 }
 
-.el-radio-button:last-child .el-radio-button__inner {
-    border-radius: 0 4px 4px 0
+.el-input-number--mini .el-input__inner {
+    padding-left: 35px;
+    padding-right: 35px
 }
 
-.el-radio-button:first-child:last-child .el-radio-button__inner {
-    border-radius: 4px
+.el-input-number.is-without-controls .el-input__inner {
+    padding-left: 15px;
+    padding-right: 15px
 }
 
-.el-radio-button--medium .el-radio-button__inner {
-    padding: 10px 20px;
-    font-size: 14px;
-    border-radius: 0
+.el-input-number.is-controls-right .el-input__inner {
+    padding-left: 15px;
+    padding-right: 50px
 }
 
-.el-radio-button--medium .el-radio-button__inner.is-round {
-    padding: 10px 20px
+.el-input-number.is-controls-right .el-input-number__decrease,
+.el-input-number.is-controls-right .el-input-number__increase {
+    height: auto;
+    line-height: 19px
 }
 
-.el-radio-button--small .el-radio-button__inner {
-    padding: 9px 15px;
-    font-size: 12px;
-    border-radius: 0
+.el-input-number.is-controls-right .el-input-number__decrease [class*=el-icon],
+.el-input-number.is-controls-right .el-input-number__increase [class*=el-icon] {
+    -webkit-transform: scale(.8);
+    transform: scale(.8)
 }
 
-.el-radio-button--small .el-radio-button__inner.is-round {
-    padding: 9px 15px
+.el-input-number.is-controls-right .el-input-number__increase {
+    border-radius: 0 4px 0 0;
+    border-bottom: 1px solid #dfe2e6
 }
 
-.el-radio-button--mini .el-radio-button__inner {
-    padding: 7px 15px;
-    font-size: 12px;
-    border-radius: 0
+.el-input-number.is-controls-right .el-input-number__decrease {
+    right: 1px;
+    bottom: 1px;
+    top: auto;
+    left: auto;
+    border-right: none;
+    border-left: 1px solid #dfe2e6;
+    border-radius: 0 0 4px 0
 }
 
-.el-radio-button--mini .el-radio-button__inner.is-round {
-    padding: 7px 15px
+.el-input-number.is-controls-right[class*=medium] [class*=decrease],
+.el-input-number.is-controls-right[class*=medium] [class*=increase] {
+    line-height: 17px
 }
 
-.el-radio-button:focus:not(.is-focus):not(:active):not(.is-disabled) {
-    -webkit-box-shadow: 0 0 2px 2px #006aff;
-    box-shadow: 0 0 2px 2px #006aff
+.el-input-number.is-controls-right[class*=small] [class*=decrease],
+.el-input-number.is-controls-right[class*=small] [class*=increase] {
+    line-height: 15px
 }
 
-.el-checkbox {
+.el-input-number.is-controls-right[class*=mini] [class*=decrease],
+.el-input-number.is-controls-right[class*=mini] [class*=increase] {
+    line-height: 13px
+}
+
+.el-radio {
     color: #606266;
     font-weight: 500;
-    font-size: 14px;
+    line-height: 1;
     position: relative;
     cursor: pointer;
     display: inline-block;
     white-space: nowrap;
-    -webkit-user-select: none;
+    outline: 0;
+    font-size: 14px;
+    margin-right: 30px;
     -moz-user-select: none;
-    -ms-user-select: none;
-    user-select: none;
-    margin-right: 30px
+    -webkit-user-select: none;
+    -ms-user-select: none
 }
 
-.el-checkbox.is-bordered {
-    padding: 9px 20px 9px 10px;
+.el-radio.is-bordered {
+    padding: 12px 20px 0 10px;
     border-radius: 4px;
     border: 1px solid #dfe2e6;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
-    line-height: normal;
     height: 40px
 }
 
-.el-checkbox.is-bordered.is-checked {
+.el-radio.is-bordered.is-checked {
     border-color: #006aff
 }
 
-.el-checkbox.is-bordered.is-disabled {
-    border-color: #ebeef5;
-    cursor: not-allowed
+.el-radio.is-bordered.is-disabled {
+    cursor: not-allowed;
+    border-color: #ebeef5
 }
 
-.el-checkbox.is-bordered+.el-checkbox.is-bordered {
+.el-radio.is-bordered+.el-radio.is-bordered {
     margin-left: 10px
 }
 
-.el-checkbox.is-bordered.el-checkbox--medium {
-    padding: 7px 20px 7px 10px;
+.el-radio--medium.is-bordered {
+    padding: 10px 20px 0 10px;
     border-radius: 4px;
     height: 36px
 }
 
-.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__label {
-    line-height: 17px;
+.el-radio--medium.is-bordered .el-radio__label {
     font-size: 14px
 }
 
-.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__inner {
+.el-radio--medium.is-bordered .el-radio__inner {
     height: 14px;
     width: 14px
 }
 
-.el-checkbox.is-bordered.el-checkbox--small {
-    padding: 5px 15px 5px 10px;
+.el-radio--small.is-bordered {
+    padding: 8px 15px 0 10px;
     border-radius: 3px;
     height: 32px
 }
 
-.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label {
-    line-height: 15px;
+.el-radio--small.is-bordered .el-radio__label {
     font-size: 12px
 }
 
-.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner {
+.el-radio--small.is-bordered .el-radio__inner {
     height: 12px;
     width: 12px
 }
 
-.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner::after {
-    height: 6px;
-    width: 2px
-}
-
-.el-checkbox.is-bordered.el-checkbox--mini {
-    padding: 3px 15px 3px 10px;
+.el-radio--mini.is-bordered {
+    padding: 6px 15px 0 10px;
     border-radius: 3px;
     height: 28px
 }
 
-.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__label {
-    line-height: 12px;
+.el-radio--mini.is-bordered .el-radio__label {
     font-size: 12px
 }
 
-.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner {
+.el-radio--mini.is-bordered .el-radio__inner {
     height: 12px;
     width: 12px
 }
 
-.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner::after {
-    height: 6px;
-    width: 2px
+.el-radio:last-child {
+    margin-right: 0
 }
 
-.el-checkbox__input {
+.el-radio__input {
     white-space: nowrap;
     cursor: pointer;
     outline: 0;
@@ -6679,161 +5209,130 @@ border-color:#006AFF !important;
     vertical-align: middle
 }
 
-.el-checkbox__input.is-disabled .el-checkbox__inner {
-    background-color: #edf2fc;
-    border-color: #dfe2e6;
+.el-radio__input.is-disabled .el-radio__inner {
+    background-color: #f5f7fa;
+    border-color: #e4e7ed;
     cursor: not-allowed
 }
 
-.el-checkbox__input.is-disabled .el-checkbox__inner::after {
+.el-radio__input.is-disabled .el-radio__inner::after {
     cursor: not-allowed;
-    border-color: #babdc2
+    background-color: #f5f7fa
 }
 
-.el-checkbox__input.is-disabled .el-checkbox__inner+.el-checkbox__label {
+.el-radio__input.is-disabled .el-radio__inner+.el-radio__label {
     cursor: not-allowed
 }
 
-.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {
-    background-color: #f2f6fc;
-    border-color: #dfe2e6
-}
-
-.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after {
-    border-color: #babdc2
-}
-
-.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner {
-    background-color: #f2f6fc;
-    border-color: #dfe2e6
+.el-radio__input.is-disabled.is-checked .el-radio__inner {
+    background-color: #f5f7fa;
+    border-color: #e4e7ed
 }
 
-.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner::before {
-    background-color: #babdc2;
-    border-color: #babdc2
+.el-radio__input.is-disabled.is-checked .el-radio__inner::after {
+    background-color: #babdc2
 }
 
-.el-checkbox__input.is-disabled+span.el-checkbox__label {
+.el-radio__input.is-disabled+span.el-radio__label {
     color: #babdc2;
     cursor: not-allowed
 }
 
-.el-checkbox__input.is-checked .el-checkbox__inner {
-    background-color: #006aff;
-    border-color: #006aff
+.el-radio__input.is-checked .el-radio__inner {
+    border-color: #006aff;
+    background: #006aff
 }
 
-.el-checkbox__input.is-checked .el-checkbox__inner::after {
-    -webkit-transform: rotate(45deg) scaleY(1);
-    transform: rotate(45deg) scaleY(1)
+.el-radio__input.is-checked .el-radio__inner::after {
+    -webkit-transform: translate(-50%, -50%) scale(1);
+    transform: translate(-50%, -50%) scale(1)
 }
 
-.el-checkbox__input.is-checked+.el-checkbox__label {
+.el-radio__input.is-checked+.el-radio__label {
     color: #006aff
 }
 
-.el-checkbox__input.is-focus .el-checkbox__inner {
-    border-color: #dfe2e6
-}
-
-.el-checkbox__input.is-indeterminate .el-checkbox__inner {
-    background-color: #006aff;
+.el-radio__input.is-focus .el-radio__inner {
     border-color: #006aff
 }
 
-.el-checkbox__input.is-indeterminate .el-checkbox__inner::before {
-    content: '';
-    position: absolute;
-    display: block;
-    background-color: #fff;
-    height: 2px;
-    -webkit-transform: scale(.5);
-    transform: scale(.5);
-    left: 0;
-    right: 0;
-    top: 5px
-}
-
-.el-checkbox__input.is-indeterminate .el-checkbox__inner::after {
-    display: none
-}
-
-.el-checkbox__inner {
-    display: inline-block;
-    position: relative;
+.el-radio__inner {
     border: 1px solid #dfe2e6;
-    border-radius: 2px;
-    -webkit-box-sizing: border-box;
-    box-sizing: border-box;
+    border-radius: 100%;
     width: 14px;
     height: 14px;
     background-color: #fff;
-    z-index: 1;
-    -webkit-transition: border-color .25s cubic-bezier(.71, -.46, .29, 1.46), background-color .25s cubic-bezier(.71, -.46, .29, 1.46);
-    transition: border-color .25s cubic-bezier(.71, -.46, .29, 1.46), background-color .25s cubic-bezier(.71, -.46, .29, 1.46)
+    position: relative;
+    cursor: pointer;
+    display: inline-block;
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box
 }
 
-.el-checkbox__inner:hover {
+.el-radio__inner:hover {
     border-color: #006aff
 }
 
-.el-checkbox__inner::after {
-    -webkit-box-sizing: content-box;
-    box-sizing: content-box;
+.el-radio__inner::after {
+    width: 4px;
+    height: 4px;
+    border-radius: 100%;
+    background-color: #fff;
     content: "";
-    border: 1px solid #fff;
-    border-left: 0;
-    border-top: 0;
-    height: 7px;
-    left: 4px;
     position: absolute;
-    top: 1px;
-    -webkit-transform: rotate(45deg) scaleY(0);
-    transform: rotate(45deg) scaleY(0);
-    width: 3px;
-    -webkit-transition: -webkit-transform .15s ease-in .05s;
-    transition: -webkit-transform .15s ease-in .05s;
-    transition: transform .15s ease-in .05s;
-    transition: transform .15s ease-in .05s, -webkit-transform .15s ease-in .05s;
-    -webkit-transform-origin: center;
-    transform-origin: center
+    left: 50%;
+    top: 50%;
+    -webkit-transform: translate(-50%, -50%) scale(0);
+    transform: translate(-50%, -50%) scale(0);
+    -webkit-transition: -webkit-transform .15s ease-in;
+    transition: -webkit-transform .15s ease-in;
+    transition: transform .15s ease-in;
+    transition: transform .15s ease-in, -webkit-transform .15s ease-in
 }
 
-.el-checkbox__original {
+.el-radio__original {
     opacity: 0;
     outline: 0;
     position: absolute;
-    margin: 0;
-    width: 0;
-    height: 0;
-    z-index: -1
+    z-index: -1;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    margin: 0
 }
 
-.el-checkbox__label {
-    display: inline-block;
-    padding-left: 10px;
-    line-height: 19px;
-    font-size: 14px
+.el-radio:focus:not(.is-focus):not(:active):not(.is-disabled) .el-radio__inner {
+    -webkit-box-shadow: 0 0 2px 2px #006aff;
+    box-shadow: 0 0 2px 2px #006aff
 }
 
-.el-checkbox:last-of-type {
-    margin-right: 0
+.el-radio__label {
+    font-size: 14px;
+    padding-left: 10px
 }
 
-.el-checkbox-button {
+.el-radio-group {
+    display: inline-block;
+    line-height: 1;
+    vertical-align: middle;
+    font-size: 0
+}
+
+.el-radio-button {
     position: relative;
-    display: inline-block
+    display: inline-block;
+    outline: 0
 }
 
-.el-checkbox-button__inner {
+.el-radio-button__inner {
     display: inline-block;
     line-height: 1;
-    font-weight: 500;
     white-space: nowrap;
     vertical-align: middle;
-    cursor: pointer;
     background: #fff;
     border: 1px solid #dfe2e6;
+    font-weight: 500;
     border-left: 0;
     color: #606266;
     -webkit-appearance: none;
@@ -6843,53 +5342,53 @@ border-color:#006AFF !important;
     outline: 0;
     margin: 0;
     position: relative;
+    cursor: pointer;
     -webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);
     transition: all .3s cubic-bezier(.645, .045, .355, 1);
-    -moz-user-select: none;
-    -webkit-user-select: none;
-    -ms-user-select: none;
     padding: 12px 20px;
     font-size: 14px;
     border-radius: 0
 }
 
-.el-checkbox-button__inner.is-round {
+.el-radio-button__inner.is-round {
     padding: 12px 20px
 }
 
-.el-checkbox-button__inner:hover {
+.el-radio-button__inner:hover {
     color: #006aff
 }
 
-.el-checkbox-button__inner [class*=el-icon-] {
+.el-radio-button__inner [class*=el-icon-] {
     line-height: .9
 }
 
-.el-checkbox-button__inner [class*=el-icon-]+span {
+.el-radio-button__inner [class*=el-icon-]+span {
     margin-left: 5px
 }
 
-.el-checkbox-button__original {
+.el-radio-button:first-child .el-radio-button__inner {
+    border-left: 1px solid #dfe2e6;
+    border-radius: 4px 0 0 4px;
+    -webkit-box-shadow: none !important;
+    box-shadow: none !important
+}
+
+.el-radio-button__orig-radio {
     opacity: 0;
     outline: 0;
     position: absolute;
-    margin: 0;
     z-index: -1
 }
 
-.el-checkbox-button.is-checked .el-checkbox-button__inner {
+.el-radio-button__orig-radio:checked+.el-radio-button__inner {
     color: #fff;
     background-color: #006aff;
     border-color: #006aff;
-    -webkit-box-shadow: -1px 0 0 0 #66a6ff;
-    box-shadow: -1px 0 0 0 #66a6ff
-}
-
-.el-checkbox-button.is-checked:first-child .el-checkbox-button__inner {
-    border-left-color: #006aff
+    -webkit-box-shadow: -1px 0 0 0 #006aff;
+    box-shadow: -1px 0 0 0 #006aff
 }
 
-.el-checkbox-button.is-disabled .el-checkbox-button__inner {
+.el-radio-button__orig-radio:disabled+.el-radio-button__inner {
     color: #babdc2;
     cursor: not-allowed;
     background-image: none;
@@ -6899,770 +5398,864 @@ border-color:#006AFF !important;
     box-shadow: none
 }
 
-.el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner {
-    border-left-color: #ebeef5
-}
-
-.el-checkbox-button:first-child .el-checkbox-button__inner {
-    border-left: 1px solid #dfe2e6;
-    border-radius: 4px 0 0 4px;
-    -webkit-box-shadow: none !important;
-    box-shadow: none !important
+.el-radio-button__orig-radio:disabled:checked+.el-radio-button__inner {
+    background-color: #f2f6fc
 }
 
-.el-checkbox-button.is-focus .el-checkbox-button__inner {
-    border-color: #006aff
+.el-radio-button:last-child .el-radio-button__inner {
+    border-radius: 0 4px 4px 0
 }
 
-.el-checkbox-button:last-child .el-checkbox-button__inner {
-    border-radius: 0 4px 4px 0
+.el-radio-button:first-child:last-child .el-radio-button__inner {
+    border-radius: 4px
 }
 
-.el-checkbox-button--medium .el-checkbox-button__inner {
+.el-radio-button--medium .el-radio-button__inner {
     padding: 10px 20px;
     font-size: 14px;
     border-radius: 0
 }
 
-.el-checkbox-button--medium .el-checkbox-button__inner.is-round {
+.el-radio-button--medium .el-radio-button__inner.is-round {
     padding: 10px 20px
 }
 
-.el-checkbox-button--small .el-checkbox-button__inner {
+.el-radio-button--small .el-radio-button__inner {
     padding: 9px 15px;
     font-size: 12px;
     border-radius: 0
 }
 
-.el-checkbox-button--small .el-checkbox-button__inner.is-round {
+.el-radio-button--small .el-radio-button__inner.is-round {
     padding: 9px 15px
 }
 
-.el-checkbox-button--mini .el-checkbox-button__inner {
+.el-radio-button--mini .el-radio-button__inner {
     padding: 7px 15px;
     font-size: 12px;
     border-radius: 0
 }
 
-.el-checkbox-button--mini .el-checkbox-button__inner.is-round {
+.el-radio-button--mini .el-radio-button__inner.is-round {
     padding: 7px 15px
 }
 
-.el-checkbox-group {
-    font-size: 0
+.el-radio-button:focus:not(.is-focus):not(:active):not(.is-disabled) {
+    -webkit-box-shadow: 0 0 2px 2px #006aff;
+    box-shadow: 0 0 2px 2px #006aff
 }
 
-.el-switch {
-    display: -webkit-inline-box;
-    display: -ms-inline-flexbox;
-    display: inline-flex;
-    -webkit-box-align: center;
-    -ms-flex-align: center;
-    align-items: center;
-    position: relative;
+.el-checkbox {
+    color: #606266;
+    font-weight: 500;
     font-size: 14px;
-    line-height: 20px;
-    height: 20px;
-    vertical-align: middle
+    position: relative;
+    cursor: pointer;
+    display: inline-block;
+    white-space: nowrap;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    margin-right: 30px
 }
 
-.el-switch.is-disabled .el-switch__core,
-.el-switch.is-disabled .el-switch__label {
+.el-checkbox.is-bordered {
+    padding: 9px 20px 9px 10px;
+    border-radius: 4px;
+    border: 1px solid #dfe2e6;
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box;
+    line-height: normal;
+    height: 40px
+}
+
+.el-checkbox.is-bordered.is-checked {
+    border-color: #006aff
+}
+
+.el-checkbox.is-bordered.is-disabled {
+    border-color: #ebeef5;
     cursor: not-allowed
 }
 
-.el-switch__label {
-    -webkit-transition: .2s;
-    transition: .2s;
-    height: 20px;
-    display: inline-block;
-    font-size: 14px;
-    font-weight: 500;
-    cursor: pointer;
-    vertical-align: middle;
-    color: #1e2226
+.el-checkbox.is-bordered+.el-checkbox.is-bordered {
+    margin-left: 10px
 }
 
-.el-switch__label.is-active {
-    color: #006aff
+.el-checkbox.is-bordered.el-checkbox--medium {
+    padding: 7px 20px 7px 10px;
+    border-radius: 4px;
+    height: 36px
 }
 
-.el-switch__label--left {
-    margin-right: 10px
+.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__label {
+    line-height: 17px;
+    font-size: 14px
 }
 
-.el-switch__label--right {
-    margin-left: 10px
+.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__inner {
+    height: 14px;
+    width: 14px
 }
 
-.el-switch__label * {
-    line-height: 1;
-    font-size: 14px;
-    display: inline-block
+.el-checkbox.is-bordered.el-checkbox--small {
+    padding: 5px 15px 5px 10px;
+    border-radius: 3px;
+    height: 32px
 }
 
-.el-switch__input {
-    position: absolute;
-    width: 0;
-    height: 0;
-    opacity: 0;
-    margin: 0
+.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label {
+    line-height: 15px;
+    font-size: 12px
 }
 
-.el-switch__core {
-    margin: 0;
+.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner {
+    height: 12px;
+    width: 12px
+}
+
+.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner::after {
+    height: 6px;
+    width: 2px
+}
+
+.el-checkbox.is-bordered.el-checkbox--mini {
+    padding: 3px 15px 3px 10px;
+    border-radius: 3px;
+    height: 28px
+}
+
+.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__label {
+    line-height: 12px;
+    font-size: 12px
+}
+
+.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner {
+    height: 12px;
+    width: 12px
+}
+
+.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner::after {
+    height: 6px;
+    width: 2px
+}
+
+.el-checkbox__input {
+    white-space: nowrap;
+    cursor: pointer;
+    outline: 0;
     display: inline-block;
+    line-height: 1;
     position: relative;
-    width: 40px;
-    height: 20px;
-    border: 1px solid #dfe2e6;
-    outline: 0;
-    border-radius: 10px;
-    -webkit-box-sizing: border-box;
-    box-sizing: border-box;
-    background: #dfe2e6;
-    cursor: pointer;
-    -webkit-transition: border-color .3s, background-color .3s;
-    transition: border-color .3s, background-color .3s;
     vertical-align: middle
 }
 
-.el-switch__core:after {
-    content: "";
-    position: absolute;
-    top: 1px;
-    left: 1px;
-    border-radius: 100%;
-    -webkit-transition: all .3s;
-    transition: all .3s;
-    width: 16px;
-    height: 16px;
-    background-color: #fff
+.el-checkbox__input.is-disabled .el-checkbox__inner {
+    background-color: #edf2fc;
+    border-color: #dfe2e6;
+    cursor: not-allowed
 }
 
-.el-switch.is-checked .el-switch__core {
-    border-color: #006aff;
-    background-color: #006aff
+.el-checkbox__input.is-disabled .el-checkbox__inner::after {
+    cursor: not-allowed;
+    border-color: #babdc2
 }
 
-.el-switch.is-checked .el-switch__core::after {
-    left: 100%;
-    margin-left: -17px
+.el-checkbox__input.is-disabled .el-checkbox__inner+.el-checkbox__label {
+    cursor: not-allowed
 }
 
-.el-switch.is-disabled {
-    opacity: .6
+.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {
+    background-color: #f2f6fc;
+    border-color: #dfe2e6
 }
 
-.el-switch--wide .el-switch__label.el-switch__label--left span {
-    left: 10px
+.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after {
+    border-color: #babdc2
 }
 
-.el-switch--wide .el-switch__label.el-switch__label--right span {
-    right: 10px
+.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner {
+    background-color: #f2f6fc;
+    border-color: #dfe2e6
 }
-
-.el-switch .label-fade-enter,
-.el-switch .label-fade-leave-active {
-    opacity: 0
+
+.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner::before {
+    background-color: #babdc2;
+    border-color: #babdc2
 }
 
-.el-popper .popper__arrow,
-.el-popper .popper__arrow::after {
-    position: absolute;
-    display: block;
-    width: 0;
-    height: 0;
-    border-color: transparent;
-    border-style: solid
+.el-checkbox__input.is-disabled+span.el-checkbox__label {
+    color: #babdc2;
+    cursor: not-allowed
 }
 
-.el-popper .popper__arrow {
-    border-width: 6px;
-    -webkit-filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03));
-    filter: drop-shadow(0 2px 12px rgba(0, 0, 0, .03))
+.el-checkbox__input.is-checked .el-checkbox__inner {
+    background-color: #006aff;
+    border-color: #006aff
 }
 
-.el-popper .popper__arrow::after {
-    content: " ";
-    border-width: 6px
+.el-checkbox__input.is-checked .el-checkbox__inner::after {
+    -webkit-transform: rotate(45deg) scaleY(1);
+    transform: rotate(45deg) scaleY(1)
 }
 
-.el-popper[x-placement^=top] {
-    margin-bottom: 12px
+.el-checkbox__input.is-checked+.el-checkbox__label {
+    color: #006aff
 }
 
-.el-popper[x-placement^=top] .popper__arrow {
-    bottom: -6px;
-    left: 50%;
-    margin-right: 3px;
-    border-top-color: #ebeef5;
-    border-bottom-width: 0
+.el-checkbox__input.is-focus .el-checkbox__inner {
+    border-color: #dfe2e6
 }
 
-.el-popper[x-placement^=top] .popper__arrow::after {
-    bottom: 1px;
-    margin-left: -6px;
-    border-top-color: #fff;
-    border-bottom-width: 0
+.el-checkbox__input.is-indeterminate .el-checkbox__inner {
+    background-color: #006aff;
+    border-color: #006aff
 }
 
-.el-popper[x-placement^=bottom] {
-    margin-top: 12px
+.el-checkbox__input.is-indeterminate .el-checkbox__inner::before {
+    content: '';
+    position: absolute;
+    display: block;
+    background-color: #fff;
+    height: 2px;
+    -webkit-transform: scale(.5);
+    transform: scale(.5);
+    left: 0;
+    right: 0;
+    top: 5px
 }
 
-.el-popper[x-placement^=bottom] .popper__arrow {
-    top: -6px;
-    left: 50%;
-    margin-right: 3px;
-    border-top-width: 0;
-    border-bottom-color: #ebeef5
+.el-checkbox__input.is-indeterminate .el-checkbox__inner::after {
+    display: none
 }
 
-.el-popper[x-placement^=bottom] .popper__arrow::after {
-    top: 1px;
-    margin-left: -6px;
-    border-top-width: 0;
-    border-bottom-color: #fff
+.el-checkbox__inner {
+    display: inline-block;
+    position: relative;
+    border: 1px solid #dfe2e6;
+    border-radius: 2px;
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box;
+    width: 14px;
+    height: 14px;
+    background-color: #fff;
+    z-index: 1;
+    -webkit-transition: border-color .25s cubic-bezier(.71, -.46, .29, 1.46), background-color .25s cubic-bezier(.71, -.46, .29, 1.46);
+    transition: border-color .25s cubic-bezier(.71, -.46, .29, 1.46), background-color .25s cubic-bezier(.71, -.46, .29, 1.46)
 }
 
-.el-popper[x-placement^=right] {
-    margin-left: 12px
+.el-checkbox__inner:hover {
+    border-color: #006aff
 }
 
-.el-popper[x-placement^=right] .popper__arrow {
-    top: 50%;
-    left: -6px;
-    margin-bottom: 3px;
-    border-right-color: #ebeef5;
-    border-left-width: 0
+.el-checkbox__inner::after {
+    -webkit-box-sizing: content-box;
+    box-sizing: content-box;
+    content: "";
+    border: 1px solid #fff;
+    border-left: 0;
+    border-top: 0;
+    height: 7px;
+    left: 4px;
+    position: absolute;
+    top: 1px;
+    -webkit-transform: rotate(45deg) scaleY(0);
+    transform: rotate(45deg) scaleY(0);
+    width: 3px;
+    -webkit-transition: -webkit-transform .15s ease-in .05s;
+    transition: -webkit-transform .15s ease-in .05s;
+    transition: transform .15s ease-in .05s;
+    transition: transform .15s ease-in .05s, -webkit-transform .15s ease-in .05s;
+    -webkit-transform-origin: center;
+    transform-origin: center
 }
 
-.el-popper[x-placement^=right] .popper__arrow::after {
-    bottom: -6px;
-    left: 1px;
-    border-right-color: #fff;
-    border-left-width: 0
+.el-checkbox__original {
+    opacity: 0;
+    outline: 0;
+    position: absolute;
+    margin: 0;
+    width: 0;
+    height: 0;
+    z-index: -1
 }
 
-.el-popper[x-placement^=left] {
-    margin-right: 12px
+.el-checkbox__label {
+    display: inline-block;
+    padding-left: 10px;
+    line-height: 19px;
+    font-size: 14px
 }
 
-.el-popper[x-placement^=left] .popper__arrow {
-    top: 50%;
-    right: -6px;
-    margin-bottom: 3px;
-    border-right-width: 0;
-    border-left-color: #ebeef5
+.el-checkbox:last-of-type {
+    margin-right: 0
 }
 
-.el-popper[x-placement^=left] .popper__arrow::after {
-    right: 1px;
-    bottom: -6px;
-    margin-left: -6px;
-    border-right-width: 0;
-    border-left-color: #fff
+.el-checkbox-button {
+    position: relative;
+    display: inline-block
 }
 
-.el-select-dropdown {
-    position: absolute;
-    z-index: 1001;
-    border: solid 1px #e4e7ed;
-    border-radius: 4px;
-    background-color: #fff;
-    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
-    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
+.el-checkbox-button__inner {
+    display: inline-block;
+    line-height: 1;
+    font-weight: 500;
+    white-space: nowrap;
+    vertical-align: middle;
+    cursor: pointer;
+    background: #fff;
+    border: 1px solid #dfe2e6;
+    border-left: 0;
+    color: #606266;
+    -webkit-appearance: none;
+    text-align: center;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
-    margin: 5px 0
-}
-
-.el-select-dropdown.is-multiple .el-select-dropdown__item {
-    padding-right: 40px
+    outline: 0;
+    margin: 0;
+    position: relative;
+    -webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);
+    transition: all .3s cubic-bezier(.645, .045, .355, 1);
+    -moz-user-select: none;
+    -webkit-user-select: none;
+    -ms-user-select: none;
+    padding: 12px 20px;
+    font-size: 14px;
+    border-radius: 0
 }
 
-.el-select-dropdown.is-multiple .el-select-dropdown__item.selected {
-    color: #006aff;
-    background-color: #fff
+.el-checkbox-button__inner.is-round {
+    padding: 12px 20px
 }
 
-.el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover {
-    background-color: #f5f7fa
+.el-checkbox-button__inner:hover {
+    color: #006aff
 }
 
-.el-select-dropdown.is-multiple .el-select-dropdown__item.selected::after {
-    position: absolute;
-    right: 20px;
-    font-family: element-icons;
-    content: "\e6da";
-    font-size: 12px;
-    font-weight: 700;
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale
+.el-checkbox-button__inner [class*=el-icon-] {
+    line-height: .9
 }
 
-.el-select-dropdown .el-scrollbar.is-empty .el-select-dropdown__list {
-    padding: 0
+.el-checkbox-button__inner [class*=el-icon-]+span {
+    margin-left: 5px
 }
 
-.el-select-dropdown__empty {
-    padding: 10px 0;
+.el-checkbox-button__original {
+    opacity: 0;
+    outline: 0;
+    position: absolute;
     margin: 0;
-    text-align: center;
-    color: #999;
-    font-size: 14px
+    z-index: -1
 }
 
-.el-select-dropdown__wrap {
-    max-height: 274px
+.el-checkbox-button.is-checked .el-checkbox-button__inner {
+    color: #fff;
+    background-color: #006aff;
+    border-color: #006aff;
+    -webkit-box-shadow: -1px 0 0 0 #66a6ff;
+    box-shadow: -1px 0 0 0 #66a6ff
 }
 
-.el-select-dropdown__list {
-    list-style: none;
-    padding: 6px 0;
-    margin: 0;
-    -webkit-box-sizing: border-box;
-    box-sizing: border-box
+.el-checkbox-button.is-checked:first-child .el-checkbox-button__inner {
+    border-left-color: #006aff
 }
 
-.el-textarea {
-    position: relative;
-    display: inline-block;
-    width: 100%;
-    vertical-align: bottom;
-    font-size: 14px
+.el-checkbox-button.is-disabled .el-checkbox-button__inner {
+    color: #babdc2;
+    cursor: not-allowed;
+    background-image: none;
+    background-color: #fff;
+    border-color: #ebeef5;
+    -webkit-box-shadow: none;
+    box-shadow: none
+}
+
+.el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner {
+    border-left-color: #ebeef5
 }
 
-.el-textarea__inner {
-    display: block;
-    resize: vertical;
-    padding: 5px 15px;
-    line-height: 1.5;
-    -webkit-box-sizing: border-box;
-    box-sizing: border-box;
-    width: 100%;
-    font-size: inherit;
-    color: #606266;
-    background-color: #fff;
-    background-image: none;
-    border: 1px solid #dfe2e6;
-    border-radius: 4px;
-    -webkit-transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
-    transition: border-color .2s cubic-bezier(.645, .045, .355, 1)
+.el-checkbox-button:first-child .el-checkbox-button__inner {
+    border-left: 1px solid #dfe2e6;
+    border-radius: 4px 0 0 4px;
+    -webkit-box-shadow: none !important;
+    box-shadow: none !important
 }
 
-.el-textarea__inner::-webkit-input-placeholder {
-    color: #babdc2
+.el-checkbox-button.is-focus .el-checkbox-button__inner {
+    border-color: #006aff
 }
 
-.el-textarea__inner::-moz-placeholder {
-    color: #babdc2
+.el-checkbox-button:last-child .el-checkbox-button__inner {
+    border-radius: 0 4px 4px 0
 }
 
-.el-textarea__inner::-ms-input-placeholder {
-    color: #babdc2
+.el-checkbox-button--medium .el-checkbox-button__inner {
+    padding: 10px 20px;
+    font-size: 14px;
+    border-radius: 0
 }
 
-.el-textarea__inner::placeholder {
-    color: #babdc2
+.el-checkbox-button--medium .el-checkbox-button__inner.is-round {
+    padding: 10px 20px
 }
 
-.el-textarea__inner:hover {
-    border-color: #babdc2
+.el-checkbox-button--small .el-checkbox-button__inner {
+    padding: 9px 15px;
+    font-size: 12px;
+    border-radius: 0
 }
 
-.el-textarea__inner:focus {
-    outline: 0;
-    border-color: #006aff
+.el-checkbox-button--small .el-checkbox-button__inner.is-round {
+    padding: 9px 15px
 }
 
-.el-textarea .el-input__count {
-    color: #909399;
-    background: #fff;
-    position: absolute;
+.el-checkbox-button--mini .el-checkbox-button__inner {
+    padding: 7px 15px;
     font-size: 12px;
-    bottom: 5px;
-    right: 10px
+    border-radius: 0
 }
 
-.el-textarea.is-disabled .el-textarea__inner {
-    background-color: #f5f7fa;
-    border-color: #e4e7ed;
-    color: #babdc2;
-    cursor: not-allowed
+.el-checkbox-button--mini .el-checkbox-button__inner.is-round {
+    padding: 7px 15px
 }
 
-.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder {
-    color: #babdc2
+.el-checkbox-group {
+    font-size: 0
 }
 
-.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder {
-    color: #babdc2
+.el-switch {
+    display: -webkit-inline-box;
+    display: -ms-inline-flexbox;
+    display: inline-flex;
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    align-items: center;
+    position: relative;
+    font-size: 14px;
+    line-height: 20px;
+    height: 20px;
+    vertical-align: middle
 }
 
-.el-textarea.is-disabled .el-textarea__inner::-ms-input-placeholder {
-    color: #babdc2
+.el-switch.is-disabled .el-switch__core,
+.el-switch.is-disabled .el-switch__label {
+    cursor: not-allowed
 }
 
-.el-textarea.is-disabled .el-textarea__inner::placeholder {
-    color: #babdc2
+.el-switch__label {
+    -webkit-transition: .2s;
+    transition: .2s;
+    height: 20px;
+    display: inline-block;
+    font-size: 14px;
+    font-weight: 500;
+    cursor: pointer;
+    vertical-align: middle;
+    color: #1e2226
 }
 
-.el-textarea.is-exceed .el-textarea__inner {
-    border-color: #ff4d4f
+.el-switch__label.is-active {
+    color: #006aff
 }
 
-.el-textarea.is-exceed .el-input__count {
-    color: #ff4d4f
+.el-switch__label--left {
+    margin-right: 10px
 }
 
-.el-input {
-    position: relative;
+.el-switch__label--right {
+    margin-left: 10px
+}
+
+.el-switch__label * {
+    line-height: 1;
     font-size: 14px;
-    display: inline-block;
-    width: 100%
+    display: inline-block
 }
 
-.el-input::-webkit-scrollbar {
-    z-index: 11;
-    width: 6px
+.el-switch__input {
+    position: absolute;
+    width: 0;
+    height: 0;
+    opacity: 0;
+    margin: 0
 }
 
-.el-input::-webkit-scrollbar:horizontal {
-    height: 6px
+.el-switch__core {
+    margin: 0;
+    display: inline-block;
+    position: relative;
+    width: 40px;
+    height: 20px;
+    border: 1px solid #dfe2e6;
+    outline: 0;
+    border-radius: 10px;
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box;
+    background: #dfe2e6;
+    cursor: pointer;
+    -webkit-transition: border-color .3s, background-color .3s;
+    transition: border-color .3s, background-color .3s;
+    vertical-align: middle
 }
 
-.el-input::-webkit-scrollbar-thumb {
-    border-radius: 5px;
-    width: 6px;
-    background: #b4bccc
+.el-switch__core:after {
+    content: "";
+    position: absolute;
+    top: 1px;
+    left: 1px;
+    border-radius: 100%;
+    -webkit-transition: all .3s;
+    transition: all .3s;
+    width: 16px;
+    height: 16px;
+    background-color: #fff
 }
 
-.el-input::-webkit-scrollbar-corner {
-    background: #fff
+.el-switch.is-checked .el-switch__core {
+    border-color: #006aff;
+    background-color: #006aff
 }
 
-.el-input::-webkit-scrollbar-track {
-    background: #fff
+.el-switch.is-checked .el-switch__core::after {
+    left: 100%;
+    margin-left: -17px
 }
 
-.el-input::-webkit-scrollbar-track-piece {
-    background: #fff;
-    width: 6px
+.el-switch.is-disabled {
+    opacity: .6
 }
 
-.el-input .el-input__clear {
-    color: #babdc2;
-    font-size: 14px;
-    cursor: pointer;
-    -webkit-transition: color .2s cubic-bezier(.645, .045, .355, 1);
-    transition: color .2s cubic-bezier(.645, .045, .355, 1)
+.el-switch--wide .el-switch__label.el-switch__label--left span {
+    left: 10px
 }
 
-.el-input .el-input__clear:hover {
-    color: #1e2226
+.el-switch--wide .el-switch__label.el-switch__label--right span {
+    right: 10px
 }
 
-.el-input .el-input__count {
-    height: 100%;
-    display: -webkit-inline-box;
-    display: -ms-inline-flexbox;
-    display: inline-flex;
-    -webkit-box-align: center;
-    -ms-flex-align: center;
-    align-items: center;
-    color: #909399;
-    font-size: 12px
+.el-switch .label-fade-enter,
+.el-switch .label-fade-leave-active {
+    opacity: 0
 }
 
-.el-input .el-input__count .el-input__count-inner {
-    background: #fff;
-    line-height: initial;
-    display: inline-block;
-    padding: 0 5px
+.el-popper .popper__arrow,
+.el-popper .popper__arrow::after {
+    position: absolute;
+    display: block;
+    width: 0;
+    height: 0;
+    border-color: transparent;
+    border-style: solid
 }
 
-.el-input__inner {
-    -webkit-appearance: none;
-    background-color: #fff;
-    background-image: none;
-    border-radius: 4px;
-    border: 1px solid #dfe2e6;
-    -webkit-box-sizing: border-box;
-    box-sizing: border-box;
-    color: #606266;
-    display: inline-block;
-    font-size: inherit;
-    height: 40px;
-    line-height: 40px;
-    outline: 0;
-    padding: 0 15px;
-    -webkit-transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
-    transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
-    width: 100%
+.el-popper .popper__arrow {
+    border-width: 6px;
+    -webkit-filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03));
+    filter: drop-shadow(0 2px 12px rgba(0, 0, 0, .03))
 }
 
-.el-input__inner::-ms-reveal {
-    display: none
+.el-popper .popper__arrow::after {
+    content: " ";
+    border-width: 6px
 }
 
-.el-input__inner::-webkit-input-placeholder {
-    color: #babdc2
+.el-popper[x-placement^=top] {
+    margin-bottom: 12px
 }
 
-.el-input__inner::-moz-placeholder {
-    color: #babdc2
+.el-popper[x-placement^=top] .popper__arrow {
+    bottom: -6px;
+    left: 50%;
+    margin-right: 3px;
+    border-top-color: #ebeef5;
+    border-bottom-width: 0
 }
 
-.el-input__inner::-ms-input-placeholder {
-    color: #babdc2
+.el-popper[x-placement^=top] .popper__arrow::after {
+    bottom: 1px;
+    margin-left: -6px;
+    border-top-color: #fff;
+    border-bottom-width: 0
 }
 
-.el-input__inner::placeholder {
-    color: #babdc2
+.el-popper[x-placement^=bottom] {
+    margin-top: 12px
 }
 
-.el-input__inner:hover {
-    border-color: #006AFF;
+.el-popper[x-placement^=bottom] .popper__arrow {
+    top: -6px;
+    left: 50%;
+    margin-right: 3px;
+    border-top-width: 0;
+    border-bottom-color: #ebeef5
 }
 
-.el-input__inner:focus {
-    outline: 0;
-    border-color: #006aff
+.el-popper[x-placement^=bottom] .popper__arrow::after {
+    top: 1px;
+    margin-left: -6px;
+    border-top-width: 0;
+    border-bottom-color: #fff
 }
 
-.el-input__suffix {
-    position: absolute;
-    height: 100%;
-    right: 5px;
-    top: 0;
-    text-align: center;
-    color: #babdc2;
-    -webkit-transition: all .3s;
-    transition: all .3s;
-    pointer-events: none
+.el-popper[x-placement^=right] {
+    margin-left: 12px
 }
 
-.el-input__suffix-inner {
-    pointer-events: all
+.el-popper[x-placement^=right] .popper__arrow {
+    top: 50%;
+    left: -6px;
+    margin-bottom: 3px;
+    border-right-color: #ebeef5;
+    border-left-width: 0
 }
 
-.el-input__prefix {
-    position: absolute;
-    height: 100%;
-    left: 5px;
-    top: 0;
-    text-align: center;
-    color: #babdc2;
-    -webkit-transition: all .3s;
-    transition: all .3s
+.el-popper[x-placement^=right] .popper__arrow::after {
+    bottom: -6px;
+    left: 1px;
+    border-right-color: #fff;
+    border-left-width: 0
 }
 
-.el-input__icon {
-    height: 100%;
-    width: 25px;
-    text-align: center;
-    -webkit-transition: all .3s;
-    transition: all .3s;
-    line-height: 40px
+.el-popper[x-placement^=left] {
+    margin-right: 12px
 }
 
-.el-input__icon:after {
-    content: '';
-    height: 100%;
-    width: 0;
-    display: inline-block;
-    vertical-align: middle
+.el-popper[x-placement^=left] .popper__arrow {
+    top: 50%;
+    right: -6px;
+    margin-bottom: 3px;
+    border-right-width: 0;
+    border-left-color: #ebeef5
 }
 
-.el-input__validateIcon {
-    pointer-events: none
+.el-popper[x-placement^=left] .popper__arrow::after {
+    right: 1px;
+    bottom: -6px;
+    margin-left: -6px;
+    border-right-width: 0;
+    border-left-color: #fff
 }
 
-.el-input.is-active .el-input__inner {
-    outline: 0;
-    border-color: #006aff
+.el-select-dropdown {
+    position: absolute;
+    z-index: 1001;
+    border: solid 1px #e4e7ed;
+    border-radius: 4px;
+    background-color: #fff;
+    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
+    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box;
+    margin: 5px 0
 }
 
-.el-input.is-disabled .el-input__inner {
-    background-color: #f5f7fa;
-    border-color: #e4e7ed;
-    color: #babdc2;
-    cursor: not-allowed
+.el-select-dropdown.is-multiple .el-select-dropdown__item {
+    padding-right: 40px
 }
 
-.el-input.is-disabled .el-input__inner::-webkit-input-placeholder {
-    color: #babdc2
+.el-select-dropdown.is-multiple .el-select-dropdown__item.selected {
+    color: #006aff;
+    background-color: #fff
 }
 
-.el-input.is-disabled .el-input__inner::-moz-placeholder {
-    color: #babdc2
+.el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover {
+    background-color: #f5f7fa
 }
 
-.el-input.is-disabled .el-input__inner::-ms-input-placeholder {
-    color: #babdc2
+.el-select-dropdown.is-multiple .el-select-dropdown__item.selected::after {
+    position: absolute;
+    right: 20px;
+    font-family: element-icons;
+    content: "\e6da";
+    font-size: 12px;
+    font-weight: 700;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale
 }
 
-.el-input.is-disabled .el-input__inner::placeholder {
-    color: #babdc2
+.el-select-dropdown .el-scrollbar.is-empty .el-select-dropdown__list {
+    padding: 0
 }
 
-.el-input.is-disabled .el-input__icon {
-    cursor: not-allowed
+.el-select-dropdown__empty {
+    padding: 10px 0;
+    margin: 0;
+    text-align: center;
+    color: #999;
+    font-size: 14px
 }
 
-.el-input.is-exceed .el-input__inner {
-    border-color: #ff4d4f
+.el-select-dropdown__wrap {
+    max-height: 274px
 }
 
-.el-input.is-exceed .el-input__suffix .el-input__count {
-    color: #ff4d4f
+.el-select-dropdown__list {
+    list-style: none;
+    padding: 6px 0;
+    margin: 0;
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box
 }
 
-.el-input--suffix .el-input__inner {
-    padding-right: 30px
+.el-textarea {
+    position: relative;
+    display: inline-block;
+    width: 100%;
+    vertical-align: bottom;
+    font-size: 14px
 }
 
-.el-input--prefix .el-input__inner {
-    padding-left: 30px
+.el-textarea__inner {
+    display: block;
+    resize: vertical;
+    padding: 5px 15px;
+    line-height: 1.5;
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box;
+    width: 100%;
+    font-size: inherit;
+    color: #606266;
+    background-color: #fff;
+    background-image: none;
+    border: 1px solid #dfe2e6;
+    border-radius: 4px;
+    -webkit-transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
+    transition: border-color .2s cubic-bezier(.645, .045, .355, 1)
 }
 
-.el-input--medium {
-    font-size: 14px
+.el-textarea__inner::-webkit-input-placeholder {
+    color: #babdc2
 }
 
-.el-input--medium .el-input__inner {
-    height: 36px;
-    line-height: 36px
+.el-textarea__inner::-moz-placeholder {
+    color: #babdc2
 }
 
-.el-input--medium .el-input__icon {
-    line-height: 36px
+.el-textarea__inner::-ms-input-placeholder {
+    color: #babdc2
 }
 
-.el-input--small {
-    font-size: 13px
+.el-textarea__inner::placeholder {
+    color: #babdc2
 }
 
-.el-input--small .el-input__inner {
-    height: 32px;
-    line-height: 32px
+.el-textarea__inner:hover {
+    border-color: #babdc2
 }
 
-.el-input--small .el-input__icon {
-    line-height: 32px
+.el-textarea__inner:focus {
+    outline: 0;
+    border-color: #006aff
 }
 
-.el-input--mini {
-    font-size: 12px
+.el-textarea .el-input__count {
+    color: #909399;
+    background: #fff;
+    position: absolute;
+    font-size: 12px;
+    bottom: 5px;
+    right: 10px
 }
 
-.el-input--mini .el-input__inner {
-    height: 28px;
-    line-height: 28px
+.el-textarea.is-disabled .el-textarea__inner {
+    background-color: #f5f7fa;
+    border-color: #e4e7ed;
+    color: #babdc2;
+    cursor: not-allowed
 }
 
-.el-input--mini .el-input__icon {
-    line-height: 28px
+.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder {
+    color: #babdc2
 }
 
-.el-input-group {
-    line-height: normal;
-    display: inline-table;
-    width: 100%;
-    border-collapse: separate;
-    border-spacing: 0
+.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder {
+    color: #babdc2
 }
 
-.el-input-group>.el-input__inner {
-    vertical-align: middle;
-    display: table-cell
+.el-textarea.is-disabled .el-textarea__inner::-ms-input-placeholder {
+    color: #babdc2
 }
 
-.el-input-group__append,
-.el-input-group__prepend {
-    background-color: #f5f7fa;
-    color: #909399;
-    vertical-align: middle;
-    display: table-cell;
-    position: relative;
-    border: 1px solid #dfe2e6;
-    border-radius: 4px;
-    padding: 0 20px;
-    width: 1px;
-    white-space: nowrap
+.el-textarea.is-disabled .el-textarea__inner::placeholder {
+    color: #babdc2
 }
 
-.el-input-group__append:focus,
-.el-input-group__prepend:focus {
-    outline: 0
+.el-textarea.is-exceed .el-textarea__inner {
+    border-color: #ff4d4f
 }
 
-.el-input-group__append .el-button,
-.el-input-group__append .el-select,
-.el-input-group__prepend .el-button,
-.el-input-group__prepend .el-select {
+.el-textarea.is-exceed .el-input__count {
+    color: #ff4d4f
+}
+
+.el-input {
+    position: relative;
+    font-size: 14px;
     display: inline-block;
-    margin: -10px -20px
+    width: 100%
 }
 
-.el-input-group__append button.el-button,
-.el-input-group__append div.el-select .el-input__inner,
-.el-input-group__append div.el-select:hover .el-input__inner,
-.el-input-group__prepend button.el-button,
-.el-input-group__prepend div.el-select .el-input__inner,
-.el-input-group__prepend div.el-select:hover .el-input__inner {
-    border-color: transparent;
-    background-color: transparent;
-    color: inherit;
-    border-top: 0;
-    border-bottom: 0
+.el-input::-webkit-scrollbar {
+    z-index: 11;
+    width: 6px
 }
 
-.el-input-group__append .el-button,
-.el-input-group__append .el-input,
-.el-input-group__prepend .el-button,
-.el-input-group__prepend .el-input {
-    font-size: inherit
+.el-input::-webkit-scrollbar:horizontal {
+    height: 6px
 }
 
-.el-input-group__prepend {
-    border-right: 0;
-    border-top-right-radius: 0;
-    border-bottom-right-radius: 0
+.el-input::-webkit-scrollbar-thumb {
+    border-radius: 5px;
+    width: 6px;
+    background: #b4bccc
 }
 
-.el-input-group__append {
-    border-left: 0;
-    border-top-left-radius: 0;
-    border-bottom-left-radius: 0
+.el-input::-webkit-scrollbar-corner {
+    background: #fff
 }
 
-.el-input-group--prepend .el-input__inner {
-    border-top-left-radius: 0;
-    border-bottom-left-radius: 0
+.el-input::-webkit-scrollbar-track {
+    background: #fff
 }
 
-.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner {
-    border-color: transparent
+.el-input::-webkit-scrollbar-track-piece {
+    background: #fff;
+    width: 6px
 }
 
-.el-input-group--append .el-input__inner {
-    border-top-right-radius: 0;
-    border-bottom-right-radius: 0
+.el-input .el-input__clear {
+    color: #babdc2;
+    font-size: 14px;
+    cursor: pointer;
+    -webkit-transition: color .2s cubic-bezier(.645, .045, .355, 1);
+    transition: color .2s cubic-bezier(.645, .045, .355, 1)
 }
 
-.el-input-group--append .el-select .el-input.is-focus .el-input__inner {
-    border-color: transparent
+.el-input .el-input__clear:hover {
+    color: #1e2226
 }
 
-.el-input__inner::-ms-clear {
-    display: none;
-    width: 0;
-    height: 0
+.el-input .el-input__count {
+    height: 100%;
+    display: -webkit-inline-box;
+    display: -ms-inline-flexbox;
+    display: inline-flex;
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    align-items: center;
+    color: #909399;
+    font-size: 12px
+}
+
+.el-input .el-input__count .el-input__count-inner {
+    background: #fff;
+    line-height: initial;
+    display: inline-block;
+    padding: 0 5px
 }
 
+
 .el-tag {
     background-color: #e6f0ff;
     border-color: #cce1ff;
@@ -11681,499 +10274,220 @@ border-color:#006AFF !important;
     height: 32px;
     z-index: -1;
     left: 0;
-    right: 0;
-    -webkit-box-sizing: border-box;
-    box-sizing: border-box;
-    padding-top: 6px;
-    text-align: left;
-    border-top: 1px solid #e4e7ed;
-    border-bottom: 1px solid #e4e7ed
-}
-
-.el-time-panel__content::after {
-    left: 50%;
-    margin-left: 12%;
-    margin-right: 12%
-}
-
-.el-time-panel__content::before {
-    padding-left: 50%;
-    margin-right: 12%;
-    margin-left: 12%
-}
-
-.el-time-panel__content.has-seconds::after {
-    left: calc(100% / 3 * 2)
-}
-
-.el-time-panel__content.has-seconds::before {
-    padding-left: calc(100% / 3)
-}
-
-.el-time-panel__footer {
-    border-top: 1px solid #e4e4e4;
-    padding: 4px;
-    height: 36px;
-    line-height: 25px;
-    text-align: right;
-    -webkit-box-sizing: border-box;
-    box-sizing: border-box
-}
-
-.el-time-panel__btn {
-    border: none;
-    line-height: 28px;
-    padding: 0 5px;
-    margin: 0 5px;
-    cursor: pointer;
-    background-color: transparent;
-    outline: 0;
-    font-size: 12px;
-    color: #1e2226
-}
-
-.el-time-panel__btn.confirm {
-    font-weight: 800;
-    color: #006aff
-}
-
-.el-textarea {
-    position: relative;
-    display: inline-block;
-    width: 100%;
-    vertical-align: bottom;
-    font-size: 14px
-}
-
-.el-textarea__inner {
-    display: block;
-    resize: vertical;
-    padding: 5px 15px;
-    line-height: 1.5;
-    -webkit-box-sizing: border-box;
-    box-sizing: border-box;
-    width: 100%;
-    font-size: inherit;
-    color: #606266;
-    background-color: #fff;
-    background-image: none;
-    border: 1px solid #dfe2e6;
-    border-radius: 4px;
-    -webkit-transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
-    transition: border-color .2s cubic-bezier(.645, .045, .355, 1)
-}
-
-.el-textarea__inner::-webkit-input-placeholder {
-    color: #babdc2
-}
-
-.el-textarea__inner::-moz-placeholder {
-    color: #babdc2
-}
-
-.el-textarea__inner::-ms-input-placeholder {
-    color: #babdc2
-}
-
-.el-textarea__inner::placeholder {
-    color: #babdc2
-}
-
-.el-textarea__inner:hover {
-    border-color: #babdc2
-}
-
-.el-textarea__inner:focus {
-    outline: 0;
-    border-color: #006aff
-}
-
-.el-textarea .el-input__count {
-    color: #909399;
-    background: #fff;
-    position: absolute;
-    font-size: 12px;
-    bottom: 5px;
-    right: 10px
-}
-
-.el-textarea.is-disabled .el-textarea__inner {
-    background-color: #f5f7fa;
-    border-color: #e4e7ed;
-    color: #babdc2;
-    cursor: not-allowed
-}
-
-.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder {
-    color: #babdc2
-}
-
-.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder {
-    color: #babdc2
-}
-
-.el-textarea.is-disabled .el-textarea__inner::-ms-input-placeholder {
-    color: #babdc2
-}
-
-.el-textarea.is-disabled .el-textarea__inner::placeholder {
-    color: #babdc2
-}
-
-.el-textarea.is-exceed .el-textarea__inner {
-    border-color: #ff4d4f
-}
-
-.el-textarea.is-exceed .el-input__count {
-    color: #ff4d4f
-}
-
-.el-input {
-    position: relative;
-    font-size: 14px;
-    display: inline-block;
-    width: 100%
-}
-
-.el-input::-webkit-scrollbar {
-    z-index: 11;
-    width: 6px
+    right: 0;
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box;
+    padding-top: 6px;
+    text-align: left;
+    border-top: 1px solid #e4e7ed;
+    border-bottom: 1px solid #e4e7ed
 }
 
-.el-input::-webkit-scrollbar:horizontal {
-    height: 6px
+.el-time-panel__content::after {
+    left: 50%;
+    margin-left: 12%;
+    margin-right: 12%
 }
 
-.el-input::-webkit-scrollbar-thumb {
-    border-radius: 5px;
-    width: 6px;
-    background: #b4bccc
+.el-time-panel__content::before {
+    padding-left: 50%;
+    margin-right: 12%;
+    margin-left: 12%
 }
 
-.el-input::-webkit-scrollbar-corner {
-    background: #fff
+.el-time-panel__content.has-seconds::after {
+    left: calc(100% / 3 * 2)
 }
 
-.el-input::-webkit-scrollbar-track {
-    background: #fff
+.el-time-panel__content.has-seconds::before {
+    padding-left: calc(100% / 3)
 }
 
-.el-input::-webkit-scrollbar-track-piece {
-    background: #fff;
-    width: 6px
+.el-time-panel__footer {
+    border-top: 1px solid #e4e4e4;
+    padding: 4px;
+    height: 36px;
+    line-height: 25px;
+    text-align: right;
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box
 }
 
-.el-input .el-input__clear {
-    color: #babdc2;
-    font-size: 14px;
+.el-time-panel__btn {
+    border: none;
+    line-height: 28px;
+    padding: 0 5px;
+    margin: 0 5px;
     cursor: pointer;
-    -webkit-transition: color .2s cubic-bezier(.645, .045, .355, 1);
-    transition: color .2s cubic-bezier(.645, .045, .355, 1)
-}
-
-.el-input .el-input__clear:hover {
+    background-color: transparent;
+    outline: 0;
+    font-size: 12px;
     color: #1e2226
 }
 
-.el-input .el-input__count {
-    height: 100%;
-    display: -webkit-inline-box;
-    display: -ms-inline-flexbox;
-    display: inline-flex;
-    -webkit-box-align: center;
-    -ms-flex-align: center;
-    align-items: center;
-    color: #909399;
-    font-size: 12px
+.el-time-panel__btn.confirm {
+    font-weight: 800;
+    color: #006aff
 }
 
-.el-input .el-input__count .el-input__count-inner {
-    background: #fff;
-    line-height: initial;
+.el-textarea {
+    position: relative;
     display: inline-block;
-    padding: 0 5px
+    width: 100%;
+    vertical-align: bottom;
+    font-size: 14px
 }
 
-.el-input__inner {
-    -webkit-appearance: none;
-    background-color: #fff;
-    background-image: none;
-    border-radius: 4px;
-    border: 1px solid #dfe2e6;
+.el-textarea__inner {
+    display: block;
+    resize: vertical;
+    padding: 5px 15px;
+    line-height: 1.5;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
-    color: #606266;
-    display: inline-block;
+    width: 100%;
     font-size: inherit;
-    height: 40px;
-    line-height: 40px;
-    outline: 0;
-    padding: 0 15px;
+    color: #606266;
+    background-color: #fff;
+    background-image: none;
+    border: 1px solid #dfe2e6;
+    border-radius: 4px;
     -webkit-transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
-    transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
-    width: 100%
-}
-
-.el-input__inner::-ms-reveal {
-    display: none
+    transition: border-color .2s cubic-bezier(.645, .045, .355, 1)
 }
 
-.el-input__inner::-webkit-input-placeholder {
+.el-textarea__inner::-webkit-input-placeholder {
     color: #babdc2
 }
 
-.el-input__inner::-moz-placeholder {
+.el-textarea__inner::-moz-placeholder {
     color: #babdc2
 }
 
-.el-input__inner::-ms-input-placeholder {
+.el-textarea__inner::-ms-input-placeholder {
     color: #babdc2
 }
 
-.el-input__inner::placeholder {
+.el-textarea__inner::placeholder {
     color: #babdc2
 }
 
-.el-input__inner:hover {
+.el-textarea__inner:hover {
     border-color: #babdc2
 }
 
-.el-input__inner:focus {
+.el-textarea__inner:focus {
     outline: 0;
     border-color: #006aff
 }
 
-.el-input__suffix {
-    position: absolute;
-    height: 100%;
-    right: 5px;
-    top: 0;
-    text-align: center;
-    color: #babdc2;
-    -webkit-transition: all .3s;
-    transition: all .3s;
-    pointer-events: none
-}
-
-.el-input__suffix-inner {
-    pointer-events: all
-}
-
-.el-input__prefix {
+.el-textarea .el-input__count {
+    color: #909399;
+    background: #fff;
     position: absolute;
-    height: 100%;
-    left: 5px;
-    top: 0;
-    text-align: center;
-    color: #babdc2;
-    -webkit-transition: all .3s;
-    transition: all .3s
-}
-
-.el-input__icon {
-    height: 100%;
-    width: 25px;
-    text-align: center;
-    -webkit-transition: all .3s;
-    transition: all .3s;
-    line-height: 40px
-}
-
-.el-input__icon:after {
-    content: '';
-    height: 100%;
-    width: 0;
-    display: inline-block;
-    vertical-align: middle
-}
-
-.el-input__validateIcon {
-    pointer-events: none
-}
-
-.el-input.is-active .el-input__inner {
-    outline: 0;
-    border-color: #006aff
+    font-size: 12px;
+    bottom: 5px;
+    right: 10px
 }
 
-.el-input.is-disabled .el-input__inner {
+.el-textarea.is-disabled .el-textarea__inner {
     background-color: #f5f7fa;
     border-color: #e4e7ed;
     color: #babdc2;
     cursor: not-allowed
 }
 
-.el-input.is-disabled .el-input__inner::-webkit-input-placeholder {
+.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder {
     color: #babdc2
 }
 
-.el-input.is-disabled .el-input__inner::-moz-placeholder {
+.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder {
     color: #babdc2
 }
 
-.el-input.is-disabled .el-input__inner::-ms-input-placeholder {
+.el-textarea.is-disabled .el-textarea__inner::-ms-input-placeholder {
     color: #babdc2
 }
 
-.el-input.is-disabled .el-input__inner::placeholder {
+.el-textarea.is-disabled .el-textarea__inner::placeholder {
     color: #babdc2
 }
 
-.el-input.is-disabled .el-input__icon {
-    cursor: not-allowed
-}
-
-.el-input.is-exceed .el-input__inner {
+.el-textarea.is-exceed .el-textarea__inner {
     border-color: #ff4d4f
 }
 
-.el-input.is-exceed .el-input__suffix .el-input__count {
-    color: #ff4d4f
-}
-
-.el-input--suffix .el-input__inner {
-    padding-right: 30px
-}
-
-.el-input--prefix .el-input__inner {
-    padding-left: 30px
-}
-
-.el-input--medium {
-    font-size: 14px
-}
-
-.el-input--medium .el-input__inner {
-    height: 36px;
-    line-height: 36px
-}
-
-.el-input--medium .el-input__icon {
-    line-height: 36px
-}
-
-.el-input--small {
-    font-size: 13px
-}
-
-.el-input--small .el-input__inner {
-    height: 32px;
-    line-height: 32px
-}
-
-.el-input--small .el-input__icon {
-    line-height: 32px
-}
-
-.el-input--mini {
-    font-size: 12px
-}
-
-.el-input--mini .el-input__inner {
-    height: 28px;
-    line-height: 28px
-}
-
-.el-input--mini .el-input__icon {
-    line-height: 28px
-}
-
-.el-input-group {
-    line-height: normal;
-    display: inline-table;
-    width: 100%;
-    border-collapse: separate;
-    border-spacing: 0
-}
-
-.el-input-group>.el-input__inner {
-    vertical-align: middle;
-    display: table-cell
-}
-
-.el-input-group__append,
-.el-input-group__prepend {
-    background-color: #f5f7fa;
-    color: #909399;
-    vertical-align: middle;
-    display: table-cell;
-    position: relative;
-    border: 1px solid #dfe2e6;
-    border-radius: 4px;
-    padding: 0 20px;
-    width: 1px;
-    white-space: nowrap
+.el-textarea.is-exceed .el-input__count {
+    color: #ff4d4f
 }
 
-.el-input-group__append:focus,
-.el-input-group__prepend:focus {
-    outline: 0
+.el-input {
+    position: relative;
+    font-size: 14px;
+    display: inline-block;
+    width: 100%
 }
 
-.el-input-group__append .el-button,
-.el-input-group__append .el-select,
-.el-input-group__prepend .el-button,
-.el-input-group__prepend .el-select {
-    display: inline-block;
-    margin: -10px -20px
+.el-input::-webkit-scrollbar {
+    z-index: 11;
+    width: 6px
 }
 
-.el-input-group__append button.el-button,
-.el-input-group__append div.el-select .el-input__inner,
-.el-input-group__append div.el-select:hover .el-input__inner,
-.el-input-group__prepend button.el-button,
-.el-input-group__prepend div.el-select .el-input__inner,
-.el-input-group__prepend div.el-select:hover .el-input__inner {
-    border-color: transparent;
-    background-color: transparent;
-    color: inherit;
-    border-top: 0;
-    border-bottom: 0
+.el-input::-webkit-scrollbar:horizontal {
+    height: 6px
 }
 
-.el-input-group__append .el-button,
-.el-input-group__append .el-input,
-.el-input-group__prepend .el-button,
-.el-input-group__prepend .el-input {
-    font-size: inherit
+.el-input::-webkit-scrollbar-thumb {
+    border-radius: 5px;
+    width: 6px;
+    background: #b4bccc
 }
 
-.el-input-group__prepend {
-    border-right: 0;
-    border-top-right-radius: 0;
-    border-bottom-right-radius: 0
+.el-input::-webkit-scrollbar-corner {
+    background: #fff
 }
 
-.el-input-group__append {
-    border-left: 0;
-    border-top-left-radius: 0;
-    border-bottom-left-radius: 0
+.el-input::-webkit-scrollbar-track {
+    background: #fff
 }
 
-.el-input-group--prepend .el-input__inner {
-    border-top-left-radius: 0;
-    border-bottom-left-radius: 0
+.el-input::-webkit-scrollbar-track-piece {
+    background: #fff;
+    width: 6px
 }
 
-.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner {
-    border-color: transparent
+.el-input .el-input__clear {
+    color: #babdc2;
+    font-size: 14px;
+    cursor: pointer;
+    -webkit-transition: color .2s cubic-bezier(.645, .045, .355, 1);
+    transition: color .2s cubic-bezier(.645, .045, .355, 1)
 }
 
-.el-input-group--append .el-input__inner {
-    border-top-right-radius: 0;
-    border-bottom-right-radius: 0
+.el-input .el-input__clear:hover {
+    color: #1e2226
 }
 
-.el-input-group--append .el-select .el-input.is-focus .el-input__inner {
-    border-color: transparent
+.el-input .el-input__count {
+    height: 100%;
+    display: -webkit-inline-box;
+    display: -ms-inline-flexbox;
+    display: inline-flex;
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    align-items: center;
+    color: #909399;
+    font-size: 12px
 }
 
-.el-input__inner::-ms-clear {
-    display: none;
-    width: 0;
-    height: 0
+.el-input .el-input__count .el-input__count-inner {
+    background: #fff;
+    line-height: initial;
+    display: inline-block;
+    padding: 0 5px
 }
 
+
 .el-scrollbar {
     overflow: hidden;
     position: relative
@@ -13820,418 +12134,138 @@ border-color:#006AFF !important;
     border: 1px solid #dfe2e6;
     border-radius: 4px;
     -webkit-transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
-    transition: border-color .2s cubic-bezier(.645, .045, .355, 1)
-}
-
-.el-textarea__inner::-webkit-input-placeholder {
-    color: #babdc2
-}
-
-.el-textarea__inner::-moz-placeholder {
-    color: #babdc2
-}
-
-.el-textarea__inner::-ms-input-placeholder {
-    color: #babdc2
-}
-
-.el-textarea__inner::placeholder {
-    color: #babdc2
-}
-
-.el-textarea__inner:hover {
-    border-color: #babdc2
-}
-
-.el-textarea__inner:focus {
-    outline: 0;
-    border-color: #006aff
-}
-
-.el-textarea .el-input__count {
-    color: #909399;
-    background: #fff;
-    position: absolute;
-    font-size: 12px;
-    bottom: 5px;
-    right: 10px
-}
-
-.el-textarea.is-disabled .el-textarea__inner {
-    background-color: #f5f7fa;
-    border-color: #e4e7ed;
-    color: #babdc2;
-    cursor: not-allowed
-}
-
-.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder {
-    color: #babdc2
-}
-
-.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder {
-    color: #babdc2
-}
-
-.el-textarea.is-disabled .el-textarea__inner::-ms-input-placeholder {
-    color: #babdc2
-}
-
-.el-textarea.is-disabled .el-textarea__inner::placeholder {
-    color: #babdc2
-}
-
-.el-textarea.is-exceed .el-textarea__inner {
-    border-color: #ff4d4f
-}
-
-.el-textarea.is-exceed .el-input__count {
-    color: #ff4d4f
-}
-
-.el-input {
-    position: relative;
-    font-size: 14px;
-    display: inline-block;
-    width: 100%
-}
-
-.el-input::-webkit-scrollbar {
-    z-index: 11;
-    width: 6px
-}
-
-.el-input::-webkit-scrollbar:horizontal {
-    height: 6px
-}
-
-.el-input::-webkit-scrollbar-thumb {
-    border-radius: 5px;
-    width: 6px;
-    background: #b4bccc
-}
-
-.el-input::-webkit-scrollbar-corner {
-    background: #fff
-}
-
-.el-input::-webkit-scrollbar-track {
-    background: #fff
-}
-
-.el-input::-webkit-scrollbar-track-piece {
-    background: #fff;
-    width: 6px
-}
-
-.el-input .el-input__clear {
-    color: #babdc2;
-    font-size: 14px;
-    cursor: pointer;
-    -webkit-transition: color .2s cubic-bezier(.645, .045, .355, 1);
-    transition: color .2s cubic-bezier(.645, .045, .355, 1)
-}
-
-.el-input .el-input__clear:hover {
-    color: #1e2226
-}
-
-.el-input .el-input__count {
-    height: 100%;
-    display: -webkit-inline-box;
-    display: -ms-inline-flexbox;
-    display: inline-flex;
-    -webkit-box-align: center;
-    -ms-flex-align: center;
-    align-items: center;
-    color: #909399;
-    font-size: 12px
-}
-
-.el-input .el-input__count .el-input__count-inner {
-    background: #fff;
-    line-height: initial;
-    display: inline-block;
-    padding: 0 5px
-}
-
-.el-input__inner {
-    -webkit-appearance: none;
-    background-color: #fff;
-    background-image: none;
-    border-radius: 4px;
-    border: 1px solid #dfe2e6;
-    -webkit-box-sizing: border-box;
-    box-sizing: border-box;
-    color: #606266;
-    display: inline-block;
-    font-size: inherit;
-    height: 40px;
-    line-height: 40px;
-    outline: 0;
-    padding: 0 15px;
-    -webkit-transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
-    transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
-    width: 100%
-}
-
-.el-input__inner::-ms-reveal {
-    display: none
+    transition: border-color .2s cubic-bezier(.645, .045, .355, 1)
 }
 
-.el-input__inner::-webkit-input-placeholder {
+.el-textarea__inner::-webkit-input-placeholder {
     color: #babdc2
 }
 
-.el-input__inner::-moz-placeholder {
+.el-textarea__inner::-moz-placeholder {
     color: #babdc2
 }
 
-.el-input__inner::-ms-input-placeholder {
+.el-textarea__inner::-ms-input-placeholder {
     color: #babdc2
 }
 
-.el-input__inner::placeholder {
+.el-textarea__inner::placeholder {
     color: #babdc2
 }
 
-.el-input__inner:hover {
+.el-textarea__inner:hover {
     border-color: #babdc2
 }
 
-.el-input__inner:focus {
+.el-textarea__inner:focus {
     outline: 0;
     border-color: #006aff
 }
 
-.el-input__suffix {
-    position: absolute;
-    height: 100%;
-    right: 5px;
-    top: 0;
-    text-align: center;
-    color: #babdc2;
-    -webkit-transition: all .3s;
-    transition: all .3s;
-    pointer-events: none
-}
-
-.el-input__suffix-inner {
-    pointer-events: all
-}
-
-.el-input__prefix {
+.el-textarea .el-input__count {
+    color: #909399;
+    background: #fff;
     position: absolute;
-    height: 100%;
-    left: 5px;
-    top: 0;
-    text-align: center;
-    color: #babdc2;
-    -webkit-transition: all .3s;
-    transition: all .3s
-}
-
-.el-input__icon {
-    height: 100%;
-    width: 25px;
-    text-align: center;
-    -webkit-transition: all .3s;
-    transition: all .3s;
-    line-height: 40px
-}
-
-.el-input__icon:after {
-    content: '';
-    height: 100%;
-    width: 0;
-    display: inline-block;
-    vertical-align: middle
-}
-
-.el-input__validateIcon {
-    pointer-events: none
-}
-
-.el-input.is-active .el-input__inner {
-    outline: 0;
-    border-color: #006aff
+    font-size: 12px;
+    bottom: 5px;
+    right: 10px
 }
 
-.el-input.is-disabled .el-input__inner {
+.el-textarea.is-disabled .el-textarea__inner {
     background-color: #f5f7fa;
     border-color: #e4e7ed;
     color: #babdc2;
     cursor: not-allowed
 }
 
-.el-input.is-disabled .el-input__inner::-webkit-input-placeholder {
+.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder {
     color: #babdc2
 }
 
-.el-input.is-disabled .el-input__inner::-moz-placeholder {
+.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder {
     color: #babdc2
 }
 
-.el-input.is-disabled .el-input__inner::-ms-input-placeholder {
+.el-textarea.is-disabled .el-textarea__inner::-ms-input-placeholder {
     color: #babdc2
 }
 
-.el-input.is-disabled .el-input__inner::placeholder {
+.el-textarea.is-disabled .el-textarea__inner::placeholder {
     color: #babdc2
 }
 
-.el-input.is-disabled .el-input__icon {
-    cursor: not-allowed
-}
-
-.el-input.is-exceed .el-input__inner {
+.el-textarea.is-exceed .el-textarea__inner {
     border-color: #ff4d4f
 }
 
-.el-input.is-exceed .el-input__suffix .el-input__count {
+.el-textarea.is-exceed .el-input__count {
     color: #ff4d4f
 }
 
-.el-input--suffix .el-input__inner {
-    padding-right: 30px
-}
-
-.el-input--prefix .el-input__inner {
-    padding-left: 30px
-}
-
-.el-input--medium {
-    font-size: 14px
-}
-
-.el-input--medium .el-input__inner {
-    height: 36px;
-    line-height: 36px
-}
-
-.el-input--medium .el-input__icon {
-    line-height: 36px
+.el-input {
+    position: relative;
+    font-size: 14px;
+    display: inline-block;
+    width: 100%
 }
 
-.el-input--small {
-    font-size: 13px
+.el-input::-webkit-scrollbar {
+    z-index: 11;
+    width: 6px
 }
 
-.el-input--small .el-input__inner {
-    height: 32px;
-    line-height: 32px
+.el-input::-webkit-scrollbar:horizontal {
+    height: 6px
 }
 
-.el-input--small .el-input__icon {
-    line-height: 32px
+.el-input::-webkit-scrollbar-thumb {
+    border-radius: 5px;
+    width: 6px;
+    background: #b4bccc
 }
 
-.el-input--mini {
-    font-size: 12px
+.el-input::-webkit-scrollbar-corner {
+    background: #fff
 }
 
-.el-input--mini .el-input__inner {
-    height: 28px;
-    line-height: 28px
+.el-input::-webkit-scrollbar-track {
+    background: #fff
 }
 
-.el-input--mini .el-input__icon {
-    line-height: 28px
+.el-input::-webkit-scrollbar-track-piece {
+    background: #fff;
+    width: 6px
 }
 
-.el-input-group {
-    line-height: normal;
-    display: inline-table;
-    width: 100%;
-    border-collapse: separate;
-    border-spacing: 0
+.el-input .el-input__clear {
+    color: #babdc2;
+    font-size: 14px;
+    cursor: pointer;
+    -webkit-transition: color .2s cubic-bezier(.645, .045, .355, 1);
+    transition: color .2s cubic-bezier(.645, .045, .355, 1)
 }
 
-.el-input-group>.el-input__inner {
-    vertical-align: middle;
-    display: table-cell
+.el-input .el-input__clear:hover {
+    color: #1e2226
 }
 
-.el-input-group__append,
-.el-input-group__prepend {
-    background-color: #f5f7fa;
+.el-input .el-input__count {
+    height: 100%;
+    display: -webkit-inline-box;
+    display: -ms-inline-flexbox;
+    display: inline-flex;
+    -webkit-box-align: center;
+    -ms-flex-align: center;
+    align-items: center;
     color: #909399;
-    vertical-align: middle;
-    display: table-cell;
-    position: relative;
-    border: 1px solid #dfe2e6;
-    border-radius: 4px;
-    padding: 0 20px;
-    width: 1px;
-    white-space: nowrap
-}
-
-.el-input-group__append:focus,
-.el-input-group__prepend:focus {
-    outline: 0
+    font-size: 12px
 }
 
-.el-input-group__append .el-button,
-.el-input-group__append .el-select,
-.el-input-group__prepend .el-button,
-.el-input-group__prepend .el-select {
+.el-input .el-input__count .el-input__count-inner {
+    background: #fff;
+    line-height: initial;
     display: inline-block;
-    margin: -10px -20px
-}
-
-.el-input-group__append button.el-button,
-.el-input-group__append div.el-select .el-input__inner,
-.el-input-group__append div.el-select:hover .el-input__inner,
-.el-input-group__prepend button.el-button,
-.el-input-group__prepend div.el-select .el-input__inner,
-.el-input-group__prepend div.el-select:hover .el-input__inner {
-    border-color: transparent;
-    background-color: transparent;
-    color: inherit;
-    border-top: 0;
-    border-bottom: 0
-}
-
-.el-input-group__append .el-button,
-.el-input-group__append .el-input,
-.el-input-group__prepend .el-button,
-.el-input-group__prepend .el-input {
-    font-size: inherit
-}
-
-.el-input-group__prepend {
-    border-right: 0;
-    border-top-right-radius: 0;
-    border-bottom-right-radius: 0
-}
-
-.el-input-group__append {
-    border-left: 0;
-    border-top-left-radius: 0;
-    border-bottom-left-radius: 0
-}
-
-.el-input-group--prepend .el-input__inner {
-    border-top-left-radius: 0;
-    border-bottom-left-radius: 0
-}
-
-.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner {
-    border-color: transparent
-}
-
-.el-input-group--append .el-input__inner {
-    border-top-right-radius: 0;
-    border-bottom-right-radius: 0
-}
-
-.el-input-group--append .el-select .el-input.is-focus .el-input__inner {
-    border-color: transparent
-}
-
-.el-input__inner::-ms-clear {
-    display: none;
-    width: 0;
-    height: 0
+    padding: 0 5px
 }
 
 .el-scrollbar {
@@ -26251,7 +24285,7 @@ border-color:#006AFF !important;
     border: 1px solid #dfe2e6;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
-    color: #606266;
+    color: #1e2226;
     display: inline-block;
     font-size: inherit;
     height: 40px;
diff --git a/src/views/DoctorInformation.vue b/src/views/DoctorInformation.vue
index 3ee8fd1..03d8de9 100644
--- a/src/views/DoctorInformation.vue
+++ b/src/views/DoctorInformation.vue
@@ -16,7 +16,7 @@
                                 </div>
                             </template>
                             <div class="qqCode-wrap right">
-                                <el-upload class="avatar-uploader upload-demo" accept=".jpg,.png" :multiple="false" 
+                                <!-- <el-upload class="avatar-uploader upload-demo" accept=".jpg,.png" :multiple="false" 
                                 action="https://jsonplaceholder.typicode.com/posts/" :file-list="fileList" :on-change="handleFileChange" :auto-upload="false"
                                     :before-upload="beforeAvatarUpload">
                                     <hover-button slot="trigger" button-text="重新上传"
@@ -24,6 +24,14 @@
                                         :hover-icon="require('../assets/upLoad_active.svg')"
                                         default-text-color="#23242B" hover-text-color="#006AFF" />
                                     <div slot="tip" class="el-upload__tip desc">支持png、jpg格式，尺寸32PX*32PX</div>
+                                </el-upload> -->
+                                <el-upload ref="upload" class="avatar-uploader" :auto-upload="false"  accept=".jpg,.png" action="#" :file-list="fileList" :multiple="false" :http-request="customUpload">
+                                    <template #trigger>
+                                        <hover-button  button-text="重新上传" :default-icon="require('../assets/upLoad_grey.svg')"
+                                            :hover-icon="require('../assets/upLoad_active.svg')"
+                                            default-text-color="#23242B" hover-text-color="#006AFF" @click="btnClick" />
+                                    </template>
+                                    <div slot="tip" class="el-upload__tip desc">支持png、jpg格式，尺寸32PX*32PX</div>
                                 </el-upload>
                             </div>
                         </el-form-item>
@@ -47,25 +55,34 @@
             <el-form :model="siteForm" :rules="siteFormrules2" ref="siteForm2">
                 <div class="flex-wrap">
                     <div class="flex-left">
-                        <GuipRadio v-model="siteForm.first_visit_audit" class="mb12" column="column" :options="groupOptions"
-                            label="初诊是否审批" required prop="first_visit_audit" @change="radioChange" />
+                        <GuipRadio v-model="siteForm.first_visit_audit" class="mb12" column="column"
+                            :options="groupOptions" label="初诊是否审批" required prop="first_visit_audit"
+                            @change="radioChange" />
                         <GuipInput ref="GuipInput" column="column" label="审批人电话" desc="审批人电话、微信，至少填写一项"
                             v-model="siteForm.approve_phone" prop="approve_phone" placeholder="请输入" />
                     </div>
                     <div class="flex-line"></div>
                     <div class="flex-right">
-                        <GuipFormItem column="column" label="审批人微信" >
+                        <GuipFormItem column="column" label="审批人微信">
                             <span class="desc" slot="formRight">审批人电话、微信，至少填写一项</span>
                             <div class="qqCode-wrap right" slot="formDom">
-                                <el-upload class="avatar-uploader upload-demo" accept=".jpg,.png" :multiple="false"
-                                    action="https://jsonplaceholder.typicode.com/posts/" 
-                                    :on-preview="handlePreview" :on-remove="handleRemove"
-                                    :on-success="handleAvatarSuccess" :before-upload="beforeAvatarUpload">
+                                <!-- <el-upload class="avatar-uploader upload-demo"  accept=".jpg,.png" :multiple="false"
+                                    action="https://jsonplaceholder.typicode.com/posts/" :on-preview="handlePreview"
+                                    :on-remove="handleRemove" :on-success="handleAvatarSuccess"
+                                    :before-upload="beforeAvatarUpload">
                                     <hover-button button-text="微信二维码"
                                         :default-icon="require('../assets/upLoad_grey.svg')"
                                         :hover-icon="require('../assets/upLoad_active.svg')"
                                         default-text-color="#23242B" hover-text-color="#006AFF" @click="btnClick" />
                                     <div slot="tip" class="el-upload__tip desc">审批人微信二维码，大小2M以内</div>
+                                </el-upload> -->
+                                <el-upload ref="upload1" class="avatar-uploader" :auto-upload="false" action="#" :multiple="false" :http-request="customUpload">
+                                    <template #trigger>
+                                            <hover-button button-text="重新上传" :default-icon="require('../assets/upLoad_grey.svg')"
+                                            :hover-icon="require('../assets/upLoad_active.svg')"
+                                            default-text-color="#23242B" hover-text-color="#006AFF" @click="handleUploadClick" />
+                                    </template>
+                                    <div slot="tip" class="el-upload__tip desc">审批人微信二维码，大小2M以内</div>
                                 </el-upload>
                             </div>
                         </GuipFormItem>
@@ -81,11 +98,8 @@
                     <div class="flex-left">
                         <GuipInput column="column" v-model="siteForm.doctor_desc" prop="doctor_desc" label="一句话介绍"
                             width="100%" height="56px" placeholder="请输入描述内容" maxlength="14" show-word-limit />
-                        <GuipFormItem column="column" class="" label="详细介绍">
-                            <GuipTextarea slot="formDom" v-model="siteForm.doctor_detail" prop="doctor_detail"
-                                width="100%" height="86px" autosize placeholder="请输入描述内容" maxlength="不限"
-                                show-word-limit />
-                        </GuipFormItem>
+                        <GuipTextarea label="详细介绍" column="column" v-model="siteForm.doctor_detail" prop="doctor_detail"
+                            width="100%" autosize placeholder="请输入描述内容" maxlength="不限" show-word-limit />
                     </div>
                     <div class="flex-line"></div>
                     <div class="flex-right">
@@ -157,13 +171,13 @@ export default {
                 doctor_desc: '',
                 doctor_detail: '',
                 label: '',
-                first_visit_audit:'1',
-                approve_phone:''
+                first_visit_audit: '1',
+                approve_phone: ''
             },
             oldForm: {},
             siteFormrules2: {
                 first_visit_audit: [
-                    { required: true, message: '请选择初诊审批设置', trigger: 'change'}
+                    { required: true, message: '请选择初诊审批设置', trigger: 'change' }
                 ]
             },
             siteFormrules: {
@@ -219,8 +233,8 @@ export default {
             }).then(response => {
                 if (response.code == 0) {
                     let obj = JSON.parse(JSON.stringify(this.siteForm))
-                    this.oldForm = { ...obj,...response.data }
-                    this.siteForm = { ...this.siteForm,...response.data }
+                    this.oldForm = { ...obj, ...response.data }
+                    this.siteForm = { ...this.siteForm, ...response.data }
                     if (response.data.avator) {
                         this.fileList = [{
                             name: 'avator',
@@ -232,7 +246,23 @@ export default {
                 console.error(error, 'error')
             })
         },
-        btnClick() {
+        handleUploadClick(e) {
+            console.log(e,'------e====');
+            e.preventDefault();
+            this.$refs.upload.$el.querySelector('input[type="file"]').click();
+        },
+        btnClick(e) {
+            console.log(e,'------e====');
+            e.preventDefault();
+            this.$refs.upload1.$el.querySelector('input[type="file"]').click();
+        },
+
+        customUpload(params) {
+            // 自定义上传逻辑
+            const formData = new FormData();
+            console.log(params.file,'-222----');
+            formData.append('file', params.file);
+            // this.$http.post('/api/upload', formData).then()
         },
         handleRemove(file, fileList) {
             console.log(file, fileList);
@@ -257,7 +287,7 @@ export default {
             });
         },
         handleFileChange(file, fileList) {
-            console.log(file,fileList,'======file');
+            console.log(file, fileList, '======file');
             this.siteForm.avator = fileList.length ? 'uploaded' : '';
             this.$refs.siteForm.validateField('avator');
             this.fileList = fileList
@@ -276,7 +306,7 @@ export default {
             this.imageUrl1 = URL.createObjectURL(file.raw);
         },
         beforeAvatarUpload(file) {
-            console.log(file,'=====file');
+            console.log(file, '=====file');
             const isJPG = file.type === 'image/jpeg' || file.type === 'image/png';
             const isLt2M = file.size / 1024 / 1024 < 2;
 
@@ -289,40 +319,36 @@ export default {
             return isJPG && isLt2M;
         },
         submitForm(form) {
+            let props = {};
             if (form == 'siteForm') {
                 this.$refs[form].validate((valid) => {
                     if (valid) {
-                        this.$http('POST', '/supernew/ajax_get_type_batch_list', {
+                        props = {
                             did: this.doctorId,
                             name: this.siteForm.doctor_name,
                             idcard: this.siteForm.idcard,
                             avatar_file: this.siteForm.avator,
                             phone: this.siteForm.phone
-                        }).then(response => {
-                            if (response.code == 0) {
-                                this.$Message.success('修改成功')
-                            }
-                        }).catch(error => {
-                            console.error(error, 'error')
-                        })
+                        }
                     } else {
                         return false;
                     }
                 });
             } else {
-                this.$http('POST', '/supernew/ajax_get_type_batch_list', {
+                props = {
                     did: this.doctorId,
                     desc: form.doctor_desc,
                     detail: form.doctor_detail,
                     label: form.label
-                }).then(response => {
-                    if (response.code == 0) {
-                        this.$Message.success('修改成功')
-                    }
-                }).catch(error => {
-                    console.error(error, 'error')
-                })
+                }
             }
+            this.$http('POST', '/supernew/ajax_get_type_batch_list', props).then(response => {
+                if (response.code == 0) {
+                    this.$Message.success('修改成功')
+                }
+            }).catch(error => {
+                console.error(error, 'error')
+            })
         },
         cancelClick(type) {
             // siteForm
@@ -357,11 +383,13 @@ export default {
     transition: all .5s;
     border: 1px solid transparent;
 }
+
 .special-form-item {
-    .el-form-item__label{
+    .el-form-item__label {
         margin-bottom: 12px;
     }
-    .custom-label{
+
+    .custom-label {
         gap: 6px;
     }
 }
@@ -375,6 +403,7 @@ export default {
     display: flex;
     width: 100%;
     justify-content: flex-start;
+
     .labelImg {
         opacity: .7;
         margin-left: 8px;
diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
index 9b441e0..2b02d0b 100644
--- a/src/views/HomeView.vue
+++ b/src/views/HomeView.vue
@@ -29,7 +29,7 @@
                             <el-avatar :src="item.avatar"></el-avatar>
                             <span class="name">{{ item.name }}</span>
                             <span>{{ item.phone }}</span>
-                            <GuipSwitch :modelValue="item.status" @change="onSwitchChange(item,index)">
+                            <GuipSwitch :modelValue="Boolean(item.status)" @change="onSwitchChange(item,index)">
                             </GuipSwitch>
                             <GuipButton type="text" @click="editDoctor(item,index)">编辑</GuipButton>
                         </div>
@@ -120,85 +120,85 @@ export default {
             doctorName:'',
             isIndeterminate: false,
             doctorList: [
-                // {
-                //     id: 10,
-                //     checked: false,
-                //     name: '一二',
-                //     idcard: '532524198711223615',
-                //     desc: '就哈哈哈哈，嗷跳舞',
-                //     detail: '拉开是金德拉克撒娇了大数据连接拉萨。。。',
-                //     tag: '专业',
-                //     phone: '17785748373',
-                //     avatar: 'https://cube.elemecdn.com/0/88/03b0d39583f48206768a7534e55bcpng.png',
-                //     status: true,
-                //     list: [
-                //         {
-                //             hos: [
-                //                 '第三人民医院 针灸科',
-                //                 '第一人民医院 中医科',
-                //             ],
-                //             time: '2054 - 10 - 03',
-                //             status: true,
-                //             group: '2',
-                //             setMenu: '4',
-                //             nums: '88',
-                //             checked: false,
-                //         },
-                //     ]
-                // },
-                // {
-                //     id: 10,
-                //     checked: false,
-                //     name: '一二',
-                //     idcard: '532524198711223615',
-                //     desc: '就哈哈哈哈，嗷跳舞',
-                //     detail: '拉开是金德拉克撒娇了大数据连接拉萨。。。',
-                //     tag: '专业',
-                //     phone: '17785748373',
-                //     avatar: 'https://cube.elemecdn.com/0/88/03b0d39583f48206768a7534e55bcpng.png',
-                //     status: false,
-                //     list: [
-                //         {
-                //             hos: [
-                //                 '第三人民医院 针灸科',
-                //                 '第一人民医院 中医科',
-                //             ],
-                //             time: '2054 - 10 - 03',
-                //             status: true,
-                //             group: '2',
-                //             setMenu: '4',
-                //             nums: '88',
-                //             checked: false,
-                //         },
-                //         {
-                //             hos: [
-                //                 '第三人民医院 针灸科',
-                //                 '第一人民医院 中医科',
-                //             ],
-                //             time: '2054 - 10 - 03',
-                //             status: true,
-                //             group: '2',
-                //             setMenu: '4',
-                //             nums: '88',
-                //             checked: false,
-                //         },
-                //     ]
-                // },
-                // {
-                //     id: 10,
-                //     checked: false,
-                //     name: '一二',
-                //     idcard: '532524198711223615',
-                //     desc: '就哈哈哈哈，嗷跳舞',
-                //     detail: '拉开是金德拉克撒娇了大数据连接拉萨。。。',
-                //     tag: '专业',
-                //     phone: '17785748373',
-                //     avatar: 'https://cube.elemecdn.com/0/88/03b0d39583f48206768a7534e55bcpng.png',
-                //     status: false,
-                //     list: [
+                {
+                    id: 10,
+                    checked: false,
+                    name: '一二',
+                    idcard: '532524198711223615',
+                    desc: '就哈哈哈哈，嗷跳舞',
+                    detail: '拉开是金德拉克撒娇了大数据连接拉萨。。。',
+                    tag: '专业',
+                    phone: '17785748373',
+                    avatar: 'https://cube.elemecdn.com/0/88/03b0d39583f48206768a7534e55bcpng.png',
+                    status: 0,
+                    list: [
+                        {
+                            hos: [
+                                '第三人民医院 针灸科',
+                                '第一人民医院 中医科',
+                            ],
+                            time: '2054 - 10 - 03',
+                            status: true,
+                            group: '2',
+                            setMenu: '4',
+                            nums: '88',
+                            checked: false,
+                        },
+                    ]
+                },
+                {
+                    id: 10,
+                    checked: false,
+                    name: '一二',
+                    idcard: '532524198711223615',
+                    desc: '就哈哈哈哈，嗷跳舞',
+                    detail: '拉开是金德拉克撒娇了大数据连接拉萨。。。',
+                    tag: '专业',
+                    phone: '17785748373',
+                    avatar: 'https://cube.elemecdn.com/0/88/03b0d39583f48206768a7534e55bcpng.png',
+                    status: 1,
+                    list: [
+                        {
+                            hos: [
+                                '第三人民医院 针灸科',
+                                '第一人民医院 中医科',
+                            ],
+                            time: '2054 - 10 - 03',
+                            status: true,
+                            group: '2',
+                            setMenu: '4',
+                            nums: '88',
+                            checked: false,
+                        },
+                        {
+                            hos: [
+                                '第三人民医院 针灸科',
+                                '第一人民医院 中医科',
+                            ],
+                            time: '2054 - 10 - 03',
+                            status: true,
+                            group: '2',
+                            setMenu: '4',
+                            nums: '88',
+                            checked: false,
+                        },
+                    ]
+                },
+                {
+                    id: 10,
+                    checked: false,
+                    name: '一二',
+                    idcard: '532524198711223615',
+                    desc: '就哈哈哈哈，嗷跳舞',
+                    detail: '拉开是金德拉克撒娇了大数据连接拉萨。。。',
+                    tag: '专业',
+                    phone: '17785748373',
+                    avatar: 'https://cube.elemecdn.com/0/88/03b0d39583f48206768a7534e55bcpng.png',
+                    status: 1,
+                    list: [
 
-                //     ]
-                // },
+                    ]
+                },
             ],
             allChecked: false,
         }
@@ -228,7 +228,7 @@ export default {
     methods: {
         // 初始化请求
         getInitData(){
-            this.$store.dispatch('showLoading')
+            // this.$store.dispatch('showLoading')
             this.$http('POST', '/api/admin/doctor_depart_list', {
             }).then(response => {
                 if (response.code == 0) {
@@ -333,18 +333,24 @@ export default {
             }
         },
         onSwitchChange(item,index) {
-            console.log(index, '====');
+            item.status = item.status  == 0 ? 1 : 0; 
+            console.log(index,item,'====');
+            this.$set(this.doctorList, item)
+            // let depart_ids = ''
+
             // 更新医生启用状态
-            this.$http('POST', '/supernew/ajax_get_type_batch_list', {
-                id:item.id
-            }).then(response => {
-                if (response.code == 0) {
-                    this.doctorList = response.data
-                }
+            // this.$http('POST', '/api/admin/depart_mutil_option', {
+            //     doctor_id:item.id,
+            //     depart_ids:'',
+            //     status:''
+            // }).then(response => {
+            //     if (response.code == 0) {
+            //         this.doctorList = response.data
+            //     }
 
-            }).catch(error => {
-                console.error(error, 'error')
-            })
+            // }).catch(error => {
+            //     console.error(error, 'error')
+            // })
         },
         addDoctor() {
             this.$router.push(`/doctorInformation`)
diff --git a/src/views/HosInformation.vue b/src/views/HosInformation.vue
index 3135c2c..c902f5a 100644
--- a/src/views/HosInformation.vue
+++ b/src/views/HosInformation.vue
@@ -47,12 +47,12 @@
                             </div>
                         </GuipFormItem>
                         <GuipFormItem column="column" class="mb24" label="使用功能">
-                            <el-checkbox-group slot="formDom" v-model="form.type" class="checkboxGroup">
+                            <el-checkbox-group slot="formDom" v-model="form.type" @change="validateSelection" class="checkboxGroup">
                                 <div class="flex">
-                                    <el-checkbox label="医生名片（基础功能不可取消）" value="2"></el-checkbox>
-                                    <el-checkbox label="患者预约" value="0"></el-checkbox>
+                                    <el-checkbox :label="2" >医生名片（基础功能不可取消）</el-checkbox>
+                                    <el-checkbox :label="0">患者预约</el-checkbox>
                                 </div>
-                                <el-checkbox label="项目计数" value="1"></el-checkbox>
+                                <el-checkbox :label="1">项目计数</el-checkbox>
                             </el-checkbox-group>
                         </GuipFormItem>
                         <GuipFormItem column="column" class="" label="就诊提醒">
@@ -66,7 +66,7 @@
             <GroupFormBtns @cancel="cancelClick" @confirm="submitForm('siteForm')" />
         </div>
 
-        <div class="siteMessage flex-common mt12" id="siteMessage3">
+        <div class="siteMessage flex-common mt12" id="siteMessage2">
             <p class="littleTitle mb32">出诊时间</p>
             <el-form :model="form" :rules="siteFormrules1" ref="siteForm1">
                 <div class="flex-wrap">
@@ -100,7 +100,7 @@
             </el-form>
             <GroupFormBtns @cancel="cancelClick" @confirm="submitForm('siteForm1')" />
         </div>
-        <div class="siteMessage flex-common mt12" id="siteMessage4">
+        <div class="siteMessage flex-common mt12" id="siteMessage3">
             <p class="littleTitle mb32">放号设置</p>
             <el-form :model="form" :rules="numSettingFormRule" ref="numSettingForm">
                 <div class="flex-wrap">
@@ -136,7 +136,7 @@
             <GroupFormBtns @cancel="cancelClick" @confirm="submitForm('numSettingForm')" />
         </div>
         <!-- <p class="pageTitle bold">项目管理</p> -->
-        <div class="siteMessage flex-common mt12" id="siteMessage5">
+        <div class="siteMessage flex-common mt12" id="siteMessage4">
             <el-form>
                 <div class=" mb32 flex-between">
                     <span class="littleTitle">项目列表</span>
@@ -166,8 +166,8 @@
                             v-for="item in projectTagData" :key="item.name">{{ item.name }}</div>
                     </div>
                     <div class="right flex">
-                        <span>搜索项目</span>
-                        <GuipInput slot="formDom" ref="GuipInput" column="column" v-model="projectSearchName"
+                        <span style="margin-right: 16px;">搜索项目</span>
+                        <GuipInput ref="GuipInput" column="column" width="280px" v-model="projectSearchName"
                             prop="company_name" placeholder="请输入">
                             <img src="@/assets/input_search_ic.svg" slot="suffix" @click="handleClear" />
                         </GuipInput>
@@ -200,7 +200,7 @@
                 </el-pagination>
             </el-form>
         </div>
-        <div class="siteMessage flex-common mt12" id="siteMessage6">
+        <div class="siteMessage flex-common mt12" id="siteMessage5">
             <el-form>
                 <div class=" mb32 flex-between">
                     <span class="littleTitle">疗程套餐</span>
@@ -270,6 +270,7 @@
 <script>
 import GuipFormItem from '@/components/GuipFormItem.vue';
 import BatchProject from '@/components/BatchProject.vue';
+import store from '@/store';
 import GuipButton from '@/components/GuipButton.vue';
 import GuipInput from '@/components/GuipInput.vue';
 import GuipTextarea from '@/components/GuipTextarea.vue';
@@ -280,6 +281,7 @@ import GuipTable from '@/components/GuipTable.vue';
 import GuipDialog from '@/components/GuipDialog.vue';
 // import GuipRadio from '@/components/GuipRadio.vue';
 // import HoverButton from '@/components/HoverButton.vue';
+import { mapState } from 'vuex';
 
 export default {
     // 站点设置
@@ -372,6 +374,22 @@ export default {
                     name: '针灸4',
                     id: '13'
                 },
+                {
+                    name: '针灸1',
+                    id: '21'
+                },
+                {
+                    name: '针灸2',
+                    id: '211'
+                },
+                {
+                    name: '针灸3',
+                    id: '212'
+                },
+                {
+                    name: '针灸4',
+                    id: '213'
+                },
             ],
             courseList: [
                 {
@@ -528,19 +546,24 @@ export default {
             },
         }
     },
+    created(){
+        store.commit('SET_CUSTOMIZE', true); 
+        store.commit('SET_SLIDER_MENU','hosMenuData'); 
+    },
     mounted() {
         const { depart_id, doctor_id } = this.$route.query; // 获取 doctorId 参数
         if (doctor_id && depart_id) {
             // 请求医生信息
             this.depart_id = depart_id;
             this.doctor_id = doctor_id;
-            this.fetchDoctorData()
+            // this.fetchDoctorData()
         }
     },
     computed: {
         selectedCount() {
             return this.selectedRows.length;
-        }
+        },
+        ...mapState(['hosMenuData']) // 从Vuex映射showSidebar状态到组件的计算属性中
     },
     methods: {
         fetchDoctorData() {
@@ -549,6 +572,7 @@ export default {
                 doctor_id: this.doctor_id
             }).then(response => {
                 this.form = { ...this.form, ...response.data,
+                    type:response.type ? [Number(response.type)] : [2],
                     'morning_worktime':response.data.morning_worktime.split('-'),
                     'afternoon_worktime':response.data.afternoon_worktime.split('-')
                  }
@@ -557,6 +581,15 @@ export default {
                 console.error(error, 'error')
             })
         },
+        validateSelection(val) {
+            // 防止取消选中医生名片
+            if (!val.includes(2)) {
+                this.$nextTick(() => {
+                    this.form.type = [...val, 2];
+                    this.$message.warning('基础功能不可取消');
+                });
+            }
+        },
         selectTag(item) {
             this.projectSearchId = item.id
         },
@@ -773,6 +806,11 @@ export default {
                             }
                             break;
                         case 'siteForm':
+                            props={
+                                is_fixed:this.form.is_fixed,
+                                type:form.type,
+                                notice:form.notice
+                            }
                             break;
                         case 'numSettingForm':
                             props={
@@ -782,10 +820,6 @@ export default {
                                 treat_expire:form.treat_expire,
                             }
                             break;
-                        // case 'numSettingForm':
-                        //     break;
-                        // case 'numSettingForm':
-                        //     break;
                     }
                     this.updateHosInfo(props)
                 } else {