* {
  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: 1920px;
  width: 100%;
  display: flex;
  flex-direction: column;
  color: #FFFFFF; }
  .specials-container a {
    display: block; }
  .specials-container .panel {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center; }

.p1 {
  z-index: 2;
  height: 6.22917rem;
  background-image: url("/static/specials/images/hdwy_bg1.png");
  background-repeat: no-repeat;
  background-size: 100% 100%; }
  .p1 .icon-down {
    width: 0.57812rem;
    height: 0.27083rem;
    position: absolute;
    top: 4.77604rem;
    left: 4.70833rem;
    background-image: url("/static/specials/images/hdwy_icon_down.png");
    background-repeat: no-repeat;
    background-size: 100% 100%; }

.p2 {
  z-index: 3;
  height: 7.73438rem;
  background-image: url("/static/specials/images/hdwy_bg2.png");
  background-repeat: no-repeat;
  background-size: 100% 100%; }
  .p2 .jsgsaw {
    position: absolute;
    top: 1.61979rem;
    left: 1.35417rem;
    width: 7.32292rem;
    height: 2.94271rem; }
    .p2 .jsgsaw div {
      display: none; }
    .p2 .jsgsaw .j1 {
      width: 1.46875rem;
      height: 1.92188rem;
      position: absolute;
      top: 0rem;
      left: 0rem;
      background-image: url("/static/specials/images/hdwy_jigsaw_1.png");
      background-repeat: no-repeat;
      background-size: 100% 100%; }
    .p2 .jsgsaw .j2 {
      width: 2.32812rem;
      height: 1.46354rem;
      position: absolute;
      top: 0rem;
      left: 1.03646rem;
      background-image: url("/static/specials/images/hdwy_jigsaw_2.png");
      background-repeat: no-repeat;
      background-size: 100% 100%; }
    .p2 .jsgsaw .j3 {
      width: 1.46875rem;
      height: 1.92188rem;
      position: absolute;
      top: 0rem;
      left: 2.91667rem;
      background-image: url("/static/specials/images/hdwy_jigsaw_3.png");
      background-repeat: no-repeat;
      background-size: 100% 100%; }
    .p2 .jsgsaw .j4 {
      width: 2.33854rem;
      height: 1.46354rem;
      position: absolute;
      top: 0rem;
      left: 3.94792rem;
      background-image: url("/static/specials/images/hdwy_jigsaw_4.png");
      background-repeat: no-repeat;
      background-size: 100% 100%; }
    .p2 .jsgsaw .j5 {
      width: 1.45833rem;
      height: 1.92188rem;
      position: absolute;
      top: 0rem;
      left: 5.85938rem;
      background-image: url("/static/specials/images/hdwy_jigsaw_5.png");
      background-repeat: no-repeat;
      background-size: 100% 100%; }
    .p2 .jsgsaw .j6 {
      width: 1.89583rem;
      height: 1.46354rem;
      position: absolute;
      top: 1.46354rem;
      left: 0rem;
      background-image: url("/static/specials/images/hdwy_jigsaw_6.png");
      background-repeat: no-repeat;
      background-size: 100% 100%; }
    .p2 .jsgsaw .j7 {
      width: 1.46354rem;
      height: 1.90625rem;
      position: absolute;
      top: 1.02083rem;
      left: 1.46875rem;
      background-image: url("/static/specials/images/hdwy_jigsaw_7.png");
      background-repeat: no-repeat;
      background-size: 100% 100%; }
    .p2 .jsgsaw .j8 {
      width: 2.35417rem;
      height: 1.46354rem;
      position: absolute;
      top: 1.46354rem;
      left: 2.47917rem;
      background-image: url("/static/specials/images/hdwy_jigsaw_8.png");
      background-repeat: no-repeat;
      background-size: 100% 100%; }
    .p2 .jsgsaw .j9 {
      width: 1.46875rem;
      height: 1.90625rem;
      position: absolute;
      top: 1.02083rem;
      left: 4.39062rem;
      background-image: url("/static/specials/images/hdwy_jigsaw_9.png");
      background-repeat: no-repeat;
      background-size: 100% 100%; }
    .p2 .jsgsaw .j10 {
      width: 1.91146rem;
      height: 1.46354rem;
      position: absolute;
      top: 1.46354rem;
      left: 5.41146rem;
      background-image: url("/static/specials/images/hdwy_jigsaw_10.png");
      background-repeat: no-repeat;
      background-size: 100% 100%; }
  .p2 .reward-0 {
    width: 0.38021rem;
    height: 0.31771rem;
    position: absolute;
    top: 5.11458rem;
    left: 1.55208rem;
    background-image: url("/static/specials/images/hdwy_reward_0.png");
    background-repeat: no-repeat;
    background-size: 100% 100%; }
  .p2 .reward-5 {
    width: 0.65104rem;
    height: 0.53125rem;
    position: absolute;
    top: 4.98958rem;
    left: 4.65625rem;
    background-image: url("/static/specials/images/hdwy_reward_5.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    cursor: pointer; }
    .p2 .reward-5.on {
      width: 0.84896rem;
      height: 0.70312rem;
      top: 4.81771rem;
      left: 4.60417rem;
      background-image: url("/static/specials/images/hdwy_reward_5_on.png");
      background-repeat: no-repeat;
      background-size: 100% 100%;
      animation: breath infinite 1.2s ease-in; }
      .p2 .reward-5.on:hover {
        width: 0.84896rem;
        height: 0.70312rem;
        top: 4.81771rem;
        left: 4.60417rem;
        background-image: url("/static/specials/images/hdwy_reward_5_on.png");
        background-repeat: no-repeat;
        background-size: 100% 100%;
        animation: breath infinite 1.2s ease-in; }
      .p2 .reward-5.on.opened {
        animation: none; }
        .p2 .reward-5.on.opened:hover {
          width: 1.72917rem;
          height: 1.17188rem;
          background-image: url("/static/specials/images/hdwy_reward_5_item.png");
          background-repeat: no-repeat;
          background-size: 100% 100%;
          top: 4.375rem;
          left: 4.11458rem; }
    .p2 .reward-5:hover {
      width: 1.72917rem;
      height: 1.17188rem;
      background-image: url("/static/specials/images/hdwy_reward_5_item.png");
      background-repeat: no-repeat;
      background-size: 100% 100%;
      top: 4.375rem;
      left: 4.11458rem;
      animation: none; }
  .p2 .reward-10 {
    width: 0.70833rem;
    height: 0.71875rem;
    position: absolute;
    top: 4.80208rem;
    left: 7.90104rem;
    background-image: url("/static/specials/images/hdwy_reward_10.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    cursor: pointer; }
    .p2 .reward-10.on {
      width: 0.91146rem;
      height: 0.92188rem;
      top: 4.59896rem;
      left: 7.84896rem;
      background-image: url("/static/specials/images/hdwy_reward_10_on.png");
      background-repeat: no-repeat;
      background-size: 100% 100%;
      animation: breath infinite 1.2s ease-in-out; }
      .p2 .reward-10.on:hover {
        width: 0.91146rem;
        height: 0.92188rem;
        top: 4.59896rem;
        left: 7.84896rem;
        background-image: url("/static/specials/images/hdwy_reward_10_on.png");
        background-repeat: no-repeat;
        background-size: 100% 100%;
        animation: breath infinite 1.2s ease-in; }
      .p2 .reward-10.on.opened {
        animation: none; }
        .p2 .reward-10.on.opened:hover {
          width: 2.07812rem;
          height: 1.72917rem;
          background-image: url("/static/specials/images/hdwy_reward_10_item.png");
          background-repeat: no-repeat;
          background-size: 100% 100%;
          top: 3.81771rem;
          left: 7.01562rem; }
    .p2 .reward-10:hover {
      width: 2.07812rem;
      height: 1.72917rem;
      background-image: url("/static/specials/images/hdwy_reward_10_item.png");
      background-repeat: no-repeat;
      background-size: 100% 100%;
      top: 3.81771rem;
      left: 7.01562rem;
      animation: none; }

@keyframes breath {
  0% {
    transform: scale(0.9); }
  50% {
    transform: scale(1); }
  100% {
    transform: scale(0.9); } }
  .p2 .reward-slot {
    width: 6.70833rem;
    height: 0.13542rem;
    position: absolute;
    top: 5.64062rem;
    left: 1.65104rem;
    background-image: url("/static/specials/images/hdwy_slot.png");
    background-repeat: no-repeat;
    background-size: 100% 100%; }
    .p2 .reward-slot .mark {
      position: absolute;
      z-index: 3;
      width: 0.1875rem;
      height: 0.1875rem;
      top: -0.02604rem; }
      .p2 .reward-slot .mark.mark-0 {
        background-image: url("/static/specials/images/hdwy_mark_0.png");
        background-repeat: no-repeat;
        background-size: 100% 100%;
        left: 0; }
      .p2 .reward-slot .mark.mark-5 {
        background-image: url("/static/specials/images/hdwy_mark_5.png");
        background-repeat: no-repeat;
        background-size: 100% 100%;
        left: 3.26042rem; }
      .p2 .reward-slot .mark.mark-10 {
        background-image: url("/static/specials/images/hdwy_mark_10.png");
        background-repeat: no-repeat;
        background-size: 100% 100%;
        left: 6.54688rem; }
    .p2 .reward-slot .fill {
      width: 0%;
      position: absolute;
      left: 0.05208rem;
      top: 50%;
      transform: translateY(-50%);
      z-index: 2;
      height: 0.06771rem;
      background-image: url("/static/specials/images/hdwy_line.png");
      background-repeat: no-repeat;
      background-size: 100% 100%;
      background-size: auto 100%;
      max-width: 6.58854rem; }
    .p2 .reward-slot .star {
      display: none;
      width: 0.65625rem;
      height: 0.25rem;
      background-image: url("/static/specials/images/hdwy_star.png");
      background-repeat: no-repeat;
      background-size: 100% 100%;
      position: absolute;
      z-index: 4;
      left: 0%;
      top: -0.08333rem;
      transform: translateX(-55%); }
  .p2 .btn-invite {
    width: 1.15104rem;
    height: 0.40104rem;
    position: absolute;
    top: 6.16146rem;
    left: 3.60938rem;
    background-image: url("/static/specials/images/hdwy_btn_invite.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    cursor: pointer; }
  .p2 .btn-record {
    width: 1.15104rem;
    height: 0.40104rem;
    position: absolute;
    top: 6.16146rem;
    left: 5.23958rem;
    background-image: url("/static/specials/images/hdwy_btn_record.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    cursor: pointer; }

.p3 {
  height: 8.91146rem;
  background-image: url("/static/specials/images/hdwy_bg3.png");
  background-repeat: no-repeat;
  background-size: 100% 100%; }
  .p3 .steam p {
    width: 0.88542rem;
    white-space: nowrap;
    text-align: center;
    font-size: 0.09375rem;
    line-height: 0.09375rem;
    font-weight: bold;
    font-style: italic;
    color: #FFFFFF;
    position: absolute; }
    .p3 .steam p:nth-child(1) {
      top: 2.47917rem;
      left: 3.42708rem; }
    .p3 .steam p:nth-child(2) {
      top: 2.47917rem;
      left: 4.42708rem; }
    .p3 .steam p:nth-child(3) {
      top: 2.47917rem;
      left: 5.34375rem; }
    .p3 .steam p:nth-child(4) {
      top: 2.47917rem;
      left: 6.39583rem; }
    .p3 .steam p:nth-child(5) {
      top: 3.31771rem;
      left: 3.42708rem; }
    .p3 .steam p:nth-child(6) {
      top: 3.31771rem;
      left: 4.42708rem; }
    .p3 .steam p:nth-child(7) {
      top: 3.31771rem;
      left: 5.41146rem; }
  .p3 .rule {
    position: absolute;
    top: 5.66667rem;
    left: 2.60938rem;
    font-size: 0.125rem;
    color: #FFFFFF;
    line-height: 0.22917rem; }
    .p3 .rule div {
      display: flex;
      align-items: center;
      transform: skew(-9deg);
      font-weight: 400; }
    .p3 .rule b {
      font-size: 0.16667rem;
      margin-right: 0.10417rem; }
    .p3 .rule span {
      font-weight: 800; }

.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.73958rem;
    height: 1.97396rem;
    background-image: url("/static/specials/images/hdwy_modal_bg1.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #FFFFFF;
    font-size: 0.22917rem;
    line-height: 0.22917rem;
    text-align: center;
    text-shadow: 0px 0px 0.02083rem rgba(33, 9, 62, 0.69); }
    .mask .modal-bg .btn-close {
      width: 0.25rem;
      height: 0.25rem;
      background-image: url("/static/specials/images/hdwy_modal_close.png");
      background-repeat: no-repeat;
      background-size: 100% 100%;
      position: absolute;
      top: 0.08333rem;
      right: 0.07292rem;
      cursor: pointer; }

#modal-invitee .modal-bg {
  width: 3.73958rem;
  height: 2.16146rem;
  background-image: url("/static/specials/images/hdwy_modal_bg4.png");
  background-repeat: no-repeat;
  background-size: 100% 100%; }
  #modal-invitee .modal-bg .btn-pick {
    width: 1.15104rem;
    height: 0.40104rem;
    position: absolute;
    top: 1.5625rem;
    left: 0.60938rem;
    background-image: url("/static/specials/images/hdwy_modal_btn_pick.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    cursor: pointer; }
  #modal-invitee .modal-bg .btn-play {
    width: 1.15104rem;
    height: 0.40104rem;
    position: absolute;
    top: 1.5625rem;
    left: 1.98958rem;
    background-image: url("/static/specials/images/hdwy_modal_btn_play2.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    cursor: pointer; }

#modal-reward-time .text {
  margin-top: 0.55729rem;
  font-weight: bold;
  transform: skew(-8deg); }

#modal-reward-time .tip {
  font-size: 0.125rem;
  line-height: 0.125rem;
  transform: skew(-8deg);
  margin-top: 0.11458rem; }

#modal-reward-time .btn-ok {
  width: 1.15104rem;
  height: 0.40104rem;
  position: absolute;
  top: 1.17708rem;
  left: 1.33854rem;
  background-image: url("/static/specials/images/hdwy_modal_btn_ok.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  cursor: pointer; }

#modal-reward-goods .text {
  font-size: 0.1875rem;
  margin-top: 0.52083rem;
  padding: 0 0.36458rem;
  font-weight: bold;
  transform: skew(-8deg); }

#modal-reward-goods .tip {
  font-size: 0.125rem;
  line-height: 0.125rem;
  transform: skew(-8deg);
  margin-top: 0.08854rem; }

#modal-reward-goods .btn-call {
  width: 1.15104rem;
  height: 0.40104rem;
  position: absolute;
  top: 1.28125rem;
  left: 1.3125rem;
  background-image: url("/static/specials/images/hdwy_modal_btn_call.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  cursor: pointer; }

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

#modal-reward-cdk .text {
  font-size: 0.1875rem;
  line-height: 0.1875rem;
  margin-top: 0.52083rem;
  padding: 0 0.36458rem;
  font-weight: bold;
  transform: skew(-8deg); }

#modal-reward-cdk .code {
  position: absolute;
  top: 0.88542rem;
  left: 0.55208rem;
  font-size: 0.22917rem;
  line-height: 0.22917rem; }

#modal-reward-cdk .btn-copy {
  width: 0.63021rem;
  height: 0.26042rem;
  position: absolute;
  top: 0.85938rem;
  left: 2.64583rem;
  background-image: url("/static/specials/images/hdwy_modal_btn_copy.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  cursor: pointer; }

#modal-reward-cdk .btn-call {
  width: 1.15104rem;
  height: 0.40104rem;
  position: absolute;
  top: 1.25rem;
  left: 1.3125rem;
  background-image: url("/static/specials/images/hdwy_modal_btn_call.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  cursor: pointer; }

#modal-tip-login .modal-bg {
  width: 3.74479rem;
  height: 1.63542rem;
  background-image: url("/static/specials/images/hdwy_modal_bg3.png");
  background-repeat: no-repeat;
  background-size: 100% 100%; }

#modal-tip-login .text {
  font-weight: bold;
  transform: skew(-8deg);
  position: absolute;
  top: 0.66667rem;
  left: 0.625rem; }

#modal-tip-login .btn-login {
  width: 1.06771rem;
  height: 0.40104rem;
  position: absolute;
  top: 0.59375rem;
  left: 2.10938rem;
  background-image: url("/static/specials/images/hdwy_modal_btn_login.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  cursor: pointer; }

#modal-tip-pick .modal-bg {
  width: 3.74479rem;
  height: 1.63542rem;
  background-image: url("/static/specials/images/hdwy_modal_bg3.png");
  background-repeat: no-repeat;
  background-size: 100% 100%; }

#modal-tip-pick .text {
  font-weight: bold;
  transform: skew(-8deg);
  position: absolute;
  top: 0.54688rem;
  left: 0.46875rem; }

#modal-tip-pick .btn-play {
  width: 1.06771rem;
  height: 0.36979rem;
  position: absolute;
  top: 0.89583rem;
  left: 1.39583rem;
  background-image: url("/static/specials/images/hdwy_modal_btn_play.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  cursor: pointer; }

#modal-tip-no-times .modal-bg {
  width: 3.74479rem;
  height: 1.63542rem;
  background-image: url("/static/specials/images/hdwy_modal_bg3.png");
  background-repeat: no-repeat;
  background-size: 100% 100%; }

#modal-tip-no-times .text {
  font-weight: bold;
  transform: skew(-8deg);
  position: absolute;
  top: 0.66146rem;
  left: 0.15625rem;
  white-space: nowrap; }

#modal-tip-vip .modal-bg {
  width: 3.74479rem;
  height: 1.63542rem;
  background-image: url("/static/specials/images/hdwy_modal_bg3.png");
  background-repeat: no-repeat;
  background-size: 100% 100%; }

#modal-tip-vip .text {
  margin-top: 0.30208rem;
  font-weight: bold;
  transform: skew(-8deg); }

#modal-tip-vip .tip1 {
  margin-top: 0.08333rem;
  font-weight: bold;
  transform: skew(-8deg);
  font-size: 0.125rem;
  line-height: 0.125rem; }

#modal-tip-vip .btn-vip {
  width: 1.06771rem;
  height: 0.36979rem;
  position: absolute;
  top: 0.80208rem;
  left: 1.34375rem;
  background-image: url("/static/specials/images/hdwy_modal_btn_vip.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  cursor: pointer; }

#modal-tip-vip .tip2 {
  margin-top: 0.51562rem;
  font-weight: bold;
  transform: skew(-8deg);
  font-size: 0.125rem;
  line-height: 0.125rem; }

#modal-record .modal-bg {
  width: 3.74479rem;
  height: 1.32812rem;
  background-image: url("/static/specials/images/hdwy_modal_bg5.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  text-align: center; }

#modal-record .name {
  width: 1.45833rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

#modal-record .date {
  width: 0.625rem; }

#modal-record .time {
  width: 0.72917rem; }

#modal-record .btn-see {
  width: 0.61458rem;
  height: 0.25rem;
  background-image: url("/static/specials/images/hdwy_modal_btn_see.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  transform: skew(8deg);
  cursor: pointer; }

#modal-record .t-head {
  display: flex;
  font-size: 0.14583rem;
  line-height: 0.14583rem;
  font-weight: bold;
  transform: skew(-8deg);
  width: 2.8125rem;
  margin-left: 0.15625rem;
  margin-top: 0.20833rem; }

#modal-record .item {
  display: flex;
  align-items: center;
  font-size: 0.125rem;
  line-height: 0.125rem;
  height: 0.25rem;
  transform: skew(-8deg);
  width: 3.4375rem;
  margin-left: 0.15625rem;
  margin-top: 0.08854rem; }

.modal-copy-error {
  font-size: 0.125rem; }
  .modal-copy-error .layui-layer-content {
    padding: 0.10417rem;
    word-break: break-all; }