/* 修复点击事件黑屏 */
body {
  -webkit-tap-highlight-color:transparent;
  /* background: red; */
  background: #c91b11 url(./../images/bg-dot.png) center center repeat;
  background-size: contain;
  /* background: url(./../images/dialog-bg.png) center center no-repeat;
  background-size: 100% 100%; */
}

.viewer-backdrop {
  background-color: rgba(0,0,0,.8);
}

.hide {
  display: none;
}

.tc {
  text-align: center;
}

/* 懒加载风格 */
.swiper-container1{
  /* --swiper-theme-color: #ff6600;设置Swiper风格 */
  --swiper-preloader-color: #333333bd;/* 单独设置预加载圆圈的颜色 */
}

.container {
  /* padding: 10px; */
  /* position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden; */
  text-align: center;
}

.container img {
  width: 100%;
}

.com-pic-list img {
  margin-top: .5rem;
}
.com-pic-list video {
  width: 100%;
  height: 8.7rem;
  margin-top: .5rem;
  /* background: #000; */
}
.com-pic-list video.video1 {
  /* background: url(./../images/video-1.png) center center no-repeat;
  background-size: 100% 100%;  */
} 
/* .com-pic-list video.video2 {
  background: url(./../images/video-2.png) center center no-repeat;
  background-size: 100% 100%; 
} 
.com-pic-list video.video3 {
  background: url(./../images/video-3.png) center center no-repeat;
  background-size: 100% 100%; 
} 
.com-pic-list video.video4 {
  background: url(./../images/video-4.png) center center no-repeat;
  background-size: 100% 100%; 
}  */

.border-box {
  position: relative;
  border: solid 6px #EFB873;
}
.border-box .corner {
  position: absolute;
  width: 10px;
  height: 10px;
}
.border-box .corner-1 {
  left: 0;
  top: 0;
}
.border-box .corner-2 {
  right: 0;
  top: 0;
  transform: rotate(90deg);
}
.border-box .corner-3 {
  left: 0;
  bottom: 0;
  transform: rotate(-90deg);
}
.border-box .corner-4 {
  right: 0;
  bottom: 0;
  transform: rotate(180deg);
}

.contain-blue {
  background: #003b72 url(./../images/bg-dot.png) center center repeat;
  background-size: contain;
}
/* .contain-blue:after {
  display: block;
  content: '';
  position: absolute;
  background: url(./../images/bg-dot.png) center center no-repeat;
} */

/* 前言 */
.part-pre-box {
  padding: .88rem .25rem;
}

.part-pre {
  padding: 20px 10px;
  border: solid 6px #EFB873;
  background: #003b72 url(./../images/bg-circle-blue.png) center center repeat;
  background-size: contain;
}

/* 第一章 */
.part-1-box,
.part-3-box {
  padding: .88rem .25rem;
}

.part-1,
.part-3 {
  padding: 20px 10px;
  border: solid 6px #EFB873;
  background: #c91b11 url(./../images/bg-circle-red.png) center center repeat;
  background-size: contain;
}

/* 第二章 */
.part-2-box,
.part-4-box {
  padding: .88rem .25rem;
}

.part-2,
.part-4 {
  padding: 20px 10px;
  border: solid 6px #EFB873;
  background: #003b72 url(./../images/bg-circle-blue.png) center center repeat;
  background-size: contain;
}