// flex布局
.x-flex{display: flex !important;}
.x-row{flex-direction:row!important;display: flex!important;}
.x-col{flex-direction:column !important;display: flex!important;}
.x-wrap{ flex-direction:row!important; flex-wrap:wrap;display: flex!important;}
.x-nowrap{flex-direction:row!important; flex-wrap:nowrap!important;display: flex !important;}
.x-space-between{flex-direction:row!important; flex-wrap:nowrap!important; justify-content:space-between!important;display: flex!important;}
.x-align-top{align-items:flex-start!important;}
.x-align-center{align-items:center !important;}
.x-align-bottom{align-items:flex-end!important;}
.x-justify-top{justify-content:flex-start!important;}
.x-justify-center{justify-content:center!important;}
.x-justify-bottom{justify-content:flex-end!important;}
.x-justify-space-between{justify-content:space-between!important;}
.x-flex1{flex:1 !important;}
/* 定位 */
.x-footer{position: fixed !important;bottom: 0;left: 0;right: 0;}
.x-header{position: fixed !important;top: 0;left: 0;right: 0;}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18