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

a {
  text-decoration: none; }

li {
  list-style: none; }

.disabled {
  pointer-events: none; }

.specials-container {
  margin: 0 auto;
  padding-top: 90px;
  min-width: 1300px;
  max-width: remb(1920px);
  width: 100%;
  display: flex;
  flex-direction: column;
  color: #FFFFFF;
  position: relative; }
  .specials-container a {
    display: block; }
  .specials-container .panel {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center; }

.p1 {
  height: 4.72917rem;
  background-image: url("/static/specials/images/fifa-nd2021_bg1.png");
  background-repeat: no-repeat;
  background-size: 100% 100%; }
  .p1 .tips {
    margin-top: 4.52083rem;
    padding-left: 6.00521rem;
    font-size: 0.09375rem;
    color: #FEFEFF;
    line-height: 0.25rem;
    width: 100%; }

.p2 {
  height: 5.91146rem;
  background-image: url("/static/specials/images/fifa-nd2021_bg2.png");
  background-repeat: no-repeat;
  background-size: 100% 100%; }
  .p2 .reward-wrapper {
    position: absolute;
    top: 0.07292rem;
    right: 0.07292rem;
    width: 4.27083rem; }
    .p2 .reward-wrapper .l-panel {
      left: 0px;
      top: 0px; }
      .p2 .reward-wrapper .l-panel .list {
        background-image: url("/static/specials/images/fifa-nd2021_reward_bg.png");
        background-repeat: no-repeat;
        background-size: 100% 100%; }
        .p2 .reward-wrapper .l-panel .list .item {
          font-size: 0.125rem;
          font-weight: bold;
          color: #6080FF;
          position: absolute;
          left: 50%;
          transform: translateX(-50%); }
          .p2 .reward-wrapper .l-panel .list .item.item1 {
            top: 0.16146rem; }
          .p2 .reward-wrapper .l-panel .list .item.item2 {
            top: 0.53125rem; }
          .p2 .reward-wrapper .l-panel .list .item.item3 {
            top: 0.91667rem; }
          .p2 .reward-wrapper .l-panel .list .item.item4 {
            top: 1.31771rem; }
          .p2 .reward-wrapper .l-panel .list .item.item5 {
            top: 1.67188rem; }
    .p2 .reward-wrapper .r-panel {
      top: 0px;
      left: 2.14583rem;
      display: none; }
      .p2 .reward-wrapper .r-panel .list {
        background-image: url("/static/specials/images/fifa-nd2021_reward_pr_bg.png");
        background-repeat: no-repeat;
        background-size: 100% 100%;
        position: relative; }
        .p2 .reward-wrapper .r-panel .list .item {
          font-size: 0.09375rem;
          color: #FFFFFF;
          position: absolute;
          left: 0;
          width: 100%;
          text-align: center; }
          .p2 .reward-wrapper .r-panel .list .item.item1 {
            top: 0.1875rem; }
          .p2 .reward-wrapper .r-panel .list .item.item2 {
            top: 0.5625rem; }
          .p2 .reward-wrapper .r-panel .list .item.item3 {
            top: 0.95833rem; }
          .p2 .reward-wrapper .r-panel .list .item.item4 {
            top: 1.33333rem; }
          .p2 .reward-wrapper .r-panel .list .item.item5 {
            top: 1.70313rem; }
    .p2 .reward-wrapper .l-panel, .p2 .reward-wrapper .r-panel {
      position: absolute;
      width: 2.10417rem;
      height: 2.69792rem; }
      .p2 .reward-wrapper .l-panel .list, .p2 .reward-wrapper .r-panel .list {
        width: 2.10417rem;
        height: 1.95833rem;
        position: absolute;
        top: 0rem;
        left: 0rem; }
      .p2 .reward-wrapper .l-panel .btn, .p2 .reward-wrapper .r-panel .btn {
        width: 1.20313rem;
        cursor: pointer;
        left: 50%;
        transform: translateX(-50%);
        top: 2.20833rem;
        position: absolute;
        font-size: 0.125rem;
        font-family: Source Han Sans CN;
        font-weight: bold;
        color: #000000; }
        .p2 .reward-wrapper .l-panel .btn.receive, .p2 .reward-wrapper .r-panel .btn.receive {
          padding: 0.08854rem 0 0.25521rem 0.33854rem;
          background-image: url("/static/specials/images/fifa-nd2021_btn_receive.png");
          background-repeat: no-repeat;
          background-size: 100% 100%; }
        .p2 .reward-wrapper .l-panel .btn.my-reward, .p2 .reward-wrapper .r-panel .btn.my-reward {
          padding: 0.08854rem 0 0.15625rem 0.46354rem;
          background-image: url("/static/specials/images/fifa-nd2021_my_reward.png");
          background-repeat: no-repeat;
          background-size: 100% 100%; }
  .p2 .tab-wrapper {
    width: 8.75521rem;
    height: 0.60938rem;
    position: absolute;
    top: 4.94792rem;
    left: 0.63021rem; }
    .p2 .tab-wrapper.pc {
      background-image: url("/static/specials/images/fifa-nd2021_tab_pc.png");
      background-repeat: no-repeat;
      background-size: 100% 100%; }
      .p2 .tab-wrapper.pc .tab {
        font-size: 0.15625rem;
        font-weight: bold;
        font-family: Source Han Sans CN; }
        .p2 .tab-wrapper.pc .tab:first-child {
          position: absolute;
          left: 3.41667rem;
          top: 0.10417rem;
          color: #000000; }
        .p2 .tab-wrapper.pc .tab:last-child {
          width: 1.66146rem;
          height: 0.35938rem;
          position: absolute;
          top: 0.01563rem;
          left: 4.41667rem;
          background-image: url("/static/specials/images/fifa-nd2021_btn_tab_zhuji.png");
          background-repeat: no-repeat;
          background-size: 100% 100%;
          padding: 0.07292rem 0 0 0.40625rem;
          cursor: pointer;
          color: #4EE700; }
    .p2 .tab-wrapper.zhuji {
      background-image: url("/static/specials/images/fifa-nd2021_tab_zhuji.png");
      background-repeat: no-repeat;
      background-size: 100% 100%; }
      .p2 .tab-wrapper.zhuji .tab {
        font-size: 0.15625rem;
        font-weight: bold;
        font-family: Source Han Sans CN; }
        .p2 .tab-wrapper.zhuji .tab:first-child {
          width: 1.66146rem;
          height: 0.35938rem;
          position: absolute;
          top: 0.01563rem;
          left: 2.67708rem;
          background-image: url("/static/specials/images/fifa-nd2021_btn_tab_pc.png");
          background-repeat: no-repeat;
          background-size: 100% 100%;
          padding: 0.07292rem 0 0 0.75rem;
          cursor: pointer;
          color: #4EE700; }
        .p2 .tab-wrapper.zhuji .tab:last-child {
          position: absolute;
          left: 4.83333rem;
          top: 0.10417rem;
          color: #000000; }

.p3 {
  height: 6.27083rem;
  background-image: url("/static/specials/images/fifa-nd2021_bg3.png");
  background-repeat: no-repeat;
  background-size: 100% 100%; }
  .p3 .product-vs.pc {
    width: 8.23958rem;
    height: 3.25521rem;
    position: absolute;
    top: -0.52604rem;
    left: 1.05729rem;
    background-image: url("/static/specials/images/fifa-nd2021_product_vs.png");
    background-repeat: no-repeat;
    background-size: 100% 100%; }
    .p3 .product-vs.pc .title {
      font-size: 0.15625rem;
      font-family: Source Han Sans CN;
      font-weight: bold;
      color: #FFFFFF;
      line-height: 0.25rem;
      position: absolute;
      left: 2.43229rem;
      top: 0.23958rem; }
    .p3 .product-vs.pc .vs-wrapper .other .item {
      font-size: 0.10417rem;
      font-family: Source Han Sans CN;
      color: #FFFFFF;
      position: absolute;
      left: 0.27604rem;
      line-height: 0.10417rem; }
      .p3 .product-vs.pc .vs-wrapper .other .item.item1 {
        top: 0.89583rem; }
      .p3 .product-vs.pc .vs-wrapper .other .item.item2 {
        top: 1.13542rem; }
      .p3 .product-vs.pc .vs-wrapper .other .item.item3 {
        top: 1.36458rem; }
      .p3 .product-vs.pc .vs-wrapper .other .item.item4 {
        top: 1.61979rem; }
      .p3 .product-vs.pc .vs-wrapper .other .item.item5 {
        top: 1.86458rem; }
    .p3 .product-vs.pc .vs-wrapper .qy .item {
      font-size: 0.10417rem;
      font-family: Source Han Sans CN;
      color: #FFCD00;
      position: absolute;
      left: 2.09896rem;
      line-height: 0.10417rem; }
      .p3 .product-vs.pc .vs-wrapper .qy .item.item1 {
        top: 1.59375rem; }
      .p3 .product-vs.pc .vs-wrapper .qy .item.item2 {
        top: 1.84375rem; }
      .p3 .product-vs.pc .vs-wrapper .qy .item.item3 {
        top: 2.07813rem; }
      .p3 .product-vs.pc .vs-wrapper .qy .item.item4 {
        top: 2.32292rem; }
      .p3 .product-vs.pc .vs-wrapper .qy .item.item5 {
        top: 2.57813rem; }
    .p3 .product-vs.pc .btn-download {
      width: 1.28646rem;
      height: 0.44271rem;
      position: absolute;
      top: 2.45313rem;
      left: 5.67188rem;
      background-image: url("/static/specials/images/fifa-nd2021_btn_download.png");
      background-repeat: no-repeat;
      background-size: 100% 100%;
      font-size: 0.13542rem;
      font-family: Source Han Sans CN;
      font-weight: bold;
      color: #000000;
      padding-left: 0.5rem;
      padding-top: 0.09896rem;
      cursor: pointer; }
      .p3 .product-vs.pc .btn-download span {
        position: absolute;
        font-size: 0.10417rem;
        color: #FFFFFF;
        font-weight: normal;
        left: 0.33854rem;
        bottom: 0.03125rem;
        line-height: 0.10417rem; }
    .p3 .product-vs.pc .btn-buy {
      display: none; }
  .p3 .product-vs.zhuji {
    width: 8.625rem;
    height: 3.38542rem;
    position: absolute;
    top: -0.52604rem;
    left: 1.05729rem;
    background-image: url("/static/specials/images/fifa-nd2021_product_vs2.png");
    background-repeat: no-repeat;
    background-size: 100% 100%; }
    .p3 .product-vs.zhuji .title {
      font-size: 0.15625rem;
      font-family: Source Han Sans CN;
      font-weight: bold;
      color: #FFFFFF;
      line-height: 0.25rem;
      position: absolute;
      left: 1.91146rem;
      top: 0.22917rem; }
    .p3 .product-vs.zhuji .vs-wrapper .other .item {
      font-size: 0.10417rem;
      font-family: Source Han Sans CN;
      color: #FFFFFF;
      position: absolute;
      left: 0.27604rem;
      line-height: 0.10417rem; }
      .p3 .product-vs.zhuji .vs-wrapper .other .item.item1 {
        top: 0.96875rem; }
      .p3 .product-vs.zhuji .vs-wrapper .other .item.item2 {
        top: 1.20313rem; }
      .p3 .product-vs.zhuji .vs-wrapper .other .item.item3 {
        top: 1.44271rem; }
      .p3 .product-vs.zhuji .vs-wrapper .other .item.item4 {
        top: 1.69271rem; }
      .p3 .product-vs.zhuji .vs-wrapper .other .item.item5 {
        top: 1.9375rem; }
      .p3 .product-vs.zhuji .vs-wrapper .other .item.item6 {
        top: 2.17708rem; }
    .p3 .product-vs.zhuji .vs-wrapper .qy .item {
      font-size: 0.10417rem;
      font-family: Source Han Sans CN;
      color: #ffffff;
      position: absolute;
      left: 2.08854rem;
      line-height: 0.10417rem; }
      .p3 .product-vs.zhuji .vs-wrapper .qy .item.item1 {
        top: 1.67188rem; }
      .p3 .product-vs.zhuji .vs-wrapper .qy .item.item2 {
        top: 1.91667rem; }
      .p3 .product-vs.zhuji .vs-wrapper .qy .item.item3 {
        top: 2.15104rem; }
      .p3 .product-vs.zhuji .vs-wrapper .qy .item.item4 {
        top: 2.40625rem; }
      .p3 .product-vs.zhuji .vs-wrapper .qy .item.item5 {
        top: 2.67188rem; }
    .p3 .product-vs.zhuji .btn-download {
      display: none; }
    .p3 .product-vs.zhuji .btn-buy {
      width: 1.28646rem;
      height: 0.44271rem;
      position: absolute;
      top: 2.52604rem;
      left: 5.67188rem;
      background-image: url("/static/specials/images/fifa-nd2021_btn_buy.png");
      background-repeat: no-repeat;
      background-size: 100% 100%;
      font-size: 0.13542rem;
      font-family: Source Han Sans CN;
      font-weight: bold;
      color: #000000;
      padding-left: 0.5rem;
      padding-top: 0.09896rem;
      cursor: pointer; }
      .p3 .product-vs.zhuji .btn-buy span {
        position: absolute;
        font-size: 0.10417rem;
        color: #FFFFFF;
        font-weight: normal;
        left: 0.57292rem;
        bottom: 0.03125rem;
        line-height: 0.10417rem; }
  .p3 .rule {
    position: absolute;
    font-size: 0.125rem;
    line-height: 0.17708rem;
    top: 4.1875rem;
    left: 2.72396rem; }
    .p3 .rule li {
      list-style: none;
      position: relative; }
      .p3 .rule li:not(:first-child) {
        margin-top: 0.0625rem; }
      .p3 .rule li span {
        position: absolute;
        left: -0.05208rem;
        transform: translateX(-100%); }
    .p3 .rule b {
      color: #fff003; }

.mask {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 99; }
  .mask .modal-bg {
    width: 3.57292rem;
    height: 2.07292rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #FFFFFF;
    font-size: 0.22917rem;
    line-height: 0.22917rem;
    text-align: center; }
    .mask .modal-bg .btn-close {
      width: 0.26042rem;
      height: 0.26042rem;
      background-image: url("/static/specials/images/fifa-nd2021_modal_close.png");
      background-repeat: no-repeat;
      background-size: 100% 100%;
      position: absolute;
      top: 0.26042rem;
      right: 0.07292rem;
      cursor: pointer; }
    .mask .modal-bg .btn-ok {
      width: 0.78125rem;
      height: 0.26042rem;
      background-image: url("/static/specials/images/fifa-nd2021_modal_btn.png");
      background-repeat: no-repeat;
      background-size: 100% 100%;
      cursor: pointer;
      position: absolute;
      left: 1.71354rem;
      bottom: 0.3125rem;
      font-size: 0.125rem;
      font-family: Source Han Sans CN;
      font-weight: bold;
      color: #000000;
      display: flex;
      align-items: center;
      justify-content: center; }

#modal-prize-time .modal-bg {
  background-image: url("/static/specials/images/fifa-nd2021_modal_prize_time.png");
  background-repeat: no-repeat;
  background-size: 100% 100%; }

#modal-prize-time .prize-name {
  font-size: 0.125rem;
  font-family: Source Han Sans CN;
  font-weight: bold;
  color: #D2FF00;
  line-height: 0.125rem;
  position: absolute;
  left: 1.67188rem;
  top: 0.88542rem; }

#modal-prize-time .prize-tips {
  font-size: 0.09375rem;
  color: #FFFFFF;
  line-height: 0.09375rem;
  position: absolute;
  left: 1.20833rem;
  top: 1.19792rem; }

#modal-prize-ljb .modal-bg {
  background-image: url("/static/specials/images/fifa-nd2021_modal_prize_ljb.png");
  background-repeat: no-repeat;
  background-size: 100% 100%; }

#modal-prize-ljb .prize-name {
  font-size: 0.125rem;
  font-family: Source Han Sans CN;
  font-weight: bold;
  color: #D2FF00;
  line-height: 0.125rem;
  position: absolute;
  left: 1.95313rem;
  top: 0.92708rem; }

#modal-prize-ljb .prize-tips {
  font-size: 0.09375rem;
  color: #FFFFFF;
  line-height: 0.09375rem;
  position: absolute;
  left: 1.5625rem;
  top: 1.25rem; }

