:root{
    --header_black:#1E2532;
    --active_blue:#35AFFD;
    --box_shadow:0 2px 16px 0 rgb(16 49 189 / 10%);
    --bootstrap_a_blue:#428bca;
}
/* end */

/* 一些通用类名 */
.van-dialog__confirm, .van-dialog__confirm:active{
    color: var(--active_blue);
}
a{color: inherit;}
a,a:focus,a:visited{text-decoration: none;}
.w_100{width: 100%;}
.flex{display: flex;}
.flex_1{flex: 1;}
.flex_column{flex-direction: column;}
.flex_wrap{flex-wrap: wrap;}
.flex_auto{flex: auto;}
.flex_none{flex: none;}
.justify_between{justify-content: space-between;}
.justify_center{justify-content: center;}
.justify_around{justify-content: space-around;}
.align_center{align-items: center;}
.po_ab{position: absolute;}
.po_re{position: relative;}
.color_red{color: red;}
.text_center{text-align: center;}
.mt_20{margin-top: 20px;}
.mt_16{margin-top: 16px;}
.mt_10{margin-top: 10px;}
.br_6{border-radius: 6px;}
.one_line{
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;		
    text-overflow: ellipsis;		
    display: -webkit-box;		
    -webkit-line-clamp: 1;	
    line-clamp: 1;					
    -webkit-box-orient: vertical;
}
.two_line{
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;		
    text-overflow: ellipsis;		
    display: -webkit-box;		
    -webkit-line-clamp: 2;	
    line-clamp: 2;					
    -webkit-box-orient: vertical;
}
.color_000{color: #000000;}
.color_fff{color: #ffffff;}
.color_333{color: #333333;}
.color_666{color: #666666;}
.color_999{color: #999999;}
.bg_white{background-color: #ffffff;}
.last_no_border:last-child{border-bottom: 0;}
.overflow_auto{overflow: auto;}
.overflow_auto::-webkit-scrollbar{height: 0;}

/*字体大小*/
.fs12 {font-size:12px;}
.fs13 {font-size:13px;}
.fs14 {font-size:14px;}
.fs15 {font-size:15px;}
.fs16 {font-size:16px;}
.fs17 {font-size:17px;}
.fs18 {font-size:18px;}
.fs20 {font-size:20px;}
.fs22 {font-size:22px;}
.fs24 {font-size:24px;}
/*字体加粗与否*/
.fn {font-weight:normal;}
.fb {font-weight:bold;}
.db{ display:block;}
.dib{ display:inline-block;}
/*内边距*/
.p5{padding:5px;}
.p10{padding:10px;}
.p15{padding:15px;}
.p20{padding:20px;}
.pt5 {padding-top:5px;}
.pr5 {padding-right:5px;}
.pb5 {padding-bottom:5px;}
.pl5 {padding-left:5px;}
.pt10 {padding-top:10px;}
.pr10 {padding-right:10px;}
.pb10 {padding-bottom:10px;}
.pl10 {padding-left:10px;}
.pt15 {padding-top:15px;}
.pr15 {padding-right:15px;}
.pb15 {padding-bottom:15px;}
.pl15 {padding-left:15px;}
.pt20 {padding-top:20px;}
.pr20 {padding-right:20px;}
.pb20 {padding-bottom:20px;}
.pl20 {padding-left:20px;}
/*外边距*/
.m5{ margin:5px;}
.m10{ margin:10px;}
.m15{ margin:15px;}
.m20{ margin:20px;}
.mt5 {margin-top:5px;}
.mr5 {margin-right:5px;}
.mb5 {margin-bottom:5px;}
.ml5 {margin-left:5px;}
.mt10 {margin-top:10px;}
.mr10 {margin-right:10px;}
.mb10 {margin-bottom:10px;}
.ml10 {margin-left:10px;}
.mt15 {margin-top:15px;}
.mr15 {margin-right:15px;}
.mb15 {margin-bottom:15px;}
.ml15 {margin-left:15px;}
.mt20 {margin-top:20px;}
.mr20 {margin-right:20px;}
.mb20 {margin-bottom:20px;}
.ml20 {margin-left:20px;}
/* 一些通用类名 */

/* 主体布局类 */

.el-loading-mask{z-index: 100;}

/* 主体布局类 */

/* 跳转 */
.footer_pagination{
    padding: 20px 0;
    text-align: right;
}
.footer_pagination .el-pagination.is-background .btn-next,.footer_pagination .el-pagination.is-background .btn-prev,.footer_pagination .el-pagination.is-background .el-pager li{
    color: #999999;
    background-color: #F7F8FA;
    border: 1px solid #DFDFDF;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    font-weight: 100;
    text-overflow: ellipsis;white-space: nowrap;overflow: hidden;
}
.footer_pagination .el-pagination span:not([class*=suffix]){height: 30px;line-height: 30px;}
/* 跳转 */
/* 搜索框 */
.br_input .el-input-group__append,
.br_input .el-input-group__prepend {
    background-color: #409eff;
    color: #ffffff;
    border: 1px solid #409eff;
    border-radius: 0 30px 30px 0
}

.br_input .el-input__inner {
    border-radius: 30px 0 0 30px;
}
/* 搜索框 */
/* 侧边栏 */
.card__head{padding: 20px 10px 10px;border-radius: 6px 6px 0 0;}
.card__head .icon{padding-right: 10px;}
.head_title{    
    font-size: 20px;
    font-weight: normal;
    line-height: 20px;
    margin: 0;
    color: #333333;
}
.more{ font-size: 16px; color: gray;}
.aside_card{border-radius: 6px;background: linear-gradient(171deg, #EEF5FC 30px,#FFFFFF 67px);}
.aside_card+.aside_card{margin-top: 16px;}
.aside_card_body{border-radius: 0 0 6px 6px;padding: 15px 20px;}
/* 侧边栏 */