@keyframes scroll-a {
  0% {
    transform: scale(1); }
  25% {
    transform: scale(1.5); }
  50% {
    transform: scale(1); }
  75% {
    transform: scale(1.5); } }

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

a,
span,
div,
img,
a:hover,
a:active,
a:visited,
a:link,
a:focus {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent; }

.specials-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 750px; }
  .specials-container .panel {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column; }
  .specials-container .panel-1 {
    height: 23.10667rem;
    background-image: url("/static/specials/images/FH5-m-1.png");
    background-repeat: no-repeat;
    background-size: 100% 100%; }
    .specials-container .panel-1 .btns {
      position: absolute;
      top: 11.49333rem;
      width: 100%;
      height: auto;
      display: flex;
      justify-content: center; }
      .specials-container .panel-1 .btns .download-dom {
        margin-right: 0.93333rem;
        font-size: 0.26667rem;
        color: #FFFFFF;
        width: 3.24rem;
        height: 1.21333rem;
        background-image: url("/static/specials/images/FH5-m-2.png");
        background-repeat: no-repeat;
        background-size: 100% 100%; }
      .specials-container .panel-1 .btns .ljb-btn {
        width: 3.24rem;
        height: 0.85333rem;
        background-image: url("/static/specials/images/FH5-m-3.png");
        background-repeat: no-repeat;
        background-size: 100% 100%; }
    .specials-container .panel-1 .dec-1 {
      position: absolute;
      left: 2.53333rem;
      top: 13.06667rem;
      font-size: 0.32rem;
      color: #FFFFFF; }
    .specials-container .panel-1 .img-1 {
      position: absolute;
      left: 1rem;
      top: 13.05333rem;
      width: 8rem;
      height: 4rem;
      margin-top: 1.26667rem;
      background-image: url("/static/specials/images/FH5-m-4.png");
      background-repeat: no-repeat;
      background-size: 100% 100%; }
      .specials-container .panel-1 .img-1 span {
        color: #FFFFFF;
        font-weight: bold;
        font-style: italic;
        position: absolute;
        top: 3.14667rem;
        left: 1.42667rem;
        font-size: 0.32rem; }
    .specials-container .panel-1 .img-2 {
      left: 1rem;
      width: 8rem;
      position: absolute;
      display: flex;
      align-items: center;
      justify-content: space-between;
      bottom: 0.62667rem;
      margin-top: 0.38667rem; }
      .specials-container .panel-1 .img-2 span {
        position: absolute;
        top: 2.61333rem;
        left: 0.58667rem;
        color: #FFFFFF;
        font-weight: bold;
        font-style: italic;
        font-size: 0.32rem; }
      .specials-container .panel-1 .img-2 .imgBox-1 {
        width: 3.86667rem;
        height: 3.46667rem;
        background-image: url("/static/specials/images/FH5-m-5.png");
        background-repeat: no-repeat;
        background-size: 100% 100%; }
      .specials-container .panel-1 .img-2 .imgBox-2 {
        position: relative;
        width: 3.86667rem;
        height: 3.46667rem;
        background-image: url("/static/specials/images/FH5-m-6.png");
        background-repeat: no-repeat;
        background-size: 100% 100%; }
        .specials-container .panel-1 .img-2 .imgBox-2 span {
          left: 0.96rem; }
  .specials-container .panel-2 {
    height: 21.04rem;
    background-image: url("/static/specials/images/FH5-m-7.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: flex;
    align-items: center;
    color: #FFFFFF;
    font-size: 0.32rem; }
    .specials-container .panel-2 .dec-3 {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      position: absolute;
      top: 10.26667rem;
      left: 4.34667rem;
      line-height: 0.66667rem; }
      .specials-container .panel-2 .dec-3 .t1 {
        margin: 0.10667rem 0 0.01333rem 0; }
    .specials-container .panel-2 .dec-4 {
      position: absolute;
      top: 15.6rem;
      left: 1.8rem;
      line-height: 0.66667rem; }
      .specials-container .panel-2 .dec-4 .t1 {
        margin: 0.10667rem 0 0.18667rem 0; }
    .specials-container .panel-2 .bottom-dec {
      position: absolute;
      bottom: 0.66667rem; }
  .specials-container .panel-3 {
    height: 20.4rem;
    background-image: url("/static/specials/images/FH5-m-8.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    color: #FFFFFF;
    font-size: 0.32rem; }
    .specials-container .panel-3 .dec-1 {
      position: absolute;
      top: 10.66667rem;
      left: 2.69333rem;
      line-height: 0.66667rem; }
      .specials-container .panel-3 .dec-1 .decBox-4 {
        margin: 0.17333rem 0 0.09333rem 0; }
    .specials-container .panel-3 .dec-2 {
      line-height: 0.66667rem;
      position: absolute;
      top: 16.13333rem;
      left: 2.64rem; }
      .specials-container .panel-3 .dec-2 .decBox-4 {
        margin: 0.18667rem 0 0.2rem 0; }
  .specials-container .panel-4 {
    position: relative;
    font-size: 0.32rem;
    height: 17.82667rem;
    background-image: url("/static/specials/images/FH5-m-9.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    color: #FFFFFF; }
    .specials-container .panel-4 .dec-1 {
      position: absolute;
      top: 3.97333rem;
      left: 1.6rem; }
    .specials-container .panel-4 .dec-2 {
      position: absolute;
      top: 9.14667rem;
      left: 1.66667rem; }
    .specials-container .panel-4 .t1 {
      position: absolute;
      bottom: 1.93333rem;
      left: 1.93333rem; }
    .specials-container .panel-4 .t2 {
      position: absolute;
      bottom: 1.93333rem;
      left: 6.14667rem; }
    .specials-container .panel-4 .t3 {
      position: absolute;
      bottom: 0.94667rem;
      left: 1.93333rem; }
    .specials-container .panel-4 .t4 {
      position: absolute;
      bottom: 0.94667rem;
      left: 6.14667rem; }