* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

a {
  text-decoration: none; }

.specials-container {
  margin: 0 auto;
  padding-top: 100px;
  min-width: 1300px;
  max-width: 1920px;
  width: 100%; }
  .specials-container .main {
    width: 100%;
    height: 57.25521rem;
    background-image: url("/static/specials/images/2019Christmas_bg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .specials-container .main .logo {
      width: 1.52604rem;
      margin-top: 0.41146rem; }
    .specials-container .main .inner {
      width: 100%;
      position: absolute;
      top: 50.52604rem;
      left: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      .specials-container .main .inner .title {
        width: 100%; }
      .specials-container .main .inner .barrage-box {
        width: 5.20833rem;
        height: 3.48958rem;
        background-image: url("/static/specials/images/2019Christmas_barrage_box.png");
        background-repeat: no-repeat;
        background-size: cover;
        margin-top: 0.14063rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        position: relative; }
        .specials-container .main .inner .barrage-box .barrage-title {
          font-size: 0.16146rem;
          color: #F5F5F5;
          font-weight: bold;
          line-height: 0.16146rem;
          margin-top: 0.07813rem; }
        .specials-container .main .inner .barrage-box .snow {
          width: 5.20833rem;
          position: absolute;
          top: 0.28646rem;
          left: 0;
          z-index: 2; }
        .specials-container .main .inner .barrage-box .barrage-con {
          width: 4.77604rem;
          height: 2.69271rem;
          position: absolute;
          top: 0.39583rem;
          left: 0.21875rem;
          background-image: url("/static/specials/images/2019Christmas_barrage_bg.png");
          background-repeat: no-repeat;
          background-size: cover;
          overflow: hidden; }
        .specials-container .main .inner .barrage-box .barrage-input {
          width: 100%;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          padding-left: 1.13542rem;
          position: absolute;
          left: 0;
          bottom: 0.07292rem;
          font-size: 0.16146rem;
          color: #F5F5F5;
          line-height: 0.16146rem; }
          .specials-container .main .inner .barrage-box .barrage-input .input {
            width: 2.02083rem;
            height: 0.20313rem;
            background-image: url("/static/specials/images/2019Christmas_input.png");
            background-repeat: no-repeat;
            background-size: cover;
            margin: 0 0.05729rem;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                    justify-content: space-between;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            position: relative; }
            .specials-container .main .inner .barrage-box .barrage-input .input input {
              width: 1.77083rem;
              height: 100%;
              padding: 0.03125rem 0.06771rem;
              font-size: 0.125rem;
              background-color: transparent;
              color: #080808;
              outline: none;
              resize: none;
              border: none; }
            .specials-container .main .inner .barrage-box .barrage-input .input .search {
              width: 0.16146rem;
              margin-right: 0.04167rem; }
            .specials-container .main .inner .barrage-box .barrage-input .input .search-result {
              width: 100%;
              padding: 0.10417rem 0.0625rem;
              background-color: rgba(0, 0, 0, 0.9);
              position: absolute;
              top: 0.20313rem;
              left: 0;
              font-size: 0.125rem;
              color: #FFF;
              line-height: 0.125rem;
              display: none;
              z-index: 10; }
              .specials-container .main .inner .barrage-box .barrage-input .input .search-result div {
                padding: 0.03125rem 0;
                cursor: pointer; }
        .specials-container .main .inner .barrage-box .btn {
          width: 0.55208rem;
          height: 0.21875rem;
          background-image: url("/static/specials/images/2019Christmas_btn.png");
          background-repeat: no-repeat;
          background-size: cover;
          margin-left: 0.17188rem;
          cursor: pointer; }
      .specials-container .main .inner .rules {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        margin-top: 0.15625rem;
        padding-left: 0.41667rem; }
        .specials-container .main .inner .rules .item {
          font-size: 0.125rem;
          color: #FFF;
          line-height: 0.125rem;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          margin-top: 0.09375rem; }
          .specials-container .main .inner .rules .item img {
            width: 0.11979rem;
            margin-right: 0.04688rem; }
          .specials-container .main .inner .rules .item span {
            color: #40FFC2;
            font-weight: bold; }
  .specials-container .mask {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 1000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .specials-container .mask .modal-con {
      width: 3.91146rem;
      height: 3.41667rem;
      position: relative; }
      .specials-container .mask .modal-con .modal {
        width: 100%;
        height: 100%;
        background-image: url("/static/specials/images/2019Christmas_modal.png");
        background-repeat: no-repeat;
        background-size: cover;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        position: relative;
        overflow: hidden;
        border-radius: 0.05208rem; }
        .specials-container .mask .modal-con .modal .want {
          font-size: 0.125rem;
          color: #FAECCF;
          font-weight: bold;
          margin-top: 1.30208rem;
          -webkit-transform: skewY(-10deg);
                  transform: skewY(-10deg); }
          .specials-container .mask .modal-con .modal .want span {
            color: #28FFB3; }
        .specials-container .mask .modal-con .modal .code-con {
          width: 1.09375rem;
          height: 1.19792rem;
          background-image: url("/static/specials/images/2019Christmas_code_con.png");
          background-repeat: no-repeat;
          background-size: cover;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          margin-top: 0.25rem; }
          .specials-container .mask .modal-con .modal .code-con .qrcode {
            width: 0.84896rem;
            height: 0.84896rem;
            margin-top: 0.09896rem; }
            .specials-container .mask .modal-con .modal .code-con .qrcode img {
              width: 100%; }
          .specials-container .mask .modal-con .modal .code-con .text {
            font-size: 0.09896rem;
            color: #FFFEFE;
            font-weight: bold;
            line-height: 0.09896rem;
            margin-top: 0.08854rem; }
        .specials-container .mask .modal-con .modal .tip {
          font-size: 0.09896rem;
          color: #FFFEFE;
          line-height: 0.09896rem;
          margin-top: 0.16146rem; }
        .specials-container .mask .modal-con .modal .showImg {
          width: 3.92708rem;
          height: 3.42708rem;
          position: absolute;
          top: 0;
          left: -1px;
          z-index: 1; }
      .specials-container .mask .modal-con .close {
        width: 0.25rem;
        height: 0.26563rem;
        background-image: url("/static/specials/images/2019Christmas_close.png");
        background-repeat: no-repeat;
        background-size: cover;
        position: absolute;
        top: 0.06771rem;
        right: 0.05208rem;
        cursor: pointer;
        z-index: 2; }
      .specials-container .mask .modal-con .share-tip {
        width: 100%;
        font-size: 0.09375rem;
        color: #FFF;
        font-weight: bold;
        line-height: 0.09375rem;
        position: absolute;
        top: -0.14583rem;
        text-align: center; }