/* 上拉加载自定义样式 */

/* 文章列表容器样式 */
.analysis-cards {
    padding-bottom: 10px;
}

/* 加载提示样式 */
.load-more-tip {
    text-align: center;
    padding: 20px 0;
    color: #666;
    font-size: 14px;
}

.load-more-tip .loading-text {
    display: inline-block;
    padding-left: 25px;
    position: relative;
}

.load-more-tip .loading-text::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 16px;
    height: 16px;
    margin-top: -8px;
    border: 2px solid #666;
    border-radius: 50%;
    border-bottom-color: transparent;
    animation: loadingRotate 0.8s linear infinite;
}

.load-more-tip .no-more-text {
    color: #999;
    padding: 10px 0;
}

.load-more-tip .error-text {
    color: #ff6b6b;
}

/* 加载动画 */
@keyframes loadingRotate {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

/* 或者使用全屏滚动 */
.mescroll-fullscreen {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: auto;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}



/* 上拉加载提示样式 */
.mescroll-upwarp {
    clear: both;
    min-height: 40px;
    padding: 15px 0;
    text-align: center;
    color: #666;
    font-size: 14px;
}

.mescroll-upwarp .upwarp-progress {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 2px solid #666;
    border-radius: 50%;
    border-bottom-color: transparent;
    vertical-align: middle;
    margin-right: 8px;
}

.mescroll-upwarp .upwarp-tip {
    display: inline-block;
    vertical-align: middle;
}

.mescroll-upwarp .upwarp-nodata {
    padding: 20px 0;
    color: #999;
}

/* 旋转动画 */
@keyframes mescrollRotate {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.mescroll-rotate {
    animation: mescrollRotate 0.8s linear infinite;
}

/* 空数据提示 */
.mescroll-empty {
    padding: 40px 0;
    text-align: center;
    color: #999;
    font-size: 14px;
}

.mescroll-empty .empty-icon {
    width: 100px;
    height: 100px;
    margin: 0 auto 20px;
    opacity: 0.5;
}

.mescroll-empty .empty-tip {
    margin-top: 10px;
}