@charset "utf-8";

* {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

html {
    font-size: calc(100vw / 750 * 100);
}

body {
    font-size: .16rem;
}

html,
body {
    width: 100%;
    height: 100%;

}

#app {
    width: 100%;
    height: 100%;
} 


.flex-row {
    display: flex;
    flex-direction: row;
}

.flex-column {
    display: flex;
    flex-direction: column;
}

.j-c {
    justify-content: center;
}

.j-s-a {
    justify-content: space-around;
}

.j-s-b {
    justify-content: space-between;
}

.j-s-e {
    justify-content: space-evenly;
}

.a-c {
    align-items: center;
}
.a-c-s-b{
    align-content: space-between;
}
.flex-1 {
    flex: 1;
    overflow: auto;
}
.flex-nowrap{
    flex-wrap: nowrap;
}
.flex-wrap{
    flex-wrap: wrap;
}


.nav-bar {
    height: .63rem;
    background-color: #ffffff;
    font-size: .36rem;
    font-weight: bold;
    color: #000000;
    position: relative;
} 


.left-back {
    position: absolute;
    left: .24rem;
    font-size: .31rem;
    color: #000000;
}
.left-back>.iconfont{
    font-size: .31rem;
}

.tab-bar{
    height: 1.08rem;
    background-color: #F6F6F6;
    font-size: .23rem;
    color: #000000;
}