@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" }