body,
html {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}

input:-webkit-autofill {
  -webkit-text-fill-color: #1D2023 !important;
  /*记住密码的字的颜色*/
  transition: background-color 5000s ease-in-out 0s;
  /*延时渲染背景色来去除背景色*/
  caret-color: #000;
  /*光标颜色*/
}

body {
  font-family: Arial, 'Arial Black', 'Andale Mono', 'Comic Sans MS', 'Courier New', Georgia, Impact, 'Times New Roman', 'Trebuchet MS', Verdana;
}

@font-face {
  font-family: barlow;
  src: url('./font/Barlow-BoldItalic.ttf');
}

@font-face {
  font-family: barlowBlack;
  src: url('./font/BarlowCondensed-BlackItalic.ttf');
}

@font-face {
  font-family: barlowBold;
  src: url('./font/BarlowCondensed-ExtraBold.ttf');
}

@font-face {
  font-family: barlowBoldItic;
  src: url('./font/BarlowCondensed-ExtraBoldItalic.ttf');
}

@font-face {
  font-family: barlowEBoldItic;
  src: url('./font/Barlow-ExtraBoldItalic.ttf');
}

@font-face {
  font-family: barlowBlack2;
  src: url('./font/Barlow-Black.ttf');
}

dd,
dl,
dt,
form,
img,
li,
ol,
ul {
  margin: 0;
  padding: 0;
  border: 0;
}

li {
  list-style-type: none;
}

div,
h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
  padding: 0;
  font-weight: normal;
}

button {
  border: 0;
  outline: none;
  cursor: pointer;
}

a {
  text-decoration: none;
}

img {
  max-width: 100%;
  width: 100%;
  display: block;
}

.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl {
  padding: 0;
  position: relative;
}

.container_wrap {
  max-width: 62.5vw;
  margin: 0 auto;
  position: relative;
}

@media only screen and (min-width:992px) and (max-width:1200px) {
  .container_wrap {
    max-width: 96.77vw;
  }
}

@media only screen and (min-width:768px) and (max-width:991px) {
  .container_wrap {
    max-width: 93.75vw;
  }
}

@media only screen and (max-width:767px) {
  .container_wrap {
    max-width: 100%;
  }
}

.sm-show {
  display: none;
}

.sm-hide {
  display: block;
}

@media only screen and (max-width:767px) {
  .sm-show {
    display: block;
  }

  .sm-hide {
    display: none;
  }
}

.clearfix::after {
  content: '';
  clear: both;
  display: block;
}

.text-overflow {
  /* 文本溢出隐藏 */
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

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

.flex-start {
  justify-content: flex-start;
}

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

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

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

.flex-col-revise {
  flex-direction: column-reverse;
}

.align-start {
  align-items: flex-start;
}

.flex-item {
  flex: 1;
}