#loading{bottom:0;left:0;position:fixed;right:0;top:0;z-index:9999;background-color:#f4f5f5;pointer-events:none;}.loader-inner{will-change:transform;width:40px;height:40px;position:absolute;top:50%;left:50%;margin:-20px 0 0 -20px;background-color:#3742fa;border-radius:50%;animation:scaleout 0.6s infinite ease-in-out forwards;text-indent:-99999px;z-index:999991;}@keyframes scaleout{0%{transform:scale(0);opacity:0;}40%{opacity:1;}100%{transform:scale(1);opacity:0;}}

/*以下是加载动画*/
.jz {background-color: skyblue;height: 100%;width: 100%;left: 0;top: 0;bottom: 0;right: 0;display: grid;place-items: center;position: fixed;}.scene {position: relative;z-index: 2;height: 220px;width: 220px;display: grid;place-items: center;}.cube-wrapper {transform-style: preserve-3d;animation: bouncing 2s infinite;}.cube {transform-style: preserve-3d;transform: rotateX(45deg) rotateZ(45deg);animation: rotation 2s infinite;}.cube-faces {transform-style: preserve-3d;height: 80px;width: 80px;position: relative;transform-origin: 0 0;transform: translateX(0) translateY(0) translateZ(-40px);}.cube-face {position: absolute;inset: 0;background: #110d31ff;border: solid 1px #ff8484ff;}.cube-face.shadow {transform: translateZ(-80px);animation: bouncing-shadow 2s infinite;}.cube-face.top {transform: translateZ(80px);}.cube-face.front {transform-origin: 0 50%;transform: rotateY(-90deg);}.cube-face.back {transform-origin: 0 50%;transform: rotateY(-90deg) translateZ(-80px);}.cube-face.right {transform-origin: 50% 0;transform: rotateX(-90deg) translateY(-80px);}.cube-face.left {transform-origin: 50% 0;transform: rotateX(-90deg) translateY(-80px) translateZ(80px);}@keyframes rotation {0% {transform: rotateX(45deg) rotateY(0) rotateZ(45deg);animation-timing-function: cubic-bezier(0.17, 0.84, 0.44, 1);}50% {transform: rotateX(45deg) rotateY(0) rotateZ(225deg);animation-timing-function: cubic-bezier(0.76, 0.05, 0.86, 0.06);}100% {transform: rotateX(45deg) rotateY(0) rotateZ(405deg);animation-timing-function: cubic-bezier(0.17, 0.84, 0.44, 1);}}@keyframes bouncing {0% {transform: translateY(-40px);animation-timing-function: cubic-bezier(0.76, 0.05, 0.86, 0.06);}45% {transform: translateY(40px);animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);}100% {transform: translateY(-40px);animation-timing-function: cubic-bezier(0.76, 0.05, 0.86, 0.06);}}@keyframes bouncing-shadow {0% {transform: translateZ(-80px) scale(1.3);animation-timing-function: cubic-bezier(0.76, 0.05, 0.86, 0.06);opacity: 0.05;}45% {transform: translateZ(0);animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);opacity: 0.3;}100% {transform: translateZ(-80px) scale(1.3);animation-timing-function: cubic-bezier(0.76, 0.05, 0.86, 0.06);opacity: 0.05;}}