.loader{z-index:9999;background-color:#fff}.loader,.p-container{position:absolute;top:0;bottom:0;left:0;right:0}.p-container{width:200px;height:200px;margin:auto}.p-container .item{width:100px;height:100px;position:absolute}.p-container .item-1{background-color:#fa5667;top:0;left:0;z-index:1;-webkit-animation:item-1_move 1.8s cubic-bezier(.6,.01,.4,1) infinite;animation:item-1_move 1.8s cubic-bezier(.6,.01,.4,1) infinite}.p-container .item-2{background-color:#7a45e5;top:0;right:0;-webkit-animation:item-2_move 1.8s cubic-bezier(.6,.01,.4,1) infinite;animation:item-2_move 1.8s cubic-bezier(.6,.01,.4,1) infinite}.p-container .item-3{background-color:#1b91f7;bottom:0;right:0;z-index:1;-webkit-animation:item-3_move 1.8s cubic-bezier(.6,.01,.4,1) infinite;animation:item-3_move 1.8s cubic-bezier(.6,.01,.4,1) infinite}.p-container .item-4{background-color:#fac24c;bottom:0;left:0;-webkit-animation:item-4_move 1.8s cubic-bezier(.6,.01,.4,1) infinite;animation:item-4_move 1.8s cubic-bezier(.6,.01,.4,1) infinite}@-webkit-keyframes item-1_move{0%,to{transform:translate(0)}25%{transform:translateY(100px)}50%{transform:translate(100px,100px)}75%{transform:translate(100px)}}@keyframes item-1_move{0%,to{transform:translate(0)}25%{transform:translateY(100px)}50%{transform:translate(100px,100px)}75%{transform:translate(100px)}}@-webkit-keyframes item-2_move{0%,to{transform:translate(0)}25%{transform:translate(-100px)}50%{transform:translate(-100px,100px)}75%{transform:translateY(100px)}}@keyframes item-2_move{0%,to{transform:translate(0)}25%{transform:translate(-100px)}50%{transform:translate(-100px,100px)}75%{transform:translateY(100px)}}@-webkit-keyframes item-3_move{0%,to{transform:translate(0)}25%{transform:translateY(-100px)}50%{transform:translate(-100px,-100px)}75%{transform:translate(-100px)}}@keyframes item-3_move{0%,to{transform:translate(0)}25%{transform:translateY(-100px)}50%{transform:translate(-100px,-100px)}75%{transform:translate(-100px)}}@-webkit-keyframes item-4_move{0%,to{transform:translate(0)}25%{transform:translate(100px)}50%{transform:translate(100px,-100px)}75%{transform:translateY(-100px)}}@keyframes item-4_move{0%,to{transform:translate(0)}25%{transform:translate(100px)}50%{transform:translate(100px,-100px)}75%{transform:translateY(-100px)}}