.normal-x-padding {
  padding-left: 5%;
  padding-right: 5%;
}
.small-padding {
  padding: 5% 10%;
}
.hover-click {
  cursor: pointer;
}
.hover-click:hover {
  color: #0264fa !important;
}
.hover-click:active {
  color: #004cc1 !important;
}
.learn-more {
  cursor: pointer;
  color: #0264fa;
  font-family: "HurmeGeometricSans3-Bold";
  font-weight: bold;
  font-size: 18px;
}
.learn-more:hover {
  border-bottom: 2px solid #0264fa;
}
.learn-more:active {
  color: #004cc1;
  border-bottom: 2px solid #004cc1;
}
.page-main.news-detail {
  padding: 100px 10%;
}
.page-main.news-detail .show-in-mb {
  display: none;
}
.page-main.news-detail .title {
  font-family: "HurmeGeometricSans3-Bold";
  font-weight: 500;
  font-size: 28px;
  line-height: 35px;
  margin-bottom: 28px;
  text-align: center;
}
.page-main.news-detail .date {
  color: #999;
  text-align: center;
  margin-bottom: 28px;
}
.page-main.news-detail .share {
  text-align: center;
  margin-bottom: 28px;
}
.page-main.news-detail .share a {
  margin: 0 12px;
}
.page-main.news-detail .share a .iconfont {
  color: #000;
  font-size: 28px;
  cursor: pointer;
}
.page-main.news-detail .share a .iconfont:hover {
  color: #0264fa !important;
}
.page-main.news-detail .share a .iconfont:active {
  color: #004cc1 !important;
}
.page-main.news-detail .content {
  border-top: 1px solid #eee;
  margin-bottom: 42px;
}
.page-main.news-detail .content .half-width {
  display: flex;
  justify-content: space-between;
}
.page-main.news-detail .content .half-width img {
  width: 48%;
}
.page-main.news-detail .back-to-list {
  text-align: center;
}
.page-main.news-detail .video-content {
  text-align: center;
}
.page-main.news-detail .video-content video {
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 650px) {
  .page-main.news-detail {
    padding-left: 14px;
    padding-right: 14px;
  }
  .page-main.news-detail .show-in-mb {
    display: block;
  }
  .page-main.news-detail .title {
    text-align: left;
    margin-bottom: 14px;
    margin-top: 70px;
  }
  .page-main.news-detail .date {
    color: #000;
    text-align: left;
    font-family: "HurmeGeometricSans3-Bold";
    font-size: 21px;
    font-weight: 500;
  }
  .page-main.news-detail .share {
    position: fixed;
    top: 70px;
    left: 0;
    right: 0;
    padding: 14px;
    box-shadow: 0 -2px 2px 2px #e5e5e5;
    background-color: #fff;
    display: flex;
    justify-content: space-between;
  }
  .page-main.news-detail .share a {
    opacity: 1;
  }
  .page-main.news-detail .share a img {
    height: 28px;
  }
  .page-main.news-detail .share .back-to-list {
    transform: rotate(90deg);
  }
  .page-main.news-detail .content {
    border-top: 0;
    margin-bottom: 42px;
  }
  .page-main.news-detail .content .half-width {
    display: block;
  }
  .page-main.news-detail .content .half-width img {
    width: 100%;
  }
}