@charset "UTF-8";
* {
  box-sizing: border-box; }

body {
  margin: 0;
  font-family: Arial,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif !important; }

.specials-container {
  min-width: 1300px;
  max-width: 1920px;
  margin: 0 auto;
  margin-top: 90px;
  text-align: center; }
  .specials-container .panel {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative; }
  .specials-container .panel1 {
    height: 5.94792rem;
    background-image: url("/static/specials/images/Game_APEXmatch_p1.png");
    background-repeat: no-repeat;
    background-size: cover; }
    .specials-container .panel1 .slogan {
      margin-top: 3.90625rem;
      max-width: 3.48958rem;
      font-size: 0.09375rem;
      color: #FFFFFF;
      line-height: 0.15625rem;
      text-align: left; }
    .specials-container .panel1 .act-info {
      max-width: 400px;
      text-align: left;
      margin-top: 5.15625rem;
      font-size: 0.10417rem;
      color: #FFFFFF;
      line-height: 0.15625rem; }
  .specials-container .panel2 {
    height: 5.28646rem;
    background-image: url("/static/specials/images/Game_APEXmatch_p2.png");
    background-repeat: no-repeat;
    background-size: cover; }
    .specials-container .panel2 .qrcode {
      position: absolute;
      left: 2.70833rem;
      top: 2rem;
      font-size: 0.10417rem;
      color: #FFFFFF;
      line-height: 0.15625rem; }
    .specials-container .panel2 .sign {
      position: absolute;
      left: 4.4375rem;
      top: 0.84375rem;
      width: 1.24479rem;
      height: 0.36979rem;
      background-image: url("/static/specials/images/Game_APEXmatch_sign.png");
      background-repeat: no-repeat;
      background-size: cover;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 0.11979rem;
      color: #FFFFFF;
      text-decoration: none; }
      .specials-container .panel2 .sign:hover {
        background-image: url("/static/specials/images/Game_APEXmatch_sign_hover.png");
        background-repeat: no-repeat;
        background-size: cover; }
    .specials-container .panel2 .sign-tips {
      position: absolute;
      left: 4.4375rem;
      top: 1.38021rem;
      font-size: 0.09375rem;
      color: #FFFFFF;
      line-height: 0.15625rem;
      text-align: left; }
      .specials-container .panel2 .sign-tips p {
        max-width: 3.58333rem; }
        .specials-container .panel2 .sign-tips p b {
          color: #FF4215; }
        .specials-container .panel2 .sign-tips p:first-child::before {
          position: absolute;
          left: -0.3125rem;
          top: 0;
          content: 'Tips： ';
          font-size: 0.09375rem;
          color: #FFFFFF; }
    .specials-container .panel2 .rewards {
      position: absolute;
      left: 7.13542rem;
      top: 3.375rem; }
      .specials-container .panel2 .rewards p {
        text-align: left; }
        .specials-container .panel2 .rewards p:nth-child(2), .specials-container .panel2 .rewards p:nth-child(3) {
          margin-top: 0.30208rem; }
        .specials-container .panel2 .rewards p span {
          color: #FFFFFF;
          line-height: 1; }
          .specials-container .panel2 .rewards p span:first-child {
            font-size: 0.09375rem; }
          .specials-container .panel2 .rewards p span:last-child {
            display: inline-block;
            margin-top: 5px;
            font-size: 0.125rem;
            font-weight: bold; }
    .specials-container .panel2 .reward-tips {
      position: absolute;
      font-size: 0.08333rem;
      color: #993030;
      line-height: 1; }
      .specials-container .panel2 .reward-tips.t1 {
        left: 6.17708rem;
        top: 4.60417rem; }
      .specials-container .panel2 .reward-tips.t2 {
        left: 50%;
        transform: translateX(-50%);
        top: 4.93229rem; }
  .specials-container .panel3 {
    height: 4.33854rem;
    background-image: url("/static/specials/images/Game_APEXmatch_p3.png");
    background-repeat: no-repeat;
    background-size: cover; }
    .specials-container .panel3 .rule {
      margin-top: 0.83333rem;
      font-size: 0.09375rem;
      color: #FFFFFF;
      line-height: 0.15625rem;
      text-align: left; }
      .specials-container .panel3 .rule a {
        color: #FF0101;
        font-weight: bold;
        text-decoration: underline;
        cursor: pointer; }
    .specials-container .panel3 .qrtitle {
      font-size: 0.09375rem;
      color: #FFFFFF;
      line-height: 30px;
      position: absolute;
      top: 2.21875rem; }
      .specials-container .panel3 .qrtitle.sign {
        left: 3.53646rem; }
      .specials-container .panel3 .qrtitle.wx {
        left: 5.80729rem; }
    .specials-container .panel3 .qrcode-tips {
      position: absolute;
      font-size: 0.09375rem;
      color: #FFFFFF;
      line-height: 0.15625rem;
      top: 3.23958rem; }
      .specials-container .panel3 .qrcode-tips.sign {
        left: 3.20833rem; }
      .specials-container .panel3 .qrcode-tips.wx {
        left: 5.83333rem; }