@charset "UTF-8";
* {
  padding: 0;
  margin: 0; }

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

body {
  overflow: hidden;
  font-family: "Helvetica Neue", Helvetica, STHeiTi, sans-serif; }

a, img {
  -webkit-touch-callout: none;
  /* 绂佹闀挎寜閾炬帴涓庡浘鐗囧脊鍑鸿彍鍗?*/ }

img {
  outline: none;
  border: none; }

html, body {
  -webkit-user-select: none;
  /* 绂佹閫変腑鏂囨湰锛堝鏃犳枃鏈€変腑闇€姹傦紝姝や负蹇呴€夐」锛?*/
  user-select: none; }

.fixed {
  position: fixed; }

.abs {
  position: absolute; }

.rel {
  position: relative; }

.hidden {
  display: none; }

.alpha {
  opacity: 0;
  visibility: hidden; }

.alpha2 {
  opacity: 0; }

.mouseDisabled {
  pointer-events: none; }

.clear {
  clear: both; }

* {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box; }

@-webkit-keyframes rot_ani {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
@-moz-keyframes rot_ani {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
@keyframes rot_ani {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
input {
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-appearance: none;
  outline: none;
  border: none; }

.holder {
  width: 750px;
  height: 100%; }
  .holder .load_box {
    width: 100%;
    height: 100%;
    background-color: #fff; }
    .holder .load_box .l_con {
      width: 100%;
      top: 45%;
      left: 0; }
    .holder .load_box .load_ani {
      top: 80px;
      left: 0;
      text-align: center;
      font-size: 26px;
      color: white;
      width: 100%; }
@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
    .holder .load_box .loader_icon {
      top: 0;
      left: 50%;
      border: 4px solid #f3f3f3;
      border-radius: 50%;
      border-top: 4px solid #3498db;
      width: 60px;
      height: 60px;
      margin-left: -30px;
      animation: spin 2s linear infinite; }
      .holder .page-wrapper{
      width: 100%;
      height: 100%;
    }
  .holder .page {
    width: 100%;
    height: 100%;
    }


 .holder .page .bottom_tag{
    bottom: 20px;
    left: 0;
    width: 100%;
    display: block;
    height: auto;
  }
  .holder .page1 {
    width: 100%;
    height: 100%;
    background-color: #00000c; }
    .holder .page1 .c1_bg {
      top: 0;
      left: 0; }
    .holder .page1 .c1_p1 {
      top: 64%;
      left: 0 }
    .holder .page1 .c1_p2 {
      top: 76%;
      left: 157px; }
    .holder .page1 .c1_btn1 {
      top: 81%;
      left: 50vw;
      margin-left: -71px;
    }
    .holder .page1 .c1_btn2 {
      top: 86.36%;
      left: 50vw;
     margin-left: -71px;}
    .holder .page1 .pic1_001, .holder .page1 .pic1_002 {
      -o-transform-origin: center center;
      -moz-transform-origin: center center;
      -ms-transform-origin: center center;
      -webkit-transform-origin: center center;
      transform-origin: center center; }
    .holder .page1 .pic1_02 {
      left: 50%;
      margin-left: -123px;
      bottom: 20px; }
  .holder .page2 {
    width: 100%;
    height: 100%;
    background: url("../imgs/RIIZE/bg2.jpg") #00000c no-repeat; }
    .holder .page2 .page2Box, .holder .page2 .page2_box2, .holder .page2 .pic2_btn1 {
      -o-transform-origin: center center;
      -moz-transform-origin: center center;
      -ms-transform-origin: center center;
      -webkit-transform-origin: center center;
      transform-origin: center center; }
    .holder .page2 .page2Box {
      width: 100%;
      height: calc(96% - 610px);
      margin-top: 610px;
      overflow-y: scroll;
      overflow-x: hidden; }
    .holder .page2 .page2_box {
      width: 100%;
      top: 0;
      left: 0;
      height: 534px; }
    .holder .page2 .pic2_001 {
      left: 0;
      top: 0;
      color: #fff; 
      width: 100%;
      height: auto;
      }
    .holder .page2 .pic2_002 {
      left: 50%;
      top: 135px;
      margin-left: -315px;
      height: 124px;
      display: block; }
    .holder .page2 .pic2_003 {
      left: 50%;
      top: 295px;
      margin-left: -291px;
      height: 34px;
      display: block; }
    .holder .page2 .page2_box2 {
      width: 100%;
      min-height: 200px;
     }
      .holder .page2 .page2_box2 .dl {
        height: 100%; }
      .holder .page2 .page2_box2 .pic2_011 {
        left: 104px;
        top: 0px;
        width: 100%;
        height: 55px;
        font-size: 25px;
        font-weight: bold;
        color: #ffffff; }
      .holder .page2 .page2_box2 .p2_listUl, .holder .page2 .page2_box2 .p2_listLi {
        padding: 0;
        margin: 0;
        list-style: none; }
      .holder .page2 .page2_box2 .p2_listUl {
        left: 104px;
        font-size: 24px;
        margin-bottom: 50px;
        width: 558px;
        min-height: 30px;
        letter-spacing: 1px;
        border: 1px solid #ffffff;
        color: #ffffff; }
      .holder .page2 .page2_box2 .p2_listLi {
        width: 100%;
        height: 80px;
        line-height: 80px;
        cursor: pointer;
        display: flex;
        align-items: center;
        /* 鍨傜洿灞呬腑 */
        border-bottom: 1px solid #ffffff; }
        .holder .page2 .page2_box2 .p2_listLi .cir {
          display: inline-block;
          float: left;
          width: 41px;
          height: 41px;
          border: 1px solid #ffffff;
          border-radius: 50%;
          margin: 0 10px; }
      .holder .page2 .page2_box2 .p2_listLi.on .cir {
        background: url("../imgs/m2u_gou.png") no-repeat 8px 8px; }
    .holder .page2 .pic2_btn1 {
      left: 50%;
      top: 0;
      margin-left: -157px;
      margin-bottom: 30px; }
    .holder .page2 .gotoIndex2 {
      left: 131px;
      top: 61px; }
    .holder .page2 .pic2_bm {
      bottom: 30px;
      left: 50%;
      margin-left: -123.5px;
      display: block; }
  .holder .noChance {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8); }
    .holder .noChance .noChance_box {
      width: 601px;
      height: 601px;
      top: 45%;
      left: 50%;
      margin-top: -300px;
      margin-left: -300px;
      background: url("../imgs/fialBg.png") no-repeat; }
      .holder .noChance .noChance_box .noChance_info {
        width: 70%;
        font-weight: bolder;
        font-size: 30px;
        top: 300px;
        text-align: center;
        color: #000;
        left: 15%; }
      .holder .noChance .noChance_box .noChance_btn {
        width: 300px;
        height: 60px;
        color: #fff;
        background-color: #000;
        line-height: 60px;
        font-size: 25px;
        font-weight: bolder;
        text-align: center;
        border-radius: 30px;
        top: 460px;
        left: 50%;
        margin-left: -150px; }
  .holder .p2_pop {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7); }
    .holder .p2_pop .fail {
      background: url("../imgs/fail_pop.png") no-repeat;
      width: 501px;
      height: 501px;
      top: 45%;
      left: 50%;
      margin-top: -250px;
      margin-left: -250px; }
      .holder .p2_pop .fail .returnBtn {
        width: 180px;
        height: 60px;
        cursor: pointer;
        top: 297px;
        left: 154px; }
    .holder .p2_pop .suc {
      width: 100%;
      height: 100%;
      top: 0px;
      left: 0px;
       /* background-image: url('../imgs/RIIZE/bg3.jpg');
      background-repeat: no-repeat;
      background-position: center top;
      background-size: cover; */
      background-color: #000;
    }
      .holder .p2_pop .suc .suc_box {
        width: 452px;
        height: 715px;
        top: 41%;
        left: 50%;
        margin-left: -226px;
        margin-top: -380px; }
        .holder .p2_pop .suc .suc_box .suc_txt {
          top: 0;
          left: 50%;
          margin-left: -128px; }
        .holder .p2_pop .suc .suc_box .code {
          width: 452px;
          height: 452px;
          top: 84px;
          background-color: white;
          padding: 10px; }
        .holder .p2_pop .suc .suc_box .overtime_tips2 {
          font-size: 20px;
          top: 548px;
          width: 100%;
          text-align: center;
          color: #fff; }
        .holder .p2_pop .suc .suc_box .suc_addr {
          width: 100%;
          color: white;
          text-align: center;
          font-size: 25px;
          top: 557px; }
        .holder .p2_pop .suc .suc_box .suc_time {
          width: 100%;
          color: #ffffff;
          text-align: center;
          font-size: 30px;
          top: 605px;
          }
        .holder .p2_pop .suc .suc_box .list_btn {
          top: 675px;
          left: 50%;
          margin-left: -196px;
          cursor: pointer; }
        .holder .p2_pop .suc .suc_box .tips {
          top: 780px;
        left: 50%;
        margin-left: -294px;}
  .holder .page3 {
    width: 100%;
    height: 100%;
     /* background-image: url('../imgs/RIIZE/bg3.jpg');
      background-repeat: no-repeat;
      background-position: center top;
      background-size: cover; */
      background-color: #000;
  }
    .holder .page3 .code_txt {
      top: 150px;
      left: 50%;
      margin-left: -73px;
    }
    .holder .page3 .p3_box {
      width: 100%;
      height: 76%;
      overflow-y: scroll;
      top: 215px; }
      .holder .page3 .p3_box .p3_ul, .holder .page3 .p3_box .p3_li {
        padding: 0;
        margin: 0;
        list-style: none; }
      .holder .page3 .p3_box .p3_ul {
        width: 672px;
        left: 39px;
        color: #000;
        font-size: 30px;
        padding-top: 10px;
       }
      .holder .page3 .p3_box .p3_li {
        width: 672px;
        height: 356px;
        background-color: white;
        border-radius: 30px;
        margin-bottom: 40px; 
      box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.05);}
        .holder .page3 .p3_box .p3_li .p3_logo {
          top: 20px;
          left: 25px; }
        .holder .page3 .p3_box .p3_li .p3_til {
          top: 24px;
          left: 240px;
          line-height: 34px; }
        .holder .page3 .p3_box .p3_li .p3_date {
          width: 363px;
          height: 60px;
          background-color: #c6c6c6;
          line-height: 60px;
          text-align: center;
          left: 25px;
          top: 204px;
          border-radius: 30px; }
        .holder .page3 .p3_box .p3_li .p3_time {
          width: 248px;
          height: 60px;
          line-height: 60px;
          text-align: center;
          background-color: #fff;
          top: 204px;
          left: 400px;
          border-radius: 30px;
          color: #000; 
          border: 1px solid #000;
        }
        .holder .page3 .p3_box .p3_li .showCodeBtn {
          left: 25px;
          top: 272px;
          border-radius: 30px;
          color: #fff;
          width: 622px;
          height: 60px;
          line-height: 60px;
          text-align: center;
          font-weight: 600;
          background-color: #000; }
    .holder .page3 .pic3_bm {
      bottom: 30px;
      left: 50%;
      margin-left: -123px; }
    .holder .page3 .p3_pop {
      width: 100%;
      height: 100%; }
      .holder .page3 .p3_pop .p3_pop_bg {
        width: 100%;
        height: 100%;
      /* background-image: url('../imgs/RIIZE/bg3.jpg');
      background-repeat: no-repeat;
      background-position: center top;
      background-size: cover; } */
      background-color: #000;
      }
      .holder .page3 .p3_pop .p3_pop_bg_inner {
        width: 100%;
        height: 100%;
       }
      .holder .page3 .p3_pop .p3_code_box {
        color: #ffffff;
        margin-top: 20%;
        font-size: 35px;
        width: 452px;
        left: 50%;
        text-align: center;
        margin-left: -226px; }
        .holder .page3 .p3_pop .p3_code_box .code_txt {
          top: 0;
          left: 50%;
          margin-left: -73px; }
        .holder .page3 .p3_pop .p3_code_box .p3_code {
          width: 452px;
          height: 452px;
          top: 80px;
          background-color: white;
          padding: 10px; }
        .holder .page3 .p3_pop .p3_code_box .errCode {
          width: 452px;
          height: 452px;
          top: 80px; }
          .holder .page3 .p3_pop .p3_code_box .errCode .lose_code {
            width: 452px;
            top: 80px;
            left: 0px; }
          .holder .page3 .p3_pop .p3_code_box .errCode .err_info {
            color: #fff;
            width: 70%;
            left: 15%;
            top: 280px;
            font-size: 20px;
            text-align: center; }
        .holder .page3 .p3_pop .p3_code_box .p3_time2 {
          width: 100%;
          color: #ffffff;
          text-align: center;
          font-size: 28px;
          top: 605px;
          }
        .holder .page3 .p3_pop .p3_code_box .overtime_tips {
          font-size: 20px;
          top: 548px;
          width: 100%;
          text-align: center; }
        .holder .page3 .p3_pop .p3_code_box .p3_btn {
          top: 682px;
          left: 50%;
          margin-left: -196px;
          cursor: pointer; }
          .holder .page3 .p3_pop .p3_code_box .tips {
          top: 780px; 
          left: 50%;
        margin-left: -294px;}

.gotoIndex, .p3_return {
  top: 63px;
  left: 30px;
  cursor: pointer; }

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


/* Make main buttons clickable */
.holder .page1 .c1_btn1, .holder .page1 .c1_btn2 { cursor: pointer; }
.holder .page3 .p3_li { cursor: pointer; }