body,html {
	  padding: 0;
	  margin: 0;
	  overflow: hidden;
  }
  
  #animation_container {
	position:absolute;
	margin:auto;
	left:0;right:0;
	top:0;bottom:0;
	height: 100vh !important;
  }
  .bottom {
	  position: fixed;
	  bottom: 0;
	  width: 100%;
	  display: flex;
	  justify-content: center;
	  z-index:8;
  }
  .bottom img {
	  display: block;
	  z-index: 20;
	  position: absolute;
	  width: 37px;
	  left: 0px;
	  right: 0px;
	  margin: 0px auto;
	  animation: 2s ease 0s infinite normal none running mugine_class_211;
	  bottom: 10px;
	  transform: rotate(0deg);
  }
  @keyframes mugine_class_211 {
	  0% {
	      opacity: 0;
	      transform: rotate(0deg) translateY(0px);
	  }
	  50% {
	      opacity: 0.75;
	  }
	  100% {
	      opacity: 0;
	      transform: rotate(0deg) translateY(-16px);
	  }
  }

  .arrow {
	  width: 10vw;
	  max-width: 70px;
  }
  .play {
	  position: fixed;
	  width: 5vh;
	  /* height: 50px; */
	  right: 20px;
	  top: 20px;
	  z-index: 10;
  }
  iframe {
	  width: 100%;
	  height: 100vh;
	  margin: 0;
	  padding: 0;
	  border: 0;
  }
  .mask {
	  position: fixed;
	  z-index: 9;
	  top:0;left:0;
	  width: 100%;
	  height: 100vh;
  }
  canvas {
	  height: 100vh !important;
  }
  .box {
	  width: 100%;
	  height: 100vh;
	  background: #e5e5e5;
	  padding-top: 20vh;
  }

  /* 动画代码 */
  @keyframes load {
    from {background-color: #5262bc;width: 0%;}
    to {background-color: #5262bc;width: 100%;}
  }
  .load_box {
	  background: #fff;
	  width: 300px;
	  margin: 0 auto;
  }
  /* 向此元素应用动画效果 */
  .loading {
  	  height: 5px;
	  background-color: #5262bc;
  	  /* margin: 0 auto; */
	  animation-name: load;
	  animation-duration: 4s;
  }