*{
  margin: 0;
  padding: 0;
}
ul{
  padding: 0;
  margin: 0;
  list-style: none;
}
html{
  touch-action:pan-y; 
  font-size: 62.5%;
  background-color: #fff;
  font-family: "MI Lan Pro", "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", 微软雅黑, Arial, sans-serif;
}
body{
  line-height: 1.5;
  font-size: 0;
  margin: 0;
}
::selection{
  background: #b3d4fc;
}
a{
  color: #666;
  text-decoration: none;
}
.clearfix::after{
  content: "";
  display: table;
  clear: both;
}
/* 漂浮动画 */
.flotage{
  animation: floating 3.2s infinite ease-in-out;
}
@keyframes floating {
  50% {
    transform: translateY(-25px);
  }
}
/* 首页漂浮动画 */
.flotage1{
  animation: floating1 3.7s infinite ease-in-out;
}
@keyframes floating1 {
  50% {
    transform: translateY(-20px);
  }
}
.flotage2{
  animation: floating2 4s infinite ease-in-out;
}
@keyframes floating2 {
  50% {
    transform: translateY(-20px);
  }
}
.flotage3{
  animation: floating3 3.5s infinite ease-in-out;
}
@keyframes floating3 {
  50% {
    transform: translateY(-20px);
  }
}
.flotage4{
  animation: floating4 4s infinite ease-in-out;
}
@keyframes floating4 {
  50% {
    transform: translateY(-10px);
  }
}
/* 动画绝对定位 */
.flotages{
  position: absolute;
}
/* 首页方块动画 */
.flotage10{
  animation: floating1 3.7s ease-in-out 2s infinite;
}
@keyframes floating10 {
  50% {
    transform: translateY(-20px);
  }
}
.flotage20{
  animation: floating2 4s ease-in-out 2s infinite;
}
@keyframes floating20 {
  50% {
    transform: translateY(-20px);
  }
}

.wow{
  visibility: hidden; 
}