@charset "UTF-8";
/**
 *
 * 五个等级颜色
 * 第一等级：表单元素里 字 的颜色
 * 第二等级：
 * 第三等级：表单元素边框颜色，如输入框、下拉框的border颜色
 * 第四等级：表单元素placeholder颜色
 * 第五等级：
 *
 */
/**
 * z-index
 */
.lanaya-table {
  width: 100%; }
  .lanaya-table__head {
    background: #eee; }
    .lanaya-table__head__row__cell {
      padding: 8px 5px;
      text-align: left;
      border-bottom: 1px solid #bbb;
      border-top: 1px solid #bbb; }
      .lanaya-table__head__row__cell:first-child {
        border-left: 1px solid #bbb; }
      .lanaya-table__head__row__cell:last-child {
        border-right: 1px solid #bbb; }
    .lanaya-table__head__row__checkbox {
      width: 30px;
      border-bottom: 1px solid #bbb;
      border-top: 1px solid #bbb;
      border-left: 1px solid #bbb; }
  .lanaya-table__body__row:hover {
    background: #eee; }
  .lanaya-table__body__row__checkbox {
    width: 30px;
    text-align: center;
    border-left: 1px solid #bbb;
    border-bottom: 1px solid #bbb; }
  .lanaya-table__body__row__cell {
    padding: 5px;
    border-bottom: 1px solid #bbb; }
    .lanaya-table__body__row__cell:first-child {
      border-left: 1px solid #bbb; }
    .lanaya-table__body__row__cell:last-child {
      border-right: 1px solid #bbb; }
  .lanaya-table__foot__row__cell__pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 5px 0 0 0; }
    .lanaya-table__foot__row__cell__pagination__size {
      width: 100px; }
    .lanaya-table__foot__row__cell__pagination__page {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin: 0; }
      .lanaya-table__foot__row__cell__pagination__page__item {
        list-style: none;
        padding: 5px 15px;
        cursor: pointer;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
        .lanaya-table__foot__row__cell__pagination__page__item:hover {
          background: #eee; }
    .lanaya-table__foot__row__cell__pagination__info {
      text-align: center; }

.lanaya-table-box {
  width: 100%;
  position: relative; }
  .lanaya-table-box__loading {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #ffffffe6; }
    .lanaya-table-box__loading__icon {
      width: 50px;
      height: 50px;
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translateX(-50%) translateY(-50%);
              transform: translateX(-50%) translateY(-50%);
      border-radius: 30px;
      border-left: 3px solid #308ee0;
      border-right: 3px solid;
      border-top: 3px solid;
      border-bottom: 3px solid;
      border-right-color: #eee;
      border-top-color: #eee;
      border-bottom-color: #eee;
      -webkit-animation: lanaya-table-box__loading__icon 5s infinite linear;
              animation: lanaya-table-box__loading__icon 5s infinite linear; }

@-webkit-keyframes lanaya-table-box__loading__icon {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
  75% {
    -webkit-transform: rotate(270deg);
            transform: rotate(270deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes lanaya-table-box__loading__icon {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  50% {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
  75% {
    -webkit-transform: rotate(270deg);
            transform: rotate(270deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }