/*================基本样式重置================*/
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,p,img,span,i,a,em,strong,b,input,textarea,select { margin:0; padding:0; font-size: 100%; }
i,em { font-weight:normal; font-style:normal; }
body { 
    -webkit-tap-highlight-color:rgba(0,0,0,0); 
    font-size:.28rem; 
    color: #333;
    font-family:"苹方",'Microsoft yahei','Helvetica';
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom);
  
}
@supports(bottom: env(safe-area-inset-bottom)){
    .foot{
        padding-bottom: env(safe-area-inset-bottom);
      }
  }
li { list-style:none; }
a,img,input { border:0 none; }
a { text-decoration:none; outline:none; }
a:hover { text-decoration:none; }
a:focus,input:focus { outline:0 none;}


button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }
button { overflow: visible; }
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled], html input[disabled] { cursor: default; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
input { line-height: normal; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
legend { border: 0; padding: 0; }
textarea { overflow: auto; resize: vertical; }
optgroup { font-weight: bold; }

input::placeholder{
    color: #999;
}
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/*========定义基础样式========*/
.hide { display:none;}
.fl { float:left;}
.fr { float:right;}
.clearfix:after { content:" "; display:block; clear:both; height:0; /*visibility:hidden;*/}
.clearfix { zoom:1; }
a .opacity { filter:alpha(opacity=100); opacity:1; -moz-opacity:1; }
a:hover .opacity { filter:alpha(opacity=80); opacity:0.8; -moz-opacity:0.8; }
.next{display: block;font-size: .30rem;font-weight: 200;transform: scaleY(2.2);margin-left: .05rem;padding-bottom: .08rem;color: #ccc;transition: transform .3s;}
[v-cloak]{
    display: none;
}