@charset "UTF-8";
body {
  padding: 0;
  margin: 0;
  font-size: 100px !important; }

html {
  padding: 0;
  margin: 0; }

html, body {
  position: absolute;
  width: 100%;
  height: 100%;
  color: #fff;
  min-width: 3.2rem;
  min-height: 4rem;
  background: #fff; }

.pa, #site .header .line, #site .header img, #site .main .video .video-poster .play_btn {
  position: absolute; }

.pr, #site .header, #site .content, #site .main, #site .main .video {
  position: relative; }

.ctn, #site .main .video .video_entity, #site .main .video .video-poster {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; }

#site {
  display: none;
  width: 100%; }
  #site .header {
    width: 100%;
    height: 0.9rem; }
    #site .header .line {
      top: 0rem;
      left: 0rem;
      width: 100%;
      height: 0.11rem;
      background-color: #a82332; }
    #site .header img {
      top: 0.35rem;
      right: 0.24rem;
      width: 1.02rem; }
  #site .content {
    width: 100%;
    height: 7.89rem; }
    #site .content .title {
      width: 100%;
      height: 0.76rem;
      background: url("../img/title.png") center no-repeat;
      background-size: 2.96rem auto; }
    #site .content .short-line {
      width: 0.43rem;
      height: 0.01rem;
      margin: 0 auto;
      background-color: #000; }
    #site .content .bottom-short-line {
      width: 0.43rem;
      height: 0.01rem;
      margin: 0 auto;
      background-color: #000; }
    #site .content .words0 {
      width: 100%;
      height: 1.1rem;
      background: url("../img/words.png") center 0.28rem no-repeat;
      background-size: 4.69rem auto; }
    #site .content .words1 {
      width: 100%;
      height: 1.1rem;
      background: url("../img/words.png") center -0.86rem no-repeat;
      background-size: 4.69rem auto; }
    #site .content .words2 {
      width: 100%;
      height: 1.9rem;
      background: url("../img/words.png") center -1.98rem no-repeat;
      background-size: 4.69rem auto; }
    #site .content .words3 {
      width: 100%;
      height: 1.9rem;
      background: url("../img/words.png") center -3.86rem no-repeat;
      background-size: 4.69rem auto; }
    #site .content .words4 {
      width: 100%;
      height: 0.85rem;
      background: url("../img/words.png") center -5.74rem no-repeat;
      background-size: 4.69rem auto; }
  #site .main {
    width: 100%;
    height: 5.9rem; }
    #site .main .title {
      width: 100%;
      height: 0.42rem;
      background: url("../img/video-title.png") center 0 no-repeat;
      background-size: 5.21rem auto; }
    #site .main .video {
      width: 6rem;
      height: 3.3rem;
      margin: 0 auto; }
      #site .main .video .video-poster {
        background: url("../img/video-poster.jpg") center 0 no-repeat;
        background-size: cover;
        z-index: 9999; }
        #site .main .video .video-poster .play_btn {
          top: 50%;
          left: 50%;
          width: 0.72rem;
          height: 0.72rem;
          margin: -0.36rem 0 0 -0.36rem;
          background: url("../img/video-play.png") no-repeat;
          background-size: 0.71rem auto; }
    #site .main .submit-btn {
      display: block;
      width: 3.51rem;
      height: 0.7rem;
      margin: 0.9rem auto 0 auto;
      background: url("../img/submit-btn.jpg") no-repeat;
      background-size: 3.51rem auto; }
  @media (device-height: 480px) and (-webkit-min-device-pixel-ratio: 2) {
    #site {
      /* 兼容iphone4/4s */ }
      #site .content {
        position: relative;
        width: 100%;
        height: 6.72rem;
        margin-top: -0.2rem; }
        #site .content .title {
          width: 100%;
          height: 0.76rem;
          background: url("../img/title.png") center no-repeat;
          background-size: 2.96rem auto; }
        #site .content .short-line {
          width: 0.43rem;
          height: 0.01rem;
          margin: 0 auto;
          background-color: #000; }
        #site .content .bottom-short-line {
          width: 0.43rem;
          height: 0.01rem;
          margin: -0.12rem auto 0 auto;
          background-color: #000; }
        #site .content .words0 {
          width: 100%;
          height: 1.1rem;
          background: url("../img/words.png") center 0.28rem no-repeat;
          background-size: 4.69rem auto;
          margin-top: -0.08rem; }
        #site .content .words1 {
          width: 100%;
          height: 1.1rem;
          background: url("../img/words.png") center -0.86rem no-repeat;
          background-size: 4.69rem auto;
          margin-top: -0.24rem; }
        #site .content .words2 {
          width: 100%;
          height: 1.9rem;
          background: url("../img/words.png") center -1.98rem no-repeat;
          background-size: 4.69rem auto;
          margin-top: -0.22rem; }
        #site .content .words3 {
          width: 100%;
          height: 1.9rem;
          background: url("../img/words.png") center -3.86rem no-repeat;
          background-size: 4.69rem auto;
          margin-top: -0.22rem; }
        #site .content .words4 {
          width: 100%;
          height: 0.85rem;
          background: url("../img/words.png") center -5.74rem no-repeat;
          background-size: 4.69rem auto;
          margin-top: -0.22rem; } }

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