/*--============================---
 *  基础组件 -- 上下拉刷新样式
 *  loke 2018-08-27 10:19:44
 *--==============================*/
.sui-pullload {
    height: 150px;
    background: #fff;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    .pull-text {
        display: flex;
        align-items: center;
        justify-content: center;
        touch-action: none;
        font-size: 12px;
        >span>i {
            font-size: 12px;
            margin-right: 5px;
        }
    }
    .pull-header {
        background: rgba(0,0,0,.6);
        color: #fff;
    }
    .pull-load {
        height: 32px;
        background: rgba(0,0,0,.1);
        color: #666;
        >span>i {
            display: inline-block;
            -moz-animation:rotate 1s infinite linear;
            -webkit-animation:rotate 1s infinite linear;
            animation:rotate 1s infinite linear;
        }
    }
    .pull-loaded {
        height: 32px;
        background: rgba(0,0,0,.05);
        color: #43a038;
    }
    .pull-footer{

    }

    @-moz-keyframes rotate{
        0%{  -moz-transform:rotate(0deg);  }
        100%{  -moz-transform:rotate(360deg);  }
    }
    @-webkit-keyframes rotate{
        0%{  -webkit-transform:rotate(0deg);  }
        100%{  -webkit-transform:rotate(360deg);  }
    }
    @keyframes rotate{
        0%{  transform:rotate(0deg);  }
        100%{  transform:rotate(360deg);  }
    }
}