*{margin:0;padding: 0;font-family:"Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;box-sizing:border-box;}
html{height:100%;}
body{height:100%;font-size:14px;position: relative;margin:auto;}ol,li{list-style:none;}
a{text-decoration: none;cursor:pointer;}
a,input,img,textarea,span,div{outline:0;-webkit-tap-highlight-color:rgba(255,0,0,0);}
img{vertical-align:top;border:0;}
table{border-collapse:collapse;border-spacing:0;}
button,input{border:none;outline:none}
img{width:100%;height:auto;}
textarea{display: block; }
select{ display: block;-webkit-appearance:none;} /*去除ios样式*/
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color: #8E8E93;} /*默认颜色*/
html,body{scroll-behavior: smooth;} 
.clearfix::before,.clearfix::after{content:"";height: 0;line-height: 0;display: block;visibility: none;clear: both;}
.clearfix {*zoom: 1;}
@supports (bottom: env(safe-area-inset-bottom)){
    body,
    .footer{
        padding-bottom: constant(safe-area-inset-bottom);
        padding-bottom: env(safe-area-inset-bottom);
    }
  }
  /* 波纹效果start */
.ripple{
    position: relative;
    overflow: hidden;
}
.ripple:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
    background-image: radial-gradient(circle, #666 10%, transparent 10.01%);
    background-repeat: no-repeat;
    background-position: 50%;
    transform: scale(10, 10);
    opacity: 0;
    transition: transform .3s, opacity .5s;
}
.ripple:active:after {
    transform: scale(0, 0);
    opacity: .3;
    transition: 0s;
}
/* 波纹效果end */