html, body {
  background-color: #222452;
  width: 100%;
  height: 100%; }

body {
  overflow-x: hidden; }

* {
  padding: 0;
  margin: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  text-decoration: none;
  box-sizing: border-box; }

.abs {
  position: absolute; }

.rel {
  position: relative; }

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

.hidden {
  display: none; }

.fixed {
  position: fixed; }

img {
  display: block; }

.origin_tl {
  -o-transform-origin: top left;
  -moz-transform-origin: top left;
  -ms-transform-origin: top left;
  -webkit-transform-origin: top left;
  transform-origin: top left; }

.origin_tr {
  -o-transform-origin: top right;
  -moz-transform-origin: top right;
  -ms-transform-origin: top right;
  -webkit-transform-origin: top right;
  transform-origin: top right; }

.origin_center {
  -o-transform-origin: center center;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  -webkit-transform-origin: center center;
  transform-origin: center center; }

.pc_box {
  display: block;
  width: 1920px;
  height: 4000px;
  background-image: url("../imgs/pc_bg.jpg");
  background-repeat: no-repeat;
  background-position: top left;
  background-size: 100%; }
  .pc_box .pc_holder {
    width: 1452px;
    left: 50%;
    margin-left: -726px; }
  .pc_box .banner {
    top: 88px;
    left: 168px;
    pointer-events: none; }
  .pc_box .pic_01 {
    top: 1150px;
    left: 373px; }
  .pc_box .rule_btn {
    width: 270px;
    height: 73px;
    top: 1236px;
    left: 597px;
    cursor: pointer; }
  .pc_box .pc_box1 {
    width: 1450px;
    height: 1035px;
    top: 1413px;
    left: 0px;
    background: url("../imgs/bg_01.png") no-repeat;
    background-size: cover; }
    .pc_box .pc_box1 .box1_ul, .pc_box .pc_box1 .box1_ul li {
      list-style: none;
      padding: 0;
      margin: 0;
      top: 113px;
      left: 366px; }
    .pc_box .pc_box1 .box1_ul {
      width: 750px;
      top: 124px; }
    .pc_box .pc_box1 .box1_ul li {
      width: 120px;
      height: 80px;
      float: left;
      font-size: 32px;
      color: #243267;
      cursor: pointer;
      border-radius: 12px;
      text-align: center;
      line-height: 80px; }
    .pc_box .pc_box1 .box1_ul li.on {
      color: white;
      background-color: #243267; }
    .pc_box .pc_box1 .p1_infoBox {
      top: 261px;
      height: 265px; }
      .pc_box .pc_box1 .p1_infoBox .p1_txtBox {
        width: 1322px;
        height: 100px;
        top: -29px;
        left: 68px;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center; }
      .pc_box .pc_box1 .p1_infoBox .pro1_txt {
        display: block; }
      .pc_box .pc_box1 .p1_infoBox .p1_txt1 {
        left: 470px; }
      .pc_box .pc_box1 .p1_infoBox ul, .pc_box .pc_box1 .p1_infoBox ul li {
        list-style: none;
        padding: 0;
        margin: 0; }
      .pc_box .pc_box1 .p1_infoBox .p1_ul1 {
        top: 87px;
        left: 65px;
        width: 1350px; }
      .pc_box .pc_box1 .p1_infoBox .p1_ul1 li {
        position: relative;
        float: left;
        margin-right: 17px;
        margin-bottom: 24px;
        border-radius: 12px;
        background-color: rgba(0, 0, 0, 0.6); }
        .pc_box .pc_box1 .p1_infoBox .p1_ul1 li .prize_item_bg {
          display: block;
          top: 0px;
          left: 0px;
          pointer-events: none; }
        .pc_box .pc_box1 .p1_infoBox .p1_ul1 li .prize_btn1, .pc_box .pc_box1 .p1_infoBox .p1_ul1 li .prize_btn2 {
          border: none;
          outline: none; }
        .pc_box .pc_box1 .p1_infoBox .p1_ul1 li .prize_btn1 {
          display: block;
          top: 141px;
          left: 228px;
          cursor: pointer; }
        .pc_box .pc_box1 .p1_infoBox .p1_ul1 li .prize_btn1.v6 {
          top: 156px; }
        .pc_box .pc_box1 .p1_infoBox .p1_ul1 li .prize_btn2 {
          display: block;
          top: 141px;
          left: 414px;
          cursor: pointer; }
        .pc_box .pc_box1 .p1_infoBox .p1_ul1 li .buy_code, .pc_box .pc_box1 .p1_infoBox .p1_ul1 li .info_code {
          -webkit-transition: opacity .2s ease-out;
          -moz-transition: opacity .2s ease-out;
          -ms-transition: opacity .2s ease-out;
          -o-transition: opacity .2s ease-out;
          transition: opacity .2s ease-out; }
        .pc_box .pc_box1 .p1_infoBox .p1_ul1 li .buy_code {
          display: block;
          top: 32px;
          left: 228px;
          opacity: 0;
          width: 154px; }
        .pc_box .pc_box1 .p1_infoBox .p1_ul1 li .buy_code.v6 {
          top: 48px; }
        .pc_box .pc_box1 .p1_infoBox .p1_ul1 li .info_code {
          display: block;
          top: 32px;
          left: 415px;
          opacity: 0;
          width: 154px; }
        .pc_box .pc_box1 .p1_infoBox .p1_ul1 li .buy_code:hover, .pc_box .pc_box1 .p1_infoBox .p1_ul1 li .info_code:hover {
          opacity: 1; }
        .pc_box .pc_box1 .p1_infoBox .p1_ul1 li .prize_pic {
          top: 21px;
          left: 22px; }
        .pc_box .pc_box1 .p1_infoBox .p1_ul1 li .prize_txt {
          top: 33px;
          left: 228px; }
        .pc_box .pc_box1 .p1_infoBox .p1_ul1 li .prize_info {
          border: 1px salmon solid;
          font-size: 28px;
          color: #edd21e;
          top: 76px;
          left: 228px;
          width: 390px; }
    .pc_box .pc_box1 .p1_btn {
      top: 879px;
      left: 483px;
      cursor: pointer; }
      .pc_box .pc_box1 .p1_btn .p1_code {
        left: 495px;
        top: -58px;
        display: none; }
    .pc_box .pc_box1 .p1_btn:hover .p1_code {
      display: block; }
  .pc_box .pc_box2 {
    width: 1386px;
    height: 712px;
    background: url("../imgs/bg_02.png") no-repeat;
    top: 2560px;
    left: 34px; }
    .pc_box .pc_box2 .p2_pic1 {
      top: 127px;
      left: 92px;
      pointer-events: none; }
    .pc_box .pc_box2 .p2_pic2 {
      top: 394px;
      left: 215px;
      pointer-events: none; }
    .pc_box .pc_box2 .p2_prizeBox {
      width: 624px;
      height: 624px;
      border-radius: 12px 12px;
      background-color: #083538;
      top: 37px;
      left: 733px; }
      .pc_box .pc_box2 .p2_prizeBox .prizeBox_ul, .pc_box .pc_box2 .p2_prizeBox .prizeBox_ul li {
        padding: 0;
        margin: 0;
        list-style: none; }
      .pc_box .pc_box2 .p2_prizeBox .prizeBox_ul {
        width: 630px;
        height: 630px;
        top: 12px;
        left: 12px; }
      .pc_box .pc_box2 .p2_prizeBox .prizeBox_ul li {
        width: 192px;
        height: 192px;
        border-radius: 12px;
        background-color: white;
        float: left;
        margin-right: 12px;
        margin-bottom: 12px; }
      .pc_box .pc_box2 .p2_prizeBox .prizeBox_ul li.on {
        border: 3px #f49c14 solid; }
      .pc_box .pc_box2 .p2_prizeBox .prize_ui {
        top: 32px;
        left: 59px;
        display: block;
        pointer-events: none; }
  .pc_box .p3_pic1 {
    pointer-events: none;
    top: 3376px;
    left: 34px; }
    .footer {
      position: absolute;
      top: 4000px;
      left: 10px;
      width: 100%;
      height: 50px;
      text-align: center;
      color: #ffffff;
      font-size: 24px;
      line-height: 50px;
      letter-spacing: 1pt;
    }
    .footer a{
      color: #fff;
    }
    .footer1 {
      position: absolute;
      bottom: 0;
      left: 10px;
      width: 100%;
      height: 30px;
      text-align: center;
      color: #ffffff;
      font-size: 16px;
      line-height: 30px;
      letter-spacing: 1pt;
    }
    .footer1 a{
      color: #fff;
    }
.mobile_box {
  display: none;
  width: 750px;
  height: 4643px;
  background: url("../imgs/mobile/bg.jpg") no-repeat; 
  position: relative;
}
  
  .mobile_box .banner {
    top: 40px;
    pointer-events: none; }
  .mobile_box .m_box1 {
    width: 750px;
    height: 1648px;
    top: 917px;
    left: 0;
    background: url("../imgs/mobile/p1_bg.png") no-repeat; }
    .mobile_box .m_box1 .box1_ul, .mobile_box .m_box1 .box1_mli {
      list-style: none;
      margin: 0;
      padding: 0; }
    .mobile_box .m_box1 .box1_ul {
      top: 238px;
      left: 13px; }
    .mobile_box .m_box1 .box1_mli {
      width: 120px;
      height: 80px;
      float: left;
      font-size: 32px;
      color: #243267;
      cursor: pointer;
      border-radius: 12px;
      text-align: center;
      line-height: 80px; }
    .mobile_box .m_box1 .box1_ul li.on {
      color: white;
      background-color: #243267; }
    .mobile_box .m_box1 .p1_m_infoBox {
      top: 382px;
      height: 265px; }
      .mobile_box .m_box1 .p1_m_infoBox .p1_txtBox {
        display: flex;
        width: 650px;
        left: 49px;
        height: 90px;
        justify-content: center;
        align-items: center; }
      .mobile_box .m_box1 .p1_m_infoBox .p1_txt1 {
        left: 200px; }
      .mobile_box .m_box1 .p1_m_infoBox ul, .mobile_box .m_box1 .p1_m_infoBox ul li {
        list-style: none;
        padding: 0;
        margin: 0; }
      .mobile_box .m_box1 .p1_m_infoBox .p1_ul1 {
        top: 132px;
        left: 45px;
        width: 750px; }
      .mobile_box .m_box1 .p1_m_infoBox .p1_ul1 li {
        position: relative;
        float: left;
        margin-bottom: 24px; }
        .mobile_box .m_box1 .p1_m_infoBox .p1_ul1 li .prize_item_bg {
          display: block;
          top: 0px;
          left: 0px;
          pointer-events: none; }
        .mobile_box .m_box1 .p1_m_infoBox .p1_ul1 li .prize_btn1 {
          display: block;
          top: 141px;
          left: 228px;
          cursor: pointer; }
        .mobile_box .m_box1 .p1_m_infoBox .p1_ul1 li .prize_btn1.v6 {
          top: 155px; }
        .mobile_box .m_box1 .p1_m_infoBox .p1_ul1 li .prize_btn2 {
          display: block;
          top: 141px;
          left: 414px;
          cursor: pointer; }
        .mobile_box .m_box1 .p1_m_infoBox .p1_ul1 li .buy_code {
          display: none; }
        .mobile_box .m_box1 .p1_m_infoBox .p1_ul1 li .info_code {
          display: none; }
      .mobile_box .m_box1 .p1_m_infoBox .p1_btn {
        display: block;
        outline: none;
        border: none;
        top: 1128px;
        left: 144px;
        cursor: pointer; }
  .mobile_box .m_box2 {
    top: 2641px;
    width: 750px;
    height: 962px;
    background: url("../imgs/mobile/p2_bg.png") no-repeat;
    background-position: 32px 0px; }
    .mobile_box .m_box2 .prize_ui {
      width: 502px;
      height: 563px;
      background: url("../imgs/prize_ui.png") no-repeat;
      top: 32px;
      left: 58px;
      pointer-events: none; }
    .mobile_box .m_box2 .p2_prizeBox {
      top: 288px;
      left: 64px;
      width: 624px;
      height: 624px;
      border-radius: 12px 12px;
      background-color: #083538; }
    .mobile_box .m_box2 .prizeBox_ul, .mobile_box .m_box2 .prizeBox_ul li {
      padding: 0;
      margin: 0;
      list-style: none; }
    .mobile_box .m_box2 .prizeBox_ul {
      width: 630px;
      height: 630px;
      top: 12px;
      left: 12px; }
    .mobile_box .m_box2 .prizeBox_ul li {
      width: 192px;
      height: 192px;
      border-radius: 12px;
      background-color: white;
      float: left;
      margin-right: 12px;
      margin-bottom: 12px; }
    .mobile_box .m_box2 .prizeBox_ul li.on {
      border: 3px #f49c14 solid; }
  .mobile_box .p3_bg {
    display: block;
    left: 32px;
    top: 3645px; }
  .mobile_box .rule_btn {
    left: 32px;
    bottom: 200px;
    display: block; }
  .mobile_box .download_btn {
    left: 0;
    bottom: 25px;
    display: block;
    border: none;
    outline: none; }

.pop_app_box {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.8);
  display: none; }
  .pop_app_box .pop_app {
    width: 1px;
    height: 1px;
    top: 50%;
    left: 50%; }
  .pop_app_box .pop_app_pic {
    display: block;
    margin-left: -293px;
    margin-top: -256px; }
  .pop_app_box .app_closeBtn {
    width: 371px;
    height: 100px;
    border: none;
    outline: none;
    top: 17px;
    left: -185px; }

.pop {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.8); }
  .pop .pop_rule_pc {
    width: 1px;
    height: 1px;
    top: 50%;
    left: 50%;
    display: block; }
  .pop .rule_pic {
    margin-left: -503px;
    margin-top: -364px; }
  .pop .rule_closeBtn1 {
    width: 100px;
    height: 100px;
    top: -372px;
    right: -530px;
    cursor: pointer; }
  .pop .pop_rule_m {
    width: 1px;
    height: 1px;
    top: 50%;
    left: 50%;
    display: none; }
  .pop .rule_mpic {
    margin-left: -293px;
    margin-top: -510px; }
  .pop .rule_closeBtn2 {
    width: 380px;
    height: 100px;
    top: 335px;
    left: -190px;
    cursor: pointer; }

.pop_app_bg {
  width: 100%;
  height: 100%; }

.icon_pc {
  right: 20px;
  top: 40%; }

@media screen and (max-width: 750px) {
  .pc_box {
    display: none; }

  .mobile_box {
    display: block; }

  .pop .pop_rule_pc {
    display: none; }
  .pop .pop_rule_m {
    display: block; }

  .pop_app_box {
    display: none; }

  .icon_pc {
    display: none; } }

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