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

a {
  text-decoration: none; }

.t-c {
  text-align: center; }

.specials-container {
  margin: 0 auto;
  padding-top: 90px;
  min-width: 1300px;
  max-width: 1920px;
  width: 100%;
  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 .panel {
    width: 100%;
    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;
    position: relative; }
    .specials-container .panel .header-title {
      position: relative;
      top: 0.28646rem;
      width: 4.58854rem;
      height: 2.27604rem; }
    .specials-container .panel .btns {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      margin-top: 0.4375rem; }
      .specials-container .panel .btns .download-dom {
        width: 1.69792rem;
        height: 0.26563rem;
        background-image: url("/static/specials/images/MB2_p1_btn1.png");
        background-repeat: no-repeat;
        background-size: cover; }
      .specials-container .panel .btns .ljb-btn {
        width: 2rem;
        height: 0.38542rem;
        background-image: url("/static/specials/images/MB2_p1_btn2.png");
        background-repeat: no-repeat;
        background-size: cover;
        margin-left: 0.17188rem; }
    .specials-container .panel .off-tip-top {
      position: absolute;
      left: 3.51563rem;
      top: 3.04167rem;
      color: #ffffff;
      font-size: 0.09375rem; }
      .specials-container .panel .off-tip-top span {
        color: #EF9C39;
        font-weight: bold; }
  .specials-container .panel1 {
    height: 5.24479rem;
    background-image: url("/static/specials/images/CODWZ-bg1.png");
    background-repeat: no-repeat;
    background-size: cover; }
    .specials-container .panel1 .speed-tip {
      width: 3.29167rem;
      height: 0.29167rem;
      margin-top: 2.74479rem; }
      .specials-container .panel1 .speed-tip img {
        width: 100%; }
    .specials-container .panel1 .btn-group {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      margin: 0.61979rem 3.03125rem 1.15104rem 3.15104rem; }
      .specials-container .panel1 .btn-group .download-btn {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-flow: column;
                flex-flow: column; }
        .specials-container .panel1 .btn-group .download-btn .btn {
          display: inline-block;
          width: 1.54688rem;
          height: 0.41146rem;
          background-image: url("/static/specials/images/CODWZ-down-btn1.png");
          background-repeat: no-repeat;
          background-size: cover; }
        .specials-container .panel1 .btn-group .download-btn .off-tip {
          position: absolute;
          width: 100%;
          text-align: center;
          color: #ffffff;
          bottom: 0.02083rem;
          left: 50%;
          -webkit-transform: translateX(-50%);
                  transform: translateX(-50%);
          font-size: 0.08854rem; }
          .specials-container .panel1 .btn-group .download-btn .off-tip span {
            color: #FF0000; }
      .specials-container .panel1 .btn-group .know-btn {
        display: inline-block;
        margin-left: 0.55208rem;
        width: 1.71875rem;
        height: 0.4375rem;
        background-image: url("/static/specials/images/CODWZ-ljb-btn1.png");
        background-repeat: no-repeat;
        background-size: cover; }
  .specials-container .panel2 {
    height: 8.30208rem;
    background-image: url("/static/specials/images/CODWZ-bg2.png");
    background-repeat: no-repeat;
    background-size: cover; }
    .specials-container .panel2 .tip {
      margin-top: 0.25rem;
      width: 2.20313rem;
      height: 0.78125rem; }
      .specials-container .panel2 .tip img {
        width: 100%; }
    .specials-container .panel2 .tip1 {
      width: 2.20313rem;
      height: 0.79167rem; }
      .specials-container .panel2 .tip1 img {
        width: 100%; }
    .specials-container .panel2 .panel-wrapper {
      position: relative;
      top: -0.04688rem;
      margin-bottom: 0.30729rem; }
      .specials-container .panel2 .panel-wrapper .left {
        width: 2.44271rem;
        height: 2.97917rem;
        display: inline-block;
        background-image: url("/static/specials/images/CODWZ-p1-left.png");
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
        bottom: 0.14583rem; }
        .specials-container .panel2 .panel-wrapper .left .item {
          font-size: 0.10417rem;
          font-weight: 400;
          color: #ffffff;
          position: absolute;
          left: 0.80208rem; }
          .specials-container .panel2 .panel-wrapper .left .item.item1 {
            top: 1.79688rem; }
          .specials-container .panel2 .panel-wrapper .left .item.item2 {
            top: 2.08854rem; }
          .specials-container .panel2 .panel-wrapper .left .item.item3 {
            top: 2.375rem; }
          .specials-container .panel2 .panel-wrapper .left .item.item4 {
            top: 2.67188rem; }
      .specials-container .panel2 .panel-wrapper .right {
        width: 2.73958rem;
        height: 3.45313rem;
        margin-left: 0.39063rem;
        display: inline-block;
        background-image: url("/static/specials/images/CODWZ-p1-right.png");
        background-repeat: no-repeat;
        background-size: cover;
        position: relative; }
        .specials-container .panel2 .panel-wrapper .right .item {
          font-size: 0.10417rem;
          font-weight: 400;
          color: #ffffff;
          position: absolute;
          left: 0.53646rem; }
          .specials-container .panel2 .panel-wrapper .right .item.item1 {
            top: 2.13542rem; }
          .specials-container .panel2 .panel-wrapper .right .item.item2 {
            top: 2.46354rem; }
          .specials-container .panel2 .panel-wrapper .right .item.item3 {
            top: 2.78125rem; }
          .specials-container .panel2 .panel-wrapper .right .item.item4 {
            top: 3.04167rem; }
    .specials-container .panel2 .panel-wrapper1 {
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      .specials-container .panel2 .panel-wrapper1 .item {
        width: 1.44271rem;
        height: 2.40104rem;
        margin-right: 0.19271rem;
        position: relative; }
        .specials-container .panel2 .panel-wrapper1 .item:last-child {
          margin-right: 0; }
        .specials-container .panel2 .panel-wrapper1 .item .title {
          position: absolute;
          top: 1.34375rem;
          left: 0.25521rem;
          font-size: 0.125rem;
          color: #EFD886;
          font-weight: bold; }
        .specials-container .panel2 .panel-wrapper1 .item .text {
          position: absolute;
          top: 1.65104rem;
          left: 0.16667rem;
          font-size: 0.09375rem;
          color: #ffffff;
          line-height: 0.125rem; }
          .specials-container .panel2 .panel-wrapper1 .item .text span {
            color: #EFD886;
            font-weight: bold; }
        .specials-container .panel2 .panel-wrapper1 .item.item1 {
          background-image: url("/static/specials/images/CODWZ-p2-item1.png");
          background-repeat: no-repeat;
          background-size: cover; }
        .specials-container .panel2 .panel-wrapper1 .item.item2 {
          background-image: url("/static/specials/images/CODWZ-p2-item2.png");
          background-repeat: no-repeat;
          background-size: cover; }
        .specials-container .panel2 .panel-wrapper1 .item.item3 {
          background-image: url("/static/specials/images/CODWZ-p2-item3.png");
          background-repeat: no-repeat;
          background-size: cover; }
        .specials-container .panel2 .panel-wrapper1 .item.item4 {
          background-image: url("/static/specials/images/CODWZ-p2-item4.png");
          background-repeat: no-repeat;
          background-size: cover; }
  .specials-container .panel3 {
    height: 5.38021rem;
    background-image: url("/static/specials/images/CODWZ-bg3.png");
    background-repeat: no-repeat;
    background-size: cover; }
    .specials-container .panel3 .tip {
      width: 4.65625rem;
      height: 1rem; }
      .specials-container .panel3 .tip img {
        width: 100%; }
    .specials-container .panel3 .tip1 {
      width: 1.65625rem;
      height: 0.99479rem; }
      .specials-container .panel3 .tip1 img {
        width: 100%; }
    .specials-container .panel3 .classify {
      width: 4.96875rem;
      font-size: 0.10417rem;
      margin: 0.23958rem auto 0.06771rem 3.23438rem;
      color: #ffffff;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      .specials-container .panel3 .classify .left {
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
        position: relative; }
        .specials-container .panel3 .classify .left span {
          display: inline-block;
          left: 0.85417rem;
          position: relative; }
      .specials-container .panel3 .classify .right {
        -webkit-box-flex: 1;
            -ms-flex: 1;
                flex: 1;
        position: relative; }
        .specials-container .panel3 .classify .right span {
          display: inline-block;
          position: absolute;
          right: 1.16146rem;
          font-weight: bold; }
    .specials-container .panel3 .panel-wrapper {
      width: 4.96875rem;
      height: 2.42188rem;
      background-image: url("/static/specials/images/CODWZ-p3.png");
      background-repeat: no-repeat;
      background-size: cover;
      margin: 0 1.79688rem 0.40104rem 3.23438rem;
      position: relative; }
      .specials-container .panel3 .panel-wrapper .left-title {
        position: absolute;
        left: 0.33854rem;
        top: 0.14063rem;
        font-size: 0.125rem;
        font-weight: bold;
        color: #111111; }
      .specials-container .panel3 .panel-wrapper .item-lf {
        position: absolute;
        color: #A0A0A0;
        font-size: 0.10417rem; }
        .specials-container .panel3 .panel-wrapper .item-lf.item1 {
          top: 1.97917rem;
          left: 0.375rem; }
        .specials-container .panel3 .panel-wrapper .item-lf.item2 {
          top: 1.97917rem;
          left: 1.40104rem; }
        .specials-container .panel3 .panel-wrapper .item-lf.item3 {
          top: 2.20833rem;
          left: 0.375rem; }
        .specials-container .panel3 .panel-wrapper .item-lf.item4 {
          top: 2.20833rem;
          left: 1.40625rem; }
      .specials-container .panel3 .panel-wrapper .item-lr {
        position: absolute;
        color: #FFFFFE;
        font-size: 0.11458rem; }
        .specials-container .panel3 .panel-wrapper .item-lr.item1 {
          top: 1.95833rem;
          left: 2.76563rem; }
        .specials-container .panel3 .panel-wrapper .item-lr.item2 {
          top: 1.95833rem;
          left: 3.95833rem; }
        .specials-container .panel3 .panel-wrapper .item-lr.item3 {
          top: 2.20313rem;
          left: 2.76563rem; }
        .specials-container .panel3 .panel-wrapper .item-lr.item4 {
          top: 2.20313rem;
          left: 3.95833rem; }
  .specials-container .panel4 {
    height: 6.0625rem;
    background-image: url("/static/specials/images/CODWZ-bg4.png");
    background-repeat: no-repeat;
    background-size: cover; }
    .specials-container .panel4 .panel-wrapper {
      width: 4.96875rem;
      height: 2.85938rem;
      background-image: url("/static/specials/images/CODWZ-p4.png");
      background-repeat: no-repeat;
      background-size: cover;
      margin: 0.10938rem 2.65104rem 0.08333rem 2.33854rem;
      position: relative; }
      .specials-container .panel4 .panel-wrapper .item {
        position: absolute;
        color: #ffffff; }
        .specials-container .panel4 .panel-wrapper .item .title {
          font-size: 0.125rem;
          margin-bottom: 0.08854rem;
          font-weight: bold; }
        .specials-container .panel4 .panel-wrapper .item .desc {
          font-size: 0.09375rem;
          line-height: 0.125rem;
          letter-spacing: 0.02604rem; }
          .specials-container .panel4 .panel-wrapper .item .desc span {
            color: #EBD589;
            font-weight: bold; }
        .specials-container .panel4 .panel-wrapper .item.item1 {
          left: 2.91667rem; }
        .specials-container .panel4 .panel-wrapper .item.item2 {
          right: -1.38021rem;
          top: 0.63542rem; }
        .specials-container .panel4 .panel-wrapper .item.item3 {
          right: -1.48438rem;
          top: 1.95313rem; }
        .specials-container .panel4 .panel-wrapper .item.item4 {
          left: 0.71354rem;
          top: 1.83333rem; }
        .specials-container .panel4 .panel-wrapper .item.item5 {
          left: 0.78125rem;
          top: 0.63542rem; }
    .specials-container .panel4 .panel-tip {
      width: 100%;
      font-size: 0.07292rem;
      color: #ffffff;
      position: relative;
      min-height: 0.08854rem; }
      .specials-container .panel4 .panel-tip span {
        display: inline-block;
        position: absolute;
        left: 4.17188rem;
        top: -0.01563rem; }
    .specials-container .panel4 .tip {
      width: 2.53646rem;
      height: 1rem;
      margin-top: 0.30729rem; }
      .specials-container .panel4 .tip img {
        width: 100%; }
    .specials-container .panel4 .btn-group {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: end;
          -ms-flex-align: end;
              align-items: flex-end;
      margin: 0.26042rem 2.68229rem 0.79167rem 3.15104rem; }
      .specials-container .panel4 .btn-group .download-btn {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-flow: column;
                flex-flow: column;
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end; }
        .specials-container .panel4 .btn-group .download-btn .btn {
          display: inline-block;
          width: 1.65625rem;
          height: 0.40104rem;
          position: relative;
          background-image: url("/static/specials/images/CODWZ-down-btn2.png");
          background-repeat: no-repeat;
          background-size: cover; }
        .specials-container .panel4 .btn-group .download-btn .off-tip {
          position: absolute;
          width: 100%;
          text-align: center;
          color: #ffffff;
          bottom: 0.02083rem;
          left: 50%;
          -webkit-transform: translateX(-50%);
                  transform: translateX(-50%);
          font-size: 0.08854rem; }
          .specials-container .panel4 .btn-group .download-btn .off-tip span {
            color: #FF0000; }
      .specials-container .panel4 .btn-group .know-btn {
        display: inline-block;
        margin-left: 0.41667rem;
        width: 2.09375rem;
        height: 0.54688rem;
        position: relative;
        top: -0.03125rem;
        background-image: url("/static/specials/images/CODWZ-ljb-btn2.png");
        background-repeat: no-repeat;
        background-size: cover; }