@font-face {
    font-family: "x-icon";
    font-style: normal;
    font-weight: normal;
    src: url('./fonts/x-icon.eot');
    src: url('./fonts/x-icon.eot?#iefix') format('eot'),
    url('./fonts/x-icon.woff2') format('woff2'),
    url('./fonts/x-icon.woff') format('woff'),
    url('./fonts/x-icon.ttf') format('truetype');
}

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

.x-icon::before {
    display: inline-block;
    font-family: "x-icon";
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.x-icon-search2::before { content: "\EA01" }
.x-icon-up_fill::before { content: "\EA02" }
.x-icon-tell_fill::before { content: "\EA03" }
.x-icon-qq_fill::before { content: "\EA04" }
.x-icon-clock_fill::before { content: "\EA05" }
.x-icon-qr-code-fill::before { content: "\EA06" }
.x-icon-gototop::before { content: "\EA07" }
.x-icon-tel::before { content: "\EA08" }
.x-icon-qq::before { content: "\EA09" }
.x-icon-clock1::before { content: "\EA0A" }
.x-icon-qr_code_icon::before { content: "\EA0B" }
.x-icon-more-line::before { content: "\EA0C" }
.x-icon-close::before { content: "\EA0D" }
.x-icon-left::before { content: "\EA0E" }
.x-icon-align-center::before { content: "\EA0F" }
.x-icon-align-left::before { content: "\EA10" }
.x-icon-align-right::before { content: "\EA11" }
.x-icon-number1::before { content: "\EA12" }
.x-icon-number2::before { content: "\EA13" }
.x-icon-number3::before { content: "\EA14" }
.x-icon-down1::before { content: "\EA15" }
.x-icon-go::before { content: "\EA16" }