:root {
  --layout-width: 1200px;
}
html {
  scroll-behavior: smooth!important;
}
p{
  margin-bottom: 0 !important;
}
.show1Row {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
}
.show2Row {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.show3Row {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
}
.main-h1 {
  font-size: 20px;
  font-weight: 500;
}
.main-h2 {
  font-size: 16px;
  font-weight: 500;
}
.main-h3 {
  font-size: 14px;
  color: #999999;
}
.mb-h {
  display: block;
}
.pc-h {
  display: none;
}
.kdfree_experience a{
  color: #fff!important;
}
@media screen and (min-width: 1200px) {
  :root {
    --layout-width: 1020px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  :root {
    --layout-width: 768px;
  }
}
@media screen and (max-width: 768px) {
  :root {
    --layout-width: 100%;
  }
  .mb-h {
    display: none !important;
  }
  .pc-h {
    display: block !important;
  }
  body{
    width: 100%!important;
    overflow: hidden auto;
  }
  .wrap{
    padding: 0!important;
  }
}

.empty{
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 20px;
  margin-top: 0.4rem;
  
}
.empty img{
width: 84px;
height: auto;
object-fit:cover;
}