body {
  font-family: 'Microsoft YaHei'; }

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

.bg {
  background-size: 100%;
  background-repeat: no-repeat; }

.center {
  margin: 0 auto;
  text-align: center; }

.specials-contents {
  overflow: hidden;
  margin: 0 auto;
  margin-top: 90px;
  min-width: 1300px;
  max-width: 1920px;
  width: 100%; }
  .specials-contents .wrapper {
    width: 10rem; }
  .specials-contents .wrapper1 {
    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: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    padding-bottom: 0.65104rem;
    height: 4.6875rem;
    background-image: url("/static/specials/images/nba2k19_banner.jpg");
    background-repeat: no-repeat;
    background-size: cover; }
    .specials-contents .wrapper1 .wrapper-btns {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      margin-left: 1.86979rem;
      height: 0.3125rem; }
      .specials-contents .wrapper1 .wrapper-btns .btn {
        width: 1.30208rem; }
        .specials-contents .wrapper1 .wrapper-btns .btn:nth-child(1) {
          margin-right: 1px;
          background-image: url("/static/specials/images/nba2k19_pc_bu.jpg");
          background-repeat: no-repeat;
          background-size: cover; }
          .specials-contents .wrapper1 .wrapper-btns .btn:nth-child(1)::after {
            content: '';
            display: none;
            background-image: url("/static/specials/images/nba2k19_pc_hover.jpg");
            background-repeat: no-repeat;
            background-size: cover; }
          .specials-contents .wrapper1 .wrapper-btns .btn:nth-child(1):hover {
            background-image: url("/static/specials/images/nba2k19_pc_hover.jpg");
            background-repeat: no-repeat;
            background-size: cover; }
        .specials-contents .wrapper1 .wrapper-btns .btn:nth-child(2) {
          background-image: url("/static/specials/images/nba2k19_zj_bu.jpg");
          background-repeat: no-repeat;
          background-size: cover; }
          .specials-contents .wrapper1 .wrapper-btns .btn:nth-child(2)::after {
            content: '';
            display: none;
            background-image: url("/static/specials/images/nba2k19_zj_hover.jpg");
            background-repeat: no-repeat;
            background-size: cover; }
          .specials-contents .wrapper1 .wrapper-btns .btn:nth-child(2):hover {
            background-image: url("/static/specials/images/nba2k19_zj_hover.jpg");
            background-repeat: no-repeat;
            background-size: cover; }
  .specials-contents .wrapper2 {
    height: 4.6875rem;
    overflow: hidden;
    background-image: url("/static/specials/images/nba2k19_bg1.jpg");
    background-repeat: no-repeat;
    background-size: cover; }
    .specials-contents .wrapper2 .title {
      width: 2.08333rem;
      height: 0.44271rem;
      background-image: url("/static/specials/images/nba2k19_tit1.png");
      background-repeat: no-repeat;
      background-size: cover;
      margin-top: 0.23958rem; }
    .specials-contents .wrapper2 .content-wrapper {
      color: white;
      margin-top: 0.60417rem;
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
      .specials-contents .wrapper2 .content-wrapper .content-item {
        position: relative;
        overflow: hidden;
        width: 1.82292rem;
        height: 2.41667rem; }
        .specials-contents .wrapper2 .content-wrapper .content-item .item-title {
          font-size: 0.125rem;
          font-weight: bold;
          text-align: center;
          margin-top: 1.02604rem; }
        .specials-contents .wrapper2 .content-wrapper .content-item .text-wrapper {
          margin-top: 0.21354rem;
          padding-left: 0.625rem;
          font-size: 0.07292rem;
          font-weight: 400;
          color: white;
          height: 0.86979rem;
          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: justify;
              -ms-flex-pack: justify;
                  justify-content: space-between;
          padding-top: 0.03125rem;
          padding-bottom: 0.01563rem; }
        .specials-contents .wrapper2 .content-wrapper .content-item:nth-child(1) {
          background-image: url("/static/specials/images/nba2k19_qt.png");
          background-repeat: no-repeat;
          background-size: cover;
          margin-right: 2.46875rem; }
          .specials-contents .wrapper2 .content-wrapper .content-item:nth-child(1) .item-title {
            color: #E71D23; }
        .specials-contents .wrapper2 .content-wrapper .content-item:nth-child(2) {
          background-image: url("/static/specials/images/nba2k19_qy.png");
          background-repeat: no-repeat;
          background-size: cover; }
          .specials-contents .wrapper2 .content-wrapper .content-item:nth-child(2) .item-title {
            color: #41F16C; }
          .specials-contents .wrapper2 .content-wrapper .content-item:nth-child(2) .text-wrapper {
            padding-left: 0.46875rem; }
  .specials-contents .wrapper3 {
    height: 4.6875rem;
    overflow: hidden;
    background-image: url("/static/specials/images/nba2k19_bg2.jpg");
    background-repeat: no-repeat;
    background-size: cover; }
    .specials-contents .wrapper3 .title {
      width: 2.61979rem;
      height: 0.43229rem;
      background-image: url("/static/specials/images/nba2k19_tit2.png");
      background-repeat: no-repeat;
      background-size: cover;
      margin-top: 0.26563rem; }
    .specials-contents .wrapper3 .content-wrapper {
      overflow: hidden;
      width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      margin-top: 0.67708rem; }
      .specials-contents .wrapper3 .content-wrapper .content-item {
        overflow: hidden;
        width: 1.30208rem;
        height: 1.5625rem;
        margin-right: 0.25521rem; }
        .specials-contents .wrapper3 .content-wrapper .content-item .content-item-title {
          text-align: center;
          font-size: 0.125rem;
          font-weight: bold;
          color: #ffdd93;
          margin-top: 0.72917rem; }
        .specials-contents .wrapper3 .content-wrapper .content-item .content-item-dis {
          padding: 0 0.14063rem;
          margin-top: 0.13021rem;
          font-size: 0.07292rem;
          font-weight: 400;
          color: white;
          line-height: 0.125rem; }
          .specials-contents .wrapper3 .content-wrapper .content-item .content-item-dis span {
            color: #FFDB8E; }
        .specials-contents .wrapper3 .content-wrapper .content-item:nth-child(1) {
          background-image: url("/static/specials/images/nba2k19_yd1.jpg");
          background-repeat: no-repeat;
          background-size: cover; }
        .specials-contents .wrapper3 .content-wrapper .content-item:nth-child(2) {
          margin-top: 0.80729rem;
          background-image: url("/static/specials/images/nba2k19_yd2.jpg");
          background-repeat: no-repeat;
          background-size: cover; }
        .specials-contents .wrapper3 .content-wrapper .content-item:nth-child(3) {
          margin-top: 0.80729rem;
          background-image: url("/static/specials/images/nba2k19_yd3.jpg");
          background-repeat: no-repeat;
          background-size: cover; }
        .specials-contents .wrapper3 .content-wrapper .content-item:nth-last-child(1) {
          background-image: url("/static/specials/images/nba2k19_yd4.jpg");
          background-repeat: no-repeat;
          background-size: cover;
          margin-right: 0; }
  .specials-contents .wrapper4 {
    height: 4.6875rem;
    overflow: hidden;
    background-image: url("/static/specials/images/nba2k19_bg3.jpg");
    background-repeat: no-repeat;
    background-size: cover; }
    .specials-contents .wrapper4 .title {
      width: 2.09375rem;
      height: 0.42708rem;
      background-image: url("/static/specials/images/nba2k19_tit3.png");
      background-repeat: no-repeat;
      background-size: cover;
      margin-top: 0.26563rem; }
    .specials-contents .wrapper4 .wrapper-containter {
      margin-top: 0.47917rem;
      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; }
      .specials-contents .wrapper4 .wrapper-containter .left {
        width: 3.27604rem;
        height: 2.14583rem;
        background-image: url("/static/specials/images/nba2k19_ljb.png");
        background-repeat: no-repeat;
        background-size: cover; }
      .specials-contents .wrapper4 .wrapper-containter .right {
        position: relative;
        width: 3.16146rem;
        height: 2.65625rem;
        background-image: url("/static/specials/images/nba2k19_ljb_yd.png");
        background-repeat: no-repeat;
        background-size: cover; }
        .specials-contents .wrapper4 .wrapper-containter .right .dis {
          position: absolute;
          font-size: 0.07292rem;
          font-weight: 400;
          color: #ffdb8e;
          line-height: 0.125rem; }
          .specials-contents .wrapper4 .wrapper-containter .right .dis.dis1 {
            left: 0.59896rem;
            top: 0.16146rem; }
          .specials-contents .wrapper4 .wrapper-containter .right .dis.dis2 {
            left: 1.11979rem;
            top: 0.68229rem; }
          .specials-contents .wrapper4 .wrapper-containter .right .dis.dis3 {
            left: 1.66667rem;
            top: 1.22396rem; }
          .specials-contents .wrapper4 .wrapper-containter .right .dis.dis4 {
            left: 1.11979rem;
            top: 1.76563rem; }
          .specials-contents .wrapper4 .wrapper-containter .right .dis.dis5 {
            left: 0.59896rem;
            top: 2.29167rem; }
  .specials-contents .wrapper5 {
    height: 2.08333rem;
    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: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    background-image: url("/static/specials/images/nba2k19_bg4.jpg");
    background-repeat: no-repeat;
    background-size: cover; }
    .specials-contents .wrapper5 .wrapper-contatiner {
      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;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      margin-left: 4.45313rem; }
      .specials-contents .wrapper5 .wrapper-contatiner .title {
        font-size: 0.1875rem;
        font-weight: 300;
        color: white;
        line-height: 0.25rem; }
        .specials-contents .wrapper5 .wrapper-contatiner .title span {
          color: #ffdb8e; }
      .specials-contents .wrapper5 .wrapper-contatiner .theme-icons {
        width: 1.60938rem;
        height: 0.42708rem;
        background-image: url("/static/specials/images/nba2k19_three.png");
        background-repeat: no-repeat;
        background-size: cover;
        margin-top: 0.07813rem; }
      .specials-contents .wrapper5 .wrapper-contatiner .experience-btn {
        margin-top: 0.16667rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        text-align: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        text-decoration: none;
        width: 1.30208rem;
        height: 0.3125rem;
        font-size: 0.15625rem;
        font-weight: 400;
        color: white;
        background-image: url("/static/specials/images/nba2k19_xz_bu.jpg");
        background-repeat: no-repeat;
        background-size: cover; }
        .specials-contents .wrapper5 .wrapper-contatiner .experience-btn:hover {
          background-image: url("/static/specials/images/nba2k19_xz_hover.jpg");
          background-repeat: no-repeat;
          background-size: cover; }
        .specials-contents .wrapper5 .wrapper-contatiner .experience-btn::after {
          content: '';
          display: none;
          background-image: url("/static/specials/images/nba2k19_xz_hover.jpg");
          background-repeat: no-repeat;
          background-size: cover; }