.page-header-banner {
  width: 100%;
  text-align: center;
  margin: 0 auto;
}

.page-header-banner img {
  vertical-align: bottom;
  -o-object-fit: contain;
  object-fit: contain;
}

.promotion-page {
  background: url(/images/promotionBg.15e59c6a.png) no-repeat;
  background-position: top;
}

.promotion-page .page-header-banner img {
  height: 256px;
}

.promotion-page .promotion-page-box {
  padding: 0 0 10px;
}

.promotion-page .promotion-page-box .promotion-page-content {
  width: 1200px;
  margin: 0 auto;
}

.promotion-page .promotion-page-box .promotion-page-content .promotion-page-body {
  text-align: center;
  background: #f4f4f4;
  box-shadow: 0 3px 3px 3px #ebebeb;
  border-radius: 10px;
}

.promotion-page .promotion-page-box .promotion-page-content .promotion-page-body .PromotionHead {
  text-align: center;
  padding: 40px 0 20px;
  display: inline-block;
}

.promotion-page .promotion-page-box .promotion-page-content .promotion-page-body .PromotionHead .button_box,
.promotion-page .promotion-page-box .promotion-page-content .promotion-page-body .PromotionHead .primary {
  display: inline-block;
  width: 139px;
  height: 50px;
  line-height: 50px;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  margin: 10px;
  border-radius: 25px;
  cursor: pointer;
  background: #fff;
}

.promotion-page .promotion-page-box .promotion-page-content .promotion-page-body .PromotionHead .button_box:hover,
.promotion-page .promotion-page-box .promotion-page-content .promotion-page-body .PromotionHead .primary,
.promotion-page .promotion-page-box .promotion-page-content .promotion-page-body .PromotionHead .primary:hover {
  color: #fff;
  background-image: linear-gradient(0deg, #fff -150%, #e36018 39%, #fff 150%);
}

.promotion-page .promotion-page-box .promotion-page-content .promotion-page-body .PromotionHead .button_box {
  color: #000;
}

.promotion-page .promotion-page-box .promotion-page-content .promotion-page-body .box_tab {
  width: 372px;
  height: 240px;
  margin: 0 10px 50px;
  position: relative;
  border-radius: 10px;
  box-shadow: 3px 3px 27px 3px #e2e2e2;
  background: #fff;
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
}

.promotion-page .promotion-page-box .promotion-page-content .promotion-page-body .PromotionBodyBoxTab .PromotionBodyTab .PromotionTabImg {
  padding: 58px 0 0;
}

.promotion-page .promotion-page-box .promotion-page-content .promotion-page-body .PromotionBodyBoxTab .PromotionBodyTab .PromotionTabImg .image {
  max-width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  overflow: hidden;
}

.promotion-page .promotion-page-box .promotion-page-content .promotion-page-body .PromotionBodyBoxTab .PromotionBodyTab .allowFrontApply {
  display: none;
}

.promotion-page .promotion-page-box .promotion-page-content .promotion-page-body .PromotionBodyBoxTab .PromotionBodyTab .PromotionBox .title {
  width: 352px;
  height: 58px;
  line-height: 58px;
  font-size: 18px;
  color: #534947;
  text-align: right;
  padding: 0 20px 0 0;
  display: inline-block;
  background: #fff;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.promotion-page .promotion-page-box .promotion-page-content .promotion-page-body .PromotionBodyBoxTab .PromotionBodyTab .PromotionBox .clearfix {
  display: none;
}

.promotion-page .promotion-page-box .promotion-page-content .promotion-page-body .PromotionBodyBoxTab .PromotionBodyTab .PromotionBox .box_tag {
  width: 169px;
  height: 35px;
  font-size: 12px;
  color: #fff;
  background: url(/images/promotionTypeName.43669025.png) no-repeat;
  position: absolute;
  top: 10px;
  left: 0;
}

.promotion-page .promotion-page-box .promotion-page-content .promotion-page-body .PromotionBodyBoxTab .PromotionBodyTab .PromotionBox .box_tag.player {
  background-position: 0 -441px;
}

.promotion-page .promotion-page-box .promotion-page-content .promotion-page-body .PromotionBodyBoxTab .PromotionBodyTab .PromotionBox .box_tag.deposit {
  background-position: 0 -292px;
}

.promotion-page .promotion-page-box .promotion-page-content .promotion-page-body .PromotionBodyBoxTab .PromotionBodyTab .PromotionBox .box_tag.firstDeposit {
  background-position: 0 -71px;
}

.promotion-page .promotion-page-box .promotion-page-content .promotion-page-body .PromotionBodyBoxTab .PromotionBodyTab .PromotionBox .box_tag.special {
  background-position: 0 -218px;
}

.promotion-page .promotion-page-box .promotion-page-content .promotion-page-body .PromotionBodyBoxTab .PromotionBodyTab .PromotionBox .box_tag.return {
  background-position: 0 -367px;
}

.promotion-page .promotion-page-box .promotion-page-content .promotion-page-body .PromotionBodyBoxTab .PromotionBodyTab .PromotionBox .box_tag .box_tag_box {
  display: none;
}

.promotion-page .promotion-page-box .promotion-page-content .promotion-page-el-dialog .el-dialog__body img {
  max-width: 100%;
}