@charset "UTF-8";
@import url("bahnschrift.css");
html {
  color: #666666;
}

ul {
  padding-left: 0;
  margin-bottom: 0;
}
ul li {
  list-style: none;
}
ul li::marker {
  display: none;
}

p {
  margin: 0;
}

.img-cover-4by3 {
  height: 0;
  width: 100%;
  padding-bottom: 75%;
  overflow: hidden;
  position: relative;
}

.img-cover-3by2 {
  height: 0;
  width: 100%;
  padding-bottom: 66.667%;
  overflow: hidden;
  position: relative;
}

.img-cover img {
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.abs-center {
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
}

.over-line-2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.text-justify {
  text-align: justify !important;
  text-align-last: justify;
}

.object-fit-cover {
  -o-object-fit: cover;
  object-fit: cover;
}

.object-fit-contain {
  -o-object-fit: contain;
  object-fit: contain;
}

.object-fit-scaleDown {
  -o-object-fit: scale-down;
  object-fit: scale-down;
}

a:focus {
  outline: none;
}

.ratio-2x3 {
  --bs-aspect-ratio: calc(2 / 3 * 100%);
  --mdb-aspect-ratio: calc(2 / 3 * 100%);
}

.ratio-3x2 {
  --bs-aspect-ratio: calc(3 / 2 * 100%);
  --mdb-aspect-ratio: calc(3 / 2 * 100%);
}

.ratio-3x4 {
  --bs-aspect-ratio: calc(4 / 3 * 100%);
  --mdb-aspect-ratio: calc(4 / 3 * 100%);
}

.ratio-8x3 {
  --mdb-aspect-ratio: calc(3 / 8 * 100%);
  --bs-aspect-ratio: calc(3 / 8 * 100%);
}

.ratio-4x6 {
  --bs-aspect-ratio: calc(6 / 4 * 100%);
  --mdb-aspect-ratio: calc(6 / 4 * 100%);
}

.vertical-txt {
  writing-mode: vertical-lr;
}

.nopic {
  background-color: #f8f8f8;
  color: #bcbcbc;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.nopic p:nth-child(1) {
  font-size: 130%;
}

@font-face {
  font-family: "BEBAS";
  src: url("../font/BEBAS/BEBAS.eot");
  /* IE9*/
  src: url("../fonts/bebas.eot") format("embedded-opentype"),
    url("../fonts/bebas.woff2") format("woff2"),
    url("../fonts/bebas.woff") format("woff"),
    url("../fonts/bebas.ttf") format("truetype"),
    url("../fonts/bebas.svg#basic") format("svg");
  /* iOS 4.1- */
  font-weight: normal;
  font-style: normal;
}
body {
  --theme-red: #39b64c;
  --theme-color: #39b64c;
  --theme-bgcolor: #f5f7fa;
  --theme-btncolor: #978668;
}

/*滚动条样式*/
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  ::-webkit-scrollbar {
    width: 5px;
    height: 8px;
  }
  ::-webkit-scrollbar-track:enabled {
    background-color: #999999;
  }
  ::-webkit-scrollbar-thumb:vertical {
    background-color: var(--theme-color);
    border-radius: 30px;
  }
  ::-webkit-scrollbar-thumb:horizontal {
    background-color: var(--theme-color);
    border-radius: 30px;
  }
}
.m-scroll::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 5px; /*高宽分别对应横竖滚动条的尺寸*/
  height: 0px;
}

.m-scroll::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 5px;
  box-shadow: inset 0 0 2.5px rgba(0, 0, 0, 0.1);
  background: var(--theme-red);
}

.m-scroll::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  box-shadow: inset 0 0 2.5px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  background: #ededed;
}

a {
  color: #333333;
  text-decoration: none;
}
a:hover {
  text-decoration: none;
  color: var(--theme-color);
}
a:focus {
  outline: none !important;
}

.de-page-mian .page-inner {
  padding: 1.5rem 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.de-page-mian .page-inner a {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  line-height: 1.25;
  color: #666;
  background-color: #e2e2e2;
  margin: 2px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.de-page-mian .page-inner a:hover,
.de-page-mian .page-inner a.active {
  background-color: var(--theme-color);
  color: #fff;
}
.de-page-mian .page-inner a.prev::after {
  content: "<";
  font-family: "宋体", SimSun;
  color: CurrentColor;
  font-weight: bold;
}
.de-page-mian .page-inner a.next::after {
  content: ">";
  font-family: "宋体", SimSun;
  color: CurrentColor;
  font-weight: bold;
}
.de-page-mian .page-inner span,
.de-page-mian .page-inner input,
.de-page-mian .page-inner a.page-btn {
  display: none;
}