.ptr--icon {
    margin-left: 0.5em;
    margin: auto;
    width: 25px;
    height: 25px;
    background: url(/resource/image/mobile/reload-circlebar.png) 0 0 no-repeat;
    -webkit-background-size: 25px 25px;
    -moz-background-size: 25px 25px;
    -o-background-size: 25px 25px;
    background-size: 25px 25px;
    display: inline-block;
    vertical-align: middle;
}

.ptr--text {
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    visibility: visible;     /* adding for custom */
    color: rgba(0, 0, 0, 0.3) !important;
}

.ptr--pull .ptr--icon {
    background-position: 0 100%;
    transition: transform 0ms linear;
    animation: iscroll-pull-loading 2000ms infinite linear;
    visibility: visible;     /* adding for custom */
}

.ptr--release .ptr--icon {
    background-position: 0 100%;
    transition: transform 0ms linear;
    animation: iscroll-pull-loading 2000ms infinite linear;
    visibility: visible;  /* adding for custom */
}

.ptr--refresh .ptr--icon {
    background-position: 0 100%;
    transition: transform 0ms linear;
    animation: iscroll-pull-loading 2000ms infinite linear;
}

@-webkit-keyframes iscroll-pull-loading {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

@-moz-keyframes iscroll-pull-loading {
    from {
        -moz-transform: rotate(0deg);
    }

    to {
        -moz-transform: rotate(360deg);
    }
}

@-o-keyframes iscroll-pull-loading {
    from {
        -o-transform: rotate(0deg);
    }

    to {
        -o-transform: rotate(360deg);
    }
}

@-keyframes iscroll-pull-loading {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}
.ptr--ptr {
    background-color: #F4F4F4;
}
.ptr--box {
    background-color: #F4F4F4;
}