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

html, body {
  -moz-user-select: none;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-family: Arial,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif !important; }

.specials-container {
  max-width: 1920px;
  min-width: 1300px;
  margin: 0 auto;
  margin-top: 90px;
  text-align: center; }
  .specials-container > .group-wrapper {
    width: 100%;
    overflow: hidden; }
    .specials-container > .group-wrapper:nth-of-type(1) {
      border-top: 1px solid transparent;
      height: 4.6875rem;
      background-image: url("/static/specials/images/Fallout76_banner_bg.jpg");
      background-repeat: no-repeat;
      background-size: cover;
      background-size: 100% 100%; }
    .specials-container > .group-wrapper:nth-of-type(2) {
      height: 4.6875rem;
      background-image: url("/static/specials/images/Fallout76_f1_bg.jpg");
      background-repeat: no-repeat;
      background-size: cover;
      background-size: 100% 100%; }
    .specials-container > .group-wrapper:nth-of-type(3) {
      height: 4.70833rem;
      background-image: url("/static/specials/images/Fallout76_f2_bg.jpg");
      background-repeat: no-repeat;
      background-size: cover;
      background-size: 100% 100%; }
    .specials-container > .group-wrapper:nth-of-type(4) {
      height: 4.6875rem;
      background-image: url("/static/specials/images/Fallout76_f3_bg.jpg");
      background-repeat: no-repeat;
      background-size: cover;
      background-size: 100% 100%; }
    .specials-container > .group-wrapper:nth-of-type(5) {
      height: 2.08333rem;
      background-image: url("/static/specials/images/Fallout76_f4_bg.jpg");
      background-repeat: no-repeat;
      background-size: cover;
      background-size: 100% 100%; }
  .specials-container .btn-wrapper {
    margin-left: 2.10938rem;
    margin-top: 3.41667rem; }
    .specials-container .btn-wrapper > a {
      float: left;
      width: 1.40625rem;
      height: 0.36458rem;
      font-size: 0.10417rem;
      color: #fff;
      line-height: 0.36458rem;
      text-decoration: none; }
    .specials-container .btn-wrapper.f4-btn {
      margin-left: 2.125rem;
      margin-top: 1.26563rem; }
  .specials-container .btn-left {
    background-image: url("/static/specials/images/Fallout76_bu_pc.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-size: 100% 100%;
    padding-left: 0.26042rem;
    margin-right: 0.01563rem; }
    .specials-container .btn-left:hover {
      background-image: url("/static/specials/images/Fallout76_bu_pchover.jpg");
      background-repeat: no-repeat;
      background-size: cover;
      background-size: 100% 100%; }
  .specials-container .btn-right {
    background-image: url("/static/specials/images/Fallout76_bu_ljb.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-size: 100% 100%;
    text-align: center; }
    .specials-container .btn-right:hover {
      background-image: url("/static/specials/images/Fallout76_bu_ljbhover.jpg");
      background-repeat: no-repeat;
      background-size: cover;
      background-size: 100% 100%; }

.f1-bg > .f1-icon {
  width: 1.55208rem;
  height: 0.60938rem;
  display: block;
  margin: 0.38021rem auto 0;
  background-image: url("/static/specials/images/Fallout76_f1_tit.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-size: 100% 100%; }

.f1-bg > .con-wrapper {
  margin-top: 0.42708rem;
  margin-left: 4.4375rem; }
  .f1-bg > .con-wrapper > .con-left {
    width: 2.09375rem;
    height: 2.63542rem;
    float: left;
    background-image: url("/static/specials/images/Fallout76_f1_m1.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-size: 100% 100%; }
  .f1-bg > .con-wrapper > .con-right {
    width: 2.17708rem;
    height: 2.66667rem;
    z-index: 2;
    position: relative;
    left: 1.51563rem;
    top: -0.26042rem;
    background-image: url("/static/specials/images/Fallout76_f1_m2.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-size: 100% 100%; }
    .f1-bg > .con-wrapper > .con-right h3 {
      font-size: 0.125rem;
      color: #fff;
      height: 0.15625rem;
      position: absolute;
      left: 0.77083rem;
      top: 1.28646rem; }
    .f1-bg > .con-wrapper > .con-right div {
      position: absolute;
      left: 0.58333rem;
      top: 1.51563rem;
      color: #fff;
      font-size: 0.09375rem; }
      .f1-bg > .con-wrapper > .con-right div span {
        display: block;
        text-align: left;
        height: 0.25521rem;
        line-height: 0.25521rem; }

.f2-bg {
  text-align: center; }
  .f2-bg > .f2-icon {
    display: block;
    width: 1.61458rem;
    height: 0.625rem;
    margin: 0.40104rem auto 0;
    background-image: url("/static/specials/images/Fallout76_f2_tit.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-size: 100% 100%; }
  .f2-bg .con-wrapper {
    display: inline-block;
    margin-top: 0.71354rem;
    border-top: 1px solid transparent; }
    .f2-bg .con-wrapper > .list {
      float: left;
      width: 1.33333rem;
      height: 1.8125rem; }
      .f2-bg .con-wrapper > .list:nth-of-type(1) {
        background-image: url("/static/specials/images/Fallout76_f2_m1.png");
        background-repeat: no-repeat;
        background-size: cover;
        background-size: 100% 100%;
        margin-right: 0.29167rem; }
      .f2-bg .con-wrapper > .list:nth-of-type(2) {
        background-image: url("/static/specials/images/Fallout76_f2_m2.png");
        background-repeat: no-repeat;
        background-size: cover;
        background-size: 100% 100%;
        margin-right: 0.29167rem;
        margin-top: 0.80208rem; }
      .f2-bg .con-wrapper > .list:nth-of-type(3) {
        background-image: url("/static/specials/images/Fallout76_f2_m3.png");
        background-repeat: no-repeat;
        background-size: cover;
        background-size: 100% 100%;
        margin-right: 0.29167rem;
        margin-top: 0.80208rem; }
      .f2-bg .con-wrapper > .list:nth-of-type(4) {
        background-image: url("/static/specials/images/Fallout76_f2_m4.png");
        background-repeat: no-repeat;
        background-size: cover;
        background-size: 100% 100%; }
      .f2-bg .con-wrapper > .list h3 {
        font-size: 0.125rem;
        font-weight: 400;
        color: #5c2e0c;
        margin-top: 0.70313rem; }
      .f2-bg .con-wrapper > .list p {
        font-size: 0.07292rem;
        color: #5c2e0c;
        width: 1.04167rem;
        margin: 0 auto;
        margin-top: 0.15625rem;
        text-align: left;
        line-height: 0.125rem; }
        .f2-bg .con-wrapper > .list p span {
          color: #ff3a0c; }

.f3-bg > .f3-icon {
  display: block;
  width: 1.57813rem;
  height: 0.60938rem;
  background-image: url("/static/specials/images/Fallout76_f3_tit.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-size: 100% 100%;
  margin: 0.39063rem auto 0; }

.f3-bg > .con-wrapper {
  margin-top: 0.82292rem; }
  .f3-bg > .con-wrapper > .con-left {
    width: 3.36979rem;
    height: 2.42708rem;
    margin-left: 1.875rem;
    float: left; }
    .f3-bg > .con-wrapper > .con-left img {
      width: 100%; }
  .f3-bg > .con-wrapper > .con-right {
    float: left;
    width: 1.58333rem;
    height: 2.625rem;
    margin-left: 0.02604rem;
    margin-top: -0.43229rem;
    background-image: url("/static/specials/images/Fallout76_f3_m2.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-size: 100% 100%;
    position: relative; }
    .f3-bg > .con-wrapper > .con-right .list {
      display: block;
      width: 1.5625rem;
      font-size: 0.07292rem;
      color: #fff;
      text-align: left; }
      .f3-bg > .con-wrapper > .con-right .list:nth-of-type(1) {
        margin-left: 0.58333rem;
        margin-top: 0.14583rem; }
      .f3-bg > .con-wrapper > .con-right .list:nth-of-type(2) {
        margin-left: 1.10417rem;
        position: absolute;
        top: 0.67188rem; }
      .f3-bg > .con-wrapper > .con-right .list:nth-of-type(3) {
        margin-left: 1.65104rem;
        position: absolute;
        top: 1.14063rem; }
      .f3-bg > .con-wrapper > .con-right .list:nth-of-type(4) {
        margin-left: 1.10417rem;
        position: absolute;
        top: 1.75rem; }
      .f3-bg > .con-wrapper > .con-right .list:nth-of-type(5) {
        margin-left: 0.58333rem;
        position: absolute;
        top: 2.27604rem; }

.f4-bg {
  position: relative; }
  .f4-bg .tit-icon {
    width: 2.29688rem;
    height: 0.30208rem;
    position: absolute;
    left: 2.36979rem;
    top: 0.35938rem;
    background-image: url("/static/specials/images/Fallout76_f4_tit.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-size: 100% 100%; }
  .f4-bg .logo-icon {
    width: 0.95833rem;
    height: 0.42708rem;
    position: absolute;
    left: 3.02083rem;
    top: 0.71875rem;
    background-image: url("/static/specials/images/Fallout76_f4_logo.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-size: 100% 100%; }
  .f4-bg .btns-wrapper {
    border: 1px solid red;
    position: absolute;
    left: 2.125rem;
    top: 1.26563rem; }