[v-cloak] {
  display: none; }

.hdBox {
  height: 3.02222rem;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 10;
  overflow: hidden; }
  .hdBox .hd-icon {
    width: 2.44444rem;
    height: 2.44444rem;
    margin: 0.26667rem 0 0 0.22222rem; }
  .hdBox .hd-text {
    width: 6.66667rem;
    height: 2.06667rem;
    margin: 0.26667rem 0 0 0.44444rem; }
    .hdBox .hd-text .p1 {
      color: #fff;
      font-size: 0.6rem; }
    .hdBox .hd-text .p2 {
      color: #b4cee1;
      font-size: 0.5rem;
      margin-top: 0.2rem; }
  .hdBox .download-wrapper {
    width: 5.82222rem;
    height: 1.15556rem;
    margin: 0.88889rem 0.22222rem 0 0;
    overflow: hidden; }
    .hdBox .download-wrapper a {
      margin: 0;
      display: block;
      width: 2.66667rem;
      height: 1.15556rem;
      line-height: 1.15556rem;
      border-radius: 0.2rem;
      color: #000;
      text-align: center;
      font-size: 0.5rem;
      font-weight: 700; }
      .hdBox .download-wrapper a.download {
        background: #b0d4ff; }
      .hdBox .download-wrapper a.guanw {
        background: #ffc451; }

.sct {
  position: relative;
  width: 100%;
  overflow: hidden; }

.sct1 {
  height: 16rem;
  background: url(../images/bg1.jpg) center top no-repeat;
  background-size: cover; }

.sct2 {
  height: 19.55556rem;
  background: url(../images/bg3333.jpg) center top no-repeat;
  background-size: cover; }
  .sct2 .icon-wrapper1 {
    width: 10.22222rem;
    margin: 2rem auto 0; }
  .sct2 .icon-wrapper2 {
    width: 15.33333rem;
    margin: 0.5rem auto 0; }
  .sct2 .icon-wrapper1, .sct2 .icon-wrapper2 {
    height: 4.64444rem; }
    .sct2 .icon-wrapper1 a, .sct2 .icon-wrapper2 a {
      display: block;
      width: 4.66667rem;
      height: 4.64444rem;
      position: relative;
      float: left;
      margin: 0 0.22222rem; }
      .sct2 .icon-wrapper1 a div, .sct2 .icon-wrapper2 a div {
        position: absolute;
        width: 100%;
        height: 100%; }
      .sct2 .icon-wrapper1 a p, .sct2 .icon-wrapper2 a p {
        position: absolute;
        width: 100%;
        height: 0.66667rem;
        line-height: 0.66667rem;
        text-align: center;
        color: #fff;
        font-size: 0.5rem;
        left: 0;
        bottom: 0.6rem; }

.logo-wrapper {
  width: 10.04444rem;
  margin: 1.15556rem auto 0;
  overflow: hidden; }
  .logo-wrapper a {
    display: block; }
  .logo-wrapper .logo1 {
    width: 3.8rem;
    height: 2.04444rem; }
  .logo-wrapper .logo2wrapper {
    width: 4.71111rem;
    height: 0.91111rem;
    margin: 0.44444rem auto 0; }
  .logo-wrapper.logo-mg {
    margin-top: 5rem; }

.op30, .op60 {
  display: none;
  z-index: 20;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 10;
  overflow: hidden; }
  .op30 .abs, .op60 .abs {
    left: 50%;
    top: 50%;
    position: absolute; }
  .op30 .close-op30, .op60 .close-op30 {
    display: block;
    position: absolute;
    right: 4%;
    top: 0.88889rem;
    width: 1.24444rem;
    height: 1.22222rem; }
  .op30 .box1, .op60 .box1 {
    width: 14.13333rem;
    height: 19.95556rem;
    margin: -9.97778rem 0 0 -7.06667rem;
    background: url(../images/bgt.png) center top no-repeat;
    background-size: cover; }
    .op30 .box1 .common-hidden, .op60 .box1 .common-hidden {
      display: none; }
    .op30 .box1 .box-content, .op60 .box1 .box-content {
      width: 13.42222rem;
      margin: -7.93333rem 0 0 -6.71111rem;
      overflow: hidden; }
      .op30 .box1 .box-content .box-content-title, .op60 .box1 .box-content .box-content-title {
        width: 10.22222rem;
        height: 1.06667rem;
        line-height: 1.06667rem;
        color: #000000;
        text-align: center;
        font-size: 0.8rem;
        font-weight: bold;
        margin: 0.97778rem auto 0; }
      .op30 .box1 .box-content h2, .op60 .box1 .box-content h2 {
        text-align: center;
        font-size: 0.5rem;
        margin: 0.44444rem auto 0.75556rem;
        width: 100%;
        color: #1d4663; }
      .op30 .box1 .box-content p, .op60 .box1 .box-content p {
        color: #656565;
        text-indent: 1rem;
        line-height: 0.75556rem;
        font-size: 0.5rem;
        width: 12.17778rem;
        margin: 0.3rem auto 0; }
      .op30 .box1 .box-content .p1, .op60 .box1 .box-content .p1 {
        text-indent: 0; }
      .op30 .box1 .box-content .p-mg, .op60 .box1 .box-content .p-mg {
        margin-top: 2rem; }
      .op30 .box1 .box-content .img555, .op60 .box1 .box-content .img555 {
        display: block;
        margin: 0 auto;
        width: 6.44444rem; }
      .op30 .box1 .box-content .imgBox3p, .op60 .box1 .box-content .imgBox3p {
        margin-top: 1.5rem;
        text-indent: 3rem; }
      .op30 .box1 .box-content .imgBox3img, .op60 .box1 .box-content .imgBox3img {
        width: 1rem;
        margin-right: .4rem;
        vertical-align: middle; }
      .op30 .box1 .box-content .imgBox1, .op60 .box1 .box-content .imgBox1 {
        width: 10.28889rem;
        height: 6.08889rem;
        margin: 0.44444rem auto 0; }
      .op30 .box1 .box-content .imgBox2, .op60 .box1 .box-content .imgBox2 {
        width: 10.26667rem;
        height: 6.13333rem;
        margin: 0.84444rem auto 0; }
      .op30 .box1 .box-content .imgBox3, .op60 .box1 .box-content .imgBox3 {
        width: 10.22222rem;
        height: 6.06667rem;
        margin: 0.84444rem auto 0; }
      .op30 .box1 .box-content .imgBox4, .op60 .box1 .box-content .imgBox4 {
        width: 10.15556rem;
        height: 7.17778rem;
        margin: 0.84444rem auto 0; }
      .op30 .box1 .box-content .imgBox5, .op60 .box1 .box-content .imgBox5 {
        width: 11rem;
        height: 6.71111rem;
        margin: 0.84444rem auto 0; }
      .op30 .box1 .box-content .imgBox6, .op60 .box1 .box-content .imgBox6 {
        width: 6.66667rem;
        height: 6.66667rem;
        margin: 3.06667rem auto 0.62222rem; }
      .op30 .box1 .box-content .imgBox7, .op60 .box1 .box-content .imgBox7 {
        width: 6.66667rem;
        height: 9.04444rem;
        margin: 2.4rem auto 0.62222rem; }
      .op30 .box1 .box-content .imgBox6Txt, .op60 .box1 .box-content .imgBox6Txt {
        width: 100%;
        text-align: center;
        color: #1177a9;
        font-size: 0.6rem;
        margin: 0 auto;
        text-indent: 0; }
      .op30 .box1 .box-content .lingqu, .op60 .box1 .box-content .lingqu {
        width: 3.33333rem;
        height: 1.02222rem;
        line-height: 1.02222rem;
        text-align: center;
        font-size: 0.4rem;
        color: #fff;
        background: #f99410;
        display: block;
        border-radius: 0.2rem;
        margin: 0.66667rem auto 0; }
    .op30 .box1 .chiocebox, .op60 .box1 .chiocebox {
      margin: 1.11111rem auto 0;
      width: 10.11111rem; }
      .op30 .box1 .chiocebox p, .op60 .box1 .chiocebox p {
        width: 100%;
        height: 1.46667rem;
        line-height: 1.46667rem;
        color: #656565;
        border: 1px solid #929292;
        text-align: center; }
        .op30 .box1 .chiocebox p.active, .op60 .box1 .chiocebox p.active {
          border-color: #f99410;
          color: #f99410; }
    .op30 .box1 #downloadbtn, .op60 .box1 #downloadbtn {
      margin: 0.66667rem 0 0 3.5rem;
      width: 4.84444rem; }
      .op30 .box1 #downloadbtn img, .op60 .box1 #downloadbtn img {
        width: 4.84444rem; }
    .op30 .box1 .sysWrapper p, .op60 .box1 .sysWrapper p {
      text-indent: 0;
      text-align: center;
      color: #1b4f71;
      font-size: 0.5rem;
      margin-top: 1.6rem; }
    .op30 .box1 .sysWrapper .sysMain, .op60 .box1 .sysWrapper .sysMain {
      width: 10.26667rem;
      height: 4rem;
      margin: 1.33333rem auto 0; }
      .op30 .box1 .sysWrapper .sysMain a, .op60 .box1 .sysWrapper .sysMain a {
        display: block;
        text-align: center;
        width: 10.26667rem;
        height: 1.64444rem;
        line-height: 1.64444rem;
        border: 0.05rem solid #656565;
        color: #656565;
        margin: 0.44444rem auto;
        font-size: 0.5rem;
        font-weight: 700; }
      .op30 .box1 .sysWrapper .sysMain .active, .op60 .box1 .sysWrapper .sysMain .active {
        color: #f97310;
        border: 0.05rem solid #f97310; }
    .op30 .box1 .sysWrapper .p-succBox, .op60 .box1 .sysWrapper .p-succBox {
      width: 10.26667rem;
      height: 5.55556rem;
      margin: 3.33333rem auto 0; }
      .op30 .box1 .sysWrapper .p-succBox .p-succ, .op60 .box1 .sysWrapper .p-succBox .p-succ {
        width: 100%;
        margin: 0;
        font-size: 0.6rem;
        font-weight: 700;
        height: 1.02222rem;
        line-height: 1.02222rem; }
      .op30 .box1 .sysWrapper .p-succBox .p-code, .op60 .box1 .sysWrapper .p-succBox .p-code {
        width: 100%;
        height: 1.68889rem;
        line-height: 1.68889rem;
        background: #a3a1a1;
        color: #fff;
        margin: 0.44444rem auto 0; }
      .op30 .box1 .sysWrapper .p-succBox .p-txt, .op60 .box1 .sysWrapper .p-succBox .p-txt {
        margin: 0;
        font-size: 0.5rem;
        width: 100%;
        margin: 0.4rem auto 0; }
    .op30 .box1 .sysWrapper .getGiftBtn, .op60 .box1 .sysWrapper .getGiftBtn {
      display: block;
      text-align: center;
      width: 4.88889rem;
      height: 1.33333rem;
      line-height: 1.33333rem;
      color: #fff;
      margin: 2rem auto 0;
      font-size: 0.5rem;
      font-weight: 700;
      background: #2594ed;
      border-radius: 0.2rem; }

.op60 {
  display: block; }

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