* {
  box-sizing: border-box;
  padding: 0;
  margin: 0; }

a {
  text-decoration: none; }

li {
  list-style: none; }

.specials-container {
  margin: 0 auto;
  padding-top: 90px;
  min-width: 1300px;
  max-width: 1920px;
  width: 100%;
  display: flex;
  flex-direction: column; }
  .specials-container a {
    display: block; }
  .specials-container .panel {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center; }

.p1 {
  height: 5.47396rem;
  background-image: url("/static/specials/images/2K21_bg1.png");
  background-repeat: no-repeat;
  background-size: 100% 100%; }
  .p1 .title-img1 {
    position: absolute;
    width: 5.1875rem;
    height: 2.38542rem;
    top: 1.04688rem;
    left: 4.46354rem; }
  .p1 .btns {
    position: absolute;
    display: flex;
    left: 5.35417rem;
    top: 3.47917rem; }
    .p1 .btns .download-dom {
      width: 1.70833rem;
      height: 0.60938rem;
      background-image: url("/static/specials/images/2K21_p1_btn.png");
      background-repeat: no-repeat;
      background-size: 100% 100%;
      margin-top: 0.11979rem;
      margin-right: 0.03125rem; }
    .p1 .btns .ljb-btn {
      width: 2.19271rem;
      height: 0.61979rem;
      background-image: url("/static/specials/images/2K21_p1_ljb.png");
      background-repeat: no-repeat;
      background-size: 100% 100%; }

