.main {
  padding: 26px;
  background: #fff;
  border-radius: 8px;
}
.main .detail-cont {
  width: 100%;
}
.main .detail-cont .pic-box {
  position: relative;
  background-size: 100% 100%;
}
.main .detail-cont .pic-box .btn-box {
  position: absolute;
  cursor: pointer;
  left: 50%;
}
.main .detail-cont #pic-01 {
  background-image: url(/assets/5772/pic-01.jpg);
  height: 1284px;
}
.main .detail-cont #pic-02 {
  background-image: url(/assets/5772/pic-02.jpg);
  height: 1330px;
}
.main .detail-cont #pic-03 {
  background-image: url(/assets/5772/pic-03.jpg);
  height: 1708px;
}
.main .detail-cont #pic-04 {
  background-image: url(/assets/5772/pic-04.jpg);
  height: 1788px;
}
.main .detail-cont #pic-05 {
  background-image: url(/assets/5772/pic-05.jpg);
  height: 2240px;
}
.main .detail-cont #pic-06 {
  background-image: url(/assets/5772/pic-06.jpg);
  height: 2559px;
}
.main .detail-cont #pic-07 {
  background-image: url(/assets/5772/pic-07.jpg);
  height: 2453px;
}
.main .detail-cont #pic-08 {
  background-image: url(/assets/5772/pic-08.jpg);
  height: 1260px;
}
.main .detail-cont #pic-09 {
  background-image: url(/assets/5772/pic-09.jpg);
  height: 1658px;
}
.main .detail-cont #pic-10 {
  background-image: url(/assets/5772/pic-10.jpg);
  height: 2883px;
}
.main .detail-cont #pic-11 {
  background-image: url(/assets/5772/pic-11.jpg);
  height: 2792px;
}
.main .detail-cont #pic-12 {
  background-image: url(/assets/5772/pic-12.jpg);
  height: 4053px;
}
.main .detail-cont #pic-12 .btn1 {
  width: 1020px;
  height: 150px;
  bottom: 2315px;
  margin-left: -510px;
}
.main .detail-cont #pic-12 .btn2 {
  width: 1060px;
  height: 550px;
  bottom: 45px;
  margin-left: -530px;
}