@charset "UTF-8";
@font-face {
  font-family: "SourceHanSansSC-Bold";
  src: url("https://furui-font.oss-cn-shanghai.aliyuncs.com/SourceHanSansSC-Bold.ttf");
}
@font-face {
  font-family: "SourceHanSansSC-Medium";
  src: url("https://furui-font.oss-cn-shanghai.aliyuncs.com/SourceHanSansSC-Medium.ttf");
}
@font-face {
  font-family: "SourceHanSansSC-Regular";
  src: url("https://furui-font.oss-cn-shanghai.aliyuncs.com/SourceHanSansSC-Regular.ttf");
}
* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: "SourceHanSansSC-Regular","Microsoft Yahei","微软雅黑","Arial","Helvetica",sans-serif;
}

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: #e60012;
  --swiper-theme-color: #e60012;
  --swiper-pagination-bullet-inactive-color: #fff;
  --swiper-pagination-bullet-inactive-opacity: 1;
  --swiper-navigation-size: 20px;
  --swiper-pagination-bullet-size: 16px;
}

:root {
  --wh: 50%;
}

:root {
  --swiper-navigation-color: #e60012;
  --swiper-theme-color: #e60012;
  --swiper-pagination-bullet-inactive-color: #fff;
  --swiper-pagination-bullet-inactive-opacity: 1;
  --swiper-navigation-size: 20px;
  --swiper-pagination-bullet-size: 16px;
}

:root {
  --wh: 50%;
}

.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);
}
.l-grid.col-6 {
  grid-template-columns: repeat(6, 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: 1920px) {
  .l-grid.col-1920-6 {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media screen and (max-width: 1600px) {
  .l-grid.col-1600-1 {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media screen and (max-width: 1600px) {
  .l-grid.col-1600-2 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 1600px) {
  .l-grid.col-1600-3 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 1600px) {
  .l-grid.col-1600-4 {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media screen and (max-width: 1600px) {
  .l-grid.col-1600-5 {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media screen and (max-width: 1600px) {
  .l-grid.col-1600-6 {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media screen and (max-width: 1536px) {
  .l-grid.col-1536-1 {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media screen and (max-width: 1536px) {
  .l-grid.col-1536-2 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 1536px) {
  .l-grid.col-1536-3 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 1536px) {
  .l-grid.col-1536-4 {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media screen and (max-width: 1536px) {
  .l-grid.col-1536-5 {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media screen and (max-width: 1536px) {
  .l-grid.col-1536-6 {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media screen and (max-width: 1400px) {
  .l-grid.col-1400-1 {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media screen and (max-width: 1400px) {
  .l-grid.col-1400-2 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 1400px) {
  .l-grid.col-1400-3 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 1400px) {
  .l-grid.col-1400-4 {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media screen and (max-width: 1400px) {
  .l-grid.col-1400-5 {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media screen and (max-width: 1400px) {
  .l-grid.col-1400-6 {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media screen and (max-width: 1280px) {
  .l-grid.col-1280-1 {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media screen and (max-width: 1280px) {
  .l-grid.col-1280-2 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 1280px) {
  .l-grid.col-1280-3 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 1280px) {
  .l-grid.col-1280-4 {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media screen and (max-width: 1280px) {
  .l-grid.col-1280-5 {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media screen and (max-width: 1280px) {
  .l-grid.col-1280-6 {
    grid-template-columns: repeat(6, 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: 1080px) {
  .l-grid.col-1080-6 {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media screen and (max-width: 992px) {
  .l-grid.col-992-1 {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media screen and (max-width: 992px) {
  .l-grid.col-992-2 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 992px) {
  .l-grid.col-992-3 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 992px) {
  .l-grid.col-992-4 {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media screen and (max-width: 992px) {
  .l-grid.col-992-5 {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media screen and (max-width: 992px) {
  .l-grid.col-992-6 {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media screen and (max-width: 768px) {
  .l-grid.col-768-1 {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media screen and (max-width: 768px) {
  .l-grid.col-768-2 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 768px) {
  .l-grid.col-768-3 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 768px) {
  .l-grid.col-768-4 {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media screen and (max-width: 768px) {
  .l-grid.col-768-5 {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media screen and (max-width: 768px) {
  .l-grid.col-768-6 {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media screen and (max-width: 400px) {
  .l-grid.col-400-1 {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media screen and (max-width: 400px) {
  .l-grid.col-400-2 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 400px) {
  .l-grid.col-400-3 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 400px) {
  .l-grid.col-400-4 {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media screen and (max-width: 400px) {
  .l-grid.col-400-5 {
    grid-template-columns: repeat(5, 1fr);
  }
}
@media screen and (max-width: 400px) {
  .l-grid.col-400-6 {
    grid-template-columns: repeat(6, 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;
}

.line-5 {
  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: 5;
}

.line-6 {
  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: 6;
}

@media screen and (max-width: 1800px) {
  html {
    font-size: 15px;
  }
}
@media screen and (max-width: 1680px) {
  html {
    font-size: 14px;
  }
}
@media screen and (max-width: 1560px) {
  html {
    font-size: 13px;
  }
}
@media screen and (max-width: 1440px) {
  html {
    font-size: 12px;
  }
}