body {
    margin: 0 auto;
    padding: 0;
    width: 100%; 
    height: 100%;
    font: 14px/ 1.5 Arial, "Microsoft Yahei";
    background: #ffffff;
    -webkit-font-smoothing: antialiased;
    position: relative;
    min-width: 1200px;;
  }
  
  html{
    width: 100%;
    position: relative;
  }
  #app {
    width: 100%;
    overflow-x: hidden;
    position: relative;
  }
  img{
    display: block;
  }
/*   
   * {
     touch-action: none;
   } */
  
  input,
  button,
  select,
  textarea,
  img,
  p,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    margin: 0;
    padding: 0;
    border: 0;
    font-family: "Microsoft YaHei", "微软雅黑";
  }
  button{
  
    outline:none;
    
    }
  a {
    color: #333;
    text-decoration: none;
  }
  
  a:hover {
    text-decoration: none;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
  }
  
  ol,
  ul,
  li,
  dl,
  dd {
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  
  i,
  em {
    font-style: normal;
  }
  
  table {
    border-collapse: collapse;
    border-spacing: 0;
  }
  
  /*Clear Fix*/
  .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }
  
  .clearfix {
    display: inline-block;
  }
  
  .clearfix {
    display: block;
  }
  
  .clear {
    clear: both;
    font-size: 0px;
    height: 0px;
    overflow: hidden;
  }
  .waves{
    position:relative;
    cursor:pointer;
    display:inline-block;
    overflow:hidden;
    text-align: center;
    -webkit-tap-highlight-color:transparent;
    z-index:1;
}

.waves .waves-animation{
    position:absolute;
    border-radius:50%;
    width:25px;
    height:25px;
    opacity:0;
    background:rgba(255,255,255,0.4);
    transition:all 0.7s ease-out;
    transition-property:transform, opacity, -webkit-transform;
    -webkit-transform:scale(0);
    transform:scale(0);
    pointer-events:none
}