body,
.main-bg {
  background-color: #191a1b;
  color: white;
  font-family:"黑体",arial;
}
body h4,
.main-bg h4 {
  font-size: 24px;
}
body .btn a:link,
.main-bg .btn a:link,
body .btn a:visited,
.main-bg .btn a:visited {
  color: white;
}
body .btn a:hover,
.main-bg .btn a:hover {
  color: white;
}
body .vote,
.main-bg .vote {
  text-align: center;
}
body video,
.main-bg video {
  width: 100%;
}
body .down-vote,
.main-bg .down-vote {
  display: none;
}
.hd {
  background: url("../img/hd-bg.jpg") no-repeat top center;
  background-size: cover;
  height: 750px;
  padding-top: 30px;
  z-index: 5;
}
.hd .down-btu,
.hd .note {
  visibility: hidden;
}
.hd .pic-list {
  padding-top: 2rem;
}
.hd .pic-list div:nth-child(1) {
  animation: pic-box-show 1s;
  animation-iteration-count: 1;
  animation-delay: 0s;
}
.hd .pic-list div:nth-child(2) {
  animation: pic-box-show 1s;
  animation-iteration-count: 1;
  animation-delay: 400ms;
}
.hd .pic-list div:nth-child(3) {
  animation: pic-box-show 1s;
  animation-iteration-count: 1;
  animation-delay: 600ms;
}
.hd .pic-list div:nth-child(4) {
  animation: pic-box-show 1s;
  animation-iteration-count: 1;
  animation-delay: 800ms;
}
.hd .pic-list img {
  /*border: 1px solid #ccc;*/
  filter: brightness(0.8);
}
.hd .pic-list img:hover {
  filter: brightness(1);
}
.hd .tp {
  max-width: 736px;
  padding-top: 7rem;
  margin-left: 2rem;
}
.main-bg .headline {
  height: 225px;
  overflow: hidden;
  z-index: 0;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center bottom;
  position: relative;
}
.main-bg .title-1 {
  background-image: url("../img/headline01.png");
}
.main-bg .title-2 {
  background-image: url("../img/headline02.png");
}
.main-bg .title-3 {
  background-image: url("../img/headline03.png");
  height: 220px;
}
.main-bg .light-l {
  position: fixed;
  top: -320px;
  left: 150px;
  z-index: 1;
  width: 60%;
  animation: light-Turn 2s;
  animation-iteration-count: 10000;
  animation-direction: alternate;
}
.main-bg .light-r {
  position: fixed;
  top: -320px;
  right: 150px;
  z-index: 1;
  width: 60%;
  animation: light-Turn-r 2s;
  animation-iteration-count: 10000;
  animation-direction: alternate;
}
.content {
  padding-top: 3rem;
  z-index: 100;
  position: relative;
}
.content .c-1-l {
  background-color: #303030;
  height: auto;
}
.content .c-1-l p {
  margin-bottom: 0;
}
.content .c-1-l .c-l-img {
  margin-bottom: 10px;
  position: relative;
}
.content .c-1-l .c-l-img iframe {
  height: 380px;
}
.content .c-1-r {
  background-color: #303030;
  position: relative;
}
.content .c-1-r:first-child {
  margin-bottom: 20px;
}
.content .c-1-r p {
  display: none;
}
.content h4 {
  margin-bottom: 10px;
  font-size: 20px;
}
.content .play {
  position: absolute;
  width: 80px;
  height: 80px;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  filter: opacity(80%);
}
.content .play:hover {
  filter: opacity(100%);
}
.content .c-2 {
  background-color: #303030;
  margin-bottom: 20px;
}
.content .c-3 {
  background-color: #303030;
  margin-bottom: 20px;
}
.content .c-3 div:nth-child(1) {
  padding: 1.5rem;
  padding-right: 0;
}
.content .c-3 iframe {
  height: 300px;
}
.content .more {
  font-size: 0.5rem;
  border: 1px solid white;
  padding-left: 10px;
  padding-right: 10px;
  line-height: 1.8;
  display: inline-block;
}
@media (max-width: 768px) {
  .main-bg h4 {
    font-size: 20px;
  }
  .main-bg p {
    font-size: 14px;
  }
  .main-bg .down-vote {
    display: block;
    text-align: center;
  }
  .hd {
    height: 100vh;
    position: relative;
    overflow: hidden;
  }
  .hd .down-btu {
    visibility: visible;
    position: absolute;
    bottom: 100px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 30px;
    height: auto;
    animation: down-btu-down 1s;
    animation-iteration-count: 10000;
    animation-direction: alternate;
  }
  .hd .note {
    visibility: visible;
    position: absolute;
    text-align: center;
    width: 150px;
    bottom: 150px;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
  .hd .pic-list {
    visibility: hidden;
  }
  .hd .pic-list img {
    margin-bottom: 1.5rem;
  }
  .hd .tp {
    max-width: 90%;
    padding-top: 25vh;
    margin: 0  auto;
  }
  .logo {
    width: 170px;
  }
  .main-bg .headline {
    height: 10rem;
    background-size: 180%;
  }
  .main-bg .title-3 {
    height: 8rem;
  }
  .content .c-1-l {
    margin-bottom: 20px;
    height: auto;
  }
  .content .c-1-l .c-l-img iframe {
    height: auto;
  }
  .content .c-1-r h4 {
    margin-top: 10px;
    /* display: inline;*/
  }
  .content .c-1-r p {
    display: block;
  }
  .content .c-2-l {
    margin-bottom: 10px;
  }
  .content .c-3 {
    background-color: #303030;
  }
  .content .c-3 iframe {
    height: auto;
  }
  .content .c-3 div:nth-child(1) {
    padding-right: 1.5rem;
    padding-bottom: 0;
  }
}
@media (min-width: 1200px) {
  .content .c-1-l {
    height: 535px;
  }
}
@keyframes down-btu-down {
  from {
    bottom: 100px;
  }
  to {
    bottom: 95px;
  }
}
@keyframes pic-box-show {
  from {
    margin-top: 10px;
    filter: opacity(20%);
  }
  to {
    margin-top: 0;
    filter: opacity(100%);
  }
}
@keyframes light-Turn {
  from {
    transform: rotateZ(0deg);
    transform-origin: left top;
  }
  to {
    transform: rotateZ(10deg);
    transform-origin: left top;
  }
}
@keyframes light-Turn-r {
  from {
    transform: rotateZ(0deg);
    transform-origin: right top;
  }
  to {
    transform: rotateZ(-10deg);
    transform-origin: right top;
  }
}
/*# sourceMappingURL=style.css.map */