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

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

button {
  background: transparent;
  border: none;
  outline: none;
  box-sizing: border-box; }

.general-specials-container {
  overflow: hidden;
  margin: 0 auto;
  width: 100%;
  max-width: 750px; }
  .general-specials-container a {
    display: block;
    text-decoration: none; }
  .general-specials-container .wrapper {
    position: relative;
    width: 100%; }
  .general-specials-container .wrapper1 {
    height: 25.97333rem;
    background-image: url("/static/specials/images/PES21-m_bg1.png");
    background-repeat: no-repeat;
    background-size: 100% 100%; }
    .general-specials-container .wrapper1 .banner {
      width: 10rem;
      height: 4.78667rem;
      position: absolute;
      top: 0rem;
      left: 0rem; }
    .general-specials-container .wrapper1 .download-dom {
      width: 3.8rem;
      height: 1.08rem;
      position: absolute;
      top: 11.96rem;
      left: 0.8rem;
      background-image: url("/static/specials/images/PES21-m_download.png");
      background-repeat: no-repeat;
      background-size: 100% 100%;
      font-size: 0.32rem;
      line-height: 0.32rem;
      color: #010101;
      font-weight: 400;
      padding-top: 0.24rem;
      padding-left: 0.97333rem; }
    .general-specials-container .wrapper1 .ljb-btn {
      width: 4.17333rem;
      height: 1.18667rem;
      position: absolute;
      top: 11.77333rem;
      left: 5.16rem;
      background-image: url("/static/specials/images/PES21-m_ljb1.png");
      background-repeat: no-repeat;
      background-size: 100% 100%;
      font-size: 0.32rem;
      line-height: 0.32rem;
      color: #010101;
      font-weight: 400;
      padding-top: 0.42667rem;
      padding-left: 1rem; }
    .general-specials-container .wrapper1 .download-tip {
      position: absolute;
      top: 13.53333rem;
      width: 100%;
      text-align: center;
      font-size: 0.32rem;
      line-height: 0.32rem;
      color: #FFFFFF; }
    .general-specials-container .wrapper1 .title1 {
      width: 6.89333rem;
      height: 1.94667rem;
      position: absolute;
      top: 14.8rem;
      left: 1.48rem; }
    .general-specials-container .wrapper1 .error {
      width: 8.06667rem;
      height: 8.37333rem;
      position: absolute;
      top: 17.2rem;
      left: 0rem;
      background-image: url("/static/specials/images/PES21-m_error.png");
      background-repeat: no-repeat;
      background-size: 100% 100%;
      font-size: 0.32rem;
      line-height: 0.32rem;
      color: #FFFFFF;
      padding-top: 5.22667rem;
      padding-left: 2.72rem; }
      .general-specials-container .wrapper1 .error div {
        margin-bottom: 0.50667rem; }
  .general-specials-container .wrapper2 {
    height: 28.34667rem;
    background-image: url("/static/specials/images/PES21-m_bg2.png");
    background-repeat: no-repeat;
    background-size: 100% 100%; }
    .general-specials-container .wrapper2 .feats {
      width: 8.16rem;
      height: 10.22667rem;
      position: absolute;
      top: -0.37333rem;
      left: 1.6rem;
      background-image: url("/static/specials/images/PES21-m_feat.png");
      background-repeat: no-repeat;
      background-size: 100% 100%;
      font-size: 0.32rem;
      line-height: 0.32rem;
      color: #FFFFFF;
      padding-top: 6.78667rem;
      padding-left: 1.17333rem; }
      .general-specials-container .wrapper2 .feats div {
        margin-bottom: 0.56rem; }
        .general-specials-container .wrapper2 .feats div:nth-child(3) {
          margin-bottom: 0.62667rem; }
    .general-specials-container .wrapper2 .title2 {
      width: 6.16rem;
      height: 2.29333rem;
      position: absolute;
      top: 10.65333rem;
      left: 2.34667rem; }
    .general-specials-container .wrapper2 .feat div {
      color: #FFFFFF; }
      .general-specials-container .wrapper2 .feat div:nth-child(1) {
        font-size: 0.42667rem;
        line-height: 0.42667rem;
        font-weight: bold;
        text-align: center;
        margin-bottom: 0.21333rem; }
      .general-specials-container .wrapper2 .feat div:nth-child(2) {
        font-size: 0.32rem;
        line-height: 0.37333rem;
        padding: 0 0.4rem;
        word-break: break-all;
        text-align: justify;
        font-weight: 400; }
        .general-specials-container .wrapper2 .feat div:nth-child(2) span {
          font-weight: bold;
          color: #FFDE00; }
    .general-specials-container .wrapper2 .f1 {
      width: 4.30667rem;
      height: 8.06667rem;
      position: absolute;
      top: 12.36rem;
      left: 0.34667rem;
      background-image: url("/static/specials/images/PES21-m_f1.png");
      background-repeat: no-repeat;
      background-size: 100% 100%;
      padding-top: 3.82667rem; }
    .general-specials-container .wrapper2 .f2 {
      width: 4.30667rem;
      height: 7.53333rem;
      position: absolute;
      top: 12.89333rem;
      left: 5.22667rem;
      background-image: url("/static/specials/images/PES21-m_f2.png");
      background-repeat: no-repeat;
      background-size: 100% 100%;
      padding-top: 3.29333rem; }
    .general-specials-container .wrapper2 .f3 {
      width: 4.30667rem;
      height: 7.54667rem;
      position: absolute;
      top: 20.50667rem;
      left: 0.36rem;
      background-image: url("/static/specials/images/PES21-m_f3.png");
      background-repeat: no-repeat;
      background-size: 100% 100%;
      padding-top: 3.32rem; }
    .general-specials-container .wrapper2 .f4 {
      width: 4.30667rem;
      height: 7.41333rem;
      position: absolute;
      top: 20.64rem;
      left: 5.21333rem;
      background-image: url("/static/specials/images/PES21-m_f4.png");
      background-repeat: no-repeat;
      background-size: 100% 100%;
      padding-top: 3.18667rem; }
  .general-specials-container .wrapper3 {
    height: 23.24rem;
    background-image: url("/static/specials/images/PES21-m_bg3.png");
    background-repeat: no-repeat;
    background-size: 100% 100%; }
    .general-specials-container .wrapper3 .title3 {
      width: 8.30667rem;
      height: 2.70667rem;
      position: absolute;
      top: 0.02667rem;
      left: 0.82667rem; }
    .general-specials-container .wrapper3 .bad {
      width: 6.76rem;
      height: 8.64rem;
      position: absolute;
      top: 3.82667rem;
      left: 1.62667rem;
      background-image: url("/static/specials/images/PES21-m_bad.png");
      background-repeat: no-repeat;
      background-size: 100% 100%;
      font-size: 0.32rem;
      line-height: 0.32rem;
      color: #FFFFFF;
      padding-left: 1.32rem;
      padding-top: 1.96rem; }
      .general-specials-container .wrapper3 .bad div {
        margin-bottom: 0.41333rem; }
    .general-specials-container .wrapper3 .good {
      width: 7.69333rem;
      height: 10.13333rem;
      position: absolute;
      top: 12.98667rem;
      left: 1.10667rem;
      background-image: url("/static/specials/images/PES21-m_good.png");
      background-repeat: no-repeat;
      background-size: 100% 100%;
      font-size: 0.32rem;
      line-height: 0.32rem;
      color: #FFFFFF;
      padding-left: 1.69333rem;
      padding-top: 2.24rem; }
      .general-specials-container .wrapper3 .good div {
        margin-bottom: 0.69333rem; }
  .general-specials-container .wrapper4 {
    height: 27.66667rem;
    background-image: url("/static/specials/images/PES21-m_bg4.png");
    background-repeat: no-repeat;
    background-size: 100% 100%; }
    .general-specials-container .wrapper4 .title4 {
      width: 6.89333rem;
      height: 2.33333rem;
      position: absolute;
      top: 0.41333rem;
      left: 1.86667rem; }
    .general-specials-container .wrapper4 .mx {
      width: 5.84rem;
      height: 5.93333rem;
      position: absolute;
      top: 3.16rem;
      left: 1.8rem; }
    .general-specials-container .wrapper4 .tip {
      position: absolute;
      top: 9.50667rem;
      color: #FFFFFF;
      width: 100%;
      text-align: center;
      font-size: 0.32rem;
      line-height: 0.32rem; }
    .general-specials-container .wrapper4 .main {
      width: 9.12rem;
      height: 9.10667rem;
      position: absolute;
      top: 10.18667rem;
      left: 0.46667rem;
      background-image: url("/static/specials/images/PES21-m_info.png");
      background-repeat: no-repeat;
      background-size: 100% 100%;
      color: #040800;
      font-size: 0.32rem;
      line-height: 0.4rem;
      padding-top: 0.48rem;
      padding-left: 1.98667rem; }
      .general-specials-container .wrapper4 .main div {
        margin-bottom: 0.74667rem; }
        .general-specials-container .wrapper4 .main div:first-child {
          margin-bottom: 0.98667rem; }
    .general-specials-container .wrapper4 .title5 {
      width: 6.89333rem;
      height: 2.32rem;
      position: absolute;
      top: 19.74667rem;
      left: 2.34667rem; }
    .general-specials-container .wrapper4 .download-dom {
      width: 4.94667rem;
      height: 1.26667rem;
      position: absolute;
      top: 22.61333rem;
      left: 2.6rem;
      background-image: url("/static/specials/images/PES21-m_download2.png");
      background-repeat: no-repeat;
      background-size: 100% 100%;
      font-size: 0.37333rem;
      line-height: 0.37333rem;
      color: #010101;
      font-weight: 400;
      padding-top: 0.29333rem;
      padding-left: 1.46667rem; }
    .general-specials-container .wrapper4 .ljb-btn {
      width: 5.93333rem;
      height: 1.56rem;
      position: absolute;
      top: 24.52rem;
      left: 2.09333rem;
      background-image: url("/static/specials/images/PES21-m_ljb2.png");
      background-repeat: no-repeat;
      background-size: 100% 100%;
      font-size: 0.37333rem;
      line-height: 0.37333rem;
      color: #010101;
      font-weight: 400;
      padding-top: 0.61333rem;
      padding-left: 1.89333rem; }
    .general-specials-container .wrapper4 .tip2 {
      top: 26.69333rem; }