@charset "UTF-8";
.byd-flex, .byd-column, .byd-column-around, .byd-column-between, .byd-column-end, .byd-column-center, .byd-column-wrap, .byd-column-reverse, .byd-row-reverse, .byd-row, .byd-row-around, .byd-row-between, .byd-row-end, .byd-row-wrap-end, .byd-row-center, .byd-row-wrap {
  /* Chrome 21+ */
  display: flex;
  /* 现代浏览器 */
}

.byd-row-reverse {
  flex-direction: row-reverse;
}

.byd-row-wrap {
  flex-wrap: wrap;
}

.byd-row-wrap-end {
  flex-wrap: wrap;
}

.byd-row-center {
  justify-content: center;
}

.byd-row-end, .byd-row-wrap-end {
  justify-content: flex-end;
}

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

.byd-row-around {
  justify-content: space-around;
}

.byd-column, .byd-column-around, .byd-column-between, .byd-column-end, .byd-column-center, .byd-column-wrap, .byd-column-reverse {
  flex-direction: column;
}

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

.byd-column-wrap {
  flex-wrap: wrap;
}

.byd-column-center {
  justify-content: center;
}

.byd-column-end {
  justify-content: flex-end;
}

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

.byd-column-around {
  justify-content: space-around;
}

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

.byd_align-end {
  align-items: flex-end;
}

.byd_self-center {
  align-self: center;
}

.byd_self-end {
  align-self: flex-end;
}

.byd-g-1 {
  flex: 1;
}

.byd-g-2 {
  flex: 2;
}

.byd-g-3 {
  flex: 3;
}

.byd-g-4 {
  flex: 4;
}

.byd-g-5 {
  flex: 5;
}

.byd-g-6 {
  flex: 6;
}

.byd-g-7 {
  flex: 7;
}

.byd-g-8 {
  flex: 8;
}

.byd-g-9 {
  flex: 9;
}

.byd-g-10 {
  flex: 10;
}

.c-p {
  cursor: pointer;
}

.c-white {
  color: white;
}

.w-100 {
  width: 100%;
}

.h-100 {
  height: 100%;
}

.p-r {
  position: relative;
}

