#circle-center{background:#fff;text-align:center;color:#2577fc;line-height:100px;font-size:48px}#container{position:relative;width:600px;height:300px}#circle-center{position:absolute;top:100px;left:250px;width:100px;height:100px;border-radius:100px}.load-line{position:absolute;top:150px;left:200px;width:200px;height:13px}.load-line>span{display:inline-block;width:50%;height:100%;border-radius:20px;background:#2577fc}.left{float:left}.right{float:right}.rotate-0{transform:rotate(0)}.rotate-0>.left{animation:load-effect 1.2s linear 0s infinite}.rotate-0>.right{animation:load-effect 1.2s linear .6s infinite}.rotate-30{transform:rotate(30deg)}.rotate-30>.left{animation:load-effect 1.2s linear .1s infinite}.rotate-30>.right{animation:load-effect 1.2s linear .7s infinite}.rotate-60{transform:rotate(60deg)}.rotate-60>.left{animation:load-effect 1.2s linear .2s infinite}.rotate-60>.right{animation:load-effect 1.2s linear .8s infinite}.rotate-90{transform:rotate(90deg)}.rotate-90>.left{animation:load-effect 1.2s linear .3s infinite}.rotate-90>.right{animation:load-effect 1.2s linear .9s infinite}.rotate-120{transform:rotate(120deg)}.rotate-120>.left{animation:load-effect 1.2s linear .4s infinite}.rotate-120>.right{animation:load-effect 1.2s linear 1s infinite}.rotate-150{transform:rotate(150deg)}.rotate-150>.left{animation:load-effect 1.2s linear .5s infinite}.rotate-150>.right{animation:load-effect 1.2s linear 1.1s infinite}@keyframes load-effect{0%{opacity:0}to{opacity:1}}.main .main-layout .content-wrapper{padding:0}