body,html,#app{
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
}
div[v-cloak]{
    display: none;
}
.display-flex{
    display: flex;
}
.flex-auto{
    flex: 1;
}
.flex-jc-center{
    justify-content: center;
}
.flex-jc-start{
    justify-content: start;
}
.flex-jc-end{
    justify-content: start;
}
.flex-ai-start{
    align-items: start;
}
.flex-ai-end{
    align-items: end;
}
.flex-ai-center{
    align-items: center;
}
.flex-dir-row{
    flex-direction: row;
}
.flex-dir-col{
    flex-direction: column;
}
.flex-jc-stretch{
    justify-content: stretch;
}
.pr{
    position: relative;
}
.pa{
    position: absolute;
}
.pull-left{
    float: left;
}
.pull-right{
    float: right;
}
.text-center{
    text-align: center;
}
.text-left{
    text-align: left;
}
.text-right{
    text-align: right;
}
.text-ellipsis{
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    white-space: nowrap;
}
.auto-wrap{
    word-wrap:break-word; 
    word-break:break-all;
}