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

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

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

.specials-container {
  max-width: 1920px;
  min-width: 1300px;
  margin: 0 auto;
  margin-top: 90px;
  text-align: center;
  overflow: hidden; }
  .specials-container > .groups-wrapper {
    float: left;
    width: 100%; }
    .specials-container > .groups-wrapper:nth-of-type(1) {
      border-top: 1px solid transparent;
      height: 4.16667rem;
      background-image: url("/static/specials/images/Atlas_banner_bg.jpg");
      background-repeat: no-repeat;
      background-size: cover;
      background-size: 100% 100%; }
    .specials-container > .groups-wrapper:nth-of-type(2) {
      height: 4.21875rem;
      background-image: url("/static/specials/images/Atlas_bg1.jpg");
      background-repeat: no-repeat;
      background-size: cover;
      background-size: 100% 100%; }
    .specials-container > .groups-wrapper:nth-of-type(3) {
      height: 5.39063rem;
      background-image: url("/static/specials/images/Atlas_bg2.jpg");
      background-repeat: no-repeat;
      background-size: cover;
      background-size: 100% 100%; }
    .specials-container > .groups-wrapper:nth-of-type(4) {
      height: 2.10938rem;
      background-image: url("/static/specials/images/Atlas_bg3.jpg");
      background-repeat: no-repeat;
      background-size: cover;
      background-size: 100% 100%; }
  .specials-container > .atlas-banner {
    position: relative; }
    .specials-container > .atlas-banner > .logo {
      position: absolute;
      width: 1.5rem;
      height: 0.31771rem;
      top: 0.11979rem;
      left: 50%;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%); }
      .specials-container > .atlas-banner > .logo i {
        display: block;
        height: 0.31771rem;
        background-image: url("/static/specials/images/Atlas_logo.png");
        background-repeat: no-repeat;
        background-size: cover;
        background-size: 100% 100%; }
    .specials-container > .atlas-banner > .pc-download {
      position: absolute;
      width: 1.625rem;
      height: 0.47917rem;
      left: 50%;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%);
      bottom: 0.47917rem;
      background-image: url("/static/specials/images/Atlas_xz_bu.png");
      background-repeat: no-repeat;
      background-size: cover;
      background-size: 3.25rem 0.47396rem;
      background-position: left; }
      .specials-container > .atlas-banner > .pc-download:hover {
        background-position: right; }
  .specials-container > .atlas-bg1 {
    position: relative; }
    .specials-container > .atlas-bg1 > .title {
      display: block;
      width: 1.66667rem;
      height: 0.78646rem;
      margin: 0.31771rem auto 0;
      background-image: url("/static/specials/images/Atlas_tit1.png");
      background-repeat: no-repeat;
      background-size: cover;
      background-size: 100% 100%; }
    .specials-container > .atlas-bg1 > .compare-con {
      margin: 0.08854rem auto 0;
      width: 6.09375rem;
      height: 3.00521rem;
      position: relative; }
      .specials-container > .atlas-bg1 > .compare-con > .other {
        position: absolute;
        left: 0;
        width: 2.82292rem;
        height: 2.92188rem;
        background-image: url("/static/specials/images/Atlas_ll.png");
        background-repeat: no-repeat;
        background-size: cover;
        background-size: 100% 100%; }
        .specials-container > .atlas-bg1 > .compare-con > .other h2 {
          color: #333333;
          font-size: 0.15625rem;
          font-weight: Bold;
          position: absolute;
          left: 50%;
          -webkit-transform: translateX(-50%);
                  transform: translateX(-50%);
          top: 1.19792rem; }
        .specials-container > .atlas-bg1 > .compare-con > .other > .txt-wrapper {
          position: absolute;
          top: 1.47917rem;
          left: 1.07292rem; }
        .specials-container > .atlas-bg1 > .compare-con > .other p {
          color: #333333;
          font-size: 0.09375rem;
          font-weight: Bold;
          text-align: left;
          line-height: 0.26563rem; }
          .specials-container > .atlas-bg1 > .compare-con > .other p.re {
            position: relative;
            top: 0.02604rem; }
      .specials-container > .atlas-bg1 > .compare-con > .qiyou {
        position: absolute;
        right: 0;
        width: 3rem;
        height: 3.00521rem;
        background-image: url("/static/specials/images/Atlas_qy.png");
        background-repeat: no-repeat;
        background-size: cover;
        background-size: 100% 100%;
        z-index: 2; }
        .specials-container > .atlas-bg1 > .compare-con > .qiyou h2 {
          color: #22a611;
          font-size: 0.15625rem;
          font-weight: Bold;
          position: absolute;
          left: 50%;
          -webkit-transform: translateX(-50%);
                  transform: translateX(-50%);
          top: 1.20833rem; }
        .specials-container > .atlas-bg1 > .compare-con > .qiyou > .txt-wrapper {
          position: absolute;
          top: 1.47917rem;
          left: 1.15625rem; }
        .specials-container > .atlas-bg1 > .compare-con > .qiyou p {
          color: #333333;
          font-size: 0.09375rem;
          font-weight: Bold;
          text-align: left;
          line-height: 0.26563rem; }
          .specials-container > .atlas-bg1 > .compare-con > .qiyou p.re {
            position: relative;
            top: -0.02604rem; }
      .specials-container > .atlas-bg1 > .compare-con > .alias-img {
        position: absolute;
        width: 1.51042rem;
        height: 2.02604rem;
        left: 50%;
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
        top: 0.375rem;
        background-image: url("/static/specials/images/Atlas_kl.png");
        background-repeat: no-repeat;
        background-size: cover;
        background-size: 100% 100%;
        z-index: 1; }
  .specials-container .atlas-bg2 > .title {
    display: block;
    width: 1.40625rem;
    height: 0.78646rem;
    margin: 0.27604rem auto 0;
    background-image: url("/static/specials/images/Atlas_tit2.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-size: 100% 100%; }
  .specials-container .atlas-bg2 > .qiyou-intro {
    margin: 0.77083rem auto 0;
    font-size: 0; }
    .specials-container .atlas-bg2 > .qiyou-intro > .intro-list {
      display: inline-block;
      width: 1.59375rem;
      height: 2.09896rem;
      background-image: url("/static/specials/images/Atlas_td_bg.png");
      background-repeat: no-repeat;
      background-size: cover;
      background-size: 100% 100%;
      position: relative; }
      .specials-container .atlas-bg2 > .qiyou-intro > .intro-list.mgt175 {
        top: 0.91146rem; }
      .specials-container .atlas-bg2 > .qiyou-intro > .intro-list h2 {
        font-size: 0.125rem;
        color: #fff;
        font-weight: bold;
        position: absolute;
        width: 100%;
        top: 0.98958rem; }
      .specials-container .atlas-bg2 > .qiyou-intro > .intro-list p {
        font-size: 0.08333rem;
        font-weight: Regular;
        color: #333333;
        width: 1.19792rem;
        left: 50%;
        -webkit-transform: translateX(-50%);
                transform: translateX(-50%);
        text-align: left;
        position: absolute;
        top: 1.27604rem;
        line-height: 0.125rem; }
        .specials-container .atlas-bg2 > .qiyou-intro > .intro-list p span {
          color: #e25415; }
      .specials-container .atlas-bg2 > .qiyou-intro > .intro-list i {
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-55%);
                transform: translateX(-55%);
        top: 0.41667rem; }
      .specials-container .atlas-bg2 > .qiyou-intro > .intro-list:nth-of-type(1) i {
        width: 0.35417rem;
        height: 0.35417rem;
        background-image: url("/static/specials/images/Atlas_icon1.png");
        background-repeat: no-repeat;
        background-size: cover;
        background-size: 100% 100%; }
      .specials-container .atlas-bg2 > .qiyou-intro > .intro-list:nth-of-type(2) i {
        width: 0.27083rem;
        height: 0.30729rem;
        background-image: url("/static/specials/images/Atlas_icon2.png");
        background-repeat: no-repeat;
        background-size: cover;
        background-size: 100% 100%; }
      .specials-container .atlas-bg2 > .qiyou-intro > .intro-list:nth-of-type(3) i {
        width: 0.39583rem;
        height: 0.33854rem;
        background-image: url("/static/specials/images/Atlas_icon3.png");
        background-repeat: no-repeat;
        background-size: cover;
        background-size: 100% 100%; }
      .specials-container .atlas-bg2 > .qiyou-intro > .intro-list:nth-of-type(4) i {
        width: 0.33333rem;
        height: 0.32813rem;
        background-image: url("/static/specials/images/Atlas_icon4.png");
        background-repeat: no-repeat;
        background-size: cover;
        background-size: 100% 100%; }
  .specials-container > .atlas-bg3 {
    position: relative; }
    .specials-container > .atlas-bg3 > .title {
      display: block;
      width: 2.44792rem;
      height: 0.66146rem;
      margin: 0.26042rem auto 0;
      background-image: url("/static/specials/images/Atlas_tit3.png");
      background-repeat: no-repeat;
      background-size: cover;
      background-size: 100% 100%; }
    .specials-container > .atlas-bg3 > .pc-download {
      position: absolute;
      width: 1.625rem;
      height: 0.47917rem;
      left: 50%;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%);
      bottom: 0.47917rem;
      background-image: url("/static/specials/images/Atlas_xz_bu.png");
      background-repeat: no-repeat;
      background-size: cover;
      background-size: 3.25rem 0.47396rem;
      background-position: left; }
      .specials-container > .atlas-bg3 > .pc-download:hover {
        background-position: right; }