.inline {
    display: inline !important;
}

.inline_block {
    display: inline-block !important;
}

.inline_flex {
    display: inline-flex;
}

.wrap_line {
    word-wrap: break-word;
    word-break: break-all;
}

/*.breadcrumb {*/
    /*display: flex;*/
    /*flex-direction: row;*/
    /*justify-content: space-between;*/
    /*align-items: center;*/
/*}*/

.breadcrumb_left {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}

.breadcrumb_right {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
}

.breadcrumb_center {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
}

.breadcrumb_between {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.flex {
    display: flex;
}

/** flex row */
.flex_row {
    flex-direction: row;
}

/** flex column */
.flex_column, .flex_col {
    flex-direction: column;
}

/** align */
.flex_justify_start {
    justify-content: flex-start;
}

.flex_justify_end {
    justify-content: flex-end;
}

.flex_justify_center {
    justify-content: center;
}

.flex_justify_between {
    justify-content: space-between;
}

.flex_justify_around {
    justify-content: space-around;
}

/** align items */
.flex_align_stretch {
    align-items: stretch;
}

.flex_align_top {
    align-items: flex-start;
}

.flex_align_bottom {
    align-items: flex-end;
}

.flex_align_middle {
    align-items: center;
}

.flex_align_baseline {
    align-items: baseline;
}

.flex_item {
    display: inline-block;
}

/** flex wrap */
.flex_wrap {
    flex-wrap: wrap;
}

.flex_nowrap {
    flex-wrap: nowrap;
}

.flex_wrap_reverse {
    flex-wrap: wrap-reverse;
}

/*预设值的几个简便类*/
.flex_row_start {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}

.flex_row_end {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

.flex_row_around {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}

.flex_row_between {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.flex_gap_x {
    width: 20px;
}

.break_line_x {
    width: 1px;
    border-right: 1px solid rgb(245, 245, 245);
    background-color: rgb(245, 245, 245);
}

.flex_gap_y {
    height: 20px;
}

.break_line_y {
    height: 1px;
    line-height: 1px;
    border-bottom: 1px solid rgb(245, 245, 245);
}

/*---------- --------*/
.col_12 {
    width: 100%;
}

.col_11 {
    width: 91.66666667%;
}

.col_10 {
    width: 83.33333333%;
}

.col_9 {
    width: 75%;
}

.col_8 {
    width: 66.66666667%;
}

.col_7 {
    width: 58.33333333%;
}

.col_6 {
    width: 50%;
}

.col_5 {
    width: 41.66666667%;
}

.col_4 {
    width: 33.33333333%;
}

.col_3 {
    width: 25%;
}

.col_2 {
    width: 16.66666667%;
}

.col_1 {
    width: 8.33333333%;
}

/*width */
.wid_24{width:100.0%;}
.wid_23{width:95.83333333333334%;}
.wid_22{width:91.66666666666666%;}
.wid_21{width:87.5%;}
.wid_20{width:83.33333333333334%;}
.wid_19{width:79.16666666666666%;}
.wid_18{width:75.0%;}
.wid_17{width:70.83333333333334%;}
.wid_16{width:66.66666666666666%;}
.wid_15{width:62.5%;}
.wid_14{width:58.333333333333336%;}
.wid_13{width:54.166666666666664%;}
.wid_12{width:50.0%;}
.wid_11{width:45.83333333333333%;}
.wid_10{width:41.66666666666667%;}
.wid_9{width:37.5%;}
.wid_8{width:33.33333333333333%;}
.wid_7{width:29.166666666666668%;}
.wid_6{width:25.0%;}
.wid_5{width:20.833333333333336%;}
.wid_4{width:16.666666666666664%;}
.wid_3{width:12.5%;}
.wid_2{width:8.333333333333332%;}
.wid_1{width:4.166666666666666%;}