修改需求

element-variables.scss

$--color-white: #fff !default;
$--color-black: #000 !default;
$--color-primary: #2693ec !default;
$--color-primary: #1b73a5 !default;
$--color-primary-light-1: mix($--color-white, $--color-primary, 10%) !default; /* 53a8ff */
$--color-primary-light-2: mix($--color-white, $--color-primary, 20%) !default; /* 66b1ff */
$--color-primary-light-3: mix($--color-white, $--color-primary, 30%) !default; /* 79bbff */

package.json

  "dependencies": {
    "axios": "^0.17.1",
    "babel-polyfill": "^6.26.0",
    "element-theme-chalk": "^2.4.11",
    "element-ui": "^2.3.5",
    "js-cookie": "^2.2.0",
    "normalize.css": "^7.0.0",

src/api/demand.js

export const pqDemandReason = '/ajax/demand/closeReason'
export const pqDemandNum = '/ajax/demand/pro/count'
export const pqDemandPro = '/ajax/demand/pro'
export const feedbackReason = '/ajax/feedback'

src/styles/loginform.scss

  }
  .login-form {
    position: absolute;
    left: 0;
    right: 0;
    top: 18%;
    right: 12%;
    top: 16%;
    width: 520px;
    padding: 50px 35px 15px 35px;
    margin: 120px auto;
    padding: 30px;
    border-radius: 4px;
    background-color: $bg;
    background-color: #fff;
    box-shadow: 1px 1px 18px 6px rgba(24, 24, 24, .4);
    .log-btn.el-button--primary {
      width:100%;
      -webkit-appearance: none;
      border-radius: 0px;
      padding: 12px 5px 12px 15px;
      color: $light_gray;
      color: #454545;
      height: 47px;
      &:-webkit-autofill {
        -webkit-box-shadow: 0 0 0px 1000px $bg inset !important;
        -webkit-text-fill-color: #fff !important;
        -webkit-box-shadow: 0 0 0px 1000px #e2e2e2 inset !important;
        -webkit-text-fill-color: #666 !important;
      }
    }
  }
  }
  .title {
    font-size: 26px;
    font-weight: 400;
    color: $light_gray;
    color: #454545;
    margin: 0px auto 40px auto;
    text-align: center;
    font-weight: bold;
    right: 10px;
    top: 7px;
    font-size: 16px;
    color: $dark_gray;
    color: #454545;
    cursor: pointer;
    user-select: none;
  }

src/views/demandCen/preview.vue

              <el-input v-else type="textarea" :rows="4" v-model="ruleFormDem.descp" maxlength="1000" placeholder="请描述您的需求背景、具体问题、对专家的要求等等"></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="24"><div class="form-line"></div></el-col>
          <el-col :span="24" v-if="ruleFormDem.state===2">
            <el-form-item label="意见建议">
              <span v-html="feedback"></span>
            </el-form-item>
          </el-col>
          <el-col :span="24" ><el-form-item style="height:20px"></el-form-item></el-col>
          <el-col :span="24" >
            <el-form-item align="center">
</template>
<script>
  import { qoDemand, editDemand, pqDemandReason } from '@/api/demand'
  import { qoDemand, editDemand, pqDemandReason, feedbackReason } from '@/api/demand'
  import queryBase from '@/utils/queryBase'
  import queryDict from '@/utils/queryDict'
  import cityPicker from '@/components/CityPicker'
        buttCount: 0,
        demandCloseReason: '',
        ownerIn: {},
        feedback: '',
        ruleFormDem: {
          title: '',
          descp: '',
        queryBase.getNormalOne(id, function(sc, value) {
          if (sc) {
            that.ownerIn = value
            if (that.ruleFormDem.state === 2) {
              that.getFeedBack()
            }
          }
        })
      },
      getFeedBack() {
        var that = this
        this.$http.get(feedbackReason, {
          target: that.demandId,
          type: 1,
          creator: that.ownerIn.id
        }, function(res) {
          if (res.success && res.data) {
            that.feedback = res.data.cnt
          }
        })
      },
