// ==================================================================
// Loading
// ==================================================================
.#{$prefix}loading {
  position  : relative;
  min-height: 60px;
  &-inner {
    background: #fff;
    color     : #333;
    font-size : 16px;
    text-align: center;
    position  : absolute;
    top       : 0;
    bottom    : 0;
    left      : 0;
    width     : 100%;
    opacity   : 1;
    transition: all ease-out 0.3s;
    box-shadow: inset 0 0 5px rgba(#000, .5);
    span {
      text-align : center;
      position   : absolute;
      top        : 50%;
      left       : 0;
      margin-top : -20px;
      height     : 40px;
      line-height: 40px;
      width      : 100%;
      img {
        height        : 40px;
        vertical-align: middle;
        margin-right  : 10px;
        margin-top    : -5px;
      }
    }
  }
  &-pre-hide {
    opacity: 0;
  }
}