.load_title {
    font-family: 'Open Sans';
    color: #FFF;
    font-size: 20px;
    width: 100%;
    text-align: center;
    z-index: 9999999999999;
    position: absolute;
    top: 60%;
    opacity: 1;
    line-height: 30px;
}
 .load_title span {
    font-weight: normal;
    font-style: italic;
    font-size: 14px;
    color: #FFF;
    opacity: 0.5;
}
.loading{
    position: relative;
    width: 150px;
    height: 150px;
    /*只需要一条边显现*/
    /*将其它边设置透明*/
    border: 3px solid transparent;
    /*显示顶部边*/
    border-top-color:#FFF;
    border-radius: 50%;
    /*rotate:自定义变化效果  4.5s时长  linear：匀速   infinite：无限循环*/
    animation: rotate 4.5s linear infinite;
}
.loading::before{
    content: '';
    position: absolute;
    top: 5px;
    right: 5px;
    bottom: 5px;
    left: 5px;
    border: 3px solid transparent;
    /*显示顶部边*/
    border-top-color:#FFF;
    border-radius: 50%;
    animation: rotate 3s linear infinite;
}
.loading::after{
    content: '';
    position: absolute;
    top: 15px;
    right: 15px;
    bottom: 15px;
    left: 15px;
    border: 3px solid transparent;
    /*显示顶部边*/
    border-top-color:#FFF;
    border-radius: 50%;
    /*1.5s时长  linear：匀速   infinite：无限循环*/
    animation: rotate 1.5s linear infinite;
}
/*定义动画*/
@keyframes rotate {
    0%{
        transform: rotate(0);
    }
    100%{
        /*顺时针转360*/
        transform: rotate(360deg);
    }
}