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

a {
  text-decoration: none; }

.t-c {
  text-align: center; }

.clearfix:before,
.clearfix:after {
  display: table;
  content: " "; }

.clearfix:after {
  clear: both; }

.clearfix {
  *zoom: 1; }

.specials-container {
  margin: 0 auto;
  padding-top: 90px;
  min-width: 1300px;
  max-width: 1920px;
  width: 100%;
  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 .panel {
    width: 100%;
    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;
    height: 4.6875rem;
    background-image: url("/static/specials/images/2020MayDayAct-bg.png");
    background-repeat: no-repeat;
    background-size: cover; }
    .specials-container .panel .logo {
      position: absolute;
      top: 0.19271rem;
      left: 5.20833rem;
      width: 1.59896rem;
      height: 0.33854rem;
      background-image: url("/static/specials/images/2020MayDayAct-logo.png");
      background-repeat: no-repeat;
      background-size: cover; }
    .specials-container .panel .slogan {
      position: absolute;
      top: 0.54688rem;
      left: 3.94792rem;
      width: 4.38021rem;
      height: 1.11458rem;
      background-image: url("/static/specials/images/2020MayDayAct-slogan.png");
      background-repeat: no-repeat;
      background-size: cover; }
    .specials-container .panel .bg1 {
      position: absolute;
      top: 1.45833rem;
      right: 0.73958rem;
      width: 1.83854rem;
      height: 1.34896rem;
      background-image: url("/static/specials/images/2020MayDayAct-bg1.png");
      background-repeat: no-repeat;
      background-size: cover; }
    .specials-container .panel .activity-time {
      position: absolute;
      top: 1.68229rem;
      left: 5.1875rem;
      font-size: 0.125rem;
      color: #ffffff; }
      .specials-container .panel .activity-time span {
        color: #FFC308;
        font-weight: bold; }
    .specials-container .panel .activity-prize-wrapper {
      position: absolute;
      width: 3.25rem;
      left: 4.375rem;
      top: 1.9375rem;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      .specials-container .panel .activity-prize-wrapper .activity-prize-item {
        margin-bottom: 0.02604rem;
        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;
        font-size: 0.08854rem;
        font-weight: bold;
        color: #ffffff; }
        .specials-container .panel .activity-prize-wrapper .activity-prize-item.item1 {
          width: 1.02083rem;
          height: 0.21354rem;
          background-image: url("/static/specials/images/2020MayDayAct-prize1.png");
          background-repeat: no-repeat;
          background-size: cover; }
        .specials-container .panel .activity-prize-wrapper .activity-prize-item.item2 {
          width: 1.20313rem;
          height: 0.21354rem;
          background-image: url("/static/specials/images/2020MayDayAct-prize2.png");
          background-repeat: no-repeat;
          background-size: cover; }
        .specials-container .panel .activity-prize-wrapper .activity-prize-item.item3 {
          width: 1.02083rem;
          height: 0.21354rem;
          background-image: url("/static/specials/images/2020MayDayAct-prize3.png");
          background-repeat: no-repeat;
          background-size: cover; }
    .specials-container .panel .activity-sign-tip {
      position: absolute;
      top: 2.79688rem;
      left: 5.18229rem;
      color: #FFC000;
      font-weight: bold;
      font-size: 0.125rem; }
    .specials-container .panel .activity-sign-tip-logo {
      position: absolute;
      top: 3.04167rem;
      left: 5.59896rem;
      width: 1.02604rem;
      height: 0.16667rem;
      background-image: url("/static/specials/images/2020MayDayAct-sign-tip.png");
      background-repeat: no-repeat;
      background-size: cover; }
    .specials-container .panel .sign-day-wrapper {
      position: absolute;
      top: 3.32292rem;
      left: 3.17188rem; }
      .specials-container .panel .sign-day-wrapper .sign-day {
        float: left;
        position: relative;
        width: 0.92188rem;
        height: 0.76563rem;
        background-image: url("/static/specials/images/2020MayDayAct-bg-day.png");
        background-repeat: no-repeat;
        background-size: cover; }
        .specials-container .panel .sign-day-wrapper .sign-day .day-num {
          position: absolute;
          top: 0.02083rem;
          left: 0.23958rem;
          font-weight: bold;
          font-size: 0.09375rem;
          color: #FFFFFF; }
        .specials-container .panel .sign-day-wrapper .sign-day .prize-wrapper {
          position: relative;
          top: 0.15104rem;
          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;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-flow: column;
                  flex-flow: column;
          font-size: 0.10417rem;
          color: #FFFFFF;
          height: 0.35417rem; }
          .specials-container .panel .sign-day-wrapper .sign-day .prize-wrapper:not(:nth-child(5)) {
            padding-top: 0.03646rem; }
          .specials-container .panel .sign-day-wrapper .sign-day .prize-wrapper .prize {
            color: #FFC600;
            font-weight: bold;
            text-align: center;
            margin-top: 0.02604rem;
            max-width: 0.64583rem; }
        .specials-container .panel .sign-day-wrapper .sign-day .sign-btn {
          position: absolute;
          left: 0.0625rem;
          bottom: 0.03646rem;
          width: 0.67708rem;
          height: 0.18229rem;
          cursor: pointer; }
          .specials-container .panel .sign-day-wrapper .sign-day .sign-btn.unbegin {
            background-image: url("/static/specials/images/2020MayDayAct-unbegin.png");
            background-repeat: no-repeat;
            background-size: cover; }
          .specials-container .panel .sign-day-wrapper .sign-day .sign-btn.signined {
            background-image: url("/static/specials/images/2020MayDayAct-signined.png");
            background-repeat: no-repeat;
            background-size: cover; }
          .specials-container .panel .sign-day-wrapper .sign-day .sign-btn.signin {
            background-image: url("/static/specials/images/2020MayDayAct-signin.png");
            background-repeat: no-repeat;
            background-size: cover; }
          .specials-container .panel .sign-day-wrapper .sign-day .sign-btn.expire {
            background-image: url("/static/specials/images/2020MayDayAct-expire.png");
            background-repeat: no-repeat;
            background-size: cover; }
        .specials-container .panel .sign-day-wrapper .sign-day:nth-child(2) {
          left: -0.11979rem; }
        .specials-container .panel .sign-day-wrapper .sign-day:nth-child(3) {
          left: -0.23958rem; }
        .specials-container .panel .sign-day-wrapper .sign-day:nth-child(4) {
          left: -0.35938rem; }
        .specials-container .panel .sign-day-wrapper .sign-day:nth-child(5) {
          left: -0.47917rem; }
        .specials-container .panel .sign-day-wrapper .sign-day:nth-child(6) {
          left: -0.59896rem; }
        .specials-container .panel .sign-day-wrapper .sign-day:nth-child(7) {
          left: -0.71875rem; }
    .specials-container .panel .view-activity-rule {
      position: absolute;
      top: 4.25rem;
      left: 5.52083rem;
      color: #ffffff;
      font-size: 0.125rem; }
      .specials-container .panel .view-activity-rule a {
        color: #FFC308;
        font-weight: bold;
        cursor: pointer;
        text-decoration: underline; }
        .specials-container .panel .view-activity-rule a:visited {
          color: #FFC308; }

.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; }
  .mask .modal-wrapper {
    width: 5.32813rem;
    height: 2.44792rem;
    position: relative;
    background-image: url("/static/specials/images/2020MayDayAct-modal.png");
    background-repeat: no-repeat;
    background-size: cover; }
    .mask .modal-wrapper .modal-header .close {
      position: absolute;
      top: -0.04688rem;
      right: -0.05208rem;
      width: 0.36458rem;
      height: 0.28125rem;
      background-image: url("/static/specials/images/2020MayDayAct-modal-close.png");
      background-repeat: no-repeat;
      background-size: cover;
      cursor: pointer; }
    .mask .modal-wrapper .modal-content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      padding-top: 0.18229rem;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-flow: column;
              flex-flow: column; }
      .mask .modal-wrapper .modal-content .title {
        color: #FFC600;
        font-size: 0.20313rem;
        font-weight: bold;
        margin-bottom: 0.125rem;
        text-align: center; }
      .mask .modal-wrapper .modal-content .content-wrapper {
        padding-left: 0.70313rem;
        padding-right: 0.52083rem; }
        .mask .modal-wrapper .modal-content .content-wrapper .rule {
          font-size: 0.10417rem;
          color: #ffffff;
          margin-bottom: 0.04167rem; }
          .mask .modal-wrapper .modal-content .content-wrapper .rule span {
            color: #FFC600;
            font-weight: bold; }

.sign-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; }
  .sign-mask .modal-wrapper {
    width: 3.94792rem;
    height: 1.9375rem;
    position: relative;
    background-image: url("/static/specials/images/2020MayDayAct-sign-modal.png");
    background-repeat: no-repeat;
    background-size: cover; }
    .sign-mask .modal-wrapper .close {
      position: absolute;
      top: 0.09896rem;
      right: -0.07292rem;
      width: 0.36458rem;
      height: 0.28125rem;
      cursor: pointer;
      background-image: url("/static/specials/images/2020MayDayAct-modal-close.png");
      background-repeat: no-repeat;
      background-size: cover; }
    .sign-mask .modal-wrapper .modal-content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      padding-top: 0.35417rem;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-flow: column;
              flex-flow: column; }
      .sign-mask .modal-wrapper .modal-content .title {
        color: #FFC600;
        font-size: 0.20833rem;
        font-weight: bold;
        margin-bottom: 0.15625rem;
        text-align: center; }
      .sign-mask .modal-wrapper .modal-content .content-wrapper {
        padding-left: 0.44271rem;
        padding-right: 0.26042rem; }
        .sign-mask .modal-wrapper .modal-content .content-wrapper .content {
          font-size: 0.125rem;
          color: #ffffff;
          line-height: 0.1875rem;
          text-align: center; }
          .sign-mask .modal-wrapper .modal-content .content-wrapper .content .reward span {
            color: #FFC600;
            font-weight: bold; }
          .sign-mask .modal-wrapper .modal-content .content-wrapper .content .tip {
            margin-top: 0.04167rem;
            font-size: 0.10417rem !important; }
    .sign-mask .modal-wrapper .modal-footer {
      position: absolute;
      top: 1.38021rem;
      left: 1.40625rem;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      .sign-mask .modal-wrapper .modal-footer .btn {
        width: 1.08333rem;
        height: 0.27604rem;
        position: relative;
        color: #010101;
        font-size: 0.13021rem;
        font-weight: bold;
        display: none;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        cursor: pointer; }
        .sign-mask .modal-wrapper .modal-footer .btn:nth-child(1) {
          background-image: url("/static/specials/images/2020MayDayAct-receive.png");
          background-repeat: no-repeat;
          background-size: cover; }
        .sign-mask .modal-wrapper .modal-footer .btn:nth-child(2) {
          background-image: url("/static/specials/images/2020MayDayAct-received.png");
          background-repeat: no-repeat;
          background-size: cover; }