body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  margin: 0;
  padding: 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

audio, canvas, video {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

fieldset, img {
  border: 0; }

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal; }

ol, ul {
  list-style: none; }

caption, th {
  text-align: left; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal; }

q:before, q:after {
  content: ""; }

abbr, acronym {
  border: 0;
  font-variant: normal; }

sup {
  vertical-align: text-top; }

sub {
  vertical-align: text-bottom; }

input, textarea, select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit; }

a {
  background: transparent;
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
  blr: expression(this.onFocus=this.blur());
  cursor: pointer; }

a:active {
  outline: 0;
  opacity: .9;
  filter: alpha(opacity=90); }

a:hover {
  outline: 0;
  opacity: .93;
  filter: alpha(opacity=93); }

input, textarea, select {
  *font-size: 100%; }

body {
  font-family: "Microsoft YaHei", "Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif; }

.clearfix:after {
  clear: both;
  display: block;
  visibility: hidden;
  height: 0;
  content: ""; }

.clearfix {
  zoom: 1; }

html, body, .main {
  width: 100%;
  height: 100%; }

b {
  font-weight: normal; }

body {
  position: relative;
  background: url("https://img9.99.com/yhkd/image/m/act/2018/spring/hor/bg1.jpg") no-repeat center top, #651916;
  width: 100%;
  margin: 0 auto;
  overflow: hidden; }

#root {
  max-height: 750px;
  position: relative;
  height: 100%;
  width: 1334px;
  margin: 0 auto;
  overflow: hidden; }
  #root div {
    border-top: 1px solid transparent; }

.time-bar {
  position: absolute;
  right: 45px;
  height: 611px;
  background: url("https://img9.99.com/yhkd/image/m/act/2018/spring/hor/line-right.png") no-repeat right center;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%); }
  .time-bar .acivity-tit {
    background: url("https://img9.99.com/yhkd/image/m/act/2018/spring/hor/activity-tit.png") no-repeat center;
    width: 186px;
    height: 37px;
    position: absolute;
    top: 21px;
    right: 50px; }
  .time-bar .node {
    margin-right: 2px;
    margin-top: 83px; }
    .time-bar .node section, .time-bar .node i {
      display: inline-block;
      vertical-align: top; }
    .time-bar .node i {
      background: url("https://img9.99.com/yhkd/image/m/act/2018/spring/hor/node.png") no-repeat center;
      width: 32px;
      height: 32px; }
    .time-bar .node section {
      text-align: center;
      font-size: 21px;
      color: #fdd57d;
      width: 169px; }
      .time-bar .node section b {
        background: url("https://img9.99.com/yhkd/image/m/act/2018/spring/hor/time-node.png") no-repeat center;
        display: block;
        width: 117px;
        height: 35px;
        color: #d5050a;
        line-height: 35px;
        margin: 0 auto; }
      .time-bar .node section h6 {
        margin-top: 10px; }
      .time-bar .node section p {
        margin-top: 8px; }

.slg {
  background: url("https://img9.99.com/yhkd/image/m/act/2018/spring/hor/slg.png") no-repeat center;
  width: 400px;
  height: 265px;
  margin: 0 auto;
  background-size: 360px auto; }

.video-container {
  position: relative;
  height: 434px;
  margin: 0 auto;
  width: 927px;
  margin-top: -80px; }
  .video-container li {
    position: absolute;
    width: 281px;
    height: 323px;
    text-align: center; }
    .video-container li i, .video-container li b {
      display: inline-block;
      font-size: 0; }
    .video-container li i {
      width: 100%;
      height: 243px;
      text-align: center; }
      .video-container li i a {
        display: inline-block;
        background: url("https://img9.99.com/yhkd/image/m/act/2018/spring/hor/video-btn.png") no-repeat center top;
        width: 61px;
        height: 90px;
        background-size: 61px auto;
        margin-top: 42px; }
    .video-container li b {
      background: url("https://img9.99.com/yhkd/image/m/act/2018/spring/hor/ms.png") no-repeat -2px top;
      width: 56px;
      height: 124px;
      margin-top: -5px;
      -webkit-animation: ms linear 1s infinite;
      animation: ms linear 1s infinite;
      -webkit-transform-origin: 50% 0;
      transform-origin: 50% 0; }
    .video-container li:nth-child(1) {
      left: 0;
      top: 0; }
      .video-container li:nth-child(1) i {
        background: url("https://img9.99.com/yhkd/image/m/act/2018/spring/hor/list1.png") no-repeat center top; }
    .video-container li:nth-child(2) {
      left: 173px;
      top: 104px; }
      .video-container li:nth-child(2) i {
        background: url("https://img9.99.com/yhkd/image/m/act/2018/spring/hor/list2.png") no-repeat center top; }
    .video-container li:nth-child(3) {
      left: 432px;
      top: 103px; }
      .video-container li:nth-child(3) i {
        background: url("https://img9.99.com/yhkd/image/m/act/2018/spring/hor/list3.png") no-repeat center top; }
    .video-container li:nth-child(4) {
      left: 621px;
      top: 3px; }
      .video-container li:nth-child(4) i {
        background: url("https://img9.99.com/yhkd/image/m/act/2018/spring/hor/list4.png") no-repeat center top; }
        .video-container li:nth-child(4) i a {
          margin-top: 34px; }

@-webkit-keyframes ms {
  0%, 50%, 100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  25% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  75% {
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg); } }
@keyframes ms {
  0%, 50%, 100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  25% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  75% {
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg); } }
.pop-box {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 99;
  top: 0;
  left: 0; }

.pop-container {
  position: fixed;
  z-index: 99;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 780px;
  height: 440px;
  background: #000; }
  .pop-container video {
    width: 780px;
    height: 440px; }
  .pop-container .close {
    display: block;
    background: url("https://img9.99.com/yhkd/image/m/act/2018/spring/hor/close.png") no-repeat center;
    width: 45px;
    height: 45px;
    position: absolute;
    top: 0;
    right: -65px;
    -webkit-transition: all 1s;
    transition: all 1s; }

@media screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
  #root {
    zoom: 0.9; }

  .video-container {
    margin-top: -100px; } }
.tips {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: #000;
  z-index: 9999999;
  display: none; }
  .tips p {
    position: fixed;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #fff;
    font-size: 26px;
    width: 100%;
    text-align: center; }

@media screen and (orientation: landscape) {
  .tips {
    display: none; } }
@media screen and (orientation: portrait) {
  .tips {
    display: block; } }
.dn {
  display: none; }

/*# sourceMappingURL=style.css.map */