@charset "UTF-8";
/*加载中处理, 建议加在body上*/
[qy-loading] {
    opacity: 0;
}

/*加载完毕则展示, vue应用挂载成功后设置.loaded完成显示*/
[qy-loading].qy-loaded {
    transition: opacity 500ms ease-out;
    opacity: 1;
}

.qy-page-container div {
    box-sizing: border-box;
}

/* 视图页 start *//* 视图页 start *//* 视图页 start *//* 视图页 start *//* 视图页 start */
/*视图页应用容器*/
.qy-view-page-app {
    height: 100vh;
    box-sizing: border-box;
}

/*视图页内容容器*/
.qy-view-page-content {
    padding: 15px;
    box-sizing: border-box;
    /*height: 100%;*/
    display: flex;
    flex-direction: column;
    flex: 1;
}

/*搜索栏*/
.qy-view-search-bar {
    margin-bottom: 10px;
    display: flex;
}

/*搜索条件*/
.qy-view-search-condition-bar {
    /*flex: 1;*/
}

/*搜索按钮*/
.qy-view-search-button-bar {
    display: flex;
    flex-direction: column-reverse;
}

/*按钮栏*/
.qy-view-button-bar {
    margin-bottom: 10px;
}

/*数据栏*/
.qy-view-data-bar {
    flex: 1; /*高度铺满剩余空间*/
}

/* 视图页 end *//* 视图页 end *//* 视图页 end *//* 视图页 end *//* 视图页 end */

.qy-flex {
    display: flex;
}

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

.qy-flex-1 {
    flex: 1;
}

.qy-flex-vertical-center {
    align-items: center;
}

.qy-height-60 {
    height: 60px;
}

.qy-width-250 {
    width: 250px;
}

.qy-width-100p {
    width: 100%;
}

.qy-height-100p {
    height: 100%;
}

.qy-padding-15 {
    padding: 15px;
}

.qy-line-height-1 {
    line-height: 1;
}