/*通用  等待循环  样式*/

/*    <div class="bodyDiv">
        <div class="mainBox">
            <div class="sk-rect sk-rect1"></div>*/

.bodyDiv{
    display: none;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
    z-index: 99999;
}

.bodyDiv .mainBox{
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -60px 0 0 -100px;
	width: 200px;
	height: 120px;
    text-align: center;
}

.mainBox .sk-rect {
    background-color: #5bc0de;
    height: 100%;
    width: 6px;
    margin-left: 20px;
    display: inline-block;
    animation: sk-waveStretchDelay 1.2s infinite ease-in-out;
}

@keyframes sk-waveStretchDelay {
  0%, 40%, 100% {
    transform: scaleY(0.4); }
  20% {
    transform: scaleY(1); } 
}

.mainBox .sk-rect1 {
animation-delay: -1.2s; }
.mainBox .sk-rect2 {
animation-delay: -1.1s; }
.mainBox .sk-rect3 {
animation-delay: -1s; }
.mainBox .sk-rect4 {
animation-delay: -0.9s; }
.mainBox .sk-rect5 {
animation-delay: -0.8s; }