#modal-prize-game .modal-bg {
  background-image: url("/static/specials/images/fifa-nd2021_modal_prize_game.png");
  background-repeat: no-repeat;
  background-size: 100% 100%; }

#modal-prize-game .prize-name {
  font-size: 0.125rem;
  font-family: Source Han Sans CN;
  font-weight: bold;
  color: #D2FF00;
  line-height: 0.125rem;
  position: absolute;
  left: 1.73958rem;
  top: 0.92708rem; }

#modal-prize-game .prize-tips {
  font-size: 0.09375rem;
  color: #FFFFFF;
  line-height: 0.09375rem;
  position: absolute;
  left: 1.5625rem;
  top: 1.25rem; }

#modal-record.empty .title {
  margin-top: 1.09375rem; }

#modal-record .modal-bg {
  background-image: url("/static/specials/images/zd2042_modal_bg6.png");
  background-repeat: no-repeat;
  background-size: 100% 100%; }

#modal-record .title {
  font-size: 0.14583rem;
  font-weight: bold;
  font-style: italic;
  line-height: 0.14583rem;
  margin: 0.58333rem auto 0.20313rem; }

#modal-record ul {
  height: 0.67708rem;
  overflow: auto; }
  #modal-record ul::-webkit-scrollbar {
    display: none; }

#modal-record li {
  position: relative;
  height: 0.16667rem;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.125rem;
  padding: 0 0.58854rem;
  margin-bottom: 0.07292rem; }
  #modal-record li .btn-see {
    position: absolute;
    width: 0.46875rem;
    height: 0.16667rem;
    background-image: url("/static/specials/images/zd2042_modal_btn_see.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
    right: 0.43229rem; }

#modal-record .btn-ok {
  position: absolute;
  bottom: 0.64063rem;
  left: 50%;
  transform: translateX(-50%); }