.floating-container {
  position: fixed;left:0;top:0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: transparent;
  display:none;
}

.floating-item {
  position: absolute;
  white-space: nowrap;
  font-size: 1.8rem;
  color: rgba(255, 255, 255, 0.85);
  pointer-events: none;
  /* 提示浏览器提前优化，但不要给所有元素都加 */
  will-change: transform, opacity;
  /* 如果元素非常多（>30），去掉 will-change，改用 transform: translateZ(0) 开启 GPU 加速 */
}



/*逐渐消失*/
.fade-out {
  animation: fadeOut 23s ease-out forwards;
}

@keyframes fadeOut {
  from { opacity: 1; }
  to   { opacity: 0; }
}



/*逐渐显现*/
.fade-in {
  animation: fadeIn 5s ease-out forwards;
}

@keyframes fadeIn {
  from { opacity: 0; }
  to   { opacity: 1; }
}