@charset "UTF-8";
* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

ul,
li {
  list-style: none;
}

i,
em {
  font-style: normal;
}

/* 防止拖拽文本域 */
textarea {
  resize: none;
}

input,
textarea {
  border: none;
  outline: none;
}

img {
  vertical-align: middle;
  border: 0;
  max-width: 100%;
}

button,
a {
  cursor: pointer;
}

a {
  text-decoration: none;
}

.swiper {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

:root {
  --swiper-navigation-color: #dba364;
  --swiper-theme-color: #dba364;
  --swiper-pagination-bullet-inactive-color: #000;
  --swiper-pagination-bullet-inactive-opacity: .5;
  --swiper-navigation-size: 20px;
}

:root {
  --swiper-navigation-color: #dba364;
  --swiper-theme-color: #dba364;
  --swiper-pagination-bullet-inactive-color: #000;
  --swiper-pagination-bullet-inactive-opacity: .5;
  --swiper-navigation-size: 20px;
}

.l-grid {
  display: grid !important;
}
.l-grid.col-1 {
  grid-template-columns: repeat(1, 1fr);
}
.l-grid.col-2 {
  grid-template-columns: repeat(2, 1fr);
}
.l-grid.col-3 {
  grid-template-columns: repeat(3, 1fr);
}
.l-grid.col-4 {
  grid-template-columns: repeat(4, 1fr);
}
.l-grid.col-5 {
  grid-template-columns: repeat(5, 1fr);
}






@media screen and (max-width: 1920px) {
  .l-grid.col-1920-1 {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media screen and (max-width: 1920px) {
  .l-grid.col-1920-2 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 1920px) {
  .l-grid.col-1920-3 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 1920px) {
  .l-grid.col-1920-4 {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media screen and (max-width: 1920px) {
  .l-grid.col-1920-5 {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media screen and (max-width: 1800px) {
  .l-grid.col-1800-1 {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media screen and (max-width: 1800px) {
  .l-grid.col-1800-2 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 1800px) {
  .l-grid.col-1800-3 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 1800px) {
  .l-grid.col-1800-4 {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media screen and (max-width: 1800px) {
  .l-grid.col-1800-5 {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media screen and (max-width: 1680px) {
  .l-grid.col-1680-1 {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media screen and (max-width: 1680px) {
  .l-grid.col-1680-2 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 1680px) {
  .l-grid.col-1680-3 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 1680px) {
  .l-grid.col-1680-4 {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media screen and (max-width: 1680px) {
  .l-grid.col-1680-5 {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media screen and (max-width: 1560px) {
  .l-grid.col-1560-1 {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media screen and (max-width: 1560px) {
  .l-grid.col-1560-2 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 1560px) {
  .l-grid.col-1560-3 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 1560px) {
  .l-grid.col-1560-4 {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media screen and (max-width: 1560px) {
  .l-grid.col-1560-5 {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media screen and (max-width: 1440px) {
  .l-grid.col-1440-1 {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media screen and (max-width: 1440px) {
  .l-grid.col-1440-2 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 1440px) {
  .l-grid.col-1440-3 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 1440px) {
  .l-grid.col-1440-4 {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media screen and (max-width: 1440px) {
  .l-grid.col-1440-5 {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media screen and (max-width: 1320px) {
  .l-grid.col-1320-1 {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media screen and (max-width: 1320px) {
  .l-grid.col-1320-2 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 1320px) {
  .l-grid.col-1320-3 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 1320px) {
  .l-grid.col-1320-4 {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media screen and (max-width: 1320px) {
  .l-grid.col-1320-5 {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media screen and (max-width: 1200px) {
  .l-grid.col-1200-1 {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media screen and (max-width: 1200px) {
  .l-grid.col-1200-2 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 1200px) {
  .l-grid.col-1200-3 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 1200px) {
  .l-grid.col-1200-4 {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media screen and (max-width: 1200px) {
  .l-grid.col-1200-5 {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media screen and (max-width: 1080px) {
  .l-grid.col-1080-1 {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media screen and (max-width: 1080px) {
  .l-grid.col-1080-2 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 1080px) {
  .l-grid.col-1080-3 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 1080px) {
  .l-grid.col-1080-4 {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media screen and (max-width: 1080px) {
  .l-grid.col-1080-5 {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media screen and (max-width: 960px) {
  .l-grid.col-960-1 {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media screen and (max-width: 960px) {
  .l-grid.col-960-2 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 960px) {
  .l-grid.col-960-3 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 960px) {
  .l-grid.col-960-4 {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media screen and (max-width: 960px) {
  .l-grid.col-960-5 {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media screen and (max-width: 840px) {
  .l-grid.col-840-1 {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media screen and (max-width: 840px) {
  .l-grid.col-840-2 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 840px) {
  .l-grid.col-840-3 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 840px) {
  .l-grid.col-840-4 {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media screen and (max-width: 840px) {
  .l-grid.col-840-5 {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media screen and (max-width: 720px) {
  .l-grid.col-720-1 {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media screen and (max-width: 720px) {
  .l-grid.col-720-2 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 720px) {
  .l-grid.col-720-3 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 720px) {
  .l-grid.col-720-4 {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media screen and (max-width: 720px) {
  .l-grid.col-720-5 {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media screen and (max-width: 600px) {
  .l-grid.col-600-1 {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media screen and (max-width: 600px) {
  .l-grid.col-600-2 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 600px) {
  .l-grid.col-600-3 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 600px) {
  .l-grid.col-600-4 {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media screen and (max-width: 600px) {
  .l-grid.col-600-5 {
    grid-template-columns: repeat(5, 1fr);
  }
}

.line-1 {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  text-overflow: -o-ellipsis-lastline;
  text-overflow: ellipsis;
  word-break: break-word !important;
  word-break: break-all;
  line-break: anywhere;
  -webkit-line-clamp: 1;
}

.line-2 {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  text-overflow: -o-ellipsis-lastline;
  text-overflow: ellipsis;
  word-break: break-word !important;
  word-break: break-all;
  line-break: anywhere;
  -webkit-line-clamp: 2;
}

.line-3 {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  text-overflow: -o-ellipsis-lastline;
  text-overflow: ellipsis;
  word-break: break-word !important;
  word-break: break-all;
  line-break: anywhere;
  -webkit-line-clamp: 3;
}

.line-4 {
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  text-overflow: -o-ellipsis-lastline;
  text-overflow: ellipsis;
  word-break: break-word !important;
  word-break: break-all;
  line-break: anywhere;
  -webkit-line-clamp: 4;
}

.pic {
  --w: 100;
  --h: 100;
  position: relative;
}
.pic::before {
  content: "";
  display: block;
  padding-top: calc(var(--h) / var(--w) * 100%);
}
.pic .box-fill {
  position: absolute;
  left: 0;
  top: 0;
}
.pic .box-fill img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}