@charset "UTF-8";
/**
 *
 * 五个等级颜色
 * 第一等级：表单元素里 字 的颜色
 * 第二等级：
 * 第三等级：表单元素边框颜色，如输入框、下拉框的border颜色
 * 第四等级：表单元素placeholder颜色
 * 第五等级：
 *
 */
/**
 * z-index
 */
.lanaya-button {
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border: none;
  padding: 6px 12px;
  border-radius: 3px;
  cursor: pointer;
  outline: none; }
  .lanaya-button--primary {
    background-color: #409eff;
    color: #fff;
    border: 1px solid #409eff; }
    .lanaya-button--primary:hover {
      background-color: #5aabff;
      border: 1px solid #5aabff; }
    .lanaya-button--primary.is-outline {
      border: 1px solid #409eff;
      color: #409eff;
      background-color: #fff; }
      .lanaya-button--primary.is-outline:hover {
        background-color: #409eff;
        color: #fff; }
  .lanaya-button--info {
    background-color: #909399;
    color: #fff;
    border: 1px solid #909399; }
    .lanaya-button--info:hover {
      background-color: #9da0a5;
      border: 1px solid #9da0a5; }
    .lanaya-button--info.is-outline {
      border: 1px solid #909399;
      color: #909399;
      background-color: #fff; }
      .lanaya-button--info.is-outline:hover {
        background-color: #909399;
        color: #fff; }
  .lanaya-button--success {
    background-color: #67c23a;
    color: #fff;
    border: 1px solid #67c23a; }
    .lanaya-button--success:hover {
      background-color: #76c94c;
      border: 1px solid #76c94c; }
    .lanaya-button--success.is-outline {
      border: 1px solid #67c23a;
      color: #67c23a;
      background-color: #fff; }
      .lanaya-button--success.is-outline:hover {
        background-color: #67c23a;
        color: #fff; }
  .lanaya-button--danger {
    background-color: #e65251;
    color: #fff;
    border: 1px solid #e65251; }
    .lanaya-button--danger:hover {
      background-color: #e96867;
      border: 1px solid #e96867; }
    .lanaya-button--danger.is-outline {
      border: 1px solid #e65251;
      color: #e65251;
      background-color: #fff; }
      .lanaya-button--danger.is-outline:hover {
        background-color: #e65251;
        color: #fff; }
  .lanaya-button--warning {
    background-color: #e6a23c;
    color: #fff;
    border: 1px solid #e6a23c; }
    .lanaya-button--warning:hover {
      background-color: #e9ad53;
      border: 1px solid #e9ad53; }
    .lanaya-button--warning.is-outline {
      border: 1px solid #e6a23c;
      color: #e6a23c;
      background-color: #fff; }
      .lanaya-button--warning.is-outline:hover {
        background-color: #e6a23c;
        color: #fff; }
  .lanaya-button--xsmall {
    padding: 2px 4px; }
  .lanaya-button--small {
    padding: 4px 8px; }
  .lanaya-button--normal {
    padding: 6px 12px; }
  .lanaya-button--large {
    padding: 8px 16px; }
  .lanaya-button--xlarge {
    padding: 10px 20px; }
  .lanaya-button--disabled {
    opacity: .65;
    cursor: not-allowed; }

.lanaya-button-group {
  letter-spacing: -1000px; }
  .lanaya-button-group .lanaya-button {
    border-radius: 0; }
    .lanaya-button-group .lanaya-button.is-outline:not(:first-child) {
      border-left: none; }
    .lanaya-button-group .lanaya-button:not(:first-child) {
      border-left: 1px solid #fff; }
    .lanaya-button-group .lanaya-button:first-child {
      border-bottom-left-radius: 3px;
      border-top-left-radius: 3px; }
    .lanaya-button-group .lanaya-button:last-child {
      border-bottom-right-radius: 3px;
      border-top-right-radius: 3px; }