/*font*/
/*size*/
/*icon*/
/*color*/
/*input/radio/checkbox*/
/*popup*/
/*table*/
/*filter*/
/*menu*/
/*loading*/
/*validate*/
/*grid*/
/*toolbar*/
/*tooltip*/
/*pager*/
/*modal*/
/*checkbox*/
/*radio*/
/*button*/
/*input*/
/*textarea*/
/*form*/
/*select*/
/*switch*/
/*pulldown*/
.vxe-button {
  position: relative;
  text-align: center;
  background-color: #fff;
  outline: 0;
  font-size: 14px;
  max-width: 500px;
  line-height: 1.5;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  white-space: nowrap;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  transition: border 0.2s ease-in-out; }
  .vxe-button:not(.is--disabled) {
    color: #606266;
    cursor: pointer; }
    .vxe-button:not(.is--disabled) .vxe-button--icon.vxe-icon--zoomin {
      border-color: #606266; }
  .vxe-button.is--loading {
    cursor: progress; }
    .vxe-button.is--loading:before {
      content: "";
      position: absolute;
      left: -1px;
      top: -1px;
      right: -1px;
      bottom: -1px;
      border-radius: inherit;
      background-color: rgba(255, 255, 255, 0.35);
      pointer-events: none; }
  .vxe-button.is--disabled {
    color: #BFBFBF; }
    .vxe-button.is--disabled .vxe-button--icon.vxe-icon--zoomin {
      border-color: #BFBFBF; }
    .vxe-button.is--disabled:not(.is--loading) {
      cursor: no-drop; }
  .vxe-button.type--text {
    text-decoration: none;
    border: 0;
    padding: 0.1em 0.5em;
    background-color: transparent; }
    .vxe-button.type--text:not(.is--disabled):focus {
      box-shadow: 0 0 0.25em 0 #409eff; }
    .vxe-button.type--text:not(.is--disabled):hover {
      color: #73b8ff; }
    .vxe-button.type--text.theme--primary {
      color: #409eff; }
      .vxe-button.type--text.theme--primary:not(.is--disabled):hover {
        color: #73b8ff; }
      .vxe-button.type--text.theme--primary.is--disabled {
        color: #a6d2ff; }
    .vxe-button.type--text.theme--success {
      color: #8ccc63; }
      .vxe-button.type--text.theme--success:not(.is--disabled):hover {
        color: #a8d989; }
      .vxe-button.type--text.theme--success.is--disabled {
        color: #c5e5b0; }
    .vxe-button.type--text.theme--info {
      color: #1237b3; }
      .vxe-button.type--text.theme--info:not(.is--disabled):hover {
        color: #1745e1; }
      .vxe-button.type--text.theme--info.is--disabled {
        color: #3f67ec; }
    .vxe-button.type--text.theme--warning {
      color: #f8d03a; }
      .vxe-button.type--text.theme--warning:not(.is--disabled):hover {
        color: #fadc6b; }
      .vxe-button.type--text.theme--warning.is--disabled {
        color: #fce89d; }
    .vxe-button.type--text.theme--danger {
      color: #ff744f; }
      .vxe-button.type--text.theme--danger:not(.is--disabled):hover {
        color: #ff9c82; }
      .vxe-button.type--text.theme--danger.is--disabled {
        color: #ffc5b5; }
    .vxe-button.type--text.theme--perfect {
      color: #f8f8f9; }
      .vxe-button.type--text.theme--perfect:not(.is--disabled):hover {
        color: white; }
      .vxe-button.type--text.theme--perfect.is--disabled {
        color: white; }
  .vxe-button.type--button {
    font-family: inherit;
    height: 34px;
    line-height: 1;
    border: 1px solid #dcdfe6; }
    .vxe-button.type--button.is--round {
      border-radius: 17px; }
    .vxe-button.type--button:not(.is--round) {
      border-radius: 4px; }
    .vxe-button.type--button.is--circle {
      padding: 0 0.5em;
      min-width: 34px;
      border-radius: 50%; }
    .vxe-button.type--button:not(.is--circle) {
      padding: 0 1em; }
    .vxe-button.type--button:not(.is--disabled):hover {
      color: #5faeff; }
      .vxe-button.type--button:not(.is--disabled):hover .vxe-button--icon.vxe-icon--zoomin {
        border-color: #5faeff; }
    .vxe-button.type--button:not(.is--disabled):focus {
      border-color: #409eff;
      box-shadow: 0 0 0.25em 0 #409eff; }
    .vxe-button.type--button:not(.is--disabled):active {
      color: #3196ff;
      border-color: #3196ff;
      background-color: #f7f7f7; }
      .vxe-button.type--button:not(.is--disabled):active .vxe-button--icon.vxe-icon--zoomin {
        background-color: #f7f7f7; }
      .vxe-button.type--button:not(.is--disabled):active .vxe-button--icon.vxe-icon--zoomout:after {
        background-color: #f7f7f7; }
    .vxe-button.type--button.theme--primary {
      color: #fff; }
      .vxe-button.type--button.theme--primary .vxe-button--icon.vxe-icon--zoomin {
        border-color: #fff; }
      .vxe-button.type--button.theme--primary:not(.is--disabled) {
        border-color: #409eff;
        background-color: #409eff; }
        .vxe-button.type--button.theme--primary:not(.is--disabled):hover {
          color: #fff;
          background-color: #5faeff;
          border-color: #5faeff; }
          .vxe-button.type--button.theme--primary:not(.is--disabled):hover .vxe-button--icon.vxe-icon--zoomin {
            border-color: #5faeff; }
        .vxe-button.type--button.theme--primary:not(.is--disabled):active {
          color: #fff;
          background-color: #3196ff;
          border-color: #3196ff; }
          .vxe-button.type--button.theme--primary:not(.is--disabled):active.vxe-icon--zoomin {
            background-color: #3196ff; }
          .vxe-button.type--button.theme--primary:not(.is--disabled):active.vxe-icon--zoomout:after {
            background-color: #3196ff; }
      .vxe-button.type--button.theme--primary.is--disabled {
        border-color: #a6d2ff;
        background-color: #a6d2ff; }
      .vxe-button.type--button.theme--primary.is--loading {
        border-color: #409eff;
        background-color: #409eff; }
    .vxe-button.type--button.theme--success {
      color: #fff; }
      .vxe-button.type--button.theme--success .vxe-button--icon.vxe-icon--zoomin {
        border-color: #fff; }
      .vxe-button.type--button.theme--success:not(.is--disabled) {
        border-color: #8ccc63;
        background-color: #8ccc63; }
        .vxe-button.type--button.theme--success:not(.is--disabled):hover {
          color: #fff;
          background-color: #9dd47a;
          border-color: #9dd47a; }
          .vxe-button.type--button.theme--success:not(.is--disabled):hover .vxe-button--icon.vxe-icon--zoomin {
            border-color: #9dd47a; }
        .vxe-button.type--button.theme--success:not(.is--disabled):active {
          color: #fff;
          background-color: #84c857;
          border-color: #84c857; }
          .vxe-button.type--button.theme--success:not(.is--disabled):active.vxe-icon--zoomin {
            background-color: #84c857; }
          .vxe-button.type--button.theme--success:not(.is--disabled):active.vxe-icon--zoomout:after {
            background-color: #84c857; }
      .vxe-button.type--button.theme--success.is--disabled {
        border-color: #c5e5b0;
        background-color: #c5e5b0; }
      .vxe-button.type--button.theme--success.is--loading {
        border-color: #8ccc63;
        background-color: #8ccc63; }
    .vxe-button.type--button.theme--info {
      color: #fff; }
      .vxe-button.type--button.theme--info .vxe-button--icon.vxe-icon--zoomin {
        border-color: #fff; }
      .vxe-button.type--button.theme--info:not(.is--disabled) {
        border-color: #1237b3;
        background-color: #1237b3; }
        .vxe-button.type--button.theme--info:not(.is--disabled):hover {
          color: #fff;
          background-color: #1540cf;
          border-color: #1540cf; }
          .vxe-button.type--button.theme--info:not(.is--disabled):hover .vxe-button--icon.vxe-icon--zoomin {
            border-color: #1540cf; }
        .vxe-button.type--button.theme--info:not(.is--disabled):active {
          color: #fff;
          background-color: #1133a5;
          border-color: #1133a5; }
          .vxe-button.type--button.theme--info:not(.is--disabled):active.vxe-icon--zoomin {
            background-color: #1133a5; }
          .vxe-button.type--button.theme--info:not(.is--disabled):active.vxe-icon--zoomout:after {
            background-color: #1133a5; }
      .vxe-button.type--button.theme--info.is--disabled {
        border-color: #3f67ec;
        background-color: #3f67ec; }
      .vxe-button.type--button.theme--info.is--loading {
        border-color: #1237b3;
        background-color: #1237b3; }
    .vxe-button.type--button.theme--warning {
      color: #fff; }
      .vxe-button.type--button.theme--warning .vxe-button--icon.vxe-icon--zoomin {
        border-color: #fff; }
      .vxe-button.type--button.theme--warning:not(.is--disabled) {
        border-color: #f8d03a;
        background-color: #f8d03a; }
        .vxe-button.type--button.theme--warning:not(.is--disabled):hover {
          color: #fff;
          background-color: #f9d758;
          border-color: #f9d758; }
          .vxe-button.type--button.theme--warning:not(.is--disabled):hover .vxe-button--icon.vxe-icon--zoomin {
            border-color: #f9d758; }
        .vxe-button.type--button.theme--warning:not(.is--disabled):active {
          color: #fff;
          background-color: #f7cc2b;
          border-color: #f7cc2b; }
          .vxe-button.type--button.theme--warning:not(.is--disabled):active.vxe-icon--zoomin {
            background-color: #f7cc2b; }
          .vxe-button.type--button.theme--warning:not(.is--disabled):active.vxe-icon--zoomout:after {
            background-color: #f7cc2b; }
      .vxe-button.type--button.theme--warning.is--disabled {
        border-color: #fce89d;
        background-color: #fce89d; }
      .vxe-button.type--button.theme--warning.is--loading {
        border-color: #f8d03a;
        background-color: #f8d03a; }
    .vxe-button.type--button.theme--danger {
      color: #fff; }
      .vxe-button.type--button.theme--danger .vxe-button--icon.vxe-icon--zoomin {
        border-color: #fff; }
      .vxe-button.type--button.theme--danger:not(.is--disabled) {
        border-color: #ff744f;
        background-color: #ff744f; }
        .vxe-button.type--button.theme--danger:not(.is--disabled):hover {
          color: #fff;
          background-color: #ff8c6e;
          border-color: #ff8c6e; }
          .vxe-button.type--button.theme--danger:not(.is--disabled):hover .vxe-button--icon.vxe-icon--zoomin {
            border-color: #ff8c6e; }
        .vxe-button.type--button.theme--danger:not(.is--disabled):active {
          color: #fff;
          background-color: #ff6840;
          border-color: #ff6840; }
          .vxe-button.type--button.theme--danger:not(.is--disabled):active.vxe-icon--zoomin {
            background-color: #ff6840; }
          .vxe-button.type--button.theme--danger:not(.is--disabled):active.vxe-icon--zoomout:after {
            background-color: #ff6840; }
      .vxe-button.type--button.theme--danger.is--disabled {
        border-color: #ffc5b5;
        background-color: #ffc5b5; }
      .vxe-button.type--button.theme--danger.is--loading {
        border-color: #ff744f;
        background-color: #ff744f; }
    .vxe-button.type--button.theme--perfect {
      color: #606266; }
      .vxe-button.type--button.theme--perfect .vxe-button--icon.vxe-icon--zoomin {
        border-color: #606266; }
      .vxe-button.type--button.theme--perfect:not(.is--disabled) {
        border-color: #f8f8f9;
        background-color: #f8f8f9; }
        .vxe-button.type--button.theme--perfect:not(.is--disabled):hover {
          color: #606266;
          background-color: white;
          border-color: white; }
          .vxe-button.type--button.theme--perfect:not(.is--disabled):hover .vxe-button--icon.vxe-icon--zoomin {
            border-color: white; }
        .vxe-button.type--button.theme--perfect:not(.is--disabled):active {
          color: #606266;
          background-color: #f0f0f2;
          border-color: #f0f0f2; }
          .vxe-button.type--button.theme--perfect:not(.is--disabled):active.vxe-icon--zoomin {
            background-color: #f0f0f2; }
          .vxe-button.type--button.theme--perfect:not(.is--disabled):active.vxe-icon--zoomout:after {
            background-color: #f0f0f2; }
      .vxe-button.type--button.theme--perfect.is--disabled {
        border-color: white;
        background-color: white; }
      .vxe-button.type--button.theme--perfect.is--loading {
        border-color: #f8f8f9;
        background-color: #f8f8f9; }
  .vxe-button.size--medium {
    font-size: 14px; }
    .vxe-button.size--medium.type--button {
      height: 32px; }
      .vxe-button.size--medium.type--button.is--circle {
        min-width: 32px; }
      .vxe-button.size--medium.type--button.is--round {
        border-radius: 16px; }
    .vxe-button.size--medium .vxe-button--loading-icon,
    .vxe-button.size--medium .vxe-button--icon {
      min-width: 14px; }
  .vxe-button.size--small {
    font-size: 13px; }
    .vxe-button.size--small.type--button {
      height: 30px; }
      .vxe-button.size--small.type--button.is--circle {
        min-width: 30px; }
      .vxe-button.size--small.type--button.is--round {
        border-radius: 15px; }
    .vxe-button.size--small .vxe-button--loading-icon,
    .vxe-button.size--small .vxe-button--icon {
      min-width: 13px; }
  .vxe-button.size--mini {
    font-size: 12px; }
    .vxe-button.size--mini.type--button {
      height: 28px; }
      .vxe-button.size--mini.type--button.is--circle {
        min-width: 28px; }
      .vxe-button.size--mini.type--button.is--round {
        border-radius: 14px; }
    .vxe-button.size--mini .vxe-button--loading-icon,
    .vxe-button.size--mini .vxe-button--icon {
      min-width: 12px; }

.vxe-input + .vxe-button,
.vxe-input + .vxe-button--dropdown,
.vxe-button + .vxe-button,
.vxe-button + .vxe-button--dropdown {
  margin-left: 12px; }

.vxe-button--loading-icon,
.vxe-button--icon {
  min-width: 14px; }
  .vxe-button--loading-icon + .vxe-button--content,
  .vxe-button--icon + .vxe-button--content {
    margin-left: 4px; }

.vxe-button--wrapper,
.vxe-button--dropdown {
  display: inline-block; }

.vxe-button--dropdown {
  position: relative; }
  .vxe-button--dropdown + .vxe-button,
  .vxe-button--dropdown + .vxe-button--dropdown {
    margin-left: 12px; }
  .vxe-button--dropdown > .vxe-button.type--button.theme--primary {
    color: #fff; }
  .vxe-button--dropdown > .vxe-button.type--button.theme--success {
    color: #fff; }
  .vxe-button--dropdown > .vxe-button.type--button.theme--info {
    color: #fff; }
  .vxe-button--dropdown > .vxe-button.type--button.theme--warning {
    color: #fff; }
  .vxe-button--dropdown > .vxe-button.type--button.theme--danger {
    color: #fff; }
  .vxe-button--dropdown > .vxe-button.type--button.theme--perfect {
    color: #606266; }
  .vxe-button--dropdown.is--active > .vxe-button:not(.is--disabled) {
    color: #5faeff; }
  .vxe-button--dropdown.is--active > .vxe-button.type--text.theme--primary {
    color: #73b8ff; }
  .vxe-button--dropdown.is--active > .vxe-button.type--text.theme--success {
    color: #a8d989; }
  .vxe-button--dropdown.is--active > .vxe-button.type--text.theme--info {
    color: #1745e1; }
  .vxe-button--dropdown.is--active > .vxe-button.type--text.theme--warning {
    color: #fadc6b; }
  .vxe-button--dropdown.is--active > .vxe-button.type--text.theme--danger {
    color: #ff9c82; }
  .vxe-button--dropdown.is--active > .vxe-button.type--text.theme--perfect {
    color: white; }
  .vxe-button--dropdown.is--active > .vxe-button.type--button.theme--primary {
    color: #fff;
    background-color: #5faeff;
    border-color: #5faeff; }
  .vxe-button--dropdown.is--active > .vxe-button.type--button.theme--success {
    color: #fff;
    background-color: #9dd47a;
    border-color: #9dd47a; }
  .vxe-button--dropdown.is--active > .vxe-button.type--button.theme--info {
    color: #fff;
    background-color: #1540cf;
    border-color: #1540cf; }
  .vxe-button--dropdown.is--active > .vxe-button.type--button.theme--warning {
    color: #fff;
    background-color: #f9d758;
    border-color: #f9d758; }
  .vxe-button--dropdown.is--active > .vxe-button.type--button.theme--danger {
    color: #fff;
    background-color: #ff8c6e;
    border-color: #ff8c6e; }
  .vxe-button--dropdown.is--active > .vxe-button.type--button.theme--perfect {
    color: #606266;
    background-color: white;
    border-color: white; }
  .vxe-button--dropdown.is--active .vxe-button--dropdown-arrow {
    transform: rotate(180deg); }

.vxe-button--dropdown-arrow {
  font-size: 12px;
  margin-left: 4px;
  transition: transform 0.2s ease-in-out; }

.vxe-button--dropdown-panel {
  display: none;
  position: absolute;
  right: 0;
  padding: 4px 0; }
  .vxe-button--dropdown-panel.animat--leave {
    display: block;
    opacity: 0;
    transform: scaleY(0.5);
    transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    transform-origin: center top;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    transform-style: preserve-3d; }
    .vxe-button--dropdown-panel.animat--leave[placement="top"] {
      transform-origin: center bottom; }
  .vxe-button--dropdown-panel.animat--enter {
    opacity: 1;
    transform: scaleY(1); }

.vxe-button--dropdown-wrapper {
  padding: 5px;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #dcdfe6;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2); }
  .vxe-button--dropdown-wrapper > .vxe-button {
    margin-left: 0;
    margin-top: 0.4em;
    display: block;
    width: 100%;
    border: 0; }
    .vxe-button--dropdown-wrapper > .vxe-button.type--text {
      padding: 2px 8px; }
    .vxe-button--dropdown-wrapper > .vxe-button:first-child {
      margin-top: 0; }
    .vxe-button--dropdown-wrapper > .vxe-button:last-child {
      margin-bottom: 0; }