* {
  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;
  color: #FFFFFF; }
  .specials-container a {
    display: block; }
  .specials-container .panel {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center; }

.btn-ljb {
  width: 1.83854rem;
  height: 0.58854rem;
  position: absolute;
  top: 3.56771rem;
  left: 5.25521rem;
  background-image: url("/static/specials/images/Monsterqiyou_btn_pc.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  color: #813308;
  padding-top: 0.22396rem;
  padding-left: 0.5rem;
  font-size: 0.125rem;
  line-height: 0.125rem;
  letter-spacing: -1px;
  cursor: pointer; }

.btn-app {
  width: 1.34375rem;
  height: 0.36458rem;
  position: absolute;
  top: 3.66667rem;
  left: 7.29167rem;
  background-image: url("/static/specials/images/Monsterqiyou_btn_app.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  color: #813308;
  font-size: 0.11979rem;
  line-height: 0.36458rem;
  padding-left: 0.10938rem;
  white-space: nowrap;
  letter-spacing: -2px;
  cursor: pointer; }
  .btn-app .btn-app-tip {
    position: absolute;
    width: 0.86979rem;
    height: 1.09375rem;
    background-image: url("/static/specials/images/Monsterqiyou_qrcode.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    top: -1.16146rem;
    left: 0.30729rem;
    opacity: 0; }
  .btn-app:hover .btn-app-tip {
    opacity: 1; }

.p1 {
  height: 9.22917rem;
  background-image: url("/static/specials/images/Monsterqiyou_bg1.jpg");
  background-repeat: no-repeat;
  background-size: 100% 100%; }
  .p1 .title1 {
    width: 2.32812rem;
    height: 0.86979rem;
    position: absolute;
    top: 4.96875rem;
    left: 3.83333rem; }
  .p1 .left {
    width: 2.31771rem;
    height: 2.9375rem;
    position: absolute;
    top: 5.86979rem;
    left: 2.5rem;
    background-image: url("/static/specials/images/Monsterqiyou_p1_left.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding-top: 1.69271rem;
    padding-left: 0.59896rem; }
    .p1 .left div {
      font-size: 0.125rem;
      line-height: 0.125rem;
      margin-bottom: 0.09375rem; }
  .p1 .right {
    width: 2.59375rem;
    height: 3.22396rem;
    position: absolute;
    top: 5.71875rem;
    left: 5.14062rem;
    background-image: url("/static/specials/images/Monsterqiyou_p1_right.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding-top: 1.86979rem;
    padding-left: 0.40625rem; }
    .p1 .right div {
      font-size: 0.125rem;
      line-height: 0.125rem;
      margin-bottom: 0.11458rem; }

.p2 {
  height: 9.69271rem;
  background-image: url("/static/specials/images/Monsterqiyou_bg2.png");
  background-repeat: no-repeat;
  background-size: 100% 100%; }
  .p2 .title2 {
    width: 4.96875rem;
    height: 0.86979rem;
    position: absolute;
    top: 0.56771rem;
    left: 2.50521rem; }
  .p2 .center {
    position: absolute;
    top: 1.97396rem;
    color: #EBE5DD;
    font-size: 0.125rem;
    line-height: 0.125rem;
    text-align: center; }
    .p2 .center div {
      margin-bottom: 0.26562rem; }
  .p2 .title3 {
    width: 4.36458rem;
    height: 0.86979rem;
    position: absolute;
    top: 4.65625rem;
    left: 2.8125rem; }
  .p2 .left {
    width: 2.40625rem;
    height: 3.21875rem;
    position: absolute;
    top: 5.96354rem;
    left: 2.23438rem;
    background-image: url("/static/specials/images/Monsterqiyou_p2_left.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding-top: 0.50521rem; }
    .p2 .left div {
      color: #E3BA91;
      font-size: 0.125rem;
      line-height: 0.125rem;
      margin-bottom: 0.14062rem;
      padding-left: 0.28125rem; }
      .p2 .left div.t {
        font-size: 0.15104rem;
        line-height: 0.15104rem;
        color: #310805;
        padding-left: 0;
        text-align: center;
        margin-bottom: 0.23958rem; }
  .p2 .right {
    width: 2.67708rem;
    height: 3.55208rem;
    position: absolute;
    top: 5.80729rem;
    left: 5.29167rem;
    background-image: url("/static/specials/images/Monsterqiyou_p2_right.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding-top: 0.50521rem; }
    .p2 .right div {
      color: #E3BA91;
      font-size: 0.125rem;
      line-height: 0.125rem;
      margin-bottom: 0.15625rem;
      padding-left: 0.29688rem; }
      .p2 .right div.t {
        width: 1.70312rem;
        height: 0.28125rem;
        background-image: url("/static/specials/images/Monsterqiyou_logo.png");
        background-repeat: no-repeat;
        background-size: 100% 100%;
        font-size: 0.15104rem;
        line-height: 0.15104rem;
        color: #310805;
        padding-left: 0;
        text-align: center;
        margin: 0 auto 0.21354rem; }

.p3 {
  height: 11.44271rem;
  background-image: url("/static/specials/images/Monsterqiyou_bg3.jpg");
  background-repeat: no-repeat;
  background-size: 100% 100%; }
  .p3 .title4 {
    width: 4.96875rem;
    height: 0.69271rem;
    position: absolute;
    top: 0.22917rem;
    left: 2.50521rem; }
  .p3 .center {
    width: 8.07812rem;
    height: 2.45833rem;
    position: absolute;
    top: 1.27083rem;
    left: 0.95833rem;
    background-image: url("/static/specials/images/Monsterqiyou_p3_center.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    color: #5A201C;
    font-size: 0.125rem;
    line-height: 0.14583rem; }
    .p3 .center div {
      position: absolute;
      width: 1.79167rem;
      text-align: left;
      white-space: nowrap; }
      .p3 .center div:nth-child(1) {
        top: 0.23438rem;
        left: 0.13021rem;
        text-align: right;
        padding-right: 0.24479rem; }
      .p3 .center div:nth-child(2) {
        top: 1.08854rem;
        left: 0.13021rem;
        text-align: right; }
      .p3 .center div:nth-child(3) {
        top: 1.95312rem;
        left: 0.13021rem;
        text-align: right; }
      .p3 .center div:nth-child(4) {
        top: 0.23438rem;
        left: 6.15104rem; }
      .p3 .center div:nth-child(5) {
        top: 1.08854rem;
        left: 6.15104rem; }
      .p3 .center div:nth-child(6) {
        top: 1.94792rem;
        left: 6.15104rem; }
    .p3 .center b {
      color: #A3180D; }
  .p3 .tip {
    position: absolute;
    top: 3.79688rem;
    color: #FEEEC7;
    font-size: 0.125rem;
    line-height: 0.125rem; }
  .p3 .title5 {
    width: 4.96875rem;
    height: 0.69271rem;
    position: absolute;
    top: 4.67708rem;
    left: 2.50521rem; }
  .p3 .feat {
    width: 6.4375rem;
    height: 2.33333rem;
    position: absolute;
    top: 5.64583rem;
    left: 1.79167rem;
    background-image: url("/static/specials/images/Monsterqiyou_feat.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: flex;
    justify-content: space-between;
    text-align: center;
    padding: 0.80729rem 0.08333rem 0; }
    .p3 .feat div {
      width: 1.21875rem; }
    .p3 .feat .t {
      color: #CA9B58;
      font-size: 0.14583rem;
      line-height: 0.14583rem;
      font-weight: bold; }
    .p3 .feat .d {
      font-size: 0.125rem;
      line-height: 0.16667rem;
      text-align: justify;
      letter-spacing: -1px;
      margin-top: 0.09375rem; }
  .p3 .title6 {
    width: 4.96875rem;
    height: 0.72917rem;
    position: absolute;
    top: 8.88542rem;
    left: 2.50521rem; }
  .p3 .btn-ljb {
    top: 10.03646rem;
    left: 3.05729rem; }
  .p3 .btn-app {
    top: 10.13542rem;
    left: 5.09375rem; }