.flex{
    display: -webkit-flex;
    display: flex;
}

.flex-wrap {
    display: -webkit-flex;
    display: flex;
    justify-content: stretch;
    align-items: center;
    flex-direction: row;
}
/* flex-item */
.flex-1 { flex: 1; }
.flex-2 { width: 50%; }
.flex-3 { width: 33.33%; }
.flex-4 { width: 25%; }
.flex-wrap.justify-center { justify-content: center; }
.flex-wrap.justify-between { justify-content: space-between; }
.flex-wrap.justify-around { justify-content: space-around; }
.flex-wrap.justify-start { justify-content: flex-start; }
.flex-wrap.justify-end { justify-content: flex-end; }
.flex-wrap.align-start { align-items: flex-start; }
.flex-wrap.align-end { align-items: flex-end; }
.flex-wrap.align-stretch { align-items: stretch; }
.flex-wrap.column { flex-direction: column; }
.flex-wrap.wrap { flex-wrap: wrap; }
.flex-wrap .self-start { align-self: flex-start; }
.flex-wrap .self-end { align-self: flex-end; }
.flex-wrap .self-center { align-self: center; }

.no_select { -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; }
/* 文字过长... */
.ellipsis { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
/* 多行 */
.mult-ellipsis { white-space: normal; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.mult-ellipsis.l-3 { -webkit-line-clamp: 3; }
.mult-ellipsis.l-4 { -webkit-line-clamp: 4; }
.overflow-hide { position: fixed; overflow: hidden; top: 0; left: 0; width: 100%; }
.hide { display: none !important; }
.hyalinize { visibility: hidden; opacity: 0; }

.blue { color: #357ff7 !important; }
.err { color: #e64340 !important; }
.warn { color: #dc873e !important; }
.success { color: #1bac1a !important; }
.black { color: #000 !important; }
.gray { color: #e9e9e9 !important; }
.gray9 { color: #999 !important; }
.fw7 { font-weight: 700; }
.fs13 { font-size: 13px!important; }
.fs14 { font-size: 14px !important; }
.fs15 { font-size: 15px !important; }
.tac { text-align: center; }
.tal { text-align: left; }
.tar { text-align: right; }
/* .fl{ float: left; } */
/* .fr{ float: right; } */
.pt3 { padding-top: 3px; }
.mb55 { margin-bottom: 55px; }
.ml0 { margin-left: 0!important; }
.mr0 { margin-right: 0!important; }
.mr10 { margin-right: 10px!important; }
.mr15 { margin-right: 15px!important; }
.border { border: 1px solid #dc873e; border-radius: 4px; }
.no-border { border: none !important; }
.m0 { margin: 0 !important; }
.p0 { padding: 0 !important; }

.nothing { text-align: center; min-height: 40px; height: 100%; }
.nothing image { width: 128px; height: 120px; }
.nothing .tips { color: #d9d9d9; font-size: 15px; }