#app {
        font-family:Avenir,Helvetica,Arial,sans-serif;
        -webkit-font-smoothing:antialiased;
        -moz-osx-font-smoothing:grayscale;
        text-align:center;
        height:100%
      }
      #app .wxAnd {
        background:url("../img/png-06.png") 0 0/cover no-repeat
      }
      #app .wxAnd,#app .wxIos {
        width:5.92rem;
        height:4.32rem;
        margin:.2rem auto
      }
      #app .wxIos {
        background:url("../img/png-07.png") 0 0/cover no-repeat
      }
      .van-hairline--top-bottom:after {
        border-width:inherit!important
      }
      .f-flex {
        display:-webkit-box;
        display:flex
      }
      .f-flex1 {
        -webkit-box-flex:1;
        -ms-flex:1;
        flex:1;
        width:0
      }
      .f-baseline {
        align-items:baseline!important
      }
      .f-mdl {
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center
      }
      .f-end {
        align-items:flex-end
      }
      .f-both,.f-cen {
        justify-content:center
      }
      .f-both {
        -webkit-box-align:center;
        -ms-flex-align:center;
        align-items:center;
        -webkit-box-pack:center;
        -ms-flex-pack:center
      }
      .f-left {
        justify-content:flex-start
      }
      .f-right {
        justify-content:flex-end
      }
      .f-justify,.f-mdl-between {
        justify-content:space-between
      }
      .f-mdl-between {
        display:-webkit-box;
        display:-webkit-flex;
        display:-ms-flexbox;
        -webkit-box-orient:vertical;
        -webkit-flex-direction:column;
        -ms-flex-direction:column;
        flex-direction:column
      }
      .f-wrap {
        flex-wrap:wrap
      }
      .text-c {
        text-align:center
      }