移动端通用loading

<!-- js_accredit_landing_box显示隐藏 默认隐藏 -->
<div class="js_accredit_landing_box">
    <div class="accredit_landing_box">
        <div class="accredit_landing">
            <img class="accredit_landing_img" src="img/accredit_landing.png">
            <p class="accredit_landing_text">正在加载</p>
        </div>
    </div>
</div>

.accredit_landing_box { width: 100%; height: 100%; position: fixed; top: 0; left: 0; display: flex; align-items: center; justify-content: center; background: rgba(255, 255, 255, 0.9); z-index: 1000; }
.accredit_landing { width: 2rem; height: 1.6rem; background: rgba(50, 50, 50, 0.8); border-radius: .08rem; display: flex; justify-content: center;align-items: center; flex-flow: column; }
.accredit_landing_text { padding-top: .16rem; color: #fff; font-size: .28rem; line-height: .28rem; }
.accredit_landing_img { width: .48rem; height: .48rem; animation: rotating 1s linear infinite; }
@keyframes rotating {
    0% { transform: rotate(0deg); }
    50% { transform: rotate(180deg); }
    100% { transform: rotate(360deg); }
}
.js_accredit_landing_box{
    display: none;
}

图片：

![loading](https://img-blog.csdnimg.cn/20201218103818656.png)