/**
*
* 全局 PJAX加载动画
*
*/
.pc-loader-overlay {
    display: none; /* 默认不显示 */
    position: fixed; /* 固定定位，相对于视口 */
    top: 0;
    left: 0;
    width: 100%; /* 宽度为整个视口宽度 */
    height: 100%; /* 高度为整个视口高度 */
    background: rgba(0, 0, 0, 0);  /*半透明背景 */
    z-index: 9999; /* 高层级确保覆盖其他内容 */
}
.pc-loader {
    display: none; /* 默认不显示 */
    position: fixed;
    top: 45%;
    left: 50%;
    /* 使用-webkit-前缀以确保兼容性 */
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 10000; /* 比遮罩层层级更高，确保在遮罩层之上 */
}
.pc-loader span{
    width:20px;
    height:20px;
    border-radius:50%;
    display:inline-block;
    position:absolute;
    left:50%;
    margin-left:-16px;
    -webkit-animation:3s infinite linear;
    -moz-animation:3s infinite linear;
    -o-animation:3s infinite linear;

}
.pc-loader span:nth-child(1){
    background:#E84C3D;
    -webkit-animation:kiri 1.2s infinite linear;
    -moz-animation:kiri 1.2s infinite linear;
    -o-animation:kiri 1.2s infinite linear;
}
.pc-loader span:nth-child(2){
    background:#F1C40F;
    z-index:100;
}
.pc-loader span:nth-child(3){
    background:#2FCC71;
    -webkit-animation:kanan 1.2s infinite linear;
    -moz-animation:kanan 1.2s infinite linear;
    -o-animation:kanan 1.2s infinite linear;
}
@-webkit-keyframes kanan {
    0% {-webkit-transform:translateX(25px);
    }

    50%{-webkit-transform:translateX(-25px);
    }

    100%{-webkit-transform:translateX(25px);
        z-index:200;
    }
}
@-moz-keyframes kanan {
    0% {-moz-transform:translateX(25px);
    }

    50%{-moz-transform:translateX(-25px);
    }

    100%{-moz-transform:translateX(25px);
        z-index:200;
    }
}
@-o-keyframes kanan {
    0% {-o-transform:translateX(25px);
    }

    50%{-o-transform:translateX(-25px);
    }

    100%{-o-transform:translateX(25px);
        z-index:200;
    }
}
@-webkit-keyframes kiri {
    0% {-webkit-transform:translateX(-25px);
        z-index:200;
    }
    50%{-webkit-transform:translateX(25px);
    }
    100%{-webkit-transform:translateX(-25px);
    }
}

@-moz-keyframes kiri {
    0% {-moz-transform:translateX(-25px);
        z-index:200;
    }
    50%{-moz-transform:translateX(25px);
    }
    100%{-moz-transform:translateX(-25px);
    }
}
@-o-keyframes kiri {
    0% {-o-transform:translateX(-25px);
        z-index:200;
    }
    50%{-o-transform:translateX(25px);
    }
    100%{-o-transform:translateX(-25px);
    }
}