<style>
  .form-main{
    max-width:1000px;
    padding: 10px 20px;
  }
  .content-tit{
    text-align: center;
  .content-tit small{
    margin-left: 20px;
  }
  .form-line{
    border-top:1px dashed #ccc;
    margin-bottom:20px;
  }
</style>

src/views/login/index.vue

<template>
  <div class="logo-container login-container">
    <div class="logo-wrapper"></div>
    <div class="logo-wrapper" style="background:none"></div>
    <el-form class="login-form" autoComplete="on" :model="loginForm" :rules="loginRules" ref="loginForm" label-position="left">
      <h3 class="title">登录</h3>
      <el-form-item prop="account">

theme/autocomplete.css

      border-color: #c0c4cc; }
    .el-textarea__inner:focus {
      outline: none;
      border-color: #409EFF; }
      border-color: #1b73a5; }
  .el-textarea.is-disabled .el-textarea__inner {
    background-color: #f5f7fa;
    border-color: #e4e7ed;
      border-color: #c0c4cc; }
    .el-input__inner:focus {
      outline: none;
      border-color: #409EFF; }
      border-color: #1b73a5; }
  .el-input__suffix {
    position: absolute;
    height: 100%;
    pointer-events: none; }
  .el-input.is-active .el-input__inner {
    outline: none;
    border-color: #409EFF; }
    border-color: #1b73a5; }
  .el-input.is-disabled .el-input__inner {
    background-color: #f5f7fa;
    border-color: #e4e7ed;

theme/badge.css

      right: 0;
      border-radius: 50%; }
    .el-badge__content--primary {
      background-color: #409EFF; }
      background-color: #1b73a5; }
    .el-badge__content--success {
      background-color: #67c23a; }
    .el-badge__content--warning {

theme/breadcrumb.css

        transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
        color: #303133; }
        .el-breadcrumb__inner.is-link:hover, .el-breadcrumb__inner a:hover {
          color: #409EFF;
          color: #1b73a5;
          cursor: pointer; }
    .el-breadcrumb__item:last-child .el-breadcrumb__inner, .el-breadcrumb__item:last-child .el-breadcrumb__inner:hover,
    .el-breadcrumb__item:last-child .el-breadcrumb__inner a,

theme/button.css

  .el-button.is-round {
    padding: 12px 20px; }
  .el-button:hover, .el-button:focus {
    color: #409EFF;
    border-color: #c6e2ff;
    background-color: #ecf5ff; }
    color: #1b73a5;
    border-color: #bbd5e4;
    background-color: #e8f1f6; }
  .el-button:active {
    color: #3a8ee6;
    border-color: #3a8ee6;
    color: #186895;
    border-color: #186895;
    outline: none; }
  .el-button::-moz-focus-inner {
    border: 0; }
    margin-left: 5px; }
  .el-button.is-plain:hover, .el-button.is-plain:focus {
    background: #fff;
    border-color: #409EFF;
    color: #409EFF; }
    border-color: #1b73a5;
    color: #1b73a5; }
  .el-button.is-plain:active {
    background: #fff;
    border-color: #3a8ee6;
    color: #3a8ee6;
    border-color: #186895;
    color: #186895;
    outline: none; }
  .el-button.is-active {
    color: #3a8ee6;
    border-color: #3a8ee6; }
    color: #186895;
    border-color: #186895; }
  .el-button.is-disabled, .el-button.is-disabled:hover, .el-button.is-disabled:focus {
    color: #c0c4cc;
    cursor: not-allowed;
    padding: 12px; }
  .el-button--primary {
    color: #fff;
    background-color: #409EFF;
    border-color: #409EFF; }
    background-color: #1b73a5;
    border-color: #1b73a5; }
    .el-button--primary:hover, .el-button--primary:focus {
      background: #66b1ff;
      border-color: #66b1ff;
      background: #498fb7;
      border-color: #498fb7;
      color: #fff; }
    .el-button--primary:active {
      background: #3a8ee6;
      border-color: #3a8ee6;
      background: #186895;
      border-color: #186895;
      color: #fff;
      outline: none; }
    .el-button--primary.is-active {
      background: #3a8ee6;
      border-color: #3a8ee6;
      background: #186895;
      border-color: #186895;
      color: #fff; }
    .el-button--primary.is-disabled, .el-button--primary.is-disabled:hover, .el-button--primary.is-disabled:focus, .el-button--primary.is-disabled:active {
      color: #fff;
      background-color: #a0cfff;
      border-color: #a0cfff; }
      background-color: #8db9d2;
      border-color: #8db9d2; }
    .el-button--primary.is-plain {
      color: #409EFF;
      background: #ecf5ff;
      border-color: #b3d8ff; }
      color: #1b73a5;
      background: #e8f1f6;
      border-color: #a4c7db; }
      .el-button--primary.is-plain:hover, .el-button--primary.is-plain:focus {
        background: #409EFF;
        border-color: #409EFF;
        background: #1b73a5;
        border-color: #1b73a5;
        color: #fff; }
      .el-button--primary.is-plain:active {
        background: #3a8ee6;
        border-color: #3a8ee6;
        background: #186895;
        border-color: #186895;
        color: #fff;
        outline: none; }
      .el-button--primary.is-plain.is-disabled, .el-button--primary.is-plain.is-disabled:hover, .el-button--primary.is-plain.is-disabled:focus, .el-button--primary.is-plain.is-disabled:active {
        color: #8cc5ff;
        background-color: #ecf5ff;
        border-color: #d9ecff; }
        color: #76abc9;
        background-color: #e8f1f6;
        border-color: #d1e3ed; }
  .el-button--success {
    color: #fff;
    background-color: #67c23a;
      padding: 7px; }
  .el-button--text {
    border-color: transparent;
    color: #409EFF;
    color: #1b73a5;
    background: transparent;
    padding-left: 0;
    padding-right: 0; }
    .el-button--text:hover, .el-button--text:focus {
      color: #66b1ff;
      color: #498fb7;
      border-color: transparent;
      background-color: transparent; }
    .el-button--text:active {
      color: #3a8ee6;
      color: #186895;
      border-color: transparent;
      background-color: transparent; }
    .el-button--text.is-disabled, .el-button--text.is-disabled:hover, .el-button--text.is-disabled:focus {

theme/cascader.css

      border-color: #c0c4cc; }
    .el-textarea__inner:focus {
      outline: none;
      border-color: #409EFF; }
      border-color: #1b73a5; }
  .el-textarea.is-disabled .el-textarea__inner {
    background-color: #f5f7fa;
    border-color: #e4e7ed;
      border-color: #c0c4cc; }
    .el-input__inner:focus {
      outline: none;
      border-color: #409EFF; }
      border-color: #1b73a5; }
  .el-input__suffix {
    position: absolute;
    height: 100%;
    pointer-events: none; }
  .el-input.is-active .el-input__inner {
    outline: none;
    border-color: #409EFF; }
    border-color: #1b73a5; }
  .el-input.is-disabled .el-input__inner {
    background-color: #f5f7fa;
    border-color: #e4e7ed;
  .el-cascader .el-input__inner {
    cursor: pointer; }
  .el-cascader .el-input.is-focus .el-input__inner {
    border-color: #409EFF; }
    border-color: #1b73a5; }
  .el-cascader .el-input__icon {
    -webkit-transition: none;
    transition: none; }
      .el-cascader-menu__item.is-disabled:hover {
        background-color: #fff; }
    .el-cascader-menu__item.is-active {
      color: #409EFF; }
      color: #1b73a5; }
    .el-cascader-menu__item:hover, .el-cascader-menu__item:focus:not(:active) {
      background-color: #f5f7fa; }
    .el-cascader-menu__item.selected {

theme/checkbox.css

    line-height: normal;
    height: 40px; }
    .el-checkbox.is-bordered.is-checked {
      border-color: #409EFF; }
      border-color: #1b73a5; }
    .el-checkbox.is-bordered.is-disabled {
      border-color: #ebeef5;
      cursor: not-allowed; }
      color: #c0c4cc;
      cursor: not-allowed; }
    .el-checkbox__input.is-checked .el-checkbox__inner {
      background-color: #409EFF;
      border-color: #409EFF; }
      background-color: #1b73a5;
      border-color: #1b73a5; }
      .el-checkbox__input.is-checked .el-checkbox__inner::after {
        -webkit-transform: rotate(45deg) scaleY(1);
        transform: rotate(45deg) scaleY(1); }
    .el-checkbox__input.is-checked + .el-checkbox__label {
      color: #409EFF; }
      color: #1b73a5; }
    .el-checkbox__input.is-focus {
      /*focus时 视觉上区分*/ }
      .el-checkbox__input.is-focus .el-checkbox__inner {
        border-color: #409EFF; }
        border-color: #1b73a5; }
    .el-checkbox__input.is-indeterminate .el-checkbox__inner {
      background-color: #409EFF;
      border-color: #409EFF; }
      background-color: #1b73a5;
      border-color: #1b73a5; }
      .el-checkbox__input.is-indeterminate .el-checkbox__inner::before {
        content: '';
        position: absolute;
    -webkit-transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46);
    transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46); }
    .el-checkbox__inner:hover {
      border-color: #409EFF; }
      border-color: #1b73a5; }
    .el-checkbox__inner::after {
      -webkit-box-sizing: content-box;
      box-sizing: content-box;
    .el-checkbox-button__inner.is-round {
      padding: 12px 20px; }
    .el-checkbox-button__inner:hover {
      color: #409EFF; }
      color: #1b73a5; }
    .el-checkbox-button__inner [class*="el-icon-"] {
      line-height: 0.9; }
      .el-checkbox-button__inner [class*="el-icon-"] + span {
    z-index: -1; }
  .el-checkbox-button.is-checked .el-checkbox-button__inner {
    color: #fff;
    background-color: #409EFF;
    border-color: #409EFF;
    -webkit-box-shadow: -1px 0 0 0 #8cc5ff;
    box-shadow: -1px 0 0 0 #8cc5ff; }
    background-color: #1b73a5;
    border-color: #1b73a5;
    -webkit-box-shadow: -1px 0 0 0 #76abc9;
    box-shadow: -1px 0 0 0 #76abc9; }
  .el-checkbox-button.is-checked:first-child .el-checkbox-button__inner {
    border-left-color: #409EFF; }
    border-left-color: #1b73a5; }
  .el-checkbox-button.is-disabled .el-checkbox-button__inner {
    color: #c0c4cc;
    cursor: not-allowed;
    -webkit-box-shadow: none !important;
    box-shadow: none !important; }
  .el-checkbox-button.is-focus .el-checkbox-button__inner {
    border-color: #409EFF; }
    border-color: #1b73a5; }
  .el-checkbox-button:last-child .el-checkbox-button__inner {
    border-radius: 0 4px 4px 0; }
  .el-checkbox-button--medium .el-checkbox-button__inner {

theme/collapse.css

      -webkit-transform: rotate(90deg);
      transform: rotate(90deg); }
  .el-collapse-item__header.focusing:focus:not(:hover) {
    color: #409EFF; }
    color: #1b73a5; }
  .el-collapse-item__header.is-active {
    border-bottom-color: transparent; }

theme/color-picker.css

    .el-color-predefine__color-selector:nth-child(10n + 1) {
      margin-left: 0; }
    .el-color-predefine__color-selector.selected {
      -webkit-box-shadow: 0 0 3px 2px #409EFF;
      box-shadow: 0 0 3px 2px #409EFF; }
      -webkit-box-shadow: 0 0 3px 2px #1b73a5;
      box-shadow: 0 0 3px 2px #1b73a5; }
    .el-color-predefine__color-selector > div {
      display: -webkit-box;
      display: -ms-flexbox;
      color: #cccccc;
      cursor: not-allowed; }
    .el-color-dropdown__btn:hover {
      color: #409EFF;
      border-color: #409EFF; }
      color: #1b73a5;
      border-color: #1b73a5; }
  .el-color-dropdown__link-btn {
    cursor: pointer;
    color: #409EFF;
    color: #1b73a5;
    text-decoration: none;
    padding: 15px;
    font-size: 12px; }
    .el-color-dropdown__link-btn:hover {
      color: tint(#409EFF, 20%); }
      color: tint(#1b73a5, 20%); }
.el-color-picker {
  display: inline-block;

theme/date-picker.css

    .el-date-table td.today {
      position: relative; }
      .el-date-table td.today span {
        color: #409EFF;
        color: #1b73a5;
        font-weight: bold; }
      .el-date-table td.today.start-date span,
      .el-date-table td.today.end-date span {
        color: #fff; }
    .el-date-table td.available:hover {
      color: #409EFF; }
      color: #1b73a5; }
    .el-date-table td.in-range div {
      background-color: #f2f6fc; }
      .el-date-table td.in-range div:hover {
        background-color: #f2f6fc; }
    .el-date-table td.current:not(.disabled) span {
      color: #fff;
      background-color: #409EFF; }
      background-color: #1b73a5; }
    .el-date-table td.start-date div,
    .el-date-table td.end-date div {
      color: #fff; }
    .el-date-table td.start-date span,
    .el-date-table td.end-date span {
      background-color: #409EFF; }
      background-color: #1b73a5; }
    .el-date-table td.start-date div {
      margin-left: 5px;
      border-top-left-radius: 15px;
      .el-date-table td.selected div:hover {
        background-color: #f2f6fc; }
    .el-date-table td.selected span {
      background-color: #409EFF;
      background-color: #1b73a5;
      color: #fff;
      border-radius: 15px; }
    .el-date-table td.week {
      color: #606266;
      margin: 0 auto; }
      .el-month-table td .cell:hover {
        color: #409EFF; }
        color: #1b73a5; }
    .el-month-table td.current:not(.disabled) .cell {
      color: #409EFF; }
      color: #1b73a5; }
/* Element Chalk Variables */
/* Transition
      color: #606266;
      margin: 0 auto; }
      .el-year-table td .cell:hover {
        color: #409EFF; }
        color: #1b73a5; }
    .el-year-table td.current:not(.disabled) .cell {
      color: #409EFF; }
      color: #1b73a5; }
/* Element Chalk Variables */
/* Transition
  line-height: 30px;
  cursor: pointer; }
  .el-time-spinner__arrow:hover {
    color: #409EFF; }
    color: #1b73a5; }
  .el-time-spinner__arrow.el-icon-arrow-up {
    top: 10px; }
  .el-time-spinner__arrow.el-icon-arrow-down {
  line-height: 1; }
.el-range-editor.is-active {
  border-color: #409EFF; }
  border-color: #1b73a5; }
  .el-range-editor.is-active:hover {
    border-color: #409EFF; }
    border-color: #1b73a5; }
.el-range-editor--medium.el-input__inner {
  height: 36px; }
    outline: none;
    cursor: pointer; }
    .el-picker-panel__shortcut:hover {
      color: #409EFF; }
      color: #1b73a5; }
    .el-picker-panel__shortcut.active {
      background-color: #e6f1fe;
      color: #409EFF; }
      color: #1b73a5; }
  .el-picker-panel__btn {
    border: 1px solid #dcdcdc;
    color: #333;
    outline: none;
    margin-top: 8px; }
    .el-picker-panel__icon-btn:hover {
      color: #409EFF; }
      color: #1b73a5; }
    .el-picker-panel__icon-btn.is-disabled {
      color: #bbb; }
      .el-picker-panel__icon-btn.is-disabled:hover {
    cursor: pointer;
    color: #606266; }
    .el-date-picker__header-label:hover {
      color: #409EFF; }
      color: #1b73a5; }
    .el-date-picker__header-label.active {
      color: #409EFF; }
      color: #1b73a5; }
  .el-date-picker__prev-btn {
    float: left; }
  .el-date-picker__next-btn {
    color: #303133; }
    .el-time-panel__btn.confirm {
      font-weight: 800;
      color: #409EFF; }
      color: #1b73a5; }
/* BEM support Func
 -------------------------- */
      border-color: #c0c4cc; }
    .el-textarea__inner:focus {
      outline: none;
      border-color: #409EFF; }
      border-color: #1b73a5; }
  .el-textarea.is-disabled .el-textarea__inner {
    background-color: #f5f7fa;
    border-color: #e4e7ed;
      border-color: #c0c4cc; }
    .el-input__inner:focus {
      outline: none;
      border-color: #409EFF; }
      border-color: #1b73a5; }
  .el-input__suffix {
    position: absolute;
    height: 100%;
    pointer-events: none; }
  .el-input.is-active .el-input__inner {
    outline: none;
    border-color: #409EFF; }
    border-color: #1b73a5; }
  .el-input.is-disabled .el-input__inner {
    background-color: #f5f7fa;
    border-color: #e4e7ed;

theme/dialog.css

    .el-dialog__headerbtn .el-dialog__close {
      color: #909399; }
    .el-dialog__headerbtn:focus .el-dialog__close, .el-dialog__headerbtn:hover .el-dialog__close {
      color: #409EFF; }
      color: #1b73a5; }
  .el-dialog__title {
    line-height: 24px;
    font-size: 18px;

theme/dropdown.css

  .el-button.is-round {
    padding: 12px 20px; }
  .el-button:hover, .el-button:focus {
    color: #409EFF;
    border-color: #c6e2ff;
    background-color: #ecf5ff; }
    color: #1b73a5;
    border-color: #bbd5e4;
    background-color: #e8f1f6; }
  .el-button:active {
    color: #3a8ee6;
    border-color: #3a8ee6;
    color: #186895;
    border-color: #186895;
    outline: none; }
  .el-button::-moz-focus-inner {
    border: 0; }
    margin-left: 5px; }
  .el-button.is-plain:hover, .el-button.is-plain:focus {
    background: #fff;
    border-color: #409EFF;
    color: #409EFF; }
    border-color: #1b73a5;
    color: #1b73a5; }
  .el-button.is-plain:active {
    background: #fff;
    border-color: #3a8ee6;
    color: #3a8ee6;
    border-color: #186895;
    color: #186895;
    outline: none; }
  .el-button.is-active {
    color: #3a8ee6;
    border-color: #3a8ee6; }
    color: #186895;
    border-color: #186895; }
  .el-button.is-disabled, .el-button.is-disabled:hover, .el-button.is-disabled:focus {
    color: #c0c4cc;
    cursor: not-allowed;
    padding: 12px; }
  .el-button--primary {
    color: #fff;
    background-color: #409EFF;
    border-color: #409EFF; }
    background-color: #1b73a5;
    border-color: #1b73a5; }
    .el-button--primary:hover, .el-button--primary:focus {
      background: #66b1ff;
      border-color: #66b1ff;
      background: #498fb7;
      border-color: #498fb7;
      color: #fff; }
    .el-button--primary:active {
      background: #3a8ee6;
      border-color: #3a8ee6;
      background: #186895;
      border-color: #186895;
      color: #fff;
      outline: none; }
    .el-button--primary.is-active {
      background: #3a8ee6;
      border-color: #3a8ee6;
      background: #186895;
      border-color: #186895;
      color: #fff; }
    .el-button--primary.is-disabled, .el-button--primary.is-disabled:hover, .el-button--primary.is-disabled:focus, .el-button--primary.is-disabled:active {
      color: #fff;
      background-color: #a0cfff;
      border-color: #a0cfff; }
      background-color: #8db9d2;
      border-color: #8db9d2; }
    .el-button--primary.is-plain {
      color: #409EFF;
      background: #ecf5ff;
      border-color: #b3d8ff; }
      color: #1b73a5;
      background: #e8f1f6;
      border-color: #a4c7db; }
      .el-button--primary.is-plain:hover, .el-button--primary.is-plain:focus {
        background: #409EFF;
        border-color: #409EFF;
        background: #1b73a5;
        border-color: #1b73a5;
        color: #fff; }
      .el-button--primary.is-plain:active {
        background: #3a8ee6;
        border-color: #3a8ee6;
        background: #186895;
        border-color: #186895;
        color: #fff;
        outline: none; }
      .el-button--primary.is-plain.is-disabled, .el-button--primary.is-plain.is-disabled:hover, .el-button--primary.is-plain.is-disabled:focus, .el-button--primary.is-plain.is-disabled:active {
        color: #8cc5ff;
        background-color: #ecf5ff;
        border-color: #d9ecff; }
        color: #76abc9;
        background-color: #e8f1f6;
        border-color: #d1e3ed; }
  .el-button--success {
    color: #fff;
    background-color: #67c23a;
      padding: 7px; }
  .el-button--text {
    border-color: transparent;
    color: #409EFF;
    color: #1b73a5;
    background: transparent;
    padding-left: 0;
    padding-right: 0; }
    .el-button--text:hover, .el-button--text:focus {
      color: #66b1ff;
      color: #498fb7;
      border-color: transparent;
      background-color: transparent; }
    .el-button--text:active {
      color: #3a8ee6;
      color: #186895;
      border-color: transparent;
      background-color: transparent; }
    .el-button--text.is-disabled, .el-button--text.is-disabled:hover, .el-button--text.is-disabled:focus {
    cursor: pointer;
    outline: none; }
    .el-dropdown-menu__item:not(.is-disabled):hover, .el-dropdown-menu__item:focus {
      background-color: #ecf5ff;
      color: #66b1ff; }
      background-color: #e8f1f6;
      color: #498fb7; }
    .el-dropdown-menu__item--divided {
      position: relative;
      margin-top: 6px;

theme/index.css

  box-sizing: border-box;
  margin: 5px 0; }
  .el-select-dropdown.is-multiple .el-select-dropdown__item.selected {
    color: #409EFF;
    color: #1b73a5;
    background-color: #fff; }
    .el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover {
      background-color: #f5f7fa; }
      border-color: #c0c4cc; }
    .el-textarea__inner:focus {
      outline: none;
      border-color: #409EFF; }
      border-color: #1b73a5; }
  .el-textarea.is-disabled .el-textarea__inner {
    background-color: #f5f7fa;
    border-color: #e4e7ed;
      border-color: #c0c4cc; }
    .el-input__inner:focus {
      outline: none;
      border-color: #409EFF; }
      border-color: #1b73a5; }
  .el-input__suffix {
    position: absolute;
    height: 100%;
    pointer-events: none; }
  .el-input.is-active .el-input__inner {
    outline: none;
    border-color: #409EFF; }
    border-color: #1b73a5; }
  .el-input.is-disabled .el-input__inner {
    background-color: #f5f7fa;
    border-color: #e4e7ed;
/* Break-point
--------------------------*/
.el-tag {
  background-color: rgba(64, 158, 255, 0.1);
  background-color: rgba(27, 115, 165, 0.1);
  display: inline-block;
  padding: 0 10px;
  height: 32px;
  line-height: 30px;
  font-size: 12px;
  color: #409EFF;
  color: #1b73a5;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid rgba(64, 158, 255, 0.2);
  border: 1px solid rgba(27, 115, 165, 0.2);
  white-space: nowrap; }
  .el-tag .el-icon-close {
    border-radius: 50%;
    vertical-align: middle;
    top: -1px;
    right: -5px;
    color: #409EFF; }
    color: #1b73a5; }
    .el-tag .el-icon-close::before {
      display: block; }
    .el-tag .el-icon-close:hover {
      background-color: #409EFF;
      background-color: #1b73a5;
      color: #fff; }
  .el-tag--info {
    background-color: rgba(144, 147, 153, 0.1);
  .el-select-dropdown__item.hover, .el-select-dropdown__item:hover {
    background-color: #f5f7fa; }
  .el-select-dropdown__item.selected {
    color: #409EFF;
    color: #1b73a5;
    font-weight: bold; }
/* BEM support Func
    cursor: pointer;
    padding-right: 35px; }
    .el-select .el-input__inner:focus {
      border-color: #409EFF; }
      border-color: #1b73a5; }
  .el-select .el-input .el-select__caret {
    color: #c0c4cc;
    font-size: 14px;
    .el-select .el-input.is-disabled .el-input__inner:hover {
      border-color: #e4e7ed; }
  .el-select .el-input.is-focus .el-input__inner {
    border-color: #409EFF; }
    border-color: #1b73a5; }
  .el-select > .el-input {
    display: block; }
  .el-select__input {
    .el-pagination button:focus {
      outline: none; }
    .el-pagination button:hover {
      color: #409EFF; }
      color: #1b73a5; }
    .el-pagination button:disabled {
      color: #c0c4cc;
      background-color: #fff;
      font-size: 13px;
      padding-left: 8px; }
      .el-pagination__sizes .el-input .el-input__inner:hover {
        border-color: #409EFF; }
        border-color: #1b73a5; }
  .el-pagination__total {
    margin-right: 10px;
    font-weight: normal;
    .el-pagination.is-background .btn-prev:disabled, .el-pagination.is-background .btn-next:disabled {
      color: #c0c4cc; }
  .el-pagination.is-background .el-pager li:not(.disabled):hover {
    color: #409EFF; }
    color: #1b73a5; }
  .el-pagination.is-background .el-pager li:not(.disabled).active {
    background-color: #409EFF;
    background-color: #1b73a5;
    color: #fff; }
  .el-pagination.is-background.el-pagination--small .btn-prev,
  .el-pagination.is-background.el-pagination--small .btn-next,
    .el-pager li.active + li {
      border-left: 0; }
    .el-pager li:hover {
      color: #409EFF; }
      color: #1b73a5; }
    .el-pager li.active {
      color: #409EFF;
      color: #1b73a5;
      cursor: default; }
/* BEM support Func
    .el-dialog__headerbtn .el-dialog__close {
      color: #909399; }
    .el-dialog__headerbtn:focus .el-dialog__close, .el-dialog__headerbtn:hover .el-dialog__close {
      color: #409EFF; }
      color: #1b73a5; }
  .el-dialog__title {
    line-height: 24px;
    font-size: 18px;
      border-color: #c0c4cc; }
    .el-textarea__inner:focus {
      outline: none;
      border-color: #409EFF; }
      border-color: #1b73a5; }
  .el-textarea.is-disabled .el-textarea__inner {
    background-color: #f5f7fa;
    border-color: #e4e7ed;
      border-color: #c0c4cc; }
    .el-input__inner:focus {
      outline: none;
      border-color: #409EFF; }
      border-color: #1b73a5; }
  .el-input__suffix {
    position: absolute;
    height: 100%;
    pointer-events: none; }
  .el-input.is-active .el-input__inner {
    outline: none;
    border-color: #409EFF; }
    border-color: #1b73a5; }
  .el-input.is-disabled .el-input__inner {
    background-color: #f5f7fa;
    border-color: #e4e7ed;
  .el-button.is-round {
    padding: 12px 20px; }
  .el-button:hover, .el-button:focus {
    color: #409EFF;
    border-color: #c6e2ff;
    background-color: #ecf5ff; }
    color: #1b73a5;
    border-color: #bbd5e4;
    background-color: #e8f1f6; }
  .el-button:active {
    color: #3a8ee6;
    border-color: #3a8ee6;
    color: #186895;
    border-color: #186895;
    outline: none; }
  .el-button::-moz-focus-inner {
    border: 0; }
    margin-left: 5px; }
  .el-button.is-plain:hover, .el-button.is-plain:focus {
    background: #fff;
    border-color: #409EFF;
    color: #409EFF; }
    border-color: #1b73a5;
    color: #1b73a5; }
  .el-button.is-plain:active {
    background: #fff;
    border-color: #3a8ee6;
    color: #3a8ee6;
    border-color: #186895;
    color: #186895;
    outline: none; }
  .el-button.is-active {
    color: #3a8ee6;
    border-color: #3a8ee6; }
    color: #186895;
    border-color: #186895; }
  .el-button.is-disabled, .el-button.is-disabled:hover, .el-button.is-disabled:focus {
    color: #c0c4cc;
    cursor: not-allowed;
    padding: 12px; }
  .el-button--primary {
    color: #fff;
    background-color: #409EFF;
    border-color: #409EFF; }
    background-color: #1b73a5;
    border-color: #1b73a5; }
    .el-button--primary:hover, .el-button--primary:focus {
      background: #66b1ff;
      border-color: #66b1ff;
      background: #498fb7;
      border-color: #498fb7;
      color: #fff; }
    .el-button--primary:active {
      background: #3a8ee6;
      border-color: #3a8ee6;
      background: #186895;
      border-color: #186895;
      color: #fff;
      outline: none; }
    .el-button--primary.is-active {
      background: #3a8ee6;
      border-color: #3a8ee6;
      background: #186895;
      border-color: #186895;
      color: #fff; }
    .el-button--primary.is-disabled, .el-button--primary.is-disabled:hover, .el-button--primary.is-disabled:focus, .el-button--primary.is-disabled:active {
      color: #fff;
      background-color: #a0cfff;
      border-color: #a0cfff; }
      background-color: #8db9d2;
      border-color: #8db9d2; }
    .el-button--primary.is-plain {
      color: #409EFF;
      background: #ecf5ff;
      border-color: #b3d8ff; }
      color: #1b73a5;
      background: #e8f1f6;
      border-color: #a4c7db; }
      .el-button--primary.is-plain:hover, .el-button--primary.is-plain:focus {
        background: #409EFF;
        border-color: #409EFF;
        background: #1b73a5;
        border-color: #1b73a5;
        color: #fff; }
      .el-button--primary.is-plain:active {
        background: #3a8ee6;
        border-color: #3a8ee6;
        background: #186895;
        border-color: #186895;
        color: #fff;
        outline: none; }
      .el-button--primary.is-plain.is-disabled, .el-button--primary.is-plain.is-disabled:hover, .el-button--primary.is-plain.is-disabled:focus, .el-button--primary.is-plain.is-disabled:active {
        color: #8cc5ff;
        background-color: #ecf5ff;
        border-color: #d9ecff; }
        color: #76abc9;
        background-color: #e8f1f6;
        border-color: #d1e3ed; }
  .el-button--success {
    color: #fff;
    background-color: #67c23a;
      padding: 7px; }
  .el-button--text {
    border-color: transparent;
    color: #409EFF;
    color: #1b73a5;
    background: transparent;
    padding-left: 0;
    padding-right: 0; }
    .el-button--text:hover, .el-button--text:focus {
      color: #66b1ff;
      color: #498fb7;
      border-color: transparent;
      background-color: transparent; }
    .el-button--text:active {
      color: #3a8ee6;
      color: #186895;
      border-color: transparent;
      background-color: transparent; }
    .el-button--text.is-disabled, .el-button--text.is-disabled:hover, .el-button--text.is-disabled:focus {
    cursor: pointer;
    outline: none; }
    .el-dropdown-menu__item:not(.is-disabled):hover, .el-dropdown-menu__item:focus {
      background-color: #ecf5ff;
      color: #66b1ff; }
      background-color: #e8f1f6;
      color: #498fb7; }
    .el-dropdown-menu__item--divided {
      position: relative;
      margin-top: 6px;
        .el-menu--horizontal > .el-submenu:focus .el-submenu__title, .el-menu--horizontal > .el-submenu:hover .el-submenu__title {
          color: #303133; }
      .el-menu--horizontal > .el-submenu.is-active .el-submenu__title {
        border-bottom: 2px solid #409EFF;
        border-bottom: 2px solid #1b73a5;
        color: #303133; }
      .el-menu--horizontal > .el-submenu .el-submenu__title {
        height: 60px;
      outline: none;
      color: #303133; }
    .el-menu--horizontal > .el-menu-item.is-active {
      border-bottom: 2px solid #409EFF;
      border-bottom: 2px solid #1b73a5;
      color: #303133; }
  .el-menu--collapse {
    width: 64px; }
    color: #909399; }
  .el-menu-item:hover, .el-menu-item:focus {
    outline: none;
    background-color: #ecf5ff; }
    background-color: #e8f1f6; }
  .el-menu-item.is-disabled {
    opacity: 0.25;
    cursor: not-allowed;
    font-size: 18px;
    vertical-align: middle; }
  .el-menu-item.is-active {
    color: #409EFF; }
    color: #1b73a5; }
    .el-menu-item.is-active i {
      color: inherit; }
      color: #909399; }
    .el-submenu__title:hover, .el-submenu__title:focus {
      outline: none;
      background-color: #ecf5ff; }
      background-color: #e8f1f6; }
    .el-submenu__title.is-disabled {
      opacity: 0.25;
      cursor: not-allowed;
      background: none !important; }
    .el-submenu__title:hover {
      background-color: #ecf5ff; }
      background-color: #e8f1f6; }
  .el-submenu .el-menu {
    border: none; }
  .el-submenu .el-menu-item {
    transition: transform .3s, -webkit-transform .3s;
    font-size: 12px; }
  .el-submenu.is-active .el-submenu__title {
    border-bottom-color: #409EFF; }
    border-bottom-color: #1b73a5; }
  .el-submenu.is-opened > .el-submenu__title .el-submenu__icon-arrow {
    -webkit-transform: rotateZ(180deg);
    transform: rotateZ(180deg); }
      border-color: #c0c4cc; }
    .el-textarea__inner:focus {
      outline: none;
      border-color: #409EFF; }
      border-color: #1b73a5; }
  .el-textarea.is-disabled .el-textarea__inner {
    background-color: #f5f7fa;
    border-color: #e4e7ed;
      border-color: #c0c4cc; }
    .el-input__inner:focus {
      outline: none;
      border-color: #409EFF; }
      border-color: #1b73a5; }
  .el-input__suffix {
    position: absolute;
    height: 100%;
    pointer-events: none; }
  .el-input.is-active .el-input__inner {
    outline: none;
    border-color: #409EFF; }
    border-color: #1b73a5; }
  .el-input.is-disabled .el-input__inner {
    background-color: #f5f7fa;
    border-color: #e4e7ed;
      border-color: #c0c4cc; }
    .el-textarea__inner:focus {
      outline: none;
      border-color: #409EFF; }
      border-color: #1b73a5; }
  .el-textarea.is-disabled .el-textarea__inner {
    background-color: #f5f7fa;
    border-color: #e4e7ed;
      border-color: #c0c4cc; }
    .el-input__inner:focus {
      outline: none;
      border-color: #409EFF; }
      border-color: #1b73a5; }
  .el-input__suffix {
    position: absolute;
    height: 100%;
    pointer-events: none; }
  .el-input.is-active .el-input__inner {
    outline: none;
    border-color: #409EFF; }
    border-color: #1b73a5; }
  .el-input.is-disabled .el-input__inner {
    background-color: #f5f7fa;
    border-color: #e4e7ed;
    cursor: pointer;
    font-size: 13px; }
    .el-input-number__increase:hover, .el-input-number__decrease:hover {
      color: #409EFF; }
      color: #1b73a5; }
      .el-input-number__increase:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled), .el-input-number__decrease:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled) {
        border-color: #409EFF; }
        border-color: #1b73a5; }
    .el-input-number__increase.is-disabled, .el-input-number__decrease.is-disabled {
      color: #c0c4cc;
      cursor: not-allowed; }
    box-sizing: border-box;
    height: 40px; }
    .el-radio.is-bordered.is-checked {
      border-color: #409EFF; }
      border-color: #1b73a5; }
    .el-radio.is-bordered.is-disabled {
      cursor: not-allowed;
      border-color: #ebeef5; }
      color: #c0c4cc;
      cursor: not-allowed; }
    .el-radio__input.is-checked .el-radio__inner {
      border-color: #409EFF;
      background: #409EFF; }
      border-color: #1b73a5;
      background: #1b73a5; }
      .el-radio__input.is-checked .el-radio__inner::after {
        -webkit-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1); }
    .el-radio__input.is-checked + .el-radio__label {
      color: #409EFF; }
      color: #1b73a5; }
    .el-radio__input.is-focus .el-radio__inner {
      border-color: #409EFF; }
      border-color: #1b73a5; }
  .el-radio__inner {
    border: 1px solid #dcdfe6;
    border-radius: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
    .el-radio__inner:hover {
      border-color: #409EFF; }
      border-color: #1b73a5; }
    .el-radio__inner::after {
      width: 4px;
      height: 4px;
  .el-radio:focus:not(.is-focus):not(:active):not(.is-disabled) {
    /*获得焦点时 样式提醒*/ }
    .el-radio:focus:not(.is-focus):not(:active):not(.is-disabled) .el-radio__inner {
      -webkit-box-shadow: 0 0 2px 2px #409EFF;
      box-shadow: 0 0 2px 2px #409EFF; }
      -webkit-box-shadow: 0 0 2px 2px #1b73a5;
      box-shadow: 0 0 2px 2px #1b73a5; }
  .el-radio__label {
    font-size: 14px;
    padding-left: 10px; }
    .el-radio-button__inner.is-round {
      padding: 12px 20px; }
    .el-radio-button__inner:hover {
      color: #409EFF; }
      color: #1b73a5; }
    .el-radio-button__inner [class*="el-icon-"] {
      line-height: 0.9; }
      .el-radio-button__inner [class*="el-icon-"] + span {
    z-index: -1; }
    .el-radio-button__orig-radio:checked + .el-radio-button__inner {
      color: #fff;
      background-color: #409EFF;
      border-color: #409EFF;
      -webkit-box-shadow: -1px 0 0 0 #409EFF;
      box-shadow: -1px 0 0 0 #409EFF; }
      background-color: #1b73a5;
      border-color: #1b73a5;
      -webkit-box-shadow: -1px 0 0 0 #1b73a5;
      box-shadow: -1px 0 0 0 #1b73a5; }
    .el-radio-button__orig-radio:disabled + .el-radio-button__inner {
      color: #c0c4cc;
      cursor: not-allowed;
      padding: 7px 15px; }
  .el-radio-button:focus:not(.is-focus):not(:active):not(.is-disabled) {
    /*获得焦点时 样式提醒*/
    -webkit-box-shadow: 0 0 2px 2px #409EFF;
    box-shadow: 0 0 2px 2px #409EFF; }
    -webkit-box-shadow: 0 0 2px 2px #1b73a5;
    box-shadow: 0 0 2px 2px #1b73a5; }
/* Element Chalk Variables */
/* Transition
    line-height: normal;
    height: 40px; }
    .el-checkbox.is-bordered.is-checked {
      border-color: #409EFF; }
      border-color: #1b73a5; }
    .el-checkbox.is-bordered.is-disabled {
      border-color: #ebeef5;
      cursor: not-allowed; }
      color: #c0c4cc;
      cursor: not-allowed; }
    .el-checkbox__input.is-checked .el-checkbox__inner {
      background-color: #409EFF;
      border-color: #409EFF; }
      background-color: #1b73a5;
      border-color: #1b73a5; }
      .el-checkbox__input.is-checked .el-checkbox__inner::after {
        -webkit-transform: rotate(45deg) scaleY(1);
        transform: rotate(45deg) scaleY(1); }
    .el-checkbox__input.is-checked + .el-checkbox__label {
      color: #409EFF; }
      color: #1b73a5; }
    .el-checkbox__input.is-focus {
      /*focus时 视觉上区分*/ }
      .el-checkbox__input.is-focus .el-checkbox__inner {
        border-color: #409EFF; }
        border-color: #1b73a5; }
    .el-checkbox__input.is-indeterminate .el-checkbox__inner {
      background-color: #409EFF;
      border-color: #409EFF; }
      background-color: #1b73a5;
      border-color: #1b73a5; }
      .el-checkbox__input.is-indeterminate .el-checkbox__inner::before {
        content: '';
        position: absolute;
    -webkit-transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46);
    transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46); }
    .el-checkbox__inner:hover {
      border-color: #409EFF; }
      border-color: #1b73a5; }
    .el-checkbox__inner::after {
      -webkit-box-sizing: content-box;
      box-sizing: content-box;
    .el-checkbox-button__inner.is-round {
      padding: 12px 20px; }
    .el-checkbox-button__inner:hover {
      color: #409EFF; }
      color: #1b73a5; }
    .el-checkbox-button__inner [class*="el-icon-"] {
      line-height: 0.9; }
      .el-checkbox-button__inner [class*="el-icon-"] + span {
    z-index: -1; }
  .el-checkbox-button.is-checked .el-checkbox-button__inner {
    color: #fff;
    background-color: #409EFF;
    border-color: #409EFF;
    -webkit-box-shadow: -1px 0 0 0 #8cc5ff;
    box-shadow: -1px 0 0 0 #8cc5ff; }
    background-color: #1b73a5;
    border-color: #1b73a5;
    -webkit-box-shadow: -1px 0 0 0 #76abc9;
    box-shadow: -1px 0 0 0 #76abc9; }
  .el-checkbox-button.is-checked:first-child .el-checkbox-button__inner {
    border-left-color: #409EFF; }
    border-left-color: #1b73a5; }
  .el-checkbox-button.is-disabled .el-checkbox-button__inner {
    color: #c0c4cc;
    cursor: not-allowed;
    -webkit-box-shadow: none !important;
    box-shadow: none !important; }
  .el-checkbox-button.is-focus .el-checkbox-button__inner {
    border-color: #409EFF; }
    border-color: #1b73a5; }
  .el-checkbox-button:last-child .el-checkbox-button__inner {
    border-radius: 0 4px 4px 0; }
  .el-checkbox-button--medium .el-checkbox-button__inner {
    vertical-align: middle;
    color: #303133; }
    .el-switch__label.is-active {
      color: #409EFF; }
      color: #1b73a5; }
    .el-switch__label--left {
      margin-right: 10px; }
    .el-switch__label--right {
      height: 16px;
      background-color: #fff; }
  .el-switch.is-checked .el-switch__core {
    border-color: #409EFF;
    background-color: #409EFF; }
    border-color: #1b73a5;
    background-color: #1b73a5; }
    .el-switch.is-checked .el-switch__core::after {
      left: 100%;
      margin-left: -17px; }
  box-sizing: border-box;
  margin: 5px 0; }
  .el-select-dropdown.is-multiple .el-select-dropdown__item.selected {
    color: #409EFF;
    color: #1b73a5;
    background-color: #fff; }
    .el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover {
      background-color: #f5f7fa; }
      border-color: #c0c4cc; }
    .el-textarea__inner:focus {
      outline: none;
      border-color: #409EFF; }
      border-color: #1b73a5; }
  .el-textarea.is-disabled .el-textarea__inner {
    background-color: #f5f7fa;
    border-color: #e4e7ed;
      border-color: #c0c4cc; }
    .el-input__inner:focus {
      outline: none;
      border-color: #409EFF; }
      border-color: #1b73a5; }
  .el-input__suffix {
    position: absolute;
    height: 100%;
    pointer-events: none; }
  .el-input.is-active .el-input__inner {
    outline: none;
    border-color: #409EFF; }
    border-color: #1b73a5; }
  .el-input.is-disabled .el-input__inner {
    background-color: #f5f7fa;
    border-color: #e4e7ed;
/* Break-point
--------------------------*/
.el-tag {
  background-color: rgba(64, 158, 255, 0.1);
  background-color: rgba(27, 115, 165, 0.1);
  display: inline-block;
  padding: 0 10px;
  height: 32px;
  line-height: 30px;
  font-size: 12px;
  color: #409EFF;
  color: #1b73a5;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid rgba(64, 158, 255, 0.2);
  border: 1px solid rgba(27, 115, 165, 0.2);
  white-space: nowrap; }
  .el-tag .el-icon-close {
    border-radius: 50%;
    vertical-align: middle;
    top: -1px;
    right: -5px;
    color: #409EFF; }
    color: #1b73a5; }
    .el-tag .el-icon-close::before {
      display: block; }
    .el-tag .el-icon-close:hover {
      background-color: #409EFF;
      background-color: #1b73a5;
      color: #fff; }
  .el-tag--info {
    background-color: rgba(144, 147, 153, 0.1);
  .el-select-dropdown__item.hover, .el-select-dropdown__item:hover {
    background-color: #f5f7fa; }
  .el-select-dropdown__item.selected {
    color: #409EFF;
    color: #1b73a5;
    font-weight: bold; }
/* BEM support Func
    cursor: pointer;
    padding-right: 35px; }
    .el-select .el-input__inner:focus {
      border-color: #409EFF; }
      border-color: #1b73a5; }
  .el-select .el-input .el-select__caret {
    color: #c0c4cc;
    font-size: 14px;
    .el-select .el-input.is-disabled .el-input__inner:hover {
      border-color: #e4e7ed; }
  .el-select .el-input.is-focus .el-input__inner {
    border-color: #409EFF; }
    border-color: #1b73a5; }
  .el-select > .el-input {
    display: block; }
  .el-select__input {
  .el-button.is-round {
    padding: 12px 20px; }
  .el-button:hover, .el-button:focus {
    color: #409EFF;
    border-color: #c6e2ff;
    background-color: #ecf5ff; }
    color: #1b73a5;
    border-color: #bbd5e4;
    background-color: #e8f1f6; }
  .el-button:active {
    color: #3a8ee6;
    border-color: #3a8ee6;
    color: #186895;
    border-color: #186895;
    outline: none; }
  .el-button::-moz-focus-inner {
    border: 0; }
    margin-left: 5px; }
  .el-button.is-plain:hover, .el-button.is-plain:focus {
    background: #fff;
    border-color: #409EFF;
    color: #409EFF; }
    border-color: #1b73a5;
    color: #1b73a5; }
  .el-button.is-plain:active {
    background: #fff;
    border-color: #3a8ee6;
    color: #3a8ee6;
    border-color: #186895;
    color: #186895;
    outline: none; }
  .el-button.is-active {
    color: #3a8ee6;
    border-color: #3a8ee6; }
    color: #186895;
    border-color: #186895; }
  .el-button.is-disabled, .el-button.is-disabled:hover, .el-button.is-disabled:focus {
    color: #c0c4cc;
    cursor: not-allowed;
    padding: 12px; }
  .el-button--primary {
    color: #fff;
    background-color: #409EFF;
    border-color: #409EFF; }
    background-color: #1b73a5;
    border-color: #1b73a5; }
    .el-button--primary:hover, .el-button--primary:focus {
      background: #66b1ff;
      border-color: #66b1ff;
      background: #498fb7;
      border-color: #498fb7;
      color: #fff; }
    .el-button--primary:active {
      background: #3a8ee6;
      border-color: #3a8ee6;
      background: #186895;
      border-color: #186895;
      color: #fff;
      outline: none; }
    .el-button--primary.is-active {
      background: #3a8ee6;
      border-color: #3a8ee6;
      background: #186895;
      border-color: #186895;
      color: #fff; }
    .el-button--primary.is-disabled, .el-button--primary.is-disabled:hover, .el-button--primary.is-disabled:focus, .el-button--primary.is-disabled:active {
      color: #fff;
      background-color: #a0cfff;
      border-color: #a0cfff; }
      background-color: #8db9d2;
      border-color: #8db9d2; }
    .el-button--primary.is-plain {
      color: #409EFF;
      background: #ecf5ff;
      border-color: #b3d8ff; }
      color: #1b73a5;
      background: #e8f1f6;
      border-color: #a4c7db; }
      .el-button--primary.is-plain:hover, .el-button--primary.is-plain:focus {
        background: #409EFF;
        border-color: #409EFF;
        background: #1b73a5;
        border-color: #1b73a5;
        color: #fff; }
      .el-button--primary.is-plain:active {
        background: #3a8ee6;
        border-color: #3a8ee6;
        background: #186895;
        border-color: #186895;
        color: #fff;
        outline: none; }
      .el-button--primary.is-plain.is-disabled, .el-button--primary.is-plain.is-disabled:hover, .el-button--primary.is-plain.is-disabled:focus, .el-button--primary.is-plain.is-disabled:active {
        color: #8cc5ff;
        background-color: #ecf5ff;
        border-color: #d9ecff; }
        color: #76abc9;
        background-color: #e8f1f6;
        border-color: #d1e3ed; }
  .el-button--success {
    color: #fff;
    background-color: #67c23a;
      padding: 7px; }
  .el-button--text {
    border-color: transparent;
    color: #409EFF;
    color: #1b73a5;
    background: transparent;
    padding-left: 0;
    padding-right: 0; }
    .el-button--text:hover, .el-button--text:focus {
      color: #66b1ff;
      color: #498fb7;
      border-color: transparent;
      background-color: transparent; }
    .el-button--text:active {
      color: #3a8ee6;
      color: #186895;
      border-color: transparent;
      background-color: transparent; }
    .el-button--text.is-disabled, .el-button--text.is-disabled:hover, .el-button--text.is-disabled:focus {
    line-height: normal;
    height: 40px; }
    .el-checkbox.is-bordered.is-checked {
      border-color: #409EFF; }
      border-color: #1b73a5; }
    .el-checkbox.is-bordered.is-disabled {
      border-color: #ebeef5;
      cursor: not-allowed; }
      color: #c0c4cc;
      cursor: not-allowed; }
    .el-checkbox__input.is-checked .el-checkbox__inner {
      background-color: #409EFF;
      border-color: #409EFF; }
      background-color: #1b73a5;
      border-color: #1b73a5; }
      .el-checkbox__input.is-checked .el-checkbox__inner::after {
        -webkit-transform: rotate(45deg) scaleY(1);
        transform: rotate(45deg) scaleY(1); }
    .el-checkbox__input.is-checked + .el-checkbox__label {
      color: #409EFF; }
      color: #1b73a5; }
    .el-checkbox__input.is-focus {
      /*focus时 视觉上区分*/ }
      .el-checkbox__input.is-focus .el-checkbox__inner {
        border-color: #409EFF; }
        border-color: #1b73a5; }
    .el-checkbox__input.is-indeterminate .el-checkbox__inner {
      background-color: #409EFF;
      border-color: #409EFF; }
      background-color: #1b73a5;
      border-color: #1b73a5; }
      .el-checkbox__input.is-indeterminate .el-checkbox__inner::before {
        content: '';
        position: absolute;
    -webkit-transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46);
    transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46); }
    .el-checkbox__inner:hover {
      border-color: #409EFF; }
      border-color: #1b73a5; }
    .el-checkbox__inner::after {
      -webkit-box-sizing: content-box;
      box-sizing: content-box;
    .el-checkbox-button__inner.is-round {
      padding: 12px 20px; }
    .el-checkbox-button__inner:hover {
      color: #409EFF; }
      color: #1b73a5; }
    .el-checkbox-button__inner [class*="el-icon-"] {
      line-height: 0.9; }
      .el-checkbox-button__inner [class*="el-icon-"] + span {
    z-index: -1; }
  .el-checkbox-button.is-checked .el-checkbox-button__inner {
    color: #fff;
    background-color: #409EFF;
    border-color: #409EFF;
    -webkit-box-shadow: -1px 0 0 0 #8cc5ff;
    box-shadow: -1px 0 0 0 #8cc5ff; }
    background-color: #1b73a5;
    border-color: #1b73a5;
    -webkit-box-shadow: -1px 0 0 0 #76abc9;
    box-shadow: -1px 0 0 0 #76abc9; }
  .el-checkbox-button.is-checked:first-child .el-checkbox-button__inner {
    border-left-color: #409EFF; }
    border-left-color: #1b73a5; }
  .el-checkbox-button.is-disabled .el-checkbox-button__inner {
    color: #c0c4cc;
    cursor: not-allowed;
    -webkit-box-shadow: none !important;
    box-shadow: none !important; }
  .el-checkbox-button.is-focus .el-checkbox-button__inner {
    border-color: #409EFF; }
    border-color: #1b73a5; }
  .el-checkbox-button:last-child .el-checkbox-button__inner {
    border-radius: 0 4px 4px 0; }
  .el-checkbox-button--medium .el-checkbox-button__inner {
/* Break-point
--------------------------*/
.el-tag {
  background-color: rgba(64, 158, 255, 0.1);
  background-color: rgba(27, 115, 165, 0.1);
  display: inline-block;
  padding: 0 10px;
  height: 32px;
  line-height: 30px;
  font-size: 12px;
  color: #409EFF;
  color: #1b73a5;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid rgba(64, 158, 255, 0.2);
  border: 1px solid rgba(27, 115, 165, 0.2);
  white-space: nowrap; }
  .el-tag .el-icon-close {
    border-radius: 50%;
    vertical-align: middle;
    top: -1px;
    right: -5px;
    color: #409EFF; }
    color: #1b73a5; }
    .el-tag .el-icon-close::before {
      display: block; }
    .el-tag .el-icon-close:hover {
      background-color: #409EFF;
      background-color: #1b73a5;
      color: #fff; }
  .el-tag--info {
    background-color: rgba(144, 147, 153, 0.1);
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
      .el-table th > .cell.highlight {
        color: #409EFF; }
        color: #1b73a5; }
    .el-table th.required > div::before {
      display: inline-block;
      content: "";
      border-top-color: #c0c4cc;
      bottom: 7px; }
  .el-table .ascending .sort-caret.ascending {
    border-bottom-color: #409EFF; }
    border-bottom-color: #1b73a5; }
  .el-table .descending .sort-caret.descending {
    border-top-color: #409EFF; }
    border-top-color: #1b73a5; }
  .el-table .hidden-columns {
    visibility: hidden;
    position: absolute;
  .el-table--striped .el-table__body tr.el-table__row--striped td {
    background: #FAFAFA; }
  .el-table--striped .el-table__body tr.el-table__row--striped.current-row td {
    background-color: #ecf5ff; }
    background-color: #e8f1f6; }
  .el-table__body tr.hover-row > td, .el-table__body tr.hover-row.current-row > td, .el-table__body tr.hover-row.el-table__row--striped > td, .el-table__body tr.hover-row.el-table__row--striped.current-row > td {
    background-color: #ecf5ff; }
    background-color: #e8f1f6; }
  .el-table__body tr.current-row > td {
    background-color: #ecf5ff; }
    background-color: #e8f1f6; }
  .el-table__column-resize-proxy {
    position: absolute;
    left: 200px;
    line-height: normal;
    height: 40px; }
    .el-checkbox.is-bordered.is-checked {
      border-color: #409EFF; }
      border-color: #1b73a5; }
    .el-checkbox.is-bordered.is-disabled {
      border-color: #ebeef5;
      cursor: not-allowed; }
      color: #c0c4cc;
      cursor: not-allowed; }
    .el-checkbox__input.is-checked .el-checkbox__inner {
      background-color: #409EFF;
      border-color: #409EFF; }
      background-color: #1b73a5;
      border-color: #1b73a5; }
      .el-checkbox__input.is-checked .el-checkbox__inner::after {
        -webkit-transform: rotate(45deg) scaleY(1);
        transform: rotate(45deg) scaleY(1); }
    .el-checkbox__input.is-checked + .el-checkbox__label {
      color: #409EFF; }
      color: #1b73a5; }
    .el-checkbox__input.is-focus {
      /*focus时 视觉上区分*/ }
      .el-checkbox__input.is-focus .el-checkbox__inner {
        border-color: #409EFF; }
        border-color: #1b73a5; }
    .el-checkbox__input.is-indeterminate .el-checkbox__inner {
      background-color: #409EFF;
      border-color: #409EFF; }
      background-color: #1b73a5;
      border-color: #1b73a5; }
      .el-checkbox__input.is-indeterminate .el-checkbox__inner::before {
        content: '';
        position: absolute;
    -webkit-transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46);
    transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46); }
    .el-checkbox__inner:hover {
      border-color: #409EFF; }
      border-color: #1b73a5; }
    .el-checkbox__inner::after {
      -webkit-box-sizing: content-box;
      box-sizing: content-box;
    .el-checkbox-button__inner.is-round {
      padding: 12px 20px; }
    .el-checkbox-button__inner:hover {
      color: #409EFF; }
      color: #1b73a5; }
    .el-checkbox-button__inner [class*="el-icon-"] {
      line-height: 0.9; }
      .el-checkbox-button__inner [class*="el-icon-"] + span {
    z-index: -1; }
  .el-checkbox-button.is-checked .el-checkbox-button__inner {
    color: #fff;
    background-color: #409EFF;
    border-color: #409EFF;
    -webkit-box-shadow: -1px 0 0 0 #8cc5ff;
    box-shadow: -1px 0 0 0 #8cc5ff; }
    background-color: #1b73a5;
    border-color: #1b73a5;
    -webkit-box-shadow: -1px 0 0 0 #76abc9;
    box-shadow: -1px 0 0 0 #76abc9; }
  .el-checkbox-button.is-checked:first-child .el-checkbox-button__inner {
    border-left-color: #409EFF; }
    border-left-color: #1b73a5; }
  .el-checkbox-button.is-disabled .el-checkbox-button__inner {
    color: #c0c4cc;
    cursor: not-allowed;
    -webkit-box-shadow: none !important;
    box-shadow: none !important; }
  .el-checkbox-button.is-focus .el-checkbox-button__inner {
    border-color: #409EFF; }
    border-color: #1b73a5; }
  .el-checkbox-button:last-child .el-checkbox-button__inner {
    border-radius: 0 4px 4px 0; }
  .el-checkbox-button--medium .el-checkbox-button__inner {
/* Break-point
--------------------------*/
.el-tag {
  background-color: rgba(64, 158, 255, 0.1);
  background-color: rgba(27, 115, 165, 0.1);
  display: inline-block;
  padding: 0 10px;
  height: 32px;
  line-height: 30px;
  font-size: 12px;
  color: #409EFF;
  color: #1b73a5;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid rgba(64, 158, 255, 0.2);
  border: 1px solid rgba(27, 115, 165, 0.2);
  white-space: nowrap; }
  .el-tag .el-icon-close {
    border-radius: 50%;
    vertical-align: middle;
    top: -1px;
    right: -5px;
    color: #409EFF; }
    color: #1b73a5; }
    .el-tag .el-icon-close::before {
      display: block; }
    .el-tag .el-icon-close:hover {
      background-color: #409EFF;
      background-color: #1b73a5;
      color: #fff; }
  .el-tag--info {
    background-color: rgba(144, 147, 153, 0.1);
    cursor: pointer;
    font-size: 14px; }
    .el-table-filter__list-item:hover {
      background-color: #ecf5ff;
      color: #66b1ff; }
      background-color: #e8f1f6;
      color: #498fb7; }
    .el-table-filter__list-item.is-active {
      background-color: #409EFF;
      background-color: #1b73a5;
      color: #fff; }
  .el-table-filter__content {
    min-width: 100px; }
      font-size: 13px;
      padding: 0 3px; }
      .el-table-filter__bottom button:hover {
        color: #409EFF; }
        color: #1b73a5; }
      .el-table-filter__bottom button:focus {
        outline: none; }
      .el-table-filter__bottom button.is-disabled {
    .el-date-table td.today {
      position: relative; }
      .el-date-table td.today span {
        color: #409EFF;
        color: #1b73a5;
        font-weight: bold; }
      .el-date-table td.today.start-date span,
      .el-date-table td.today.end-date span {
        color: #fff; }
    .el-date-table td.available:hover {
      color: #409EFF; }
      color: #1b73a5; }
    .el-date-table td.in-range div {
      background-color: #f2f6fc; }
      .el-date-table td.in-range div:hover {
        background-color: #f2f6fc; }
    .el-date-table td.current:not(.disabled) span {
      color: #fff;
      background-color: #409EFF; }
      background-color: #1b73a5; }
    .el-date-table td.start-date div,
    .el-date-table td.end-date div {
      color: #fff; }
    .el-date-table td.start-date span,
    .el-date-table td.end-date span {
      background-color: #409EFF; }
      background-color: #1b73a5; }
    .el-date-table td.start-date div {
      margin-left: 5px;
      border-top-left-radius: 15px;
      .el-date-table td.selected div:hover {
        background-color: #f2f6fc; }
    .el-date-table td.selected span {
      background-color: #409EFF;
      background-color: #1b73a5;
      color: #fff;
      border-radius: 15px; }
    .el-date-table td.week {
      color: #606266;
      margin: 0 auto; }
      .el-month-table td .cell:hover {
        color: #409EFF; }
        color: #1b73a5; }
    .el-month-table td.current:not(.disabled) .cell {
      color: #409EFF; }
      color: #1b73a5; }
/* Element Chalk Variables */
/* Transition
      color: #606266;
      margin: 0 auto; }
      .el-year-table td .cell:hover {
        color: #409EFF; }
        color: #1b73a5; }
    .el-year-table td.current:not(.disabled) .cell {
      color: #409EFF; }
      color: #1b73a5; }
/* Element Chalk Variables */
/* Transition
  line-height: 30px;
  cursor: pointer; }
  .el-time-spinner__arrow:hover {
    color: #409EFF; }
    color: #1b73a5; }
  .el-time-spinner__arrow.el-icon-arrow-up {
    top: 10px; }
  .el-time-spinner__arrow.el-icon-arrow-down {
  line-height: 1; }
.el-range-editor.is-active {
  border-color: #409EFF; }
  border-color: #1b73a5; }
  .el-range-editor.is-active:hover {
    border-color: #409EFF; }
    border-color: #1b73a5; }
.el-range-editor--medium.el-input__inner {
  height: 36px; }
    outline: none;
    cursor: pointer; }
    .el-picker-panel__shortcut:hover {
      color: #409EFF; }
      color: #1b73a5; }
    .el-picker-panel__shortcut.active {
      background-color: #e6f1fe;
      color: #409EFF; }
      color: #1b73a5; }
  .el-picker-panel__btn {
    border: 1px solid #dcdcdc;
    color: #333;
    outline: none;
    margin-top: 8px; }
    .el-picker-panel__icon-btn:hover {
      color: #409EFF; }
      color: #1b73a5; }
    .el-picker-panel__icon-btn.is-disabled {
      color: #bbb; }
      .el-picker-panel__icon-btn.is-disabled:hover {
    cursor: pointer;
    color: #606266; }
    .el-date-picker__header-label:hover {
      color: #409EFF; }
      color: #1b73a5; }
    .el-date-picker__header-label.active {
      color: #409EFF; }
      color: #1b73a5; }
  .el-date-picker__prev-btn {
    float: left; }
  .el-date-picker__next-btn {
    color: #303133; }
    .el-time-panel__btn.confirm {
      font-weight: 800;
      color: #409EFF; }
      color: #1b73a5; }
/* BEM support Func
 -------------------------- */
      border-color: #c0c4cc; }
    .el-textarea__inner:focus {
      outline: none;
      border-color: #409EFF; }
      border-color: #1b73a5; }
  .el-textarea.is-disabled .el-textarea__inner {
    background-color: #f5f7fa;
    border-color: #e4e7ed;
      border-color: #c0c4cc; }
    .el-input__inner:focus {
      outline: none;
      border-color: #409EFF; }
      border-color: #1b73a5; }
  .el-input__suffix {
    position: absolute;
    height: 100%;
    pointer-events: none; }
  .el-input.is-active .el-input__inner {
    outline: none;
    border-color: #409EFF; }
    border-color: #1b73a5; }
  .el-input.is-disabled .el-input__inner {
    background-color: #f5f7fa;
    border-color: #e4e7ed;
  line-height: 1; }
.el-range-editor.is-active {
  border-color: #409EFF; }
  border-color: #1b73a5; }
  .el-range-editor.is-active:hover {
    border-color: #409EFF; }
    border-color: #1b73a5; }
.el-range-editor--medium.el-input__inner {
  height: 36px; }
    outline: none;
    cursor: pointer; }
    .el-picker-panel__shortcut:hover {
      color: #409EFF; }
      color: #1b73a5; }
    .el-picker-panel__shortcut.active {
      background-color: #e6f1fe;
      color: #409EFF; }
      color: #1b73a5; }
  .el-picker-panel__btn {
    border: 1px solid #dcdcdc;
    color: #333;
    outline: none;
    margin-top: 8px; }
    .el-picker-panel__icon-btn:hover {
      color: #409EFF; }
      color: #1b73a5; }
    .el-picker-panel__icon-btn.is-disabled {
      color: #bbb; }
      .el-picker-panel__icon-btn.is-disabled:hover {
    cursor: pointer;
    color: #606266; }
    .el-date-picker__header-label:hover {
      color: #409EFF; }
      color: #1b73a5; }
    .el-date-picker__header-label.active {
      color: #409EFF; }
      color: #1b73a5; }
  .el-date-picker__prev-btn {
    float: left; }
  .el-date-picker__next-btn {
  line-height: 20px; }
.time-select-item.selected:not(.disabled) {
  color: #409EFF;
  color: #1b73a5;
  font-weight: bold; }
.time-select-item.disabled {
  line-height: 1; }
.el-range-editor.is-active {
  border-color: #409EFF; }
  border-color: #1b73a5; }
  .el-range-editor.is-active:hover {
    border-color: #409EFF; }
    border-color: #1b73a5; }
.el-range-editor--medium.el-input__inner {
  height: 36px; }
    outline: none;
    cursor: pointer; }
    .el-picker-panel__shortcut:hover {
      color: #409EFF; }
      color: #1b73a5; }
    .el-picker-panel__shortcut.active {
      background-color: #e6f1fe;
      color: #409EFF; }
      color: #1b73a5; }
  .el-picker-panel__btn {
    border: 1px solid #dcdcdc;
    color: #333;
    outline: none;
    margin-top: 8px; }
    .el-picker-panel__icon-btn:hover {
      color: #409EFF; }
      color: #1b73a5; }
    .el-picker-panel__icon-btn.is-disabled {
      color: #bbb; }
      .el-picker-panel__icon-btn.is-disabled:hover {
  line-height: 30px;
  cursor: pointer; }
  .el-time-spinner__arrow:hover {
    color: #409EFF; }
    color: #1b73a5; }
  .el-time-spinner__arrow.el-icon-arrow-up {
    top: 10px; }
  .el-time-spinner__arrow.el-icon-arrow-down {
    color: #303133; }
    .el-time-panel__btn.confirm {
      font-weight: 800;
      color: #409EFF; }
      color: #1b73a5; }
/* Element Chalk Variables */
/* Transition
      border-color: #c0c4cc; }
    .el-textarea__inner:focus {
      outline: none;
      border-color: #409EFF; }
      border-color: #1b73a5; }
  .el-textarea.is-disabled .el-textarea__inner {
    background-color: #f5f7fa;
    border-color: #e4e7ed;
      border-color: #c0c4cc; }
    .el-input__inner:focus {
      outline: none;
      border-color: #409EFF; }
      border-color: #1b73a5; }
  .el-input__suffix {
    position: absolute;
    height: 100%;
    pointer-events: none; }
  .el-input.is-active .el-input__inner {
    outline: none;
    border-color: #409EFF; }
    border-color: #1b73a5; }
  .el-input.is-disabled .el-input__inner {
    background-color: #f5f7fa;
    border-color: #e4e7ed;
  .el-button.is-round {
    padding: 12px 20px; }
  .el-button:hover, .el-button:focus {
    color: #409EFF;
    border-color: #c6e2ff;
    background-color: #ecf5ff; }
    color: #1b73a5;
    border-color: #bbd5e4;
    background-color: #e8f1f6; }
  .el-button:active {
    color: #3a8ee6;
    border-color: #3a8ee6;
    color: #186895;
    border-color: #186895;
    outline: none; }
  .el-button::-moz-focus-inner {
    border: 0; }
    margin-left: 5px; }
  .el-button.is-plain:hover, .el-button.is-plain:focus {
    background: #fff;
    border-color: #409EFF;
    color: #409EFF; }
    border-color: #1b73a5;
    color: #1b73a5; }
  .el-button.is-plain:active {
    background: #fff;
    border-color: #3a8ee6;
    color: #3a8ee6;
    border-color: #186895;
    color: #186895;
    outline: none; }
  .el-button.is-active {
    color: #3a8ee6;
    border-color: #3a8ee6; }
    color: #186895;
    border-color: #186895; }
  .el-button.is-disabled, .el-button.is-disabled:hover, .el-button.is-disabled:focus {
    color: #c0c4cc;
    cursor: not-allowed;
    padding: 12px; }
  .el-button--primary {
    color: #fff;
    background-color: #409EFF;
    border-color: #409EFF; }
    background-color: #1b73a5;
    border-color: #1b73a5; }
    .el-button--primary:hover, .el-button--primary:focus {
      background: #66b1ff;
      border-color: #66b1ff;
      background: #498fb7;
      border-color: #498fb7;
      color: #fff; }
    .el-button--primary:active {
      background: #3a8ee6;
      border-color: #3a8ee6;
      background: #186895;
      border-color: #186895;
      color: #fff;
      outline: none; }
    .el-button--primary.is-active {
      background: #3a8ee6;
      border-color: #3a8ee6;
      background: #186895;
      border-color: #186895;
      color: #fff; }
    .el-button--primary.is-disabled, .el-button--primary.is-disabled:hover, .el-button--primary.is-disabled:focus, .el-button--primary.is-disabled:active {
      color: #fff;
      background-color: #a0cfff;
      border-color: #a0cfff; }
      background-color: #8db9d2;
      border-color: #8db9d2; }
    .el-button--primary.is-plain {
      color: #409EFF;
      background: #ecf5ff;
      border-color: #b3d8ff; }
      color: #1b73a5;
      background: #e8f1f6;
      border-color: #a4c7db; }
      .el-button--primary.is-plain:hover, .el-button--primary.is-plain:focus {
        background: #409EFF;
        border-color: #409EFF;
        background: #1b73a5;
        border-color: #1b73a5;
        color: #fff; }
      .el-button--primary.is-plain:active {
        background: #3a8ee6;
        border-color: #3a8ee6;
        background: #186895;
        border-color: #186895;
        color: #fff;
        outline: none; }
      .el-button--primary.is-plain.is-disabled, .el-button--primary.is-plain.is-disabled:hover, .el-button--primary.is-plain.is-disabled:focus, .el-button--primary.is-plain.is-disabled:active {
        color: #8cc5ff;
        background-color: #ecf5ff;
        border-color: #d9ecff; }
        color: #76abc9;
        background-color: #e8f1f6;
        border-color: #d1e3ed; }
  .el-button--success {
    color: #fff;
    background-color: #67c23a;
      padding: 7px; }
  .el-button--text {
    border-color: transparent;
    color: #409EFF;
    color: #1b73a5;
    background: transparent;
    padding-left: 0;
    padding-right: 0; }
    .el-button--text:hover, .el-button--text:focus {
      color: #66b1ff;
      color: #498fb7;
      border-color: transparent;
      background-color: transparent; }
    .el-button--text:active {
      color: #3a8ee6;
      color: #186895;
      border-color: transparent;
      background-color: transparent; }
    .el-button--text.is-disabled, .el-button--text.is-disabled:hover, .el-button--text.is-disabled:focus {
      border-color: #c0c4cc; }
    .el-textarea__inner:focus {
      outline: none;
      border-color: #409EFF; }
      border-color: #1b73a5; }
  .el-textarea.is-disabled .el-textarea__inner {
    background-color: #f5f7fa;
    border-color: #e4e7ed;
      border-color: #c0c4cc; }
    .el-input__inner:focus {
      outline: none;
      border-color: #409EFF; }
      border-color: #1b73a5; }
  .el-input__suffix {
    position: absolute;
    height: 100%;
    pointer-events: none; }
  .el-input.is-active .el-input__inner {
    outline: none;
    border-color: #409EFF; }
    border-color: #1b73a5; }
  .el-input.is-disabled .el-input__inner {
    background-color: #f5f7fa;
    border-color: #e4e7ed;
    .el-message-box__headerbtn .el-message-box__close {
      color: #909399; }
    .el-message-box__headerbtn:focus .el-message-box__close, .el-message-box__headerbtn:hover .el-message-box__close {
      color: #409EFF; }
      color: #1b73a5; }
  .el-message-box__content {
    position: relative;
    padding: 10px 15px;
        transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
        color: #303133; }
        .el-breadcrumb__inner.is-link:hover, .el-breadcrumb__inner a:hover {
          color: #409EFF;
          color: #1b73a5;
          cursor: pointer; }
    .el-breadcrumb__item:last-child .el-breadcrumb__inner, .el-breadcrumb__item:last-child .el-breadcrumb__inner:hover,
    .el-breadcrumb__item:last-child .el-breadcrumb__inner a,
  bottom: 0;
  left: 0;
  height: 2px;
  background-color: #409EFF;
  background-color: #1b73a5;
  z-index: 1;
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-transform: scale(0.8, 0.8);
    transform: scale(0.8, 0.8); }
  .el-tabs__new-tab:hover {
    color: #409EFF; }
    color: #1b73a5; }
.el-tabs__nav-wrap {
  overflow: hidden;
      background-color: #c0c4cc;
      color: #fff; }
  .el-tabs__item.is-active {
    color: #409EFF; }
    color: #1b73a5; }
  .el-tabs__item:hover {
    color: #409EFF;
    color: #1b73a5;
    cursor: pointer; }
  .el-tabs__item.is-disabled {
    color: #c0c4cc;
    margin: -1px -1px 0;
    color: #909399; }
    .el-tabs--border-card > .el-tabs__header .el-tabs__item.is-active {
      color: #409EFF;
      color: #1b73a5;
      background-color: #fff;
      border-right-color: #dcdfe6;
      border-left-color: #dcdfe6; }
    .el-tabs--border-card > .el-tabs__header .el-tabs__item:not(.is-disabled):hover {
      color: #409EFF; }
      color: #1b73a5; }
    .el-tabs--border-card > .el-tabs__header .el-tabs__item.is-disabled {
      color: #c0c4cc; }
/* Break-point
--------------------------*/
.el-tag {
  background-color: rgba(64, 158, 255, 0.1);
  background-color: rgba(27, 115, 165, 0.1);
  display: inline-block;
  padding: 0 10px;
  height: 32px;
  line-height: 30px;
  font-size: 12px;
  color: #409EFF;
  color: #1b73a5;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid rgba(64, 158, 255, 0.2);
  border: 1px solid rgba(27, 115, 165, 0.2);
  white-space: nowrap; }
  .el-tag .el-icon-close {
    border-radius: 50%;
    vertical-align: middle;
    top: -1px;
    right: -5px;
    color: #409EFF; }
    color: #1b73a5; }
    .el-tag .el-icon-close::before {
      display: block; }
    .el-tag .el-icon-close:hover {
      background-color: #409EFF;
      background-color: #1b73a5;
      color: #fff; }
  .el-tag--info {
    background-color: rgba(144, 147, 153, 0.1);
    line-height: normal;
    height: 40px; }
    .el-checkbox.is-bordered.is-checked {
      border-color: #409EFF; }
      border-color: #1b73a5; }
    .el-checkbox.is-bordered.is-disabled {
      border-color: #ebeef5;
      cursor: not-allowed; }
      color: #c0c4cc;
      cursor: not-allowed; }
    .el-checkbox__input.is-checked .el-checkbox__inner {
      background-color: #409EFF;
      border-color: #409EFF; }
      background-color: #1b73a5;
      border-color: #1b73a5; }
      .el-checkbox__input.is-checked .el-checkbox__inner::after {
        -webkit-transform: rotate(45deg) scaleY(1);
        transform: rotate(45deg) scaleY(1); }
    .el-checkbox__input.is-checked + .el-checkbox__label {
      color: #409EFF; }
      color: #1b73a5; }
    .el-checkbox__input.is-focus {
      /*focus时 视觉上区分*/ }
      .el-checkbox__input.is-focus .el-checkbox__inner {
        border-color: #409EFF; }
        border-color: #1b73a5; }
    .el-checkbox__input.is-indeterminate .el-checkbox__inner {
      background-color: #409EFF;
      border-color: #409EFF; }
      background-color: #1b73a5;
      border-color: #1b73a5; }
      .el-checkbox__input.is-indeterminate .el-checkbox__inner::before {
        content: '';
        position: absolute;
    -webkit-transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46);
    transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46); }
    .el-checkbox__inner:hover {
      border-color: #409EFF; }
      border-color: #1b73a5; }
    .el-checkbox__inner::after {
      -webkit-box-sizing: content-box;
      box-sizing: content-box;
    .el-checkbox-button__inner.is-round {
      padding: 12px 20px; }
    .el-checkbox-button__inner:hover {
      color: #409EFF; }
      color: #1b73a5; }
    .el-checkbox-button__inner [class*="el-icon-"] {
      line-height: 0.9; }
      .el-checkbox-button__inner [class*="el-icon-"] + span {
    z-index: -1; }
  .el-checkbox-button.is-checked .el-checkbox-button__inner {
    color: #fff;
    background-color: #409EFF;
    border-color: #409EFF;
    -webkit-box-shadow: -1px 0 0 0 #8cc5ff;
    box-shadow: -1px 0 0 0 #8cc5ff; }
    background-color: #1b73a5;
    border-color: #1b73a5;
    -webkit-box-shadow: -1px 0 0 0 #76abc9;
    box-shadow: -1px 0 0 0 #76abc9; }
  .el-checkbox-button.is-checked:first-child .el-checkbox-button__inner {
    border-left-color: #409EFF; }
    border-left-color: #1b73a5; }
  .el-checkbox-button.is-disabled .el-checkbox-button__inner {
    color: #c0c4cc;
    cursor: not-allowed;
    -webkit-box-shadow: none !important;
    box-shadow: none !important; }
  .el-checkbox-button.is-focus .el-checkbox-button__inner {
    border-color: #409EFF; }
    border-color: #1b73a5; }
  .el-checkbox-button:last-child .el-checkbox-button__inner {
    border-radius: 0 4px 4px 0; }
  .el-checkbox-button--medium .el-checkbox-button__inner {
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #6f7180; }
    color: #5d5c53; }
  .el-tree__drop-indicator {
    position: absolute;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #409EFF; }
    background-color: #1b73a5; }
.el-tree-node {
  white-space: nowrap;
    .el-tree-node:focus > .el-tree-node__content {
      background-color: #f5f7fa; }
  .el-tree-node.is-drop-inner > .el-tree-node__content .el-tree-node__label {
    background-color: #409EFF;
    background-color: #1b73a5;
    color: #fff; }
  .el-tree-node__content {
    display: -webkit-box;
    display: block; }
.el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
  background-color: #f0f7ff; }
  background-color: #edf4f8; }
/* BEM support Func
 -------------------------- */
      border-color: #c0c4cc; }
    .el-textarea__inner:focus {
      outline: none;
      border-color: #409EFF; }
      border-color: #1b73a5; }
  .el-textarea.is-disabled .el-textarea__inner {
    background-color: #f5f7fa;
    border-color: #e4e7ed;
      border-color: #c0c4cc; }
    .el-input__inner:focus {
      outline: none;
      border-color: #409EFF; }
      border-color: #1b73a5; }
  .el-input__suffix {
    position: absolute;
    height: 100%;
    pointer-events: none; }
  .el-input.is-active .el-input__inner {
    outline: none;
    border-color: #409EFF; }
    border-color: #1b73a5; }
  .el-input.is-disabled .el-input__inner {
    background-color: #f5f7fa;
    border-color: #e4e7ed;
    cursor: pointer;
    font-size: 13px; }
    .el-input-number__increase:hover, .el-input-number__decrease:hover {
      color: #409EFF; }
      color: #1b73a5; }
      .el-input-number__increase:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled), .el-input-number__decrease:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled) {
        border-color: #409EFF; }
        border-color: #1b73a5; }
    .el-input-number__increase.is-disabled, .el-input-number__decrease.is-disabled {
      color: #c0c4cc;
      cursor: not-allowed; }
.el-slider__bar {
  height: 6px;
  background-color: #409EFF;
  background-color: #1b73a5;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  position: absolute; }
.el-slider__button {
  width: 16px;
  height: 16px;
  border: solid 2px #409EFF;
  border: solid 2px #1b73a5;
  background-color: #fff;
  border-radius: 50%;
  -webkit-transition: .2s;
        border-color: #c0c4cc; }
      .el-slider.is-vertical.el-slider--with-input .el-slider__input:active .el-input-number__decrease,
      .el-slider.is-vertical.el-slider--with-input .el-slider__input:active .el-input-number__increase {
        border-color: #409EFF; }
        border-color: #1b73a5; }
/* BEM support Func
 -------------------------- */
  text-align: center;
  position: absolute; }
  .el-loading-spinner .el-loading-text {
    color: #409EFF;
    color: #1b73a5;
    margin: 3px 0;
    font-size: 14px; }
  .el-loading-spinner .circular {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: 0;
    stroke-width: 2;
    stroke: #409EFF;
    stroke: #1b73a5;
    stroke-linecap: round; }
  .el-loading-spinner i {
    color: #409EFF; }
    color: #1b73a5; }
.el-loading-fade-enter,
.el-loading-fade-leave-active {
    left: 0;
    top: 0;
    height: 100%;
    background-color: #409EFF;
    background-color: #1b73a5;
    text-align: right;
    border-radius: 100px;
    line-height: 1;
      font-size: 28px;
      color: #8c939d; }
    .el-upload--picture-card:hover {
      border-color: #409EFF;
      color: #409EFF; }
      border-color: #1b73a5;
      color: #1b73a5; }
  .el-upload:focus {
    border-color: #409EFF;
    color: #409EFF; }
    border-color: #1b73a5;
    color: #1b73a5; }
    .el-upload:focus .el-upload-dragger {
      border-color: #409EFF; }
      border-color: #1b73a5; }
.el-upload-dragger {
  background-color: #fff;
    font-size: 14px;
    text-align: center; }
    .el-upload-dragger .el-upload__text em {
      color: #409EFF;
      color: #1b73a5;
      font-style: normal; }
  .el-upload-dragger:hover {
    border-color: #409EFF; }
    border-color: #1b73a5; }
  .el-upload-dragger.is-dragover {
    background-color: rgba(32, 159, 255, 0.06);
    border: 2px dashed #409EFF; }
    border: 2px dashed #1b73a5; }
.el-upload-list {
  margin: 0;
      font-size: 12px;
      cursor: pointer;
      opacity: 1;
      color: #409EFF; }
      color: #1b73a5; }
    .el-upload-list__item:hover {
      background-color: #f5f7fa; }
      .el-upload-list__item:hover .el-icon-close {
    .el-upload-list__item.is-success .el-upload-list__item-status-label {
      display: block; }
    .el-upload-list__item.is-success .el-upload-list__item-name:hover, .el-upload-list__item.is-success .el-upload-list__item-name:focus {
      color: #409EFF;
      color: #1b73a5;
      cursor: pointer; }
    .el-upload-list__item.is-success:focus:not(:hover) {
      /* 键盘focus */ }
    color: #606266;
    display: none; }
    .el-upload-list__item-delete:hover {
      color: #409EFF; }
      color: #1b73a5; }
  .el-upload-list--picture-card {
    margin: 0;
    display: inline;
    left: 0;
    top: 0;
    height: 100%;
    background-color: #409EFF;
    background-color: #1b73a5;
    text-align: right;
    border-radius: 100px;
    line-height: 1;
      right: 0;
      border-radius: 50%; }
    .el-badge__content--primary {
      background-color: #409EFF; }
      background-color: #1b73a5; }
    .el-badge__content--success {
      background-color: #67c23a; }
    .el-badge__content--warning {
      color: #f56c6c;
      border-color: #f56c6c; }
    .el-step__head.is-finish {
      color: #409EFF;
      border-color: #409EFF; }
      color: #1b73a5;
      border-color: #1b73a5; }
  .el-step__icon {
    position: relative;
    z-index: 1;
    .el-step__title.is-error {
      color: #f56c6c; }
    .el-step__title.is-finish {
      color: #409EFF; }
      color: #1b73a5; }
  .el-step__description {
    padding-right: 10%;
    margin-top: -5px;
    .el-step__description.is-error {
      color: #f56c6c; }
    .el-step__description.is-finish {
      color: #409EFF; }
      color: #1b73a5; }
  .el-step.is-horizontal {
    display: inline-block; }
    .el-step.is-horizontal .el-step__line {
      -webkit-transform: rotate(90deg);
      transform: rotate(90deg); }
  .el-collapse-item__header.focusing:focus:not(:hover) {
    color: #409EFF; }
    color: #1b73a5; }
  .el-collapse-item__header.is-active {
    border-bottom-color: transparent; }
      border-color: #c0c4cc; }
    .el-textarea__inner:focus {
      outline: none;
      border-color: #409EFF; }
      border-color: #1b73a5; }
  .el-textarea.is-disabled .el-textarea__inner {
    background-color: #f5f7fa;
    border-color: #e4e7ed;
      border-color: #c0c4cc; }
    .el-input__inner:focus {
      outline: none;
      border-color: #409EFF; }
      border-color: #1b73a5; }
  .el-input__suffix {
    position: absolute;
    height: 100%;
    pointer-events: none; }
  .el-input.is-active .el-input__inner {
    outline: none;
    border-color: #409EFF; }
    border-color: #1b73a5; }
  .el-input.is-disabled .el-input__inner {
    background-color: #f5f7fa;
    border-color: #e4e7ed;
  .el-cascader .el-input__inner {
    cursor: pointer; }
  .el-cascader .el-input.is-focus .el-input__inner {
    border-color: #409EFF; }
    border-color: #1b73a5; }
  .el-cascader .el-input__icon {
    -webkit-transition: none;
    transition: none; }
      .el-cascader-menu__item.is-disabled:hover {
        background-color: #fff; }
    .el-cascader-menu__item.is-active {
      color: #409EFF; }
      color: #1b73a5; }
    .el-cascader-menu__item:hover, .el-cascader-menu__item:focus:not(:active) {
      background-color: #f5f7fa; }
    .el-cascader-menu__item.selected {
    .el-color-predefine__color-selector:nth-child(10n + 1) {
      margin-left: 0; }
    .el-color-predefine__color-selector.selected {
      -webkit-box-shadow: 0 0 3px 2px #409EFF;
      box-shadow: 0 0 3px 2px #409EFF; }
      -webkit-box-shadow: 0 0 3px 2px #1b73a5;
      box-shadow: 0 0 3px 2px #1b73a5; }
    .el-color-predefine__color-selector > div {
      display: -webkit-box;
      display: -ms-flexbox;
      color: #cccccc;
      cursor: not-allowed; }
    .el-color-dropdown__btn:hover {
      color: #409EFF;
      border-color: #409EFF; }
      color: #1b73a5;
      border-color: #1b73a5; }
  .el-color-dropdown__link-btn {
    cursor: pointer;
    color: #409EFF;
    color: #1b73a5;
    text-decoration: none;
    padding: 15px;
    font-size: 12px; }
    .el-color-dropdown__link-btn:hover {
      color: tint(#409EFF, 20%); }
      color: tint(#1b73a5, 20%); }
.el-color-picker {
  display: inline-block;
      border-color: #c0c4cc; }
    .el-textarea__inner:focus {
      outline: none;
      border-color: #409EFF; }
      border-color: #1b73a5; }
  .el-textarea.is-disabled .el-textarea__inner {
    background-color: #f5f7fa;
    border-color: #e4e7ed;
      border-color: #c0c4cc; }
    .el-input__inner:focus {
      outline: none;
      border-color: #409EFF; }
      border-color: #1b73a5; }
  .el-input__suffix {
    position: absolute;
    height: 100%;
    pointer-events: none; }
  .el-input.is-active .el-input__inner {
    outline: none;
    border-color: #409EFF; }
    border-color: #1b73a5; }
  .el-input.is-disabled .el-input__inner {
    background-color: #f5f7fa;
    border-color: #e4e7ed;
  .el-button.is-round {
    padding: 12px 20px; }
  .el-button:hover, .el-button:focus {
    color: #409EFF;
    border-color: #c6e2ff;
    background-color: #ecf5ff; }
    color: #1b73a5;
    border-color: #bbd5e4;
    background-color: #e8f1f6; }
  .el-button:active {
    color: #3a8ee6;
    border-color: #3a8ee6;
    color: #186895;
    border-color: #186895;
    outline: none; }
  .el-button::-moz-focus-inner {
    border: 0; }
    margin-left: 5px; }
  .el-button.is-plain:hover, .el-button.is-plain:focus {
    background: #fff;
    border-color: #409EFF;
    color: #409EFF; }
    border-color: #1b73a5;
    color: #1b73a5; }
  .el-button.is-plain:active {
    background: #fff;
    border-color: #3a8ee6;
    color: #3a8ee6;
    border-color: #186895;
    color: #186895;
    outline: none; }
  .el-button.is-active {
    color: #3a8ee6;
    border-color: #3a8ee6; }
    color: #186895;
    border-color: #186895; }
  .el-button.is-disabled, .el-button.is-disabled:hover, .el-button.is-disabled:focus {
    color: #c0c4cc;
    cursor: not-allowed;
    padding: 12px; }
  .el-button--primary {
    color: #fff;
    background-color: #409EFF;
    border-color: #409EFF; }
    background-color: #1b73a5;
    border-color: #1b73a5; }
    .el-button--primary:hover, .el-button--primary:focus {
      background: #66b1ff;
      border-color: #66b1ff;
      background: #498fb7;
      border-color: #498fb7;
      color: #fff; }
    .el-button--primary:active {
      background: #3a8ee6;
      border-color: #3a8ee6;
      background: #186895;
      border-color: #186895;
      color: #fff;
      outline: none; }
    .el-button--primary.is-active {
      background: #3a8ee6;
      border-color: #3a8ee6;
      background: #186895;
      border-color: #186895;
      color: #fff; }
    .el-button--primary.is-disabled, .el-button--primary.is-disabled:hover, .el-button--primary.is-disabled:focus, .el-button--primary.is-disabled:active {
      color: #fff;
      background-color: #a0cfff;
      border-color: #a0cfff; }
      background-color: #8db9d2;
      border-color: #8db9d2; }
    .el-button--primary.is-plain {
      color: #409EFF;
      background: #ecf5ff;
      border-color: #b3d8ff; }
      color: #1b73a5;
      background: #e8f1f6;
      border-color: #a4c7db; }
      .el-button--primary.is-plain:hover, .el-button--primary.is-plain:focus {
        background: #409EFF;
        border-color: #409EFF;
        background: #1b73a5;
        border-color: #1b73a5;
        color: #fff; }
      .el-button--primary.is-plain:active {
        background: #3a8ee6;
        border-color: #3a8ee6;
        background: #186895;
        border-color: #186895;
        color: #fff;
        outline: none; }
      .el-button--primary.is-plain.is-disabled, .el-button--primary.is-plain.is-disabled:hover, .el-button--primary.is-plain.is-disabled:focus, .el-button--primary.is-plain.is-disabled:active {
        color: #8cc5ff;
        background-color: #ecf5ff;
        border-color: #d9ecff; }
        color: #76abc9;
        background-color: #e8f1f6;
        border-color: #d1e3ed; }
  .el-button--success {
    color: #fff;
    background-color: #67c23a;
      padding: 7px; }
  .el-button--text {
    border-color: transparent;
    color: #409EFF;
    color: #1b73a5;
    background: transparent;
    padding-left: 0;
    padding-right: 0; }
    .el-button--text:hover, .el-button--text:focus {
      color: #66b1ff;
      color: #498fb7;
      border-color: transparent;
      background-color: transparent; }
    .el-button--text:active {
      color: #3a8ee6;
      color: #186895;
      border-color: transparent;
      background-color: transparent; }
    .el-button--text.is-disabled, .el-button--text.is-disabled:hover, .el-button--text.is-disabled:focus {
    line-height: normal;
    height: 40px; }
    .el-checkbox.is-bordered.is-checked {
      border-color: #409EFF; }
      border-color: #1b73a5; }
    .el-checkbox.is-bordered.is-disabled {
      border-color: #ebeef5;
      cursor: not-allowed; }
      color: #c0c4cc;
      cursor: not-allowed; }
    .el-checkbox__input.is-checked .el-checkbox__inner {
      background-color: #409EFF;
      border-color: #409EFF; }
      background-color: #1b73a5;
      border-color: #1b73a5; }
      .el-checkbox__input.is-checked .el-checkbox__inner::after {
        -webkit-transform: rotate(45deg) scaleY(1);
        transform: rotate(45deg) scaleY(1); }
    .el-checkbox__input.is-checked + .el-checkbox__label {
      color: #409EFF; }
      color: #1b73a5; }
    .el-checkbox__input.is-focus {
      /*focus时 视觉上区分*/ }
      .el-checkbox__input.is-focus .el-checkbox__inner {
        border-color: #409EFF; }
        border-color: #1b73a5; }
    .el-checkbox__input.is-indeterminate .el-checkbox__inner {
      background-color: #409EFF;
      border-color: #409EFF; }
      background-color: #1b73a5;
      border-color: #1b73a5; }
      .el-checkbox__input.is-indeterminate .el-checkbox__inner::before {
        content: '';
        position: absolute;
    -webkit-transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46);
    transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46); }
    .el-checkbox__inner:hover {
      border-color: #409EFF; }
      border-color: #1b73a5; }
    .el-checkbox__inner::after {
      -webkit-box-sizing: content-box;
      box-sizing: content-box;
    .el-checkbox-button__inner.is-round {
      padding: 12px 20px; }
    .el-checkbox-button__inner:hover {
      color: #409EFF; }
      color: #1b73a5; }
    .el-checkbox-button__inner [class*="el-icon-"] {
      line-height: 0.9; }
      .el-checkbox-button__inner [class*="el-icon-"] + span {
    z-index: -1; }
  .el-checkbox-button.is-checked .el-checkbox-button__inner {
    color: #fff;
    background-color: #409EFF;
    border-color: #409EFF;
    -webkit-box-shadow: -1px 0 0 0 #8cc5ff;
    box-shadow: -1px 0 0 0 #8cc5ff; }
    background-color: #1b73a5;
    border-color: #1b73a5;
    -webkit-box-shadow: -1px 0 0 0 #76abc9;
    box-shadow: -1px 0 0 0 #76abc9; }
  .el-checkbox-button.is-checked:first-child .el-checkbox-button__inner {
    border-left-color: #409EFF; }
    border-left-color: #1b73a5; }
  .el-checkbox-button.is-disabled .el-checkbox-button__inner {
    color: #c0c4cc;
    cursor: not-allowed;
    -webkit-box-shadow: none !important;
    box-shadow: none !important; }
  .el-checkbox-button.is-focus .el-checkbox-button__inner {
    border-color: #409EFF; }
    border-color: #1b73a5; }
  .el-checkbox-button:last-child .el-checkbox-button__inner {
    border-radius: 0 4px 4px 0; }
  .el-checkbox-button--medium .el-checkbox-button__inner {
    padding: 10px;
    border-radius: 50%;
    color: #fff;
    background-color: #409EFF;
    background-color: #1b73a5;
    font-size: 0; }
    .el-transfer__button.is-with-texts {
      border-radius: 4px; }
    .el-transfer-panel__item.el-checkbox {
      color: #606266; }
    .el-transfer-panel__item:hover {
      color: #409EFF; }
      color: #1b73a5; }
    .el-transfer-panel__item.el-checkbox .el-checkbox__label {
      width: 100%;
      overflow: hidden;

theme/input-number.css

      border-color: #c0c4cc; }
    .el-textarea__inner:focus {
      outline: none;
      border-color: #409EFF; }
      border-color: #1b73a5; }
  .el-textarea.is-disabled .el-textarea__inner {
    background-color: #f5f7fa;
    border-color: #e4e7ed;
      border-color: #c0c4cc; }
    .el-input__inner:focus {
      outline: none;
      border-color: #409EFF; }
      border-color: #1b73a5; }
  .el-input__suffix {
    position: absolute;
    height: 100%;
    pointer-events: none; }
  .el-input.is-active .el-input__inner {
    outline: none;
    border-color: #409EFF; }
    border-color: #1b73a5; }
  .el-input.is-disabled .el-input__inner {
    background-color: #f5f7fa;
    border-color: #e4e7ed;
    cursor: pointer;
    font-size: 13px; }
    .el-input-number__increase:hover, .el-input-number__decrease:hover {
      color: #409EFF; }
      color: #1b73a5; }
      .el-input-number__increase:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled), .el-input-number__decrease:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled) {
        border-color: #409EFF; }
        border-color: #1b73a5; }
    .el-input-number__increase.is-disabled, .el-input-number__decrease.is-disabled {
      color: #c0c4cc;
      cursor: not-allowed; }

theme/input.css

      border-color: #c0c4cc; }
    .el-textarea__inner:focus {
      outline: none;
      border-color: #409EFF; }
      border-color: #1b73a5; }
  .el-textarea.is-disabled .el-textarea__inner {
    background-color: #f5f7fa;
    border-color: #e4e7ed;
      border-color: #c0c4cc; }
    .el-input__inner:focus {
      outline: none;
      border-color: #409EFF; }
      border-color: #1b73a5; }
  .el-input__suffix {
    position: absolute;
    height: 100%;
    pointer-events: none; }
  .el-input.is-active .el-input__inner {
    outline: none;
    border-color: #409EFF; }
    border-color: #1b73a5; }
  .el-input.is-disabled .el-input__inner {
    background-color: #f5f7fa;
    border-color: #e4e7ed;

theme/loading.css

  text-align: center;
  position: absolute; }
  .el-loading-spinner .el-loading-text {
    color: #409EFF;
    color: #1b73a5;
    margin: 3px 0;
    font-size: 14px; }
  .el-loading-spinner .circular {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: 0;
    stroke-width: 2;
    stroke: #409EFF;
    stroke: #1b73a5;
    stroke-linecap: round; }
  .el-loading-spinner i {
    color: #409EFF; }
    color: #1b73a5; }
.el-loading-fade-enter,
.el-loading-fade-leave-active {

theme/menu.css

        .el-menu--horizontal > .el-submenu:focus .el-submenu__title, .el-menu--horizontal > .el-submenu:hover .el-submenu__title {
          color: #303133; }
      .el-menu--horizontal > .el-submenu.is-active .el-submenu__title {
        border-bottom: 2px solid #409EFF;
        border-bottom: 2px solid #1b73a5;
        color: #303133; }
      .el-menu--horizontal > .el-submenu .el-submenu__title {
        height: 60px;
      outline: none;
      color: #303133; }
    .el-menu--horizontal > .el-menu-item.is-active {
      border-bottom: 2px solid #409EFF;
      border-bottom: 2px solid #1b73a5;
      color: #303133; }
  .el-menu--collapse {
    width: 64px; }
    color: #909399; }
  .el-menu-item:hover, .el-menu-item:focus {
    outline: none;
    background-color: #ecf5ff; }
    background-color: #e8f1f6; }
  .el-menu-item.is-disabled {
    opacity: 0.25;
    cursor: not-allowed;
    font-size: 18px;
    vertical-align: middle; }
  .el-menu-item.is-active {
    color: #409EFF; }
    color: #1b73a5; }
    .el-menu-item.is-active i {
      color: inherit; }
      color: #909399; }
    .el-submenu__title:hover, .el-submenu__title:focus {
      outline: none;
      background-color: #ecf5ff; }
      background-color: #e8f1f6; }
    .el-submenu__title.is-disabled {
      opacity: 0.25;
      cursor: not-allowed;
      background: none !important; }
    .el-submenu__title:hover {
      background-color: #ecf5ff; }
      background-color: #e8f1f6; }
  .el-submenu .el-menu {
    border: none; }
  .el-submenu .el-menu-item {
    transition: transform .3s, -webkit-transform .3s;
    font-size: 12px; }
  .el-submenu.is-active .el-submenu__title {
    border-bottom-color: #409EFF; }
    border-bottom-color: #1b73a5; }
  .el-submenu.is-opened > .el-submenu__title .el-submenu__icon-arrow {
    -webkit-transform: rotateZ(180deg);
    transform: rotateZ(180deg); }

theme/message-box.css

  .el-button.is-round {
    padding: 12px 20px; }
  .el-button:hover, .el-button:focus {
    color: #409EFF;
    border-color: #c6e2ff;
    background-color: #ecf5ff; }
    color: #1b73a5;
    border-color: #bbd5e4;
    background-color: #e8f1f6; }
  .el-button:active {
    color: #3a8ee6;
    border-color: #3a8ee6;
    color: #186895;
    border-color: #186895;
    outline: none; }
  .el-button::-moz-focus-inner {
    border: 0; }
    margin-left: 5px; }
  .el-button.is-plain:hover, .el-button.is-plain:focus {
    background: #fff;
    border-color: #409EFF;
    color: #409EFF; }
    border-color: #1b73a5;
    color: #1b73a5; }
  .el-button.is-plain:active {
    background: #fff;
    border-color: #3a8ee6;
    color: #3a8ee6;
    border-color: #186895;
    color: #186895;
    outline: none; }
  .el-button.is-active {
    color: #3a8ee6;
    border-color: #3a8ee6; }
    color: #186895;
    border-color: #186895; }
  .el-button.is-disabled, .el-button.is-disabled:hover, .el-button.is-disabled:focus {
    color: #c0c4cc;
    cursor: not-allowed;
    padding: 12px; }
  .el-button--primary {
    color: #fff;
    background-color: #409EFF;
    border-color: #409EFF; }
    background-color: #1b73a5;
    border-color: #1b73a5; }
    .el-button--primary:hover, .el-button--primary:focus {
      background: #66b1ff;
      border-color: #66b1ff;
      background: #498fb7;
      border-color: #498fb7;
      color: #fff; }
    .el-button--primary:active {
      background: #3a8ee6;
      border-color: #3a8ee6;
      background: #186895;
      border-color: #186895;
      color: #fff;
      outline: none; }
    .el-button--primary.is-active {
      background: #3a8ee6;
      border-color: #3a8ee6;
      background: #186895;
      border-color: #186895;
      color: #fff; }
    .el-button--primary.is-disabled, .el-button--primary.is-disabled:hover, .el-button--primary.is-disabled:focus, .el-button--primary.is-disabled:active {
      color: #fff;
      background-color: #a0cfff;
      border-color: #a0cfff; }
      background-color: #8db9d2;
      border-color: #8db9d2; }
    .el-button--primary.is-plain {
      color: #409EFF;
      background: #ecf5ff;
      border-color: #b3d8ff; }
      color: #1b73a5;
      background: #e8f1f6;
      border-color: #a4c7db; }
      .el-button--primary.is-plain:hover, .el-button--primary.is-plain:focus {
        background: #409EFF;
        border-color: #409EFF;
        background: #1b73a5;
        border-color: #1b73a5;
        color: #fff; }
      .el-button--primary.is-plain:active {
        background: #3a8ee6;
        border-color: #3a8ee6;
        background: #186895;
        border-color: #186895;
        color: #fff;
        outline: none; }
      .el-button--primary.is-plain.is-disabled, .el-button--primary.is-plain.is-disabled:hover, .el-button--primary.is-plain.is-disabled:focus, .el-button--primary.is-plain.is-disabled:active {
        color: #8cc5ff;
        background-color: #ecf5ff;
        border-color: #d9ecff; }
        color: #76abc9;
        background-color: #e8f1f6;
        border-color: #d1e3ed; }
  .el-button--success {
    color: #fff;
    background-color: #67c23a;
      padding: 7px; }
  .el-button--text {
    border-color: transparent;
    color: #409EFF;
    color: #1b73a5;
    background: transparent;
    padding-left: 0;
    padding-right: 0; }
    .el-button--text:hover, .el-button--text:focus {
      color: #66b1ff;
      color: #498fb7;
      border-color: transparent;
      background-color: transparent; }
    .el-button--text:active {
      color: #3a8ee6;
      color: #186895;
      border-color: transparent;
      background-color: transparent; }
    .el-button--text.is-disabled, .el-button--text.is-disabled:hover, .el-button--text.is-disabled:focus {
      border-color: #c0c4cc; }
    .el-textarea__inner:focus {
      outline: none;
      border-color: #409EFF; }
      border-color: #1b73a5; }
  .el-textarea.is-disabled .el-textarea__inner {
    background-color: #f5f7fa;
    border-color: #e4e7ed;
      border-color: #c0c4cc; }
    .el-input__inner:focus {
      outline: none;
      border-color: #409EFF; }
      border-color: #1b73a5; }
  .el-input__suffix {
    position: absolute;
    height: 100%;
    pointer-events: none; }
  .el-input.is-active .el-input__inner {
    outline: none;
    border-color: #409EFF; }
    border-color: #1b73a5; }
  .el-input.is-disabled .el-input__inner {
    background-color: #f5f7fa;
    border-color: #e4e7ed;
    .el-message-box__headerbtn .el-message-box__close {
      color: #909399; }
    .el-message-box__headerbtn:focus .el-message-box__close, .el-message-box__headerbtn:hover .el-message-box__close {
      color: #409EFF; }
      color: #1b73a5; }
  .el-message-box__content {
    position: relative;
    padding: 10px 15px;

theme/option.css

  .el-select-dropdown__item.hover, .el-select-dropdown__item:hover {
    background-color: #f5f7fa; }
  .el-select-dropdown__item.selected {
    color: #409EFF;
    color: #1b73a5;
    font-weight: bold; }

theme/pagination.css

  box-sizing: border-box;
  margin: 5px 0; }
  .el-select-dropdown.is-multiple .el-select-dropdown__item.selected {
    color: #409EFF;
    color: #1b73a5;
    background-color: #fff; }
    .el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover {
      background-color: #f5f7fa; }
      border-color: #c0c4cc; }
    .el-textarea__inner:focus {
      outline: none;
      border-color: #409EFF; }
      border-color: #1b73a5; }
  .el-textarea.is-disabled .el-textarea__inner {
    background-color: #f5f7fa;
    border-color: #e4e7ed;
      border-color: #c0c4cc; }
    .el-input__inner:focus {
      outline: none;
      border-color: #409EFF; }
      border-color: #1b73a5; }
  .el-input__suffix {
    position: absolute;
    height: 100%;
    pointer-events: none; }
  .el-input.is-active .el-input__inner {
    outline: none;
    border-color: #409EFF; }
    border-color: #1b73a5; }
  .el-input.is-disabled .el-input__inner {
    background-color: #f5f7fa;
    border-color: #e4e7ed;
/* Break-point
--------------------------*/
.el-tag {
  background-color: rgba(64, 158, 255, 0.1);
  background-color: rgba(27, 115, 165, 0.1);
  display: inline-block;
  padding: 0 10px;
  height: 32px;
  line-height: 30px;
  font-size: 12px;
  color: #409EFF;
  color: #1b73a5;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid rgba(64, 158, 255, 0.2);
  border: 1px solid rgba(27, 115, 165, 0.2);
  white-space: nowrap; }
  .el-tag .el-icon-close {
    border-radius: 50%;
    vertical-align: middle;
    top: -1px;
    right: -5px;
    color: #409EFF; }
    color: #1b73a5; }
    .el-tag .el-icon-close::before {
      display: block; }
    .el-tag .el-icon-close:hover {
      background-color: #409EFF;
      background-color: #1b73a5;
      color: #fff; }
  .el-tag--info {
    background-color: rgba(144, 147, 153, 0.1);
  .el-select-dropdown__item.hover, .el-select-dropdown__item:hover {
    background-color: #f5f7fa; }
  .el-select-dropdown__item.selected {
    color: #409EFF;
    color: #1b73a5;
    font-weight: bold; }
/* BEM support Func
    cursor: pointer;
    padding-right: 35px; }
    .el-select .el-input__inner:focus {
      border-color: #409EFF; }
      border-color: #1b73a5; }
  .el-select .el-input .el-select__caret {
    color: #c0c4cc;
    font-size: 14px;
    .el-select .el-input.is-disabled .el-input__inner:hover {
      border-color: #e4e7ed; }
  .el-select .el-input.is-focus .el-input__inner {
    border-color: #409EFF; }
    border-color: #1b73a5; }
  .el-select > .el-input {
    display: block; }
  .el-select__input {
    .el-pagination button:focus {
      outline: none; }
    .el-pagination button:hover {
      color: #409EFF; }
      color: #1b73a5; }
    .el-pagination button:disabled {
      color: #c0c4cc;
      background-color: #fff;
      font-size: 13px;
      padding-left: 8px; }
      .el-pagination__sizes .el-input .el-input__inner:hover {
        border-color: #409EFF; }
        border-color: #1b73a5; }
  .el-pagination__total {
    margin-right: 10px;
    font-weight: normal;
    .el-pagination.is-background .btn-prev:disabled, .el-pagination.is-background .btn-next:disabled {
      color: #c0c4cc; }
  .el-pagination.is-background .el-pager li:not(.disabled):hover {
    color: #409EFF; }
    color: #1b73a5; }
  .el-pagination.is-background .el-pager li:not(.disabled).active {
    background-color: #409EFF;
    background-color: #1b73a5;
    color: #fff; }
  .el-pagination.is-background.el-pagination--small .btn-prev,
  .el-pagination.is-background.el-pagination--small .btn-next,
    .el-pager li.active + li {
      border-left: 0; }
    .el-pager li:hover {
      color: #409EFF; }
      color: #1b73a5; }
    .el-pager li.active {
      color: #409EFF;
      color: #1b73a5;
      cursor: default; }

theme/progress.css

    left: 0;
    top: 0;
    height: 100%;
    background-color: #409EFF;
    background-color: #1b73a5;
    text-align: right;
    border-radius: 100px;
    line-height: 1;

theme/radio-button.css

    .el-radio-button__inner.is-round {
      padding: 12px 20px; }
    .el-radio-button__inner:hover {
      color: #409EFF; }
      color: #1b73a5; }
    .el-radio-button__inner [class*="el-icon-"] {
      line-height: 0.9; }
      .el-radio-button__inner [class*="el-icon-"] + span {
    z-index: -1; }
    .el-radio-button__orig-radio:checked + .el-radio-button__inner {
      color: #fff;
      background-color: #409EFF;
      border-color: #409EFF;
      -webkit-box-shadow: -1px 0 0 0 #409EFF;
      box-shadow: -1px 0 0 0 #409EFF; }
      background-color: #1b73a5;
      border-color: #1b73a5;
      -webkit-box-shadow: -1px 0 0 0 #1b73a5;
      box-shadow: -1px 0 0 0 #1b73a5; }
    .el-radio-button__orig-radio:disabled + .el-radio-button__inner {
      color: #c0c4cc;
      cursor: not-allowed;
      padding: 7px 15px; }
  .el-radio-button:focus:not(.is-focus):not(:active):not(.is-disabled) {
    /*获得焦点时 样式提醒*/
    -webkit-box-shadow: 0 0 2px 2px #409EFF;
    box-shadow: 0 0 2px 2px #409EFF; }
    -webkit-box-shadow: 0 0 2px 2px #1b73a5;
    box-shadow: 0 0 2px 2px #1b73a5; }

theme/radio.css

    box-sizing: border-box;
    height: 40px; }
    .el-radio.is-bordered.is-checked {
      border-color: #409EFF; }
      border-color: #1b73a5; }
    .el-radio.is-bordered.is-disabled {
      cursor: not-allowed;
      border-color: #ebeef5; }
      color: #c0c4cc;
      cursor: not-allowed; }
    .el-radio__input.is-checked .el-radio__inner {
      border-color: #409EFF;
      background: #409EFF; }
      border-color: #1b73a5;
      background: #1b73a5; }
      .el-radio__input.is-checked .el-radio__inner::after {
        -webkit-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1); }
    .el-radio__input.is-checked + .el-radio__label {
      color: #409EFF; }
      color: #1b73a5; }
    .el-radio__input.is-focus .el-radio__inner {
      border-color: #409EFF; }
      border-color: #1b73a5; }
  .el-radio__inner {
    border: 1px solid #dcdfe6;
    border-radius: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
    .el-radio__inner:hover {
      border-color: #409EFF; }
      border-color: #1b73a5; }
    .el-radio__inner::after {
      width: 4px;
      height: 4px;
  .el-radio:focus:not(.is-focus):not(:active):not(.is-disabled) {
    /*获得焦点时 样式提醒*/ }
    .el-radio:focus:not(.is-focus):not(:active):not(.is-disabled) .el-radio__inner {
      -webkit-box-shadow: 0 0 2px 2px #409EFF;
      box-shadow: 0 0 2px 2px #409EFF; }
      -webkit-box-shadow: 0 0 2px 2px #1b73a5;
      box-shadow: 0 0 2px 2px #1b73a5; }
  .el-radio__label {
    font-size: 14px;
    padding-left: 10px; }

theme/reset.css

  -webkit-font-smoothing: antialiased; }
a {
  color: #409EFF;
  color: #1b73a5;
  text-decoration: none; }
  a:hover, a:focus {
    color: #66b1ff; }
    color: #498fb7; }
  a:active {
    color: #3a8ee6; }
    color: #186895; }
h1, h2, h3, h4, h5, h6 {
  color: #606266;

theme/select-dropdown.css

  box-sizing: border-box;
  margin: 5px 0; }
  .el-select-dropdown.is-multiple .el-select-dropdown__item.selected {
    color: #409EFF;
    color: #1b73a5;
    background-color: #fff; }
    .el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover {
      background-color: #f5f7fa; }

theme/select.css

  box-sizing: border-box;
  margin: 5px 0; }
  .el-select-dropdown.is-multiple .el-select-dropdown__item.selected {
    color: #409EFF;
    color: #1b73a5;
    background-color: #fff; }
    .el-select-dropdown.is-multiple .el-select-dropdown__item.selected.hover {
      background-color: #f5f7fa; }
      border-color: #c0c4cc; }
    .el-textarea__inner:focus {
      outline: none;
      border-color: #409EFF; }
      border-color: #1b73a5; }
  .el-textarea.is-disabled .el-textarea__inner {
    background-color: #f5f7fa;
    border-color: #e4e7ed;
      border-color: #c0c4cc; }
    .el-input__inner:focus {
      outline: none;
      border-color: #409EFF; }
      border-color: #1b73a5; }
  .el-input__suffix {
    position: absolute;
    height: 100%;
    pointer-events: none; }
  .el-input.is-active .el-input__inner {
    outline: none;
    border-color: #409EFF; }
    border-color: #1b73a5; }
  .el-input.is-disabled .el-input__inner {
    background-color: #f5f7fa;
    border-color: #e4e7ed;
/* Break-point
--------------------------*/
.el-tag {
  background-color: rgba(64, 158, 255, 0.1);
  background-color: rgba(27, 115, 165, 0.1);
  display: inline-block;
  padding: 0 10px;
  height: 32px;
  line-height: 30px;
  font-size: 12px;
  color: #409EFF;
  color: #1b73a5;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid rgba(64, 158, 255, 0.2);
  border: 1px solid rgba(27, 115, 165, 0.2);
  white-space: nowrap; }
  .el-tag .el-icon-close {
    border-radius: 50%;
    vertical-align: middle;
    top: -1px;
    right: -5px;
    color: #409EFF; }
    color: #1b73a5; }
    .el-tag .el-icon-close::before {
      display: block; }
    .el-tag .el-icon-close:hover {
      background-color: #409EFF;
      background-color: #1b73a5;
      color: #fff; }
  .el-tag--info {
    background-color: rgba(144, 147, 153, 0.1);
  .el-select-dropdown__item.hover, .el-select-dropdown__item:hover {
    background-color: #f5f7fa; }
  .el-select-dropdown__item.selected {
    color: #409EFF;
    color: #1b73a5;
    font-weight: bold; }
/* BEM support Func
    cursor: pointer;
    padding-right: 35px; }
    .el-select .el-input__inner:focus {
      border-color: #409EFF; }
      border-color: #1b73a5; }
  .el-select .el-input .el-select__caret {
    color: #c0c4cc;
    font-size: 14px;
    .el-select .el-input.is-disabled .el-input__inner:hover {
      border-color: #e4e7ed; }
  .el-select .el-input.is-focus .el-input__inner {
    border-color: #409EFF; }
    border-color: #1b73a5; }
  .el-select > .el-input {
    display: block; }
  .el-select__input {

theme/slider.css

      border-color: #c0c4cc; }
    .el-textarea__inner:focus {
      outline: none;
      border-color: #409EFF; }
      border-color: #1b73a5; }
  .el-textarea.is-disabled .el-textarea__inner {
    background-color: #f5f7fa;
    border-color: #e4e7ed;
      border-color: #c0c4cc; }
    .el-input__inner:focus {
      outline: none;
      border-color: #409EFF; }
      border-color: #1b73a5; }
  .el-input__suffix {
    position: absolute;
    height: 100%;
    pointer-events: none; }
  .el-input.is-active .el-input__inner {
    outline: none;
    border-color: #409EFF; }
    border-color: #1b73a5; }
  .el-input.is-disabled .el-input__inner {
    background-color: #f5f7fa;
    border-color: #e4e7ed;
    cursor: pointer;
    font-size: 13px; }
    .el-input-number__increase:hover, .el-input-number__decrease:hover {
      color: #409EFF; }
      color: #1b73a5; }
      .el-input-number__increase:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled), .el-input-number__decrease:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled) {
        border-color: #409EFF; }
        border-color: #1b73a5; }
    .el-input-number__increase.is-disabled, .el-input-number__decrease.is-disabled {
      color: #c0c4cc;
      cursor: not-allowed; }
.el-slider__bar {
  height: 6px;
  background-color: #409EFF;
  background-color: #1b73a5;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  position: absolute; }
.el-slider__button {
  width: 16px;
  height: 16px;
  border: solid 2px #409EFF;
  border: solid 2px #1b73a5;
  background-color: #fff;
  border-radius: 50%;
  -webkit-transition: .2s;
        border-color: #c0c4cc; }
      .el-slider.is-vertical.el-slider--with-input .el-slider__input:active .el-input-number__decrease,
      .el-slider.is-vertical.el-slider--with-input .el-slider__input:active .el-input-number__increase {
        border-color: #409EFF; }
        border-color: #1b73a5; }

theme/step.css

      color: #f56c6c;
      border-color: #f56c6c; }
    .el-step__head.is-finish {
      color: #409EFF;
      border-color: #409EFF; }
      color: #1b73a5;
      border-color: #1b73a5; }
  .el-step__icon {
    position: relative;
    z-index: 1;
    .el-step__title.is-error {
      color: #f56c6c; }
    .el-step__title.is-finish {
      color: #409EFF; }
      color: #1b73a5; }
  .el-step__description {
    padding-right: 10%;
    margin-top: -5px;
    .el-step__description.is-error {
      color: #f56c6c; }
    .el-step__description.is-finish {
      color: #409EFF; }
      color: #1b73a5; }
  .el-step.is-horizontal {
    display: inline-block; }
    .el-step.is-horizontal .el-step__line {

theme/switch.css

    vertical-align: middle;
    color: #303133; }
    .el-switch__label.is-active {
      color: #409EFF; }
      color: #1b73a5; }
    .el-switch__label--left {
      margin-right: 10px; }
    .el-switch__label--right {
      height: 16px;
      background-color: #fff; }
  .el-switch.is-checked .el-switch__core {
    border-color: #409EFF;
    background-color: #409EFF; }
    border-color: #1b73a5;
    background-color: #1b73a5; }
    .el-switch.is-checked .el-switch__core::after {
      left: 100%;
      margin-left: -17px; }

theme/table-column.css

    line-height: normal;
    height: 40px; }
    .el-checkbox.is-bordered.is-checked {
      border-color: #409EFF; }
      border-color: #1b73a5; }
    .el-checkbox.is-bordered.is-disabled {
      border-color: #ebeef5;
      cursor: not-allowed; }
      color: #c0c4cc;
      cursor: not-allowed; }
    .el-checkbox__input.is-checked .el-checkbox__inner {
      background-color: #409EFF;
      border-color: #409EFF; }
      background-color: #1b73a5;
      border-color: #1b73a5; }
      .el-checkbox__input.is-checked .el-checkbox__inner::after {
        -webkit-transform: rotate(45deg) scaleY(1);
        transform: rotate(45deg) scaleY(1); }
    .el-checkbox__input.is-checked + .el-checkbox__label {
      color: #409EFF; }
      color: #1b73a5; }
    .el-checkbox__input.is-focus {
      /*focus时 视觉上区分*/ }
      .el-checkbox__input.is-focus .el-checkbox__inner {
        border-color: #409EFF; }
        border-color: #1b73a5; }
    .el-checkbox__input.is-indeterminate .el-checkbox__inner {
      background-color: #409EFF;
      border-color: #409EFF; }
      background-color: #1b73a5;
      border-color: #1b73a5; }
      .el-checkbox__input.is-indeterminate .el-checkbox__inner::before {
        content: '';
        position: absolute;
    -webkit-transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46);
    transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46); }
    .el-checkbox__inner:hover {
      border-color: #409EFF; }
      border-color: #1b73a5; }
    .el-checkbox__inner::after {
      -webkit-box-sizing: content-box;
      box-sizing: content-box;
    .el-checkbox-button__inner.is-round {
      padding: 12px 20px; }
    .el-checkbox-button__inner:hover {
      color: #409EFF; }
      color: #1b73a5; }
    .el-checkbox-button__inner [class*="el-icon-"] {
      line-height: 0.9; }
      .el-checkbox-button__inner [class*="el-icon-"] + span {
    z-index: -1; }
  .el-checkbox-button.is-checked .el-checkbox-button__inner {
    color: #fff;
    background-color: #409EFF;
    border-color: #409EFF;
    -webkit-box-shadow: -1px 0 0 0 #8cc5ff;
    box-shadow: -1px 0 0 0 #8cc5ff; }
    background-color: #1b73a5;
    border-color: #1b73a5;
    -webkit-box-shadow: -1px 0 0 0 #76abc9;
    box-shadow: -1px 0 0 0 #76abc9; }
  .el-checkbox-button.is-checked:first-child .el-checkbox-button__inner {
    border-left-color: #409EFF; }
    border-left-color: #1b73a5; }
  .el-checkbox-button.is-disabled .el-checkbox-button__inner {
    color: #c0c4cc;
    cursor: not-allowed;
    -webkit-box-shadow: none !important;
    box-shadow: none !important; }
  .el-checkbox-button.is-focus .el-checkbox-button__inner {
    border-color: #409EFF; }
    border-color: #1b73a5; }
  .el-checkbox-button:last-child .el-checkbox-button__inner {
    border-radius: 0 4px 4px 0; }
  .el-checkbox-button--medium .el-checkbox-button__inner {
/* Break-point
--------------------------*/
.el-tag {
  background-color: rgba(64, 158, 255, 0.1);
  background-color: rgba(27, 115, 165, 0.1);
  display: inline-block;
  padding: 0 10px;
  height: 32px;
  line-height: 30px;
  font-size: 12px;
  color: #409EFF;
  color: #1b73a5;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid rgba(64, 158, 255, 0.2);
  border: 1px solid rgba(27, 115, 165, 0.2);
  white-space: nowrap; }
  .el-tag .el-icon-close {
    border-radius: 50%;
    vertical-align: middle;
    top: -1px;
    right: -5px;
    color: #409EFF; }
    color: #1b73a5; }
    .el-tag .el-icon-close::before {
      display: block; }
    .el-tag .el-icon-close:hover {
      background-color: #409EFF;
      background-color: #1b73a5;
      color: #fff; }
  .el-tag--info {
    background-color: rgba(144, 147, 153, 0.1);
    cursor: pointer;
    font-size: 14px; }
    .el-table-filter__list-item:hover {
      background-color: #ecf5ff;
      color: #66b1ff; }
      background-color: #e8f1f6;
      color: #498fb7; }
    .el-table-filter__list-item.is-active {
      background-color: #409EFF;
      background-color: #1b73a5;
      color: #fff; }
  .el-table-filter__content {
    min-width: 100px; }
      font-size: 13px;
      padding: 0 3px; }
      .el-table-filter__bottom button:hover {
        color: #409EFF; }
        color: #1b73a5; }
      .el-table-filter__bottom button:focus {
        outline: none; }
      .el-table-filter__bottom button.is-disabled {

theme/table.css

    line-height: normal;
    height: 40px; }
    .el-checkbox.is-bordered.is-checked {
      border-color: #409EFF; }
      border-color: #1b73a5; }
    .el-checkbox.is-bordered.is-disabled {
      border-color: #ebeef5;
      cursor: not-allowed; }
      color: #c0c4cc;
      cursor: not-allowed; }
    .el-checkbox__input.is-checked .el-checkbox__inner {
      background-color: #409EFF;
      border-color: #409EFF; }
      background-color: #1b73a5;
      border-color: #1b73a5; }
      .el-checkbox__input.is-checked .el-checkbox__inner::after {
        -webkit-transform: rotate(45deg) scaleY(1);
        transform: rotate(45deg) scaleY(1); }
    .el-checkbox__input.is-checked + .el-checkbox__label {
      color: #409EFF; }
      color: #1b73a5; }
    .el-checkbox__input.is-focus {
      /*focus时 视觉上区分*/ }
      .el-checkbox__input.is-focus .el-checkbox__inner {
        border-color: #409EFF; }
        border-color: #1b73a5; }
    .el-checkbox__input.is-indeterminate .el-checkbox__inner {
      background-color: #409EFF;
      border-color: #409EFF; }
      background-color: #1b73a5;
      border-color: #1b73a5; }
      .el-checkbox__input.is-indeterminate .el-checkbox__inner::before {
        content: '';
        position: absolute;
    -webkit-transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46);
    transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46); }
    .el-checkbox__inner:hover {
      border-color: #409EFF; }
      border-color: #1b73a5; }
    .el-checkbox__inner::after {
      -webkit-box-sizing: content-box;
      box-sizing: content-box;
    .el-checkbox-button__inner.is-round {
      padding: 12px 20px; }
    .el-checkbox-button__inner:hover {
      color: #409EFF; }
      color: #1b73a5; }
    .el-checkbox-button__inner [class*="el-icon-"] {
      line-height: 0.9; }
      .el-checkbox-button__inner [class*="el-icon-"] + span {
    z-index: -1; }
  .el-checkbox-button.is-checked .el-checkbox-button__inner {
    color: #fff;
    background-color: #409EFF;
    border-color: #409EFF;
    -webkit-box-shadow: -1px 0 0 0 #8cc5ff;
    box-shadow: -1px 0 0 0 #8cc5ff; }
    background-color: #1b73a5;
    border-color: #1b73a5;
    -webkit-box-shadow: -1px 0 0 0 #76abc9;
    box-shadow: -1px 0 0 0 #76abc9; }
  .el-checkbox-button.is-checked:first-child .el-checkbox-button__inner {
    border-left-color: #409EFF; }
    border-left-color: #1b73a5; }
  .el-checkbox-button.is-disabled .el-checkbox-button__inner {
    color: #c0c4cc;
    cursor: not-allowed;
    -webkit-box-shadow: none !important;
    box-shadow: none !important; }
  .el-checkbox-button.is-focus .el-checkbox-button__inner {
    border-color: #409EFF; }
    border-color: #1b73a5; }
  .el-checkbox-button:last-child .el-checkbox-button__inner {
    border-radius: 0 4px 4px 0; }
  .el-checkbox-button--medium .el-checkbox-button__inner {
/* Break-point
--------------------------*/
.el-tag {
  background-color: rgba(64, 158, 255, 0.1);
  background-color: rgba(27, 115, 165, 0.1);
  display: inline-block;
  padding: 0 10px;
  height: 32px;
  line-height: 30px;
  font-size: 12px;
  color: #409EFF;
  color: #1b73a5;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid rgba(64, 158, 255, 0.2);
  border: 1px solid rgba(27, 115, 165, 0.2);
  white-space: nowrap; }
  .el-tag .el-icon-close {
    border-radius: 50%;
    vertical-align: middle;
    top: -1px;
    right: -5px;
    color: #409EFF; }
    color: #1b73a5; }
    .el-tag .el-icon-close::before {
      display: block; }
    .el-tag .el-icon-close:hover {
      background-color: #409EFF;
      background-color: #1b73a5;
      color: #fff; }
  .el-tag--info {
    background-color: rgba(144, 147, 153, 0.1);
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
      .el-table th > .cell.highlight {
        color: #409EFF; }
        color: #1b73a5; }
    .el-table th.required > div::before {
      display: inline-block;
      content: "";
      border-top-color: #c0c4cc;
      bottom: 7px; }
  .el-table .ascending .sort-caret.ascending {
    border-bottom-color: #409EFF; }
    border-bottom-color: #1b73a5; }
  .el-table .descending .sort-caret.descending {
    border-top-color: #409EFF; }
    border-top-color: #1b73a5; }
  .el-table .hidden-columns {
    visibility: hidden;
    position: absolute;
  .el-table--striped .el-table__body tr.el-table__row--striped td {
    background: #FAFAFA; }
  .el-table--striped .el-table__body tr.el-table__row--striped.current-row td {
    background-color: #ecf5ff; }
    background-color: #e8f1f6; }
  .el-table__body tr.hover-row > td, .el-table__body tr.hover-row.current-row > td, .el-table__body tr.hover-row.el-table__row--striped > td, .el-table__body tr.hover-row.el-table__row--striped.current-row > td {
    background-color: #ecf5ff; }
    background-color: #e8f1f6; }
  .el-table__body tr.current-row > td {
    background-color: #ecf5ff; }
    background-color: #e8f1f6; }
  .el-table__column-resize-proxy {
    position: absolute;
    left: 200px;

theme/tabs.css

  bottom: 0;
  left: 0;
  height: 2px;
  background-color: #409EFF;
  background-color: #1b73a5;
  z-index: 1;
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: -webkit-transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    -webkit-transform: scale(0.8, 0.8);
    transform: scale(0.8, 0.8); }
  .el-tabs__new-tab:hover {
    color: #409EFF; }
    color: #1b73a5; }
.el-tabs__nav-wrap {
  overflow: hidden;
      background-color: #c0c4cc;
      color: #fff; }
  .el-tabs__item.is-active {
    color: #409EFF; }
    color: #1b73a5; }
  .el-tabs__item:hover {
    color: #409EFF;
    color: #1b73a5;
    cursor: pointer; }
  .el-tabs__item.is-disabled {
    color: #c0c4cc;
    margin: -1px -1px 0;
    color: #909399; }
    .el-tabs--border-card > .el-tabs__header .el-tabs__item.is-active {
      color: #409EFF;
      color: #1b73a5;
      background-color: #fff;
      border-right-color: #dcdfe6;
      border-left-color: #dcdfe6; }
    .el-tabs--border-card > .el-tabs__header .el-tabs__item:not(.is-disabled):hover {
      color: #409EFF; }
      color: #1b73a5; }
    .el-tabs--border-card > .el-tabs__header .el-tabs__item.is-disabled {
      color: #c0c4cc; }

theme/tag.css

/* Break-point
--------------------------*/
.el-tag {
  background-color: rgba(64, 158, 255, 0.1);
  background-color: rgba(27, 115, 165, 0.1);
  display: inline-block;
  padding: 0 10px;
  height: 32px;
  line-height: 30px;
  font-size: 12px;
  color: #409EFF;
  color: #1b73a5;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid rgba(64, 158, 255, 0.2);
  border: 1px solid rgba(27, 115, 165, 0.2);
  white-space: nowrap; }
  .el-tag .el-icon-close {
    border-radius: 50%;
    vertical-align: middle;
    top: -1px;
    right: -5px;
    color: #409EFF; }
    color: #1b73a5; }
    .el-tag .el-icon-close::before {
      display: block; }
    .el-tag .el-icon-close:hover {
      background-color: #409EFF;
      background-color: #1b73a5;
      color: #fff; }
  .el-tag--info {
    background-color: rgba(144, 147, 153, 0.1);

theme/time-picker.css

  line-height: 1; }
.el-range-editor.is-active {
  border-color: #409EFF; }
  border-color: #1b73a5; }
  .el-range-editor.is-active:hover {
    border-color: #409EFF; }
    border-color: #1b73a5; }
.el-range-editor--medium.el-input__inner {
  height: 36px; }
    outline: none;
    cursor: pointer; }
    .el-picker-panel__shortcut:hover {
      color: #409EFF; }
      color: #1b73a5; }
    .el-picker-panel__shortcut.active {
      background-color: #e6f1fe;
      color: #409EFF; }
      color: #1b73a5; }
  .el-picker-panel__btn {
    border: 1px solid #dcdcdc;
    color: #333;
    outline: none;
    margin-top: 8px; }
    .el-picker-panel__icon-btn:hover {
      color: #409EFF; }
      color: #1b73a5; }
    .el-picker-panel__icon-btn.is-disabled {
      color: #bbb; }
      .el-picker-panel__icon-btn.is-disabled:hover {
  line-height: 30px;
  cursor: pointer; }
  .el-time-spinner__arrow:hover {
    color: #409EFF; }
    color: #1b73a5; }
  .el-time-spinner__arrow.el-icon-arrow-up {
    top: 10px; }
  .el-time-spinner__arrow.el-icon-arrow-down {
    color: #303133; }
    .el-time-panel__btn.confirm {
      font-weight: 800;
      color: #409EFF; }
      color: #1b73a5; }
/* Element Chalk Variables */
/* Transition
      border-color: #c0c4cc; }
    .el-textarea__inner:focus {
      outline: none;
      border-color: #409EFF; }
      border-color: #1b73a5; }
  .el-textarea.is-disabled .el-textarea__inner {
    background-color: #f5f7fa;
    border-color: #e4e7ed;
      border-color: #c0c4cc; }
    .el-input__inner:focus {
      outline: none;
      border-color: #409EFF; }
      border-color: #1b73a5; }
  .el-input__suffix {
    position: absolute;
    height: 100%;
    pointer-events: none; }
  .el-input.is-active .el-input__inner {
    outline: none;
    border-color: #409EFF; }
    border-color: #1b73a5; }
  .el-input.is-disabled .el-input__inner {
    background-color: #f5f7fa;
    border-color: #e4e7ed;

theme/time-select.css

  line-height: 1; }
.el-range-editor.is-active {
  border-color: #409EFF; }
  border-color: #1b73a5; }
  .el-range-editor.is-active:hover {
    border-color: #409EFF; }
    border-color: #1b73a5; }
.el-range-editor--medium.el-input__inner {
  height: 36px; }
    outline: none;
    cursor: pointer; }
    .el-picker-panel__shortcut:hover {
      color: #409EFF; }
      color: #1b73a5; }
    .el-picker-panel__shortcut.active {
      background-color: #e6f1fe;
      color: #409EFF; }
      color: #1b73a5; }
  .el-picker-panel__btn {
    border: 1px solid #dcdcdc;
    color: #333;
    outline: none;
    margin-top: 8px; }
    .el-picker-panel__icon-btn:hover {
      color: #409EFF; }
      color: #1b73a5; }
    .el-picker-panel__icon-btn.is-disabled {
      color: #bbb; }
      .el-picker-panel__icon-btn.is-disabled:hover {
    cursor: pointer;
    color: #606266; }
    .el-date-picker__header-label:hover {
      color: #409EFF; }
      color: #1b73a5; }
    .el-date-picker__header-label.active {
      color: #409EFF; }
      color: #1b73a5; }
  .el-date-picker__prev-btn {
    float: left; }
  .el-date-picker__next-btn {
  line-height: 20px; }
.time-select-item.selected:not(.disabled) {
  color: #409EFF;
  color: #1b73a5;
  font-weight: bold; }
.time-select-item.disabled {

theme/transfer.css

      border-color: #c0c4cc; }
    .el-textarea__inner:focus {
      outline: none;
      border-color: #409EFF; }
      border-color: #1b73a5; }
  .el-textarea.is-disabled .el-textarea__inner {
    background-color: #f5f7fa;
    border-color: #e4e7ed;
      border-color: #c0c4cc; }
    .el-input__inner:focus {
      outline: none;
      border-color: #409EFF; }
      border-color: #1b73a5; }
  .el-input__suffix {
    position: absolute;
    height: 100%;
    pointer-events: none; }
  .el-input.is-active .el-input__inner {
    outline: none;
    border-color: #409EFF; }
    border-color: #1b73a5; }
  .el-input.is-disabled .el-input__inner {
    background-color: #f5f7fa;
    border-color: #e4e7ed;
  .el-button.is-round {
    padding: 12px 20px; }
  .el-button:hover, .el-button:focus {
    color: #409EFF;
    border-color: #c6e2ff;
    background-color: #ecf5ff; }
    color: #1b73a5;
    border-color: #bbd5e4;
    background-color: #e8f1f6; }
  .el-button:active {
    color: #3a8ee6;
    border-color: #3a8ee6;
    color: #186895;
    border-color: #186895;
    outline: none; }
  .el-button::-moz-focus-inner {
    border: 0; }
    margin-left: 5px; }
  .el-button.is-plain:hover, .el-button.is-plain:focus {
    background: #fff;
    border-color: #409EFF;
    color: #409EFF; }
    border-color: #1b73a5;
    color: #1b73a5; }
  .el-button.is-plain:active {
    background: #fff;
    border-color: #3a8ee6;
    color: #3a8ee6;
    border-color: #186895;
    color: #186895;
    outline: none; }
  .el-button.is-active {
    color: #3a8ee6;
    border-color: #3a8ee6; }
    color: #186895;
    border-color: #186895; }
  .el-button.is-disabled, .el-button.is-disabled:hover, .el-button.is-disabled:focus {
    color: #c0c4cc;
    cursor: not-allowed;
    padding: 12px; }
  .el-button--primary {
    color: #fff;
    background-color: #409EFF;
    border-color: #409EFF; }
    background-color: #1b73a5;
    border-color: #1b73a5; }
    .el-button--primary:hover, .el-button--primary:focus {
      background: #66b1ff;
      border-color: #66b1ff;
      background: #498fb7;
      border-color: #498fb7;
      color: #fff; }
    .el-button--primary:active {
      background: #3a8ee6;
      border-color: #3a8ee6;
      background: #186895;
      border-color: #186895;
      color: #fff;
      outline: none; }
    .el-button--primary.is-active {
      background: #3a8ee6;
      border-color: #3a8ee6;
      background: #186895;
      border-color: #186895;
      color: #fff; }
    .el-button--primary.is-disabled, .el-button--primary.is-disabled:hover, .el-button--primary.is-disabled:focus, .el-button--primary.is-disabled:active {
      color: #fff;
      background-color: #a0cfff;
      border-color: #a0cfff; }
      background-color: #8db9d2;
      border-color: #8db9d2; }
    .el-button--primary.is-plain {
      color: #409EFF;
      background: #ecf5ff;
      border-color: #b3d8ff; }
      color: #1b73a5;
      background: #e8f1f6;
      border-color: #a4c7db; }
      .el-button--primary.is-plain:hover, .el-button--primary.is-plain:focus {
        background: #409EFF;
        border-color: #409EFF;
        background: #1b73a5;
        border-color: #1b73a5;
        color: #fff; }
      .el-button--primary.is-plain:active {
        background: #3a8ee6;
        border-color: #3a8ee6;
        background: #186895;
        border-color: #186895;
        color: #fff;
        outline: none; }
      .el-button--primary.is-plain.is-disabled, .el-button--primary.is-plain.is-disabled:hover, .el-button--primary.is-plain.is-disabled:focus, .el-button--primary.is-plain.is-disabled:active {
        color: #8cc5ff;
        background-color: #ecf5ff;
        border-color: #d9ecff; }
        color: #76abc9;
        background-color: #e8f1f6;
        border-color: #d1e3ed; }
  .el-button--success {
    color: #fff;
    background-color: #67c23a;
      padding: 7px; }
  .el-button--text {
    border-color: transparent;
    color: #409EFF;
    color: #1b73a5;
    background: transparent;
    padding-left: 0;
    padding-right: 0; }
    .el-button--text:hover, .el-button--text:focus {
      color: #66b1ff;
      color: #498fb7;
      border-color: transparent;
      background-color: transparent; }
    .el-button--text:active {
      color: #3a8ee6;
      color: #186895;
      border-color: transparent;
      background-color: transparent; }
    .el-button--text.is-disabled, .el-button--text.is-disabled:hover, .el-button--text.is-disabled:focus {
    line-height: normal;
    height: 40px; }
    .el-checkbox.is-bordered.is-checked {
      border-color: #409EFF; }
      border-color: #1b73a5; }
    .el-checkbox.is-bordered.is-disabled {
      border-color: #ebeef5;
      cursor: not-allowed; }
      color: #c0c4cc;
      cursor: not-allowed; }
    .el-checkbox__input.is-checked .el-checkbox__inner {
      background-color: #409EFF;
      border-color: #409EFF; }
      background-color: #1b73a5;
      border-color: #1b73a5; }
      .el-checkbox__input.is-checked .el-checkbox__inner::after {
        -webkit-transform: rotate(45deg) scaleY(1);
        transform: rotate(45deg) scaleY(1); }
    .el-checkbox__input.is-checked + .el-checkbox__label {
      color: #409EFF; }
      color: #1b73a5; }
    .el-checkbox__input.is-focus {
      /*focus时 视觉上区分*/ }
      .el-checkbox__input.is-focus .el-checkbox__inner {
        border-color: #409EFF; }
        border-color: #1b73a5; }
    .el-checkbox__input.is-indeterminate .el-checkbox__inner {
      background-color: #409EFF;
      border-color: #409EFF; }
      background-color: #1b73a5;
      border-color: #1b73a5; }
      .el-checkbox__input.is-indeterminate .el-checkbox__inner::before {
        content: '';
        position: absolute;
    -webkit-transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46);
    transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46); }
    .el-checkbox__inner:hover {
      border-color: #409EFF; }
      border-color: #1b73a5; }
    .el-checkbox__inner::after {
      -webkit-box-sizing: content-box;
      box-sizing: content-box;
    .el-checkbox-button__inner.is-round {
      padding: 12px 20px; }
    .el-checkbox-button__inner:hover {
      color: #409EFF; }
      color: #1b73a5; }
    .el-checkbox-button__inner [class*="el-icon-"] {
      line-height: 0.9; }
      .el-checkbox-button__inner [class*="el-icon-"] + span {
    z-index: -1; }
  .el-checkbox-button.is-checked .el-checkbox-button__inner {
    color: #fff;
    background-color: #409EFF;
    border-color: #409EFF;
    -webkit-box-shadow: -1px 0 0 0 #8cc5ff;
    box-shadow: -1px 0 0 0 #8cc5ff; }
    background-color: #1b73a5;
    border-color: #1b73a5;
    -webkit-box-shadow: -1px 0 0 0 #76abc9;
    box-shadow: -1px 0 0 0 #76abc9; }
  .el-checkbox-button.is-checked:first-child .el-checkbox-button__inner {
    border-left-color: #409EFF; }
    border-left-color: #1b73a5; }
  .el-checkbox-button.is-disabled .el-checkbox-button__inner {
    color: #c0c4cc;
    cursor: not-allowed;
    -webkit-box-shadow: none !important;
    box-shadow: none !important; }
  .el-checkbox-button.is-focus .el-checkbox-button__inner {
    border-color: #409EFF; }
    border-color: #1b73a5; }
  .el-checkbox-button:last-child .el-checkbox-button__inner {
    border-radius: 0 4px 4px 0; }
  .el-checkbox-button--medium .el-checkbox-button__inner {
    padding: 10px;
    border-radius: 50%;
    color: #fff;
    background-color: #409EFF;
    background-color: #1b73a5;
    font-size: 0; }
    .el-transfer__button.is-with-texts {
      border-radius: 4px; }
    .el-transfer-panel__item.el-checkbox {
      color: #606266; }
    .el-transfer-panel__item:hover {
      color: #409EFF; }
      color: #1b73a5; }
    .el-transfer-panel__item.el-checkbox .el-checkbox__label {
      width: 100%;
      overflow: hidden;

theme/tree.css

    line-height: normal;
    height: 40px; }
    .el-checkbox.is-bordered.is-checked {
      border-color: #409EFF; }
      border-color: #1b73a5; }
    .el-checkbox.is-bordered.is-disabled {
      border-color: #ebeef5;
      cursor: not-allowed; }
      color: #c0c4cc;
      cursor: not-allowed; }
    .el-checkbox__input.is-checked .el-checkbox__inner {
      background-color: #409EFF;
      border-color: #409EFF; }
      background-color: #1b73a5;
      border-color: #1b73a5; }
      .el-checkbox__input.is-checked .el-checkbox__inner::after {
        -webkit-transform: rotate(45deg) scaleY(1);
        transform: rotate(45deg) scaleY(1); }
    .el-checkbox__input.is-checked + .el-checkbox__label {
      color: #409EFF; }
      color: #1b73a5; }
    .el-checkbox__input.is-focus {
      /*focus时 视觉上区分*/ }
      .el-checkbox__input.is-focus .el-checkbox__inner {
        border-color: #409EFF; }
        border-color: #1b73a5; }
    .el-checkbox__input.is-indeterminate .el-checkbox__inner {
      background-color: #409EFF;
      border-color: #409EFF; }
      background-color: #1b73a5;
      border-color: #1b73a5; }
      .el-checkbox__input.is-indeterminate .el-checkbox__inner::before {
        content: '';
        position: absolute;
    -webkit-transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46);
    transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46); }
    .el-checkbox__inner:hover {
      border-color: #409EFF; }
      border-color: #1b73a5; }
    .el-checkbox__inner::after {
      -webkit-box-sizing: content-box;
      box-sizing: content-box;
    .el-checkbox-button__inner.is-round {
      padding: 12px 20px; }
    .el-checkbox-button__inner:hover {
      color: #409EFF; }
      color: #1b73a5; }
    .el-checkbox-button__inner [class*="el-icon-"] {
      line-height: 0.9; }
      .el-checkbox-button__inner [class*="el-icon-"] + span {
    z-index: -1; }
  .el-checkbox-button.is-checked .el-checkbox-button__inner {
    color: #fff;
    background-color: #409EFF;
    border-color: #409EFF;
    -webkit-box-shadow: -1px 0 0 0 #8cc5ff;
    box-shadow: -1px 0 0 0 #8cc5ff; }
    background-color: #1b73a5;
    border-color: #1b73a5;
    -webkit-box-shadow: -1px 0 0 0 #76abc9;
    box-shadow: -1px 0 0 0 #76abc9; }
  .el-checkbox-button.is-checked:first-child .el-checkbox-button__inner {
    border-left-color: #409EFF; }
    border-left-color: #1b73a5; }
  .el-checkbox-button.is-disabled .el-checkbox-button__inner {
    color: #c0c4cc;
    cursor: not-allowed;
    -webkit-box-shadow: none !important;
    box-shadow: none !important; }
  .el-checkbox-button.is-focus .el-checkbox-button__inner {
    border-color: #409EFF; }
    border-color: #1b73a5; }
  .el-checkbox-button:last-child .el-checkbox-button__inner {
    border-radius: 0 4px 4px 0; }
  .el-checkbox-button--medium .el-checkbox-button__inner {
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #6f7180; }
    color: #5d5c53; }
  .el-tree__drop-indicator {
    position: absolute;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #409EFF; }
    background-color: #1b73a5; }
.el-tree-node {
  white-space: nowrap;
    .el-tree-node:focus > .el-tree-node__content {
      background-color: #f5f7fa; }
  .el-tree-node.is-drop-inner > .el-tree-node__content .el-tree-node__label {
    background-color: #409EFF;
    background-color: #1b73a5;
    color: #fff; }
  .el-tree-node__content {
    display: -webkit-box;
    display: block; }
.el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
  background-color: #f0f7ff; }
  background-color: #edf4f8; }

theme/upload.css

    left: 0;
    top: 0;
    height: 100%;
    background-color: #409EFF;
    background-color: #1b73a5;
    text-align: right;
    border-radius: 100px;
    line-height: 1;
      font-size: 28px;
      color: #8c939d; }
    .el-upload--picture-card:hover {
      border-color: #409EFF;
      color: #409EFF; }
      border-color: #1b73a5;
      color: #1b73a5; }
  .el-upload:focus {
    border-color: #409EFF;
    color: #409EFF; }
    border-color: #1b73a5;
    color: #1b73a5; }
    .el-upload:focus .el-upload-dragger {
      border-color: #409EFF; }
      border-color: #1b73a5; }
.el-upload-dragger {
  background-color: #fff;
    font-size: 14px;
    text-align: center; }
    .el-upload-dragger .el-upload__text em {
      color: #409EFF;
      color: #1b73a5;
      font-style: normal; }
  .el-upload-dragger:hover {
    border-color: #409EFF; }
    border-color: #1b73a5; }
  .el-upload-dragger.is-dragover {
    background-color: rgba(32, 159, 255, 0.06);
    border: 2px dashed #409EFF; }
    border: 2px dashed #1b73a5; }
.el-upload-list {
  margin: 0;
      font-size: 12px;
      cursor: pointer;
      opacity: 1;
      color: #409EFF; }
      color: #1b73a5; }
    .el-upload-list__item:hover {
      background-color: #f5f7fa; }
      .el-upload-list__item:hover .el-icon-close {
    .el-upload-list__item.is-success .el-upload-list__item-status-label {
      display: block; }
    .el-upload-list__item.is-success .el-upload-list__item-name:hover, .el-upload-list__item.is-success .el-upload-list__item-name:focus {
      color: #409EFF;
      color: #1b73a5;
      cursor: pointer; }
    .el-upload-list__item.is-success:focus:not(:hover) {
      /* 键盘focus */ }
    color: #606266;
    display: none; }
    .el-upload-list__item-delete:hover {
      color: #409EFF; }
      color: #1b73a5; }
  .el-upload-list--picture-card {
    margin: 0;
    display: inline;