.intro-section {
  background: top center/cover url(../img/bg-tourist-intro.jpg);
}
.intro-section .intro-desc {
  color: #000;
  font-size: 1.125rem;
  line-height: 2;
}
.intro-section .video-wrapper {
  position: relative;
  height: 350px;
}
.intro-section .video-wrapper:hover #introVideoBtn.pause::after {
  opacity: 1;
}

#introVideo {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

#introVideoBtn:hover::after {
  color: #005197;
}
#introVideoBtn::after {
  content: "\ea6e";
  position: absolute;
  top: calc(50% - 60px);
  left: calc(50% - 40px);
  font-size: 80px;
  font-family: iconfont;
  color: #666;
}
#introVideoBtn.pause::after {
  content: "\ea6d";
  opacity: 0;
  transition: 0.3s all ease;
}

.section-title {
  text-align: center;
}
.section-title img {
  max-width: 100%;
}

.intro-list {
  display: flex;
  flex-wrap: wrap;
}
.intro-list .entry {
  padding: 10px 15px;
  flex: 1;
  text-align: center;
  color: #000;
  font-size: 1.125rem;
  white-space: nowrap;
}
.intro-list .entry .iconfont {
  display: block;
  color: #005197;
  font-size: 1.875rem;
}

.mingpian-list {
  display: flex;
}
.mingpian-list .entry {
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
}
.mingpian-list .entry img {
  display: block;
  height: 230px;
  width: 100%;
  object-fit: cover;
}
.mingpian-list .entry .text-wrapper {
  padding: 10px 20px 25px;
}
.mingpian-list .entry .text-wrapper .title {
  color: #000;
  font-size: 1.125rem;
}
.mingpian-list .entry .text-wrapper .desc {
  margin-top: 10px;
  color: #999;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 96px;
}

.scenery-list .row {
  margin: -3px;
}
.scenery-list .row .col-12 {
  padding: 3px;
}
.scenery-list .entry {
  position: relative;
}
.scenery-list .entry img {
  width: 100%;
  height: 200px;
  object-fit: cover;
}
.scenery-list .entry.large img {
  height: 405px;
}
.scenery-list .entry .title {
  padding: 10px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.48);
  color: #fff;
}
.scenery-list .entry .title a {
  color: #fff;
}

@media only screen and (max-width: 991.9px) {
  .scenery-list .entry img {
    height: 300px;
  }
  .scenery-list .entry.large img {
    height: 300px;
  }
}
@media only screen and (max-width: 575.9px) {
  .scenery-list .entry img {
    height: 230px;
  }
  .scenery-list .entry.large img {
    height: 230px;
  }
}

body.senior-mode .mingpian-list .entry img {
   height: 330px;
}
body.senior-mode .mingpian-list .entry .text-wrapper .desc {
   height: auto;
}