.p2 {
  height: 5.54688rem;
  background-image: url("/static/specials/images/2K21_bg2.png");
  background-repeat: no-repeat;
  background-size: 100% 100%; }
  .p2 .title-img2 {
    position: absolute;
    width: 4.68229rem;
    height: 1.5rem;
    top: 0.15625rem;
    left: 2.72396rem; }
  .p2 .left {
    position: absolute;
    width: 1.72917rem;
    height: 3.15104rem;
    background-image: url("/static/specials/images/2K21_p2_left.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 2.22396rem;
    top: 1.75521rem; }
    .p2 .left div {
      font-size: 0.15104rem;
      line-height: 0.15104rem;
      color: #303030;
      font-weight: bold;
      text-align: center;
      margin-top: 0.78125rem;
      margin-bottom: 0.38021rem; }
    .p2 .left p {
      font-size: 0.10938rem;
      line-height: 0.10938rem;
      color: #ECECEC;
      margin-bottom: 0.23958rem;
      padding-left: 0.59375rem; }
  .p2 .right {
    position: absolute;
    width: 2.23438rem;
    height: 3.82812rem;
    background-image: url("/static/specials/images/2K21_p2_right.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 5.83854rem;
    top: 1.71354rem; }
    .p2 .right div {
      font-size: 0.17188rem;
      line-height: 0.17188rem;
      color: #303030;
      font-weight: bold;
      text-align: center;
      margin-top: 0.89583rem;
      margin-bottom: 0.41667rem; }
    .p2 .right p {
      font-size: 0.11979rem;
      line-height: 0.11979rem;
      color: #ECECEC;
      margin-bottom: 0.3125rem;
      padding-left: 0.55208rem; }
      .p2 .right p:nth-of-type(1) {
        margin-bottom: 0.33333rem; }
      .p2 .right p:nth-of-type(2) {
        margin-bottom: 0.34375rem; }
      .p2 .right p:nth-of-type(3) {
        margin-bottom: 0.26042rem; }

.p3 {
  height: 10.57292rem;
  background-image: url("/static/specials/images/2K21_bg3.png");
  background-repeat: no-repeat;
  background-size: 100% 100%; }
  .p3 .title-img3 {
    position: absolute;
    width: 3.78125rem;
    height: 1.5rem;
    top: 0.16667rem;
    left: 3.25rem; }
  .p3 .main {
    position: absolute;
    width: 6.29167rem;
    height: 3.14062rem;
    top: 1.75rem;
    left: 1.85938rem;
    background-image: url("/static/specials/images/2K21_p3_main.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: flex;
    justify-content: space-between;
    padding: 0 0.09375rem; }
    .p3 .main div {
      width: 1.17708rem; }
      .p3 .main div b {
        font-size: 0.14583rem;
        line-height: 0.14583rem;
        color: #2D2925;
        white-space: nowrap; }
      .p3 .main div p {
        font-size: 0.10417rem;
        line-height: 0.15625rem;
        color: #FFFFFF;
        word-break: break-all;
        text-align: justify; }
        .p3 .main div p span {
          color: #F3BD17; }
      .p3 .main div:nth-child(1) {
        padding-top: 1.09375rem; }
        .p3 .main div:nth-child(1) p {
          margin-top: 0.26042rem; }
      .p3 .main div:nth-child(2) {
        padding-top: 1.59375rem; }
        .p3 .main div:nth-child(2) p {
          margin-top: 0.26042rem; }
      .p3 .main div:nth-child(3) {
        padding-top: 1.0625rem; }
        .p3 .main div:nth-child(3) p {
          margin-top: 0.26042rem; }
      .p3 .main div:nth-child(4) {
        padding-top: 1.70833rem; }
        .p3 .main div:nth-child(4) p {
          margin-top: 0.26042rem; }
  .p3 .title-img4 {
    position: absolute;
    width: 5.47396rem;
    height: 1.76042rem;
    top: 5.15625rem;
    left: 2.38021rem; }
  .p3 .left {
    position: absolute;
    width: 2.27083rem;
    height: 2.56771rem;
    top: 7.73958rem;
    left: 2.28125rem;
    background-image: url("/static/specials/images/2K21_p4_left.png");
    background-repeat: no-repeat;
    background-size: 100% 100%; }
    .p3 .left .title {
      text-align: center;
      font-size: 0.14583rem;
      line-height: 0.14583rem;
      color: #EBEBEB;
      font-weight: bold;
      margin-top: 0.24479rem; }
    .p3 .left .desc {
      text-align: center;
      font-size: 0.09375rem;
      line-height: 0.09375rem;
      color: #B4B4B4;
      margin-top: 0.04688rem; }
    .p3 .left p {
      position: absolute;
      font-size: 0.07292rem;
      line-height: 0.07292rem;
      color: #B4B4B4; }
      .p3 .left p:nth-of-type(1) {
        top: 0.76562rem;
        left: 0.45312rem; }
      .p3 .left p:nth-of-type(2) {
        top: 0.76562rem;
        left: 1.59896rem; }
      .p3 .left p:nth-of-type(3) {
        top: 1.03125rem;
        left: 0.45312rem; }
      .p3 .left p:nth-of-type(4) {
        top: 1.03125rem;
        left: 1.59896rem; }
  .p3 .right {
    position: absolute;
    width: 3.3125rem;
    height: 3.1875rem;
    top: 7.10417rem;
    left: 4.84375rem;
    background-image: url("/static/specials/images/2K21_p4_right.png");
    background-repeat: no-repeat;
    background-size: 100% 100%; }
    .p3 .right .title {
      font-size: 0.17188rem;
      line-height: 0.17188rem;
      color: #3B3731;
      font-weight: bold;
      position: absolute;
      top: 0.11458rem;
      left: 1.65625rem; }
    .p3 .right .desc {
      text-align: center;
      font-size: 0.19271rem;
      line-height: 0.19271rem;
      margin-top: 0.57292rem;
      margin-bottom: 0.70833rem;
      color: #A57C4E;
      font-weight: bold;
      background: -webkit-linear-gradient(179deg, #F7C114 0.53711%, #A57C4E 100%);
      background-clip: text;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent; }
    .p3 .right p {
      color: #FFFFFF;
      font-size: 0.10417rem;
      line-height: 0.125rem;
      float: left;
      text-align: center;
      margin-right: 0.25rem; }
      .p3 .right p:nth-of-type(1) {
        margin-left: 0.20833rem; }

.p4 {
  height: 8.57292rem;
  background-image: url("/static/specials/images/2K21_bg4.png");
  background-repeat: no-repeat;
  background-size: 100% 100%; }
  .p4 .title-img5 {
    position: absolute;
    width: 3.88021rem;
    height: 1.43229rem;
    top: 0.33854rem;
    left: 3.13542rem; }
  .p4 .main {
    position: absolute;
    width: 5.93229rem;
    height: 2.64583rem;
    top: 1.94792rem;
    left: 2.57292rem;
    background-image: url("/static/specials/images/2K21_bg5_main.png");
    background-repeat: no-repeat;
    background-size: 100% 100%; }
    .p4 .main div {
      font-size: 0.09896rem;
      line-height: 0.11458rem;
      color: #FFFFFF;
      padding-left: 3.125rem; }
      .p4 .main div:nth-of-type(1) {
        padding-left: 3.09896rem;
        margin-top: 0.15625rem;
        margin-bottom: 0.29167rem; }
      .p4 .main div:nth-of-type(2) {
        padding-left: 3.56771rem;
        margin-bottom: 0.3125rem; }
      .p4 .main div:nth-of-type(3) {
        padding-left: 4.15104rem;
        margin-bottom: 0.3125rem; }
      .p4 .main div:nth-of-type(4) {
        padding-left: 3.59896rem;
        margin-bottom: 0.3125rem; }
  .p4 .title-img6 {
    position: absolute;
    width: 4rem;
    height: 1.55208rem;
    top: 5.54167rem;
    left: 2.94271rem; }
  .p4 .btns {
    position: absolute;
    left: 3.03125rem;
    bottom: 0.44271rem;
    display: flex; }
    .p4 .btns .download-dom {
      width: 2.0625rem;
      height: 0.97396rem;
      background-image: url("/static/specials/images/2K21_p5_btn.png");
      background-repeat: no-repeat;
      background-size: 100% 100%; }
    .p4 .btns .ljb-btn {
      width: 2.18229rem;
      height: 0.83854rem;
      margin-top: 0.14062rem;
      background-image: url("/static/specials/images/2K21_p5_ljb.png");
      background-repeat: no-repeat;
      background-size: 100% 100%; }
