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

.flex-row {
    display: flex;
    align-items: center;
    -webkit-display: flex;
    -webkit-align-items: center;
}

.flex-center {
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-display: flex;
    -webkit-align-items: center;
    -webkit-justify-content: center;
}

.flex-b {
    display: flex;
    justify-content: space-between;
    -webkit-display: flex;
    -webkit-justify-content: space-between;
}

.flex-sb {
    display: flex;
    align-items: center;
    justify-content: space-between;
    -webkit-display: flex;
    -webkit-align-items: center;
    -webkit-justify-content: space-between;
}

.flex-se {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    -webkit-display: flex;
    -webkit-align-items: center;
    -webkit-justify-content: space-evenly;
}
.flex-e {
    display: flex;
    justify-content: space-evenly;
    -webkit-display: flex;
    -webkit-justify-content: space-evenly;
}

.flex-sa {
    display: flex;
    align-items: center;
    justify-content: space-around;
    -webkit-display: flex;
    -webkit-align-items: center;
    -webkit-justify-content: space-around;
}

.boxSizing {
    box-sizing: border-box;
}

/* 定位 */
.relative {
    position: relative;
}

.abs {
    position: absolute;
}

.fixed {
    position: fixed;
}
 

@font-face {
    font-family: 'Montserrat';
    src: url('../font/Montserrat-Medium.ttf') format('truetype');
}

/*包含以下五种的链接*/
a {
    text-decoration: none;
}
/*正常的未被访问过的链接*/
a:link {
    text-decoration: none;
}
/*已经访问过的链接*/
a:visited {
    text-decoration: none;
}
/*鼠标划过(停留)的链接*/
a:hover {
    text-decoration: none;
}
/* 正在点击的链接，鼠标在元素上按下还没有松开*/
a:active {
    text-decoration: none;
}
/* 获得焦点的时候 鼠标松开时显示的颜色*/
a:focus {
    text-decoration: none;
}