* {
    box-sizing: border-box;
}

body {
    background-color: #f4f4f4;
}

p {
    margin: 0;
}

img {
    vertical-align: middle;
}

/*flex布局*/

.flex-1 {
    flex: 1;
}

.d-flex {
    display: flex;
}

.align-items-center {
    align-items: center;
}

.justify-space-between {
    justify-content: space-between;
}

.flex-column {
    flex-direction: column;
}

/*文字*/

.text-center {
    text-align: center;
}

.text1-1 {
    color: #cccccc;
}

.text1-2 {
    color: #999999;
}

.text1-3 {
    color: #666666;
}

/*line*/

.border-color-line1-2 {
    color: #DCDEE3;
}

/*notice*/

.notice-3 {
    color: #4494F9;
}

.fs-12 {
    font-size: 12px;
}

.link-1 {
    color: #5584FF;
}

.mb-4 {
    margin-bottom: 4px;
}

.mb-8 {
    margin-bottom: 8px;
}
