
/*顶部导航条右侧区域内容*/
.navbar-right {
    position: fixed;
    height: 46px;
    z-index: 1;
    right: 1rem;
    top: 0px;
    line-height: 46px;
    font-size: 14px;
    display: flex;
    align-items: center;
}


/*页面底部div====一般用于放置操作按钮*/
.bottom-div {
    /*position: absolute;*/
    /*left: 0;*/
    /*right: 0;*/
    /*bottom: 0rem;*/
    /*padding-left: 2rem;*/
    /*padding-right: 2rem;*/
    /*padding-top: 1rem;*/
    /*padding-bottom: 0.5rem;*/
}

/*popup弹出层的相关样式*/
.popup-title {
    padding: 1.5rem;
}
.popup-title-content {
    position: fixed !important;
    top: 0px; left: 0px;
    margin-top: 4px;
}
.popup-title-close {
    /*font-size: 1.1rem;vertical-align: middle;*/
}



/*----------------------------------- 列表下拉刷新样式 -----------------------------------------*/
.tab-pull-refresh{
    overflow-y: scroll !important;
}
/*----------------------------------- 列表样式 -----------------------------------------*/
.tab-list{
    background-color: #f0f3f6;
    /*overflow: scroll;*/
}
.tab-list .panel-cell {
    width: auto;
    margin: 20px 10px;
    background-color: #fff;
    border-radius: 12px;
    box-shadow: 0px 3px 6px 1px rgba(0, 0, 0, 0.1);
}
/*列表子项样式*/
.list-cell {
    margin-top: 3rem;
    border-radius: 0.5rem;
    overflow: visible !important;
}

.list-cell .van-cell__value {
    overflow: visible;
}

/*列表子项左上角悬浮样式*/
.list-cell-left-top {
    position: absolute;
    top: -2.5rem;
    background-color: #1989fae0;
    color: #fff;
    border-radius: 0.5rem;
    padding: 0 1rem;
    left: -1rem;
}


/*------------------------------- 步骤条样式 -------------------------------------*/

.van-steps h3 {
    font-size: 0.9rem;
}
.van-steps .van-step--vertical {
    padding-right: 16px;
}.van-grid-item__content {
     background-color: transparent!important;
 }
.van-grid-fast .van-grid-item__content {
    background-color: transparent !important;
    padding: 8px 4px!important;
}


/*------------------------------------弹性布局----------------------------------------------*/
.flex3 {
    flex: 3;
}

.cell-flex-1-3 .van-cell .van-cell__title {
    flex: 1;
}
.cell-flex-1-3 .van-cell .van-cell__value {
    flex: 3;
}

.cell-flex-8-16 .van-cell .van-cell__title {
    flex: 1;
}
.cell-flex-8-16 .van-cell .van-cell__value {
    flex: 2;
}

.cell-flex-3-1 .van-cell .van-cell__title {
    flex: 3;
}
.cell-flex-3-1 .van-cell .van-cell__value {
    flex: 1;
}