.mx{
  &-pull-refresh {
    width: 100%;
    height: 100%;
    overflow: hidden;
  
    &-container {
      width: 100%;
      height: 100%;
  
      position: relative;
  
      transition: all $duration $time-function;
  
      .mx-pull-refresh-info {
        position: absolute;
        left: 0;
        right: 0;
  
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
  
        font-size: 12px;
        color: rgba(188, 188, 188, 1);

        top: 0;
        transform: translateY(-100%);
      }
  
      .mx-pull-refresh-viewer {
        width: 100%;
        height: 100%;
        overflow: auto;
  
        &::-webkit-scrollbar {
          width: 0;
          height: 0;
          color: transparent;
        }
      }
    }
  }
}