@font-face {
  font-family: '思源宋体';
  src: url('../SiYuanSongTiRegular/SourceHanSerifCN-Bold-2.otf');
  font-weight: normal;
  font-style: normal;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 5px; /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
}
body::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 5px transparent;
  background: #8a7351;
}
body::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  -webkit-box-shadow: inset 0 0 5px transparent;
  border-radius: 10px;
  background: transparent;
}

body{
  overflow-x: hidden;
}

ul li {
  list-style: none;
}

.comTit {
  width: 98%;
  font-weight: 700;
  /* font-family: '思源宋体'; */
  color: #9F171C;
  font-size: 24px;
  border-right: 3px solid #9F171C;
  padding-right: 20px;
  text-align: right;
  margin-bottom: 30px;
}

.comBs {
  cursor: pointer;
  position: absolute;
  bottom: 0px;
  left: 50%;
  transform: translateX(-50%);
  width: 70px;
  height: 70px;
  background: url('../../assets/img/slide.gif');
  background-size: 100% 100%;
}

/* ::-webkit-scrollbar {
  width: 1px;
  height: 1px;
}

::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 5px transparent;
  background: #8A7351;
}

::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 5px transparent;
  border-radius: 10px;
  background: transparent;
} */
#app .swiper-button-prev.swiper-button-disabled,
#app .swiper-button-next.swiper-button-disabled {
  cursor: pointer;
  opacity: 1;
  pointer-events: auto;
}
#app .swiper-button-prev, #app .swiper-button-next{
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background-color: rgba(0,0,0,.6);
  left: -17px;
  background-size: 20px 20px;
  margin-top:-17px;
}
#app .swiper-button-next{
  left: auto;
  right: -17px;
}
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after{
  font-size: 20px !important;
}
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{
  font-size: 20px !important;
}
.videoName>p {
  padding: 0px 10px;
  z-index: 99;
  width: 100%;
  word-break: break-all;
}

.videoName .videoPlay {
  width: 50px;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 100;
  transform: translate(-50%, -50%);
}

.videoName .videoPlay img {
  width: 100%;
}
.viewer-title {
  display: none !important;
}

.viewer-prev {
  display: none !important;
}

.viewer-next {
  display: none !important;
}

.viewer-navbar {
  display: none !important;
}
video {
  width: 100%;
}