@charset "utf-8";
body,ul,ol,li,dl,dd,h1,h2,h3,h4,h5,h6,p,input,textarea,select,figure{margin: 0;padding: 0;}
ul,ol{list-style: none;}
input,textarea,select{border: none; background: transparent; outline: none;}
textarea{resize: none;}
img{border: none;vertical-align: top;}
a{text-decoration: none;}
a {-webkit-tap-highlight-color:transparent;}
html {-webkit-text-size-adjust: none;}
a{outline:0}
em{ font-style: normal;}
.fl{float: left;} .fr{float: right;}
.clearfix:after,.clearfix:before{content: ""; display: table;}
.clearfix:after{clear: both;}
.clearfix{*zoom:1;}
#app {
    max-width: 800px;
    margin: 0 auto;
    font-family: 'Avenir', Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: center;
    color: #2c3e50;
  }
  body{
    background: #F3F4F6;
  }
  .page-header{
    width: 100%;
    max-width: 25rem;
    height: 2.73438rem;
    background: #3C3C3C;
  }
  .mint-header{
    height: 2.73438rem;
    padding: 0 1.4375rem 0 1.21875rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .h-left{
    width: 0.625rem;
    height: 1.03125rem;
    
}
.h-left img{
   width: 100%;
   height: 100%;
}

  .h-right{
    display: flex;
    width: 4.46875rem;
    justify-content: space-between;
}
.h-right .h-index{
    width: 1.09375rem;
    height: 1.21875rem;
}
.h-right .h-my{
    width: 1.25rem;
    height: 1.3125rem;
}