@-webkit-keyframes spin{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.loading-layer{width:100%;height:100%;position:fixed;top:0;left:0;z-index:997;background:#f8f8f8}.loading-anim{position:absolute;left:50%;top:40%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.loading-anim > .item{position:relative;width:70rpx;height:70rpx;-webkit-perspective:1600rpx;perspective:1600rpx;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:all .2s ease-out}.loading-anim .border{position:absolute;border-radius:50%;border:6rpx solid}.loading-anim .out{top:15%;left:15%;width:70%;height:70%;border-left-color:#ff4646;border-right-color:#c5c5c5!important;border-top-color:#ff4646;border-bottom-color:#c5c5c5!important;-webkit-animation:spin .6s linear normal infinite;animation:spin .6s linear normal infinite}.loading-anim .in{top:25%;left:25%;width:50%;height:50%;border-top-color:transparent!important;border-bottom-color:transparent!important;-webkit-animation:spin .8s linear infinite;animation:spin .8s linear infinite}.loading-anim .mid{top:40%;left:40%;width:20%;height:20%;border-left-color:transparent;border-right-color:transparent;-webkit-animation:spin .6s linear infinite;animation:spin .6s linear infinite}