@prefixLoadCls: ~'yy-page';
.@{prefixLoadCls} {
    text-align: center;
    line-height: 36px;
    color: @yy-text-info;
    font-size: 12px;
    
    &-icon {
        width: 11px;
        height: 11px;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        background-image: url('../../../assets/images/arrow-bottom.svg');
        display: inline-block;
        &-loading {
            animation: rotate 1s linear infinite;
            background-image: url('../../../assets/images/loading.svg');
        }
    }
    span {
        display: inline-block;
    }
    &-more {
        .cursor()
    }
}