/* CSS重置 */
@font-face {
  font-family: 'Poppins-Black';
  font-weight: normal;
  src: url('./font/Poppins/Poppins-Black.otf') format('truetype');
}

@font-face {
  font-family: 'Poppins-Bold';
  font-weight: normal;
  src: url('./font/Poppins/Poppins-Bold.otf') format('truetype');
}

@font-face {
  font-family: 'Poppins-ExtraBold';
  font-weight: normal;
  src: url('./font/Poppins/Poppins-ExtraBold.otf') format('truetype');
}

@font-face {
  font-family: 'Poppins-ExtraLight';
  font-weight: normal;
  src: url('./font/Poppins/Poppins-ExtraLight.otf') format('truetype');
}

@font-face {
  font-family: 'Poppins-Light';
  font-weight: normal;
  src: url('./font/Poppins/Poppins-Light.otf') format('truetype');
}
@font-face {
  font-family: 'Poppins-Medium';
  font-weight: normal;
  src: url('./font/Poppins/Poppins-Medium.otf') format('truetype');
}

@font-face {
  font-family: 'Poppins-Regular';
  font-weight: normal;
  src: url('./font/Poppins/Poppins-Regular.otf') format('truetype');
}
@font-face {
  font-family: 'Poppins-SemiBold';
  font-weight: normal;
  src: url('./font/Poppins/Poppins-SemiBold.otf') format('truetype');
}

@font-face {
  font-family: 'Poppins-Thin';
  font-weight: normal;
  src: url('./font/Poppins/Poppins-Thin.otf') format('truetype');
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    box-sizing: border-box; /* 保证盒模型包含边框和内边距 */
    -webkit-font-smoothing: antialiased; /* 优化文字渲染 */
    -moz-osx-font-smoothing: grayscale ; /* 优化文字渲染 */
}
html, body {
  overscroll-behavior: none;
  overflow: hidden;
  height: 100%;
}
/* 将 ol, ul, li 列表的列表标记设置为 none */
ol, ul,li {
    list-style: none;
}

/* 去除链接的下划线，并设置为默认的颜色 */
a {
    text-decoration: none;
    color: inherit;
}

/* 处理图片不显示边框的问题 */
img {
    display: block;
    max-width: 100%;
    height: auto;
    border: none;
}
.Poppins-Black{
    font-family: 'Poppins-Black' !important;
  }

  .Poppins-Bold{
    font-family: 'Poppins-Bold' !important;
  }

  .Poppins-ExtraBold{
    font-family: 'Poppins-ExtraBold' !important;
  }

  .Poppins-ExtraLight{
    font-family: 'Poppins-ExtraLight' !important;
  }

  .Poppins-Light{
    font-family: 'Poppins-Light' !important;
  }

  .Poppins-Medium{
    font-family: 'Poppins-Medium' !important;
  }

  .Poppins-Regular{
    font-family: 'Poppins-Regular' !important;
  }
  .Poppins-SemiBold{
    font-family: 'Poppins-SemiBold'
  }

  .Poppins-Thin{
    font-family: 'Poppins-Thin' !important;
  }

  /* 整个滚动条 */
::-webkit-scrollbar {
  width: 0px; /* 水平滚动条的高度、垂直滚动条的宽度 */
  height:00px; /* 水平滚动条的高度 */
}

/* 滚动条轨道 */
::-webkit-scrollbar-track {
  background: #f1f1f1; /* 颜色和样式 */
}

/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
  background: #888; /* 滑块颜色 */
}

/* 滑块hover效果 */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.el-dialog__header{
  display: none;
}
.el-dialog__body{
  padding: 0;
}
.el-dialog,.el-drawer{
  background: none !important;
}
.el-loading-spinner{
  width: 174rem;
  height: 116rem;
  background: rgba(40,40,40,0.96);
  border-radius: 16rem ;
  margin: auto;
  padding-top: 30rem;

}
.el-loading-mask{
  display: flex;
  align-items: center;
  justify-content: center;
}
.el-icon-loading{
  font-size: 40rem;
  color: white !important;
}
.el-loading-text{
  font-weight: 400;
  font-size: 12rem!important;
  color: #F1F1F1!important;
  font-family: 'Poppins-Regular' !important;
  margin-top:4rem !important;

}.el-message-box{
  width: 270rem !important;
  background: #212121 ;
  border: none;
  border-radius: 18rem;
  padding: 0;

}
.el-message-box__header{
  padding: 0;
  padding-top: 16rem;
  text-align: center;
  font-family: 'Poppins-SemiBold';

}
.el-message-box__title{
  color: #F1F1F1 ;
  font-weight: 600;
  font-size: 18rem;
  color: #F1F1F1;
}
.el-message-box__content{
  padding: 16rem;
  padding-top: 10rem;
  text-align: center;
  font-family: "Poppins-Regular";
}
.el-message-box__message{
  font-weight: 400;
  font-size: 14rem;
  color: #F1F1F1;
}
.el-message-box__btns{
  height: 44rem;
  border-top:0.3rem solid rgba(255,255,255,0.16) ;
  padding: 0;
  display: flex;
  align-items: center;
}
.el-message-box__btns .el-button{
  background: none;
  border: none;
  height: 44rem;
  width: 50%;
  font-family: "Poppins-Regular";
  font-weight: 400;
  font-size: 16rem;
}
.pagepagination{
  margin-top: 48rem;
  display: flex;
  align-items: center;
  justify-content: center;

}
  .el-pager .number{
    width: 32rem;
    height: 32rem;
    border-radius: 8rem !important;
    border: 1rem solid #434343 !important;
    background: none !important;
    display:inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0 3rem !important;
    font-family: "Poppins-Regular" !important;
    font-weight: 400;
    font-size: 13rem;
    color: #F1F1F1 !important;
  }
  .el-pager .active{
    background: white !important;
    color: #121212 !important;
  }
  .el-pagination .btn-prev ,.el-pagination .btn-next{
    width: 32rem;
    height: 32rem;
    border-radius: 8rem !important;
    border: 1rem solid #434343 !important;
    background: none !important;
    font-size: 16rem;
    margin: 0 3rem !important;
    display:inline-flex;
    align-items: center;
    justify-content: center;
  }
  .el-pagination .btn-next .el-icon, .el-pagination .btn-prev .el-icon{
    font-size: 16rem;
    color: RGBA(213, 213, 213, 1) !important;
  }
  .el-pager li.btn-quicknext, .el-pager li.btn-quickprev{
    width: 32rem;
    height: 32rem;
    border-radius: 8rem !important;
    border: 1rem solid #434343 !important;
    background: none !important;
    display:inline-flex;
    align-items: center;
    justify-content: center;
    color: #F1F1F1 !important;
  }
.el-message{
  background: rgba(33, 33, 33, 1);
  border: none;
  top: 50vh !important;
  min-width:0
}
.el-message--info .el-message__content{
  color: rgba(241, 241, 241, 1) !important;
}
.el-message__icon{
  display: none !important;
  font-family: "Poppins-Regular";
}