/* 容器盒子兼容处理 */
.box {
    display: -webkit-flex;     /* 新版本语法 Chrome 21+ */
    display: flex;             /* 新版本语法 Opear 12.1 Firefox 22+ */
    display: -webkit-box;      /* 新版本语法 Safari， ios， Android browser, older Webkit browsers. */
    display: -moz-box;         /* 新版本语法 Firefox(buggy) */
    display: -ms-flexbox;      /* 新版本语法 IE 10 */
}

/* 子盒子兼容处理 */
.flex {
    -webkit-flex: 1;           /* Chrome */
    -ms-flex: 1;               /* IE 10 */
    flex: 1;                   /* NEW, Spec - Opear 12.1, Firefox 20+ */
    -webkit-box-flex: 1;       /* OLD - ios 6-, Safari 3.1-6 */
    -moz-box-flex: 1;          /* OLD - Firefox 19- */
}