@charset "UTF-8";
* {
  margin: 0;
  padding: 0;
  list-style: none;
  font-family: "微软雅黑"; }

.numCircle ul li {
  width: 90px;
  height: 90px;
  background: url("../img/bgNum.png") -1150px -250px no-repeat; }

.numCircle ul .roll_1 {
  background-position: -20px -108px; }

.numCircle ul .roll_2 {
  background-position: -123px -108px; }

.numCircle ul .roll_3 {
  background-position: -226px -108px; }

.numCircle ul .roll_4 {
  background-position: -330px -108px; }

.numCircle ul .roll_5 {
  background-position: -434px -108px; }

.numCircle ul .roll_6 {
  background-position: -537px -108px; }

.numCircle ul .roll_7 {
  background-position: -641px -108px; }

.numCircle ul .roll_8 {
  background-position: -745px -108px; }

.numCircle ul .roll_9 {
  background-position: -848px -108px; }

.numCircle ul .roll_10 {
  background-position: -951px -108px; }

.numCircle ul .roll_11 {
  background-position: -20px -213px; }

.numCircle ul .roll_12 {
  background-position: -123px -213px; }

.numCircle ul .roll_13 {
  background-position: -226px -213px; }

.numCircle ul .roll_14 {
  background-position: -330px -213px; }

.numCircle ul .roll_15 {
  background-position: -434px -213px; }

.numCircle ul .roll_16 {
  background-position: -537px -213px; }

.numCircle ul .roll_17 {
  background-position: -641px -213px; }

.numCircle ul .roll_18 {
  background-position: -745px -213px; }

.numCircle ul .roll_19 {
  background-position: -848px -213px; }

.numCircle ul .roll_20 {
  background-position: -951px -213px; }

.numCircle ul .rollActive_1 {
  background-position: -20px -323px; }

.numCircle ul .rollActive_2 {
  background-position: -123px -323px; }

.numCircle ul .rollActive_3 {
  background-position: -226px -323px; }

.numCircle ul .rollActive_4 {
  background-position: -330px -323px; }

.numCircle ul .rollActive_5 {
  background-position: -434px -323px; }

.numCircle ul .rollActive_6 {
  background-position: -537px -323px; }

.numCircle ul .rollActive_7 {
  background-position: -641px -323px; }

.numCircle ul .rollActive_8 {
  background-position: -745px -323px; }

.numCircle ul .rollActive_9 {
  background-position: -848px -323px; }

.numCircle ul .rollActive_10 {
  background-position: -951px -323px; }

.numCircle ul .rollActive_11 {
  background-position: -20px -428px; }

.numCircle ul .rollActive_12 {
  background-position: -123px -428px; }

.numCircle ul .rollActive_13 {
  background-position: -226px -428px; }

.numCircle ul .rollActive_14 {
  background-position: -330px -428px; }

.numCircle ul .rollActive_15 {
  background-position: -434px -428px; }

.numCircle ul .rollActive_16 {
  background-position: -537px -428px; }

.numCircle ul .rollActive_17 {
  background-position: -641px -428px; }

.numCircle ul .rollActive_18 {
  background-position: -745px -428px; }

.numCircle ul .rollActive_19 {
  background-position: -848px -428px; }

.numCircle ul .rollActive_20 {
  background-position: -951px -428px; }

