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

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

.specials-container {
  overflow: hidden;
  margin: 0 auto;
  padding-top: 90px;
  min-width: 1300px;
  max-width: 1920px;
  width: 100%; }
  .specials-container .btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .specials-container .btns .pc, .specials-container .btns .ljb {
      width: 1.14583rem;
      height: 0.33333rem;
      margin: 0 0.22917rem;
      position: relative;
      display: block;
      font-size: 0.11458rem;
      color: #FFF;
      line-height: 0.33333rem;
      text-align: center;
      text-decoration: none; }
    .specials-container .btns .pc {
      background-image: url("/static/specials/images/GhostRecon_btn_pc.png");
      background-repeat: no-repeat;
      background-size: cover; }
      .specials-container .btns .pc img {
        width: 0.36979rem;
        position: absolute;
        left: -0.30729rem;
        top: 0.01042rem; }
    .specials-container .btns .ljb {
      background-image: url("/static/specials/images/GhostRecon_btn_ljb.png");
      background-repeat: no-repeat;
      background-size: cover; }
      .specials-container .btns .ljb img {
        width: 0.17188rem;
        position: absolute;
        right: -0.21875rem;
        top: 0.10417rem; }
  .specials-container .panel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .specials-container .banner {
    width: 100%;
    height: 4.73958rem;
    background-image: url("/static/specials/images/GhostRecon_banner.jpg");
    background-repeat: no-repeat;
    background-size: cover; }
    .specials-container .banner .text-img {
      width: 3.02083rem;
      margin-top: 2.90625rem; }
    .specials-container .banner .btns {
      margin-top: 0.15625rem; }
  .specials-container .bg1 {
    width: 100%;
    height: 15.31771rem;
    background-image: url("/static/specials/images/GhostRecon_bg1.png");
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: -0.91146rem; }
    .specials-container .bg1 .panel1 {
      width: 100%;
      height: 5.10417rem;
      position: relative; }
      .specials-container .bg1 .panel1 .title-img {
        width: 5.9375rem;
        margin-top: 0.92188rem; }
      .specials-container .bg1 .panel1 .compare {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex; }
        .specials-container .bg1 .panel1 .compare .left, .specials-container .bg1 .panel1 .compare .right {
          position: absolute;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          -webkit-box-pack: start;
              -ms-flex-pack: start;
                  justify-content: flex-start; }
          .specials-container .bg1 .panel1 .compare .left .title, .specials-container .bg1 .panel1 .compare .right .title {
            font-size: 0.17708rem;
            color: #FFF;
            line-height: 0.17708rem;
            position: absolute; }
          .specials-container .bg1 .panel1 .compare .left .item, .specials-container .bg1 .panel1 .compare .right .item {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: end;
                -ms-flex-pack: end;
                    justify-content: flex-end;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            margin: 0.08333rem 0;
            font-size: 0.125rem;
            line-height: 0.125rem; }
            .specials-container .bg1 .panel1 .compare .left .item img, .specials-container .bg1 .panel1 .compare .right .item img {
              width: 0.1875rem; }
        .specials-container .bg1 .panel1 .compare .left {
          width: 4.13542rem;
          height: 2.66146rem;
          background-image: url("/static/specials/images/GhostRecon_compare_left.png");
          background-repeat: no-repeat;
          background-size: cover;
          top: 2.08333rem;
          left: 0.82292rem;
          -webkit-box-align: end;
              -ms-flex-align: end;
                  align-items: flex-end;
          padding: 1.13021rem 0.52604rem 0 0; }
          .specials-container .bg1 .panel1 .compare .left .item {
            color: #B1B1B1; }
            .specials-container .bg1 .panel1 .compare .left .item img {
              margin-left: 0.14583rem; }
          .specials-container .bg1 .panel1 .compare .left .title {
            top: 0.55729rem;
            right: 0.19792rem; }
        .specials-container .bg1 .panel1 .compare .right {
          width: 4.375rem;
          height: 2.95833rem;
          background-image: url("/static/specials/images/GhostRecon_compare_right.png");
          background-repeat: no-repeat;
          background-size: cover;
          top: 1.45833rem;
          left: 4.71354rem;
          -webkit-box-align: start;
              -ms-flex-align: start;
                  align-items: flex-start;
          padding: 1.40625rem 0 0 0.63542rem; }
          .specials-container .bg1 .panel1 .compare .right .item {
            color: #FFF; }
            .specials-container .bg1 .panel1 .compare .right .item img {
              margin-right: 0.14583rem; }
            .specials-container .bg1 .panel1 .compare .right .item .img1 {
              width: 0.18229rem;
              margin-right: 0.15625rem; }
            .specials-container .bg1 .panel1 .compare .right .item .img2 {
              width: 0.19271rem;
              margin-right: 0.14583rem; }
            .specials-container .bg1 .panel1 .compare .right .item .img3 {
              width: 0.14063rem;
              margin-right: 0.16667rem; }
            .specials-container .bg1 .panel1 .compare .right .item .img4 {
              width: 0.17188rem;
              margin-right: 0.14583rem; }
          .specials-container .bg1 .panel1 .compare .right .title {
            top: 0.8125rem;
            left: 0.35417rem; }
    .specials-container .bg1 .panel2 {
      width: 100%; }
      .specials-container .bg1 .panel2 .title-img {
        width: 5.9375rem; }
      .specials-container .bg1 .panel2 .items {
        margin-top: 0.47917rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; }
        .specials-container .bg1 .panel2 .items .item {
          width: 1.44271rem;
          height: 2.34375rem;
          background-image: url("/static/specials/images/GhostRecon_item.png");
          background-repeat: no-repeat;
          background-size: cover;
          margin: 0 0.18229rem;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
              -ms-flex-direction: column;
                  flex-direction: column;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          text-align: center; }
          .specials-container .bg1 .panel2 .items .item img {
            margin-top: 0.40104rem; }
          .specials-container .bg1 .panel2 .items .item .img1 {
            width: 0.30208rem; }
          .specials-container .bg1 .panel2 .items .item .img2 {
            width: 0.26563rem; }
          .specials-container .bg1 .panel2 .items .item .img3 {
            width: 0.15625rem; }
          .specials-container .bg1 .panel2 .items .item .img4 {
            width: 0.28646rem; }
          .specials-container .bg1 .panel2 .items .item .title {
            font-size: 0.18229rem;
            color: #70CFFF;
            font-weight: bold;
            line-height: 0.24479rem;
            margin-top: 0.13542rem; }
          .specials-container .bg1 .panel2 .items .item .desc {
            font-size: 0.10417rem;
            color: #FFF;
            line-height: 0.15625rem;
            margin-top: 0.125rem; }
            .specials-container .bg1 .panel2 .items .item .desc span {
              color: #FFB251; }
  .specials-container .bg2 {
    width: 100%;
    height: 8.29688rem;
    background-image: url("/static/specials/images/GhostRecon_bg2.png");
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: -6.34375rem; }
    .specials-container .bg2 .panel3 {
      width: 100%;
      position: relative; }
      .specials-container .bg2 .panel3 .title-img {
        width: 5.9375rem;
        margin-top: 0.9375rem; }
      .specials-container .bg2 .panel3 .person {
        width: 2.60938rem;
        position: absolute;
        top: 2.15104rem;
        left: 0.63021rem;
        z-index: 1; }
      .specials-container .bg2 .panel3 .left {
        width: 2.74479rem;
        height: 1.92188rem;
        background-image: url("/static/specials/images/GhostRecon_p3_left.png");
        background-repeat: no-repeat;
        background-size: cover;
        position: absolute;
        top: 2.94792rem;
        left: 2.69792rem; }
        .specials-container .bg2 .panel3 .left .title {
          font-size: 0.13542rem;
          line-height: 0.13542rem;
          font-weight: bold;
          color: #9D9D9D;
          position: absolute;
          top: 0.375rem;
          left: 0.57292rem; }
      .specials-container .bg2 .panel3 .right {
        width: 3.10417rem;
        height: 2.17188rem;
        background-image: url("/static/specials/images/GhostRecon_p3_right.png");
        background-repeat: no-repeat;
        background-size: cover;
        position: absolute;
        top: 2.52604rem;
        left: 5.17708rem; }
        .specials-container .bg2 .panel3 .right .title {
          font-size: 0.17708rem;
          line-height: 0.17708rem;
          font-weight: bold;
          color: #FFF;
          position: absolute;
          top: 0.41146rem;
          left: 1.33333rem; }
        .specials-container .bg2 .panel3 .right .item {
          font-size: 0.09375rem;
          color: #FFF;
          position: absolute;
          line-height: 0.09375rem; }
        .specials-container .bg2 .panel3 .right .item1 {
          top: 0.86458rem;
          left: 0.76042rem; }
        .specials-container .bg2 .panel3 .right .item2 {
          top: 0.86458rem;
          left: 2.05729rem; }
        .specials-container .bg2 .panel3 .right .item3 {
          top: 1.18229rem;
          left: 0.76042rem; }
        .specials-container .bg2 .panel3 .right .item4 {
          top: 1.18229rem;
          left: 2.05729rem; }
  .specials-container .bg3 {
    width: 100%;
    height: 10.05729rem;
    background-image: url("/static/specials/images/GhostRecon_bg3.png");
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: -2.55208rem; }
    .specials-container .bg3 .panel4 .title-img {
      width: 5.9375rem;
      margin-top: 0.59896rem; }
    .specials-container .bg3 .panel4 .inner {
      margin-top: -0.125rem;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
      .specials-container .bg3 .panel4 .inner .item {
        font-size: 0.10417rem;
        color: #FFF;
        font-weight: bold;
        line-height: 0.19792rem;
        padding-top: 0.80729rem;
        text-align: center; }
        .specials-container .bg3 .panel4 .inner .item span {
          color: #FFB251; }
      .specials-container .bg3 .panel4 .inner .item1 {
        width: 1.98438rem;
        height: 1.54167rem;
        background-image: url("/static/specials/images/GhostRecon_p4_item1.png");
        background-repeat: no-repeat;
        background-size: cover; }
      .specials-container .bg3 .panel4 .inner .item3 {
        width: 1.98958rem;
        height: 1.52083rem;
        background-image: url("/static/specials/images/GhostRecon_p4_item3.png");
        background-repeat: no-repeat;
        background-size: cover;
        margin-top: 0.28125rem; }
      .specials-container .bg3 .panel4 .inner .center {
        margin: 1.04167rem 0.11458rem 0 0.26042rem; }
        .specials-container .bg3 .panel4 .inner .center .ljb {
          width: 2.11458rem;
          height: 1.72396rem;
          background-image: url("/static/specials/images/GhostRecon_p4_ljb.png");
          background-repeat: no-repeat;
          background-size: cover; }
      .specials-container .bg3 .panel4 .inner .item5 {
        width: 1.97396rem;
        height: 1.52604rem;
        background-image: url("/static/specials/images/GhostRecon_p4_item5.png");
        background-repeat: no-repeat;
        background-size: cover;
        margin-top: 0.42188rem; }
      .specials-container .bg3 .panel4 .inner .item2 {
        width: 1.98438rem;
        height: 1.54167rem;
        background-image: url("/static/specials/images/GhostRecon_p4_item2.png");
        background-repeat: no-repeat;
        background-size: cover; }
      .specials-container .bg3 .panel4 .inner .item4 {
        width: 1.97917rem;
        height: 1.52083rem;
        background-image: url("/static/specials/images/GhostRecon_p4_item4.png");
        background-repeat: no-repeat;
        background-size: cover;
        margin-top: 0.28125rem; }
    .specials-container .bg3 .footer {
      width: 100%;
      height: 3.42708rem;
      background-image: url("/static/specials/images/GhostRecon_footer.jpg");
      background-repeat: no-repeat;
      background-size: cover;
      margin-top: 0.53646rem;
      -webkit-box-align: start;
          -ms-flex-align: start;
              align-items: flex-start; }
      .specials-container .bg3 .footer .title-img {
        width: 3.04167rem;
        margin-top: 1rem; }
      .specials-container .bg3 .footer .inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        margin-left: 1.72917rem; }
        .specials-container .bg3 .footer .inner .btns {
          margin-top: 0.21875rem; }
          .specials-container .bg3 .footer .inner .btns a {
            font-size: 0.09896rem;
            margin: 0 0.08854rem; }
          .specials-container .bg3 .footer .inner .btns .pc {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex; }
            .specials-container .bg3 .footer .inner .btns .pc img {
              position: static;
              margin-right: -0.07292rem;
              margin-left: 0.07813rem; }