*{
    box-sizing: border-box;
}
body ul,ol{
    margin: 0;
    padding: 0;
}

.box{

    display: -webkit-flex;  /* 新版本语法: Chrome 21+ */
    display: flex;          /* 新版本语法: Opera 12.1, Firefox 22+ */
    display: -webkit-flex;   /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */     /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox;   /* 混合版本语法: IE 10 */
    align-items: center;

}
.flex1 {
    -webkit-flex: 1;        /* Chrome */
    -ms-flex: 1;             /* IE 10 */
    flex: 1;                /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-box-flex: 1;     /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-flex: 1;       /* OLD - Firefox 19- */
}
.boxC{
    display: -webkit-flex;  /* 新版本语法: Chrome 21+ */
    display: flex;          /* 新版本语法: Opera 12.1, Firefox 22+ */
    display: -webkit-flex;   /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */     /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox;   /* 混合版本语法: IE 10 */
    justify-content: center;
    align-items: center;
}
.boxS{
    display: -webkit-flex;  /* 新版本语法: Chrome 21+ */
    display: flex;          /* 新版本语法: Opera 12.1, Firefox 22+ */
    display: -webkit-flex;   /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */     /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox;   /* 混合版本语法: IE 10 */
    justify-content:space-between;
    align-items: center;
}
body {
    /* width: 120rem; */
}
body a {
    /* color: #fff; */
    text-decoration: none;
}
body a:hover {
    /* color: #fff; */
    text-decoration: none;
}
body a:focus{
    /* color: #fff; */
    text-decoration: none;
}
ul,
ol {
    list-style: none;
    padding: 0;
}