* {
  box-sizing: border-box; }

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

.clearfix:before,
.clearfix:after {
  display: table;
  content: " "; }

.clearfix:after {
  clear: both; }

.clearfix {
  *zoom: 1; }

.specials-container {
  min-width: 1300px;
  max-width: 1920px;
  margin: 0 auto;
  margin-top: 90px;
  text-align: center; }
  .specials-container .panel {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative; }
  .specials-container .panel1 {
    height: 4.98438rem;
    background-image: url("/static/specials/images/cod17_bg1.png");
    background-repeat: no-repeat;
    background-size: cover; }
    .specials-container .panel1 .slogan {
      position: absolute;
      width: 4.73438rem;
      height: 1.41146rem;
      left: 1.07292rem;
      top: 1.55729rem;
      background-image: url("/static/specials/images/cod17_slogan_large.png");
      background-repeat: no-repeat;
      background-size: cover; }
    .specials-container .panel1 .btns .download-dom {
      position: absolute;
      width: 1.47396rem;
      height: 0.53125rem;
      left: 1.63021rem;
      top: 3.32292rem;
      display: inline-block;
      background-image: url("/static/specials/images/cod17_btn_download_off.png");
      background-repeat: no-repeat;
      background-size: cover; }
      .specials-container .panel1 .btns .download-dom:hover {
        background-image: url("/static/specials/images/cod17_btn_download_on.png");
        background-repeat: no-repeat;
        background-size: cover; }
    .specials-container .panel1 .btns .ljb-btn {
      position: absolute;
      top: 3.21354rem;
      left: 3.25521rem;
      width: 1.89583rem;
      height: 0.63021rem;
      display: inline-block;
      background-image: url("/static/specials/images/cod17_btn_ljb_off.png");
      background-repeat: no-repeat;
      background-size: cover; }
      .specials-container .panel1 .btns .ljb-btn:hover {
        background-image: url("/static/specials/images/cod17_btn_ljb_on.png");
        background-repeat: no-repeat;
        background-size: cover; }
  .specials-container .panel2 {
    height: 4.96354rem;
    background-image: url("/static/specials/images/cod17_bg2.png");
    background-repeat: no-repeat;
    background-size: cover;
    position: relative; }
    .specials-container .panel2 .slogan-2 {
      position: absolute;
      left: 2.27604rem;
      top: 0.45312rem;
      width: 5.49479rem;
      height: 0.69792rem;
      background-image: url("/static/specials/images/cod17_title_1.png");
      background-repeat: no-repeat;
      background-size: cover; }
    .specials-container .panel2 .compare-wrapper .compare-other {
      width: 2.39583rem;
      height: 3.00521rem;
      position: absolute;
      top: 1.35417rem;
      left: 2.74479rem;
      background-image: url("/static/specials/images/cod17_panel2_left_bg.png");
      background-repeat: no-repeat;
      background-size: cover; }
      .specials-container .panel2 .compare-wrapper .compare-other .item {
        position: absolute;
        text-align: left;
        font-size: 0.09896rem;
        color: #EAE0D8;
        opacity: 0.8;
        left: 0.52604rem; }
        .specials-container .panel2 .compare-wrapper .compare-other .item.item1 {
          top: 1.70833rem; }
        .specials-container .panel2 .compare-wrapper .compare-other .item.item2 {
          top: 1.96875rem; }
        .specials-container .panel2 .compare-wrapper .compare-other .item.item3 {
          top: 2.22396rem; }
        .specials-container .panel2 .compare-wrapper .compare-other .item.item4 {
          top: 2.48438rem; }
        .specials-container .panel2 .compare-wrapper .compare-other .item.item5 {
          top: 2.73438rem; }
    .specials-container .panel2 .compare-wrapper .compare-qiyou {
      position: absolute;
      width: 2.46875rem;
      height: 3.04167rem;
      top: 1.32812rem;
      left: 5.25rem;
      background-image: url("/static/specials/images/cod17_panel2_right_bg.png");
      background-repeat: no-repeat;
      background-size: cover; }
      .specials-container .panel2 .compare-wrapper .compare-qiyou .item {
        position: absolute;
        text-align: left;
        font-size: 0.09896rem;
        left: 0.44792rem;
        color: #FFD15E; }
        .specials-container .panel2 .compare-wrapper .compare-qiyou .item.item1 {
          top: 1.74479rem; }
        .specials-container .panel2 .compare-wrapper .compare-qiyou .item.item2 {
          top: 2rem; }
        .specials-container .panel2 .compare-wrapper .compare-qiyou .item.item3 {
          top: 2.26042rem; }
        .specials-container .panel2 .compare-wrapper .compare-qiyou .item.item4 {
          top: 2.52083rem; }
        .specials-container .panel2 .compare-wrapper .compare-qiyou .item.item5 {
          top: 2.77083rem; }
  .specials-container .panel3 {
    height: 4.60417rem;
    background-image: url("/static/specials/images/cod17_bg3.png");
    background-repeat: no-repeat;
    background-size: cover; }
    .specials-container .panel3 .slogan-3 {
      position: absolute;
      left: 2.28125rem;
      top: 0.63542rem;
      width: 5.49479rem;
      height: 0.69792rem;
      background-image: url("/static/specials/images/cod17_title_2.png");
      background-repeat: no-repeat;
      background-size: cover; }
    .specials-container .panel3 .features {
      width: 6.59375rem;
      height: 1.78646rem;
      position: absolute;
      left: 1.90625rem;
      top: 1.59896rem;
      display: flex;
      justify-content: space-between; }
      .specials-container .panel3 .features .item {
        width: 1.56771rem;
        height: 1.78646rem;
        position: relative;
        display: flex;
        align-items: center;
        flex-flow: column;
        padding: 0px 0.15625rem; }
        .specials-container .panel3 .features .item.item1 {
          background-image: url("/static/specials/images/cod17_panel3_bg1.png");
          background-repeat: no-repeat;
          background-size: cover; }
        .specials-container .panel3 .features .item.item2 {
          background-image: url("/static/specials/images/cod17_panel3_bg2.png");
          background-repeat: no-repeat;
          background-size: cover; }
        .specials-container .panel3 .features .item.item3 {
          background-image: url("/static/specials/images/cod17_panel3_bg3.png");
          background-repeat: no-repeat;
          background-size: cover; }
        .specials-container .panel3 .features .item.item4 {
          background-image: url("/static/specials/images/cod17_panel3_bg4.png");
          background-repeat: no-repeat;
          background-size: cover; }
        .specials-container .panel3 .features .item .feature-title {
          margin-top: 0.875rem;
          font-size: 0.11979rem;
          font-weight: bold;
          color: #141C1E; }
        .specials-container .panel3 .features .item .feature-desc {
          margin-top: 0.13542rem;
          font-size: 0.09375rem;
          color: #141C1E;
          line-height: 0.10938rem;
          text-align: left; }
          .specials-container .panel3 .features .item .feature-desc span {
            font-weight: bold; }
    .specials-container .panel3 .slogan-5 {
      width: 3.30729rem;
      height: 1.21354rem;
      background-image: url("/static/specials/images/SeaOfThieves-slogan5.png");
      background-repeat: no-repeat;
      background-size: cover;
      margin-top: 0.67188rem; }
    .specials-container .panel3 .btns {
      display: flex;
      justify-content: center;
      margin-top: 0.22917rem;
      margin-left: 0.05208rem; }
      .specials-container .panel3 .btns .download-dom {
        position: relative;
        width: 1.46875rem;
        height: 0.46875rem;
        background-image: url("/static/specials/images/SeaOfThieves-down-btn2.png");
        background-repeat: no-repeat;
        background-size: cover;
        display: flex;
        flex-direction: column;
        text-decoration: none; }
        .specials-container .panel3 .btns .download-dom .text1 {
          font-size: 0.13542rem;
          color: #000000;
          margin-top: 0.06771rem; }
        .specials-container .panel3 .btns .download-dom .text2 {
          position: absolute;
          left: 0.30208rem;
          bottom: 0.03646rem;
          font-size: 0.09375rem;
          color: #FFF;
          line-height: 1; }
          .specials-container .panel3 .btns .download-dom .text2 span {
            color: #ED0000;
            font-weight: bold; }
      .specials-container .panel3 .btns .ljb-btn {
        position: relative;
        top: -0.03646rem;
        width: 1.72396rem;
        height: 0.38542rem;
        background-image: url("/static/specials/images/SeaOfThieves-ljb2.png");
        background-repeat: no-repeat;
        background-size: cover;
        margin-left: 0.80729rem;
        font-size: 0.125rem;
        color: #000000;
        text-decoration: none;
        padding: 0.13021rem 0 0.13021rem 0.53125rem;
        line-height: 1;
        text-align: left; }
  .specials-container .panel4 {
    height: 4.45312rem;
    background-image: url("/static/specials/images/cod17_bg4.png");
    background-repeat: no-repeat;
    background-size: cover;
    position: relative; }
    .specials-container .panel4 .slogan-4 {
      position: absolute;
      left: 1.78646rem;
      top: 0.29167rem;
      width: 6.32812rem;
      height: 0.79167rem;
      background-image: url("/static/specials/images/cod17_title_3.png");
      background-repeat: no-repeat;
      background-size: cover; }
    .specials-container .panel4 .compare-wrapper .compare-bad {
      width: 2.16146rem;
      height: 2.86979rem;
      position: absolute;
      top: 1.26562rem;
      left: 2.41667rem;
      background-image: url("/static/specials/images/cod17_panel4_left_bg.png");
      background-repeat: no-repeat;
      background-size: cover; }
      .specials-container .panel4 .compare-wrapper .compare-bad .item {
        position: absolute;
        text-align: left;
        font-size: 0.07812rem;
        font-weight: bold;
        color: #B6AC98;
        left: 0.65625rem; }
        .specials-container .panel4 .compare-wrapper .compare-bad .item.item1 {
          top: 0.57812rem; }
        .specials-container .panel4 .compare-wrapper .compare-bad .item.item2 {
          top: 0.79688rem; }
        .specials-container .panel4 .compare-wrapper .compare-bad .item.item3 {
          top: 1.00521rem; }
        .specials-container .panel4 .compare-wrapper .compare-bad .item.item4 {
          top: 1.21875rem; }
        .specials-container .panel4 .compare-wrapper .compare-bad .item.item5 {
          top: 1.4375rem; }
    .specials-container .panel4 .compare-wrapper .compare-good {
      position: absolute;
      width: 3.24479rem;
      height: 2.71875rem;
      top: 1.27083rem;
      left: 4.8125rem;
      background-image: url("/static/specials/images/cod17_panel4_right_bg.png");
      background-repeat: no-repeat;
      background-size: cover; }
      .specials-container .panel4 .compare-wrapper .compare-good .item {
        position: absolute;
        font-size: 0.09375rem;
        font-weight: 500;
        color: #FFD052;
        top: 1.15625rem;
        text-align: center; }
        .specials-container .panel4 .compare-wrapper .compare-good .item.item1 {
          left: 0.30208rem; }
        .specials-container .panel4 .compare-wrapper .compare-good .item.item2 {
          left: 1.09896rem; }
        .specials-container .panel4 .compare-wrapper .compare-good .item.item3 {
          left: 1.68229rem; }
        .specials-container .panel4 .compare-wrapper .compare-good .item.item4 {
          left: 2.44792rem; }
  .specials-container .panel5 {
    height: 6.01562rem;
    background-image: url("/static/specials/images/cod17_bg5.png");
    background-repeat: no-repeat;
    background-size: cover;
    position: relative; }
    .specials-container .panel5 .slogan-5 {
      position: absolute;
      left: 2.35938rem;
      top: 0.31771rem;
      width: 5.0625rem;
      height: 0.79167rem;
      background-image: url("/static/specials/images/cod17_title_4.png");
      background-repeat: no-repeat;
      background-size: cover; }
    .specials-container .panel5 .slogan-6 {
      position: absolute;
      left: 2.78646rem;
      top: 4.26042rem;
      width: 4.32812rem;
      height: 0.69792rem;
      background-image: url("/static/specials/images/cod17_title_5.png");
      background-repeat: no-repeat;
      background-size: cover; }
    .specials-container .panel5 .features-ljb {
      position: absolute;
      left: 0.94271rem;
      top: 1.29167rem;
      width: 8.03646rem;
      height: 2.28646rem;
      background-image: url("/static/specials/images/cod17_panel5_bg.png");
      background-repeat: no-repeat;
      background-size: cover; }
      .specials-container .panel5 .features-ljb .item {
        font-size: 0.09375rem;
        color: #000000;
        line-height: 0.11979rem;
        position: absolute; }
        .specials-container .panel5 .features-ljb .item span {
          font-weight: bold; }
        .specials-container .panel5 .features-ljb .item.t-l {
          text-align: left; }
        .specials-container .panel5 .features-ljb .item.t-r {
          text-align: right; }
        .specials-container .panel5 .features-ljb .item.item1 {
          left: 1.00521rem;
          top: 0.28646rem; }
        .specials-container .panel5 .features-ljb .item.item2 {
          left: 0.625rem;
          top: 0.89062rem; }
        .specials-container .panel5 .features-ljb .item.item3 {
          left: 1.01042rem;
          top: 1.54167rem; }
        .specials-container .panel5 .features-ljb .item.item4 {
          right: 0.95833rem;
          top: 0.22917rem; }
        .specials-container .panel5 .features-ljb .item.item5 {
          right: 0.58333rem;
          top: 0.88542rem; }
        .specials-container .panel5 .features-ljb .item.item6 {
          right: 1.05208rem;
          top: 1.54688rem; }
    .specials-container .panel5 .btns .download-dom {
      position: absolute;
      width: 1.47396rem;
      height: 0.53125rem;
      left: 3.25521rem;
      top: 5.21875rem;
      display: inline-block;
      background-image: url("/static/specials/images/cod17_btn_download_off.png");
      background-repeat: no-repeat;
      background-size: cover; }
      .specials-container .panel5 .btns .download-dom:hover {
        background-image: url("/static/specials/images/cod17_btn_download_on.png");
        background-repeat: no-repeat;
        background-size: cover; }
    .specials-container .panel5 .btns .ljb-btn {
      position: absolute;
      top: 5.10938rem;
      left: 5.06771rem;
      width: 1.89583rem;
      height: 0.63021rem;
      display: inline-block;
      background-image: url("/static/specials/images/cod17_btn_ljb_off.png");
      background-repeat: no-repeat;
      background-size: cover; }
      .specials-container .panel5 .btns .ljb-btn:hover {
        background-image: url("/static/specials/images/cod17_btn_ljb_on.png");
        background-repeat: no-repeat;
        background-size: cover; }