@charset "utf-8";

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

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

}

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


/* 设计狗用 */
html{
    font-size: calc(100vw / 752 * 100 );
}
body{
    font-size: .16rem;
}
.top{
    height: .45rem;
    font-size: .36rem;
    color: #000000;
    position: relative;
    margin-bottom: .29rem;
    margin-top: .39rem;
}

/* -------------底------------------------ */



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

.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;
}

.flex-1 {
    flex: 1;
    overflow: auto;
}


.nav-bar {
    height: 45px;
    background-color: var(--primaryColor);
    font-size: 18.5px;
    font-weight: bold;
    color: #ffffff;
    position: relative;
}


.left-back {
    position: absolute;
    left: 10.5px;
    font-size: 16px;
    color: #ffffff;
}
.left-back>.iconfont{
    font-size: 17.5px;
}