.loading {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 999;
  text-align: center;
  vertical-align: middle;
  padding-top: 30%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #000;
  color: #fff; }

.content {
  width: 1125px;
  height: 780px;
  margin: 0 auto;
  -webkit-transform: scale(0.782);
  -ms-transform: scale(0.782);
  transform: scale(0.782);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top; }
  .content .cqncAnimate {
    position: relative;
    width: 1125px;
    height: 780px; }
    .content .cqncAnimate .bodybg {
      width: 100%;
      height: auto; }
      .content .cqncAnimate .bodybg img {
        vertical-align: top;
        width: 100%;
        height: 100%; }
    .content .cqncAnimate .position {
      position: absolute;
      width: 860px;
      height: 90px;
      top: 0;
      left: 240px;
      font-size: 30px; }
      .content .cqncAnimate .position .current_code {
        float: left;
        width: 220px;
        height: 90px;
        line-height: 90px;
        text-align: center; }
        .content .cqncAnimate .position .current_code .codeNow {
          margin: 0 5px; }
        .content .cqncAnimate .position .current_code span {
          white-space: nowrap; }
      .content .cqncAnimate .position .kaiNum {
        position: absolute;
        width: auto;
        height: 90px;
        left: 265px; }
        .content .cqncAnimate .position .kaiNum ul {
          height: 100%;
          margin-top: 15px; }
        .content .cqncAnimate .position .kaiNum li {
          float: left;
          width: 60px;
          height: 60px;
          margin-right: 8px;
          background: url("../img/bgNum.png") -1120px -250px no-repeat; }
        .content .cqncAnimate .position .kaiNum .history_1 {
          background-position: -20px -30px; }
        .content .cqncAnimate .position .kaiNum .history_2 {
          background-position: -88px -30px; }
        .content .cqncAnimate .position .kaiNum .history_3 {
          background-position: -156px -30px; }
        .content .cqncAnimate .position .kaiNum .history_4 {
          background-position: -225px -30px; }
        .content .cqncAnimate .position .kaiNum .history_5 {
          background-position: -293px -30px; }
        .content .cqncAnimate .position .kaiNum .history_6 {
          background-position: -361px -30px; }
        .content .cqncAnimate .position .kaiNum .history_7 {
          background-position: -428px -30px; }
        .content .cqncAnimate .position .kaiNum .history_8 {
          background-position: -498px -30px; }
        .content .cqncAnimate .position .kaiNum .history_9 {
          background-position: -566px -30px; }
        .content .cqncAnimate .position .kaiNum .history_10 {
          background-position: -635px -30px; }
        .content .cqncAnimate .position .kaiNum .history_11 {
          background-position: -703px -30px; }
        .content .cqncAnimate .position .kaiNum .history_12 {
          background-position: -772px -30px; }
        .content .cqncAnimate .position .kaiNum .history_13 {
          background-position: -840px -30px; }
        .content .cqncAnimate .position .kaiNum .history_14 {
          background-position: -909px -30px; }
        .content .cqncAnimate .position .kaiNum .history_15 {
          background-position: -978px -30px; }
        .content .cqncAnimate .position .kaiNum .history_16 {
          background-position: -1045px -30px; }
        .content .cqncAnimate .position .kaiNum .history_17 {
          background-position: -1115px -30px; }
        .content .cqncAnimate .position .kaiNum .history_18 {
          background-position: -1182px -30px; }
        .content .cqncAnimate .position .kaiNum .history_19 {
          background-position: -1250px -30px; }
        .content .cqncAnimate .position .kaiNum .history_20 {
          background-position: -1319px -30px; }
        .content .cqncAnimate .position .kaiNum .soundsIcon {
          position: absolute;
          display: inline-block;
          width: 54px;
          height: 54px;
          top: 18px;
          left: 560px; }
        .content .cqncAnimate .position .kaiNum .on {
          background: url("../img/on.png") no-repeat; }
        .content .cqncAnimate .position .kaiNum .off {
          background: url("../img/off.png") no-repeat; }
    .content .cqncAnimate .numCircle {
      position: absolute;
      top: 160px;
      left: 120px;
      width: 885px;
      height: 530px;
      z-index: 1; }
      .content .cqncAnimate .numCircle ul {
        width: 100%;
        height: 100%; }
      .content .cqncAnimate .numCircle .circle_t li, .content .cqncAnimate .numCircle .circle_d li {
        float: left;
        margin-right: 42px; }
      .content .cqncAnimate .numCircle .circle_t li:last-child, .content .cqncAnimate .numCircle .circle_d li:last-child {
        margin-right: 0; }
      .content .cqncAnimate .numCircle .circle_r, .content .cqncAnimate .numCircle .circle_l {
        position: absolute; }
      .content .cqncAnimate .numCircle .circle_r li, .content .cqncAnimate .numCircle .circle_l li {
        margin-bottom: 20px; }
      .content .cqncAnimate .numCircle .circle_r {
        top: 110px;
        left: 792px; }
      .content .cqncAnimate .numCircle .circle_l {
        top: 110px;
        width: 90px; }
        .content .cqncAnimate .numCircle .circle_l li:first-child {
          float: left;
          margin-top: 220px; }
          .content .cqncAnimate .numCircle .circle_l li:first-child + li {
            float: right;
            margin-top: -220px; }
      .content .cqncAnimate .numCircle .circle_d {
        position: absolute;
        top: 441px; }
        .content .cqncAnimate .numCircle .circle_d li {
          float: right; }
          .content .cqncAnimate .numCircle .circle_d li:first-child {
            margin-right: 0; }
          .content .cqncAnimate .numCircle .circle_d li:last-child {
            margin-right: 42px; }
    .content .cqncAnimate .detail {
      z-index: 2;
      position: absolute;
      top: 315px;
      left: 272px;
      width: 580px;
      height: 230px; }
      .content .cqncAnimate .detail .detail_l {
        float: left;
        width: 355px;
        height: 100%;
        margin-left: 5px; }
        .content .cqncAnimate .detail .detail_l .nowIssue {
          font-size: 30px;
          color: #524d45;
          margin-top: 5px;
          height: 58px;
          line-height: 58px; }
          .content .cqncAnimate .detail .detail_l .nowIssue span {
            margin-left: 20px;
            color: #e10000; }
        .content .cqncAnimate .detail .detail_l .numlist {
          margin: 0;
          width: 100%;
          height: 52px;
          line-height: 52px; }
          .content .cqncAnimate .detail .detail_l .numlist li {
            float: left;
            font-size: 30px;
            color: #a17244;
            margin-right: 7px; }
            .content .cqncAnimate .detail .detail_l .numlist li:first-child {
              margin-left: 5px; }
            .content .cqncAnimate .detail .detail_l .numlist li:last-child {
              margin-right: 5px; }
        .content .cqncAnimate .detail .detail_l .sum, .content .cqncAnimate .detail .detail_l .longhu {
          width: 100%;
          height: 60px;
          font-size: 30px;
          color: #524d45; }
        .content .cqncAnimate .detail .detail_l .sum {
          line-height: 60px; }
        .content .cqncAnimate .detail .detail_l .longhu span {
          margin-right: 10px; }
      .content .cqncAnimate .detail .detail_r {
        float: right;
        width: 220px;
        height: 100%;
        font-size: 30px;
        position: relative; }
        .content .cqncAnimate .detail .detail_r #mnkai_text {
          display: none;
          position: absolute;
          border-radius: 3px;
          top: 132px;
          left: 37px;
          font-size: 16px;
          padding: 5px 8px;
          background: rgba(0, 0, 0, 0.7);
          color: rgba(250, 250, 250, 0.8); }
        .content .cqncAnimate .detail .detail_r span {
          display: block;
          text-align: center; }
        .content .cqncAnimate .detail .detail_r .cutTime {
          width: 216px;
          height: 70px;
          line-height: 70px;
          color: #fff;
          margin-top: 20px; }
        .content .cqncAnimate .detail .detail_r .timeing {
          width: 216px;
          height: 70px;
          color: #fcff00; }
        .content .cqncAnimate .detail .detail_r .startBtn {
          width: 216px;
          height: 52px;
          line-height: 52px;
          color: #fff;
          cursor: pointer;
          background: url("../img/startBtn.png") no-repeat; }
          .content .cqncAnimate .detail .detail_r .startBtn:hover {
            color: red; }

/*# sourceMappingURL=../maps/cqnc_video.css.map */