@charset "UTF-8";
body {
  font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", STHeiti, "Microsoft Yahei", Tahoma, Simsun, sans-serif;
  min-width: 100%;
  min-height: 100%; }

* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

a {
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(255, 0, 0, 0); }

input {
  border: none;
  outline: none; }

input::-webkit-input-placeholder {
  color: #bdbdbd; }

input:-moz-placeholder {
  color: #bdbdbd; }

input::-moz-placeholder {
  color: #bdbdbd; }

input:-ms-input-placeholder {
  color: #bdbdbd; }

img {
  display: block;
  width: 100%;
  height: auto; }

button {
  background: transparent;
  border: 0; }

.main {
  width: 100%;
  overflow-x: hidden;
  background: #000024;
  color: #fff; }
  .main .box {
    background: #241B5A;
    width: 92vw;
    margin: 0 auto 6.6666666667vw;
    border-radius: 1.3333333333vw;
    position: relative;
    padding-bottom: 5.3333333333vw; }
    .main .box .activity_img {
      width: 30.1333333333vw;
      height: auto;
      margin: 0 auto 3.3333333333vw; }
    .main .box .rabbit {
      position: absolute;
      top: 1.6vw;
      right: 2.2666666667vw;
      width: 9.0666666667vw;
      z-index: 1; }
    .main .box .txt {
      font-size: 4.2666666667vw;
      width: 87.7333333333vw;
      margin: 0 auto 5.3333333333vw;
      padding: 4vw 5.3333333333vw;
      background: rgba(223, 217, 248, 0.1);
      border-radius: 1.3333333333vw;
      line-height: 6.2666666667vw; }
      .main .box .txt span {
        color: #FB5900; }
    .main .box .slt {
      position: relative;
      width: 87.7333333333vw;
      height: 74.2666666667vw;
      margin: 0 auto;
      -o-object-fit: cover;
         object-fit: cover; }
      .main .box .slt::after {
        content: '点击放大查看示意图';
        position: absolute;
        bottom: 0;
        height: 8.5333333333vw;
        line-height: 8.5333333333vw;
        background: rgba(0, 0, 0, 0.3);
        width: 100%;
        text-align: center;
        font-size: 3.2vw; }
    .main .box .gift {
      width: 38.6666666667vw;
      margin: 0 auto; }
    .main .box.box1 {
      margin-top: 9.3333333333vw; }
    .main .box.box2 .rabbit2 {
      width: 7.6vw;
      right: auto;
      left: 2.2666666667vw; }
    .main .box.box3 {
      text-align: center; }
      .main .box.box3 .rabbit3 {
        width: 15.2vw;
        top: auto;
        right: 2.2666666667vw;
        bottom: 0; }
      .main .box.box3 .more {
        margin: 0 auto;
        width: 47.3333333333vw;
        display: block; }
  .main .rule {
    margin: 9.3333333333vw auto;
    color: rgba(255, 255, 255, 0.5);
    font-size: 3.7333333333vw; }
    .main .rule .tips {
      background: #301B5A;
      border-top-right-radius: 100px;
      border-bottom-right-radius: 100px;
      line-height: 8.4vw;
      display: inline-block;
      width: auto;
      padding: 0 2.6666666667vw;
      color: #fff;
      margin-bottom: 4vw; }
    .main .rule p {
      padding: 0 5.3333333333vw;
      line-height: 5.8666666667vw; }
    .main .rule ul {
      padding: 0 5.3333333333vw 0 13.3333333333vw;
      font-size: 3.2vw; }
      .main .rule ul li {
        position: relative; }
    .main .rule .fxjs {
      font-size: 2.9333333333vw;
      color: rgba(255, 255, 255, 0.3);
      margin-top: 6.6666666667vw; }

.swiper {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
  z-index: 2; }
  .swiper .swiper-container {
    width: 100%;
    height: 133.3333333333vw;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }
    .swiper .swiper-container .swiper-slide {
      position: relative; }
      .swiper .swiper-container .swiper-slide img {
        width: 100%;
        height: 100%;
        -o-object-fit: contain;
           object-fit: contain; }
  .swiper .icon_hide {
    position: absolute;
    bottom: 6.6666666667vw;
    left: 0;
    right: 0;
    width: 8vw;
    margin: 0 auto;
    z-index: 100; }

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