@font-face {
  font-family: "Inter";
  src: url("/static_material/bydtruck/eu/static/ttf/Inter-Regular.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("/static_material/bydtruck/eu/static/ttf/Inter-Medium.ttf") format("truetype");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("/static_material/bydtruck/eu/static/ttf/Inter-SemiBold.ttf") format("truetype");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}
body {
  overflow-x: clip;
  height: 100%;
  font-family: "Inter";
}

button,
input[type=text] {
  font-family: "Inter";
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}

ul {
  list-style: none;
}

li {
  list-style-type: none;
}

a {
  text-decoration: none;
  display: inline-block;
  color: inherit;
}

@media screen and (max-width: 1023.98px) {
  .pc-device {
    display: none !important;
  }
}
@media screen and (min-width: 1024px) {
  .mob-device {
    display: none !important;
  }
}
:root {
  --brand: #e50012;
  --brand1: #f0f8ff;
  --brand2: #aad0fa;
  --brand3-1: #aad0fa;
  --brand3: #aad0fa;
  --brand4: #1e4fb2;
  --brand5: #043491;
  --brand6: #021349;
  --green1: #17bd17;
  --green2: #defbcf;
  --blue1: #2290fd;
  --blue2: #e9f4ff;
  --red1: #f23538;
  --red2: #fee3d6;
  --yellow1: #f8b121;
  --yellow2: #fff7e8;
  --B1: #f5f6f7;
  --B2: #e9eaed;
  --B3: #c2c8d3;
  --B4: #a1a6af;
  --B5: #5c606a;
  --B6: #1a1d25;
  --B7: rgba(0, 0, 0, 0.5);
  --B8: #383B43;
  --B: #000;
  --W1: rgba(255, 255, 255, 0.1);
  --W2: rgba(255, 255, 255, 0.3);
  --W3: rgba(255, 255, 255, 0.5);
  --W4: rgba(255, 255, 255, 0.75);
  --W: rgba(255, 255, 255, 1);
  --text-wh-primary: #ffffff;
  --text-wh-subheading: rgba(255, 255, 255, 0.75);
  --text-wh-secondary1: rgba(255, 255, 255, 0.5);
  --text-wh-secondary2: rgba(255, 255, 255, 0.3);
  --text-wh-disabled: rgba(255, 255, 255, 0.15);
  --text-bk-primary: #1a1d25;
  --text-bk-subheading: #5c606a;
  --text-bk-secondary1: #a1a6af;
  --text-bk-secondary2: #c2c8d3;
  --text-bk-disabled: #e9eaed;
  --text-bk-subheading2: #383B43;
  --fill-bg-wh: #fbfbfb;
  --fill-bg-grey: #f3f3f4;
  --fill-card: #f5f6f7;
  --fill-table-selected-hover: rgba(255, 255, 255, 0.02);
  --fill-button-search-tag: #ebebeb;
  --fill-disabled: #cacccd;
  --fill-bg-mask: rgba(0, 0, 0, 0.5);
  --fill-bg-black: #222222;
  --line-dark: #c2c8d3;
  --line-light: #f5f6f7;
  --link-color: #2290fd;
  --gutter: auto;
  --header-height: 72px;
  --T0: 48px;
  --T1: 40px;
  --T2: 36px;
  --T3: 32px;
  --T4: 28px;
  --T5: 24px;
  --T6: 20px;
  --T7: 18px;
  --T8: 16px;
  --T9: 14px;
  --desc: 12px;
}

@media (min-width: 1568.01px) {
  :root {
    --gutter: auto;
    --header-height: 72px;
    --T0: 56px;
    --T1: 48px;
    --T2: 40px;
    --T3: 36px;
    --T4: 32px;
    --T5: 24px;
    --T6: 20px;
    --T7: 18px;
    --T8: 16px;
    --T9: 14px;
    --desc: 12px;
  }
}
@media (max-width: 1023.98px) and (min-width: 768px) {
  :root {
    --header-height: 48px;
    --gutter: 24px;
    --T0: 38px;
    --T1: 28px;
    --T2: 24px;
    --T3: 20px;
    --T4: 20px;
    --T5: 18px;
    --T6: 16px;
    --T7: 14px;
    --T8: 12px;
    --T9: 10px;
    --desc: 10px;
  }
}
@media screen and (max-width: 767.98px) {
  :root {
    --header-height: 48px;
    --gutter: 24px;
    --T0: 38px;
    --T1: 28px;
    --T2: 24px;
    --T3: 20px;
    --T4: 20px;
    --T5: 18px;
    --T6: 16px;
    --T7: 14px;
    --T8: 12px;
    --T9: 10px;
    --desc: 10px;
  }
}
/* 定义滚动条整体样式 */
::-webkit-scrollbar {
  display: none;
}

html,
body {
  transition: background-color 0.5s;
  margin: 0;
  padding: 0;
}

a {
  text-decoration: none;
}

.flex {
  display: flex;
}

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

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

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

.flex-end {
  display: flex;
  justify-content: flex-end;
}

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

.flex-around {
  display: flex;
  justify-content: space-around;
}

.flex-align-end {
  display: flex;
  align-items: flex-end;
}

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

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

.flex-justify-center {
  display: flex;
  justify-content: center;
}

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

.fcb-toast-message.el-message {
  border: none;
  border-radius: 4px;
  padding: 16px 24px;
  background-color: rgba(0, 0, 0, 0.7);
}
@media screen and (max-width: 1023.98px) {
  .fcb-toast-message.el-message {
    padding: 12px;
  }
}
.fcb-toast-message.el-message .el-icon.el-message__icon {
  display: none;
}
.fcb-toast-message.el-message .el-message__content {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: #ededed;
}
.fcb-toast-message.el-message.el-message-fade-enter-from {
  opacity: 0;
  transform: translate(-50%, -40px);
  transition: all 300ms ease-out;
}
.fcb-toast-message.el-message.el-message-fade-leave-to {
  opacity: 0;
  transform: translate(-50%, 0);
  transition: all 200ms ease-in;
}

/**
* 黑白（灰）主题色
*/
.dark {
  --text-primary-color: #ffffff;
  --text-content-color: rgba(255, 255, 255, 0.75);
  --text-desc-color: rgba(255, 255, 255, 0.55);
  --text-desc-color2: rgba(255, 255, 255, 0.75);
  --text-desc-color3: rgba(255, 255, 255, 0.55);
  --bg-color: #0a0b0e;
  --bg-color2: #0a0b0e;
  --bg-card-color: #202020;
  --bg-card-color2: #232427;
  --line-color: rgba(255, 255, 255, 0.15);
  --border-color: #1c1c1e;
}

.light {
  --text-primary-color: #1a1d25;
  --text-content-color: #383b43;
  --text-desc-color: #5c606a;
  --text-desc-color2: #777e91;
  --text-desc-color3: #9ba1af;
  --bg-color: #fff;
  --bg-color2: #f5f5f5;
  --bg-card-color: #f5f6f7;
  --bg-card-color2: #fff;
  --line-color: #c9cdd4;
  --border-color: #ebebeb;
}

.gray {
  --bg-color: #f5f5f5;
  --text-primary-color: #1a1d25;
  --text-content-color: #383b43;
  --text-desc-color: #5c606a;
  --bg-card-color: #fff;
  --line-color: #ebebeb;
  --border-color: #ebebeb;
}