@charset "UTF-8";
@font-face {
  font-family: 'SourceHanSerifCN-Bold';
  src: url(../fonts/SourceHanSerifCN-Bold.otf);
}
* {
  -webkit-text-size-adjust: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  outline: none;
}
img {
  pointer-events: none;
}
.wjbg {
  background-color: #fb7856;
}
.banner_swiper {
  height: 4.6875rem;
}
.banner_swiper .img-box {
  width: 10rem;
  height: 4.6875rem;
}
.quest_banner {
  width: 100%;
}
/* 优惠卷 */
.bigBox {
  padding-bottom: 2.34375rem;
}
.bigBox.bigBoxBox {
  padding-bottom: 0rem;
}
.yhjTitle {
  position: absolute;
  width: 8.59375rem;
  top: -1.5375rem;
  left: 0.78125rem;
}
.yhjTitleText {
  font-size: 0.84375rem;
  top: -1.38125rem;
  text-align: center;
  color: #fff;
}
.yhjCentre {
  background-color: #fb7856;
  padding-left: 0.390625rem;
  padding-right: 0.390625rem;
}
.yhjCentreOutside {
  border-radius: 0.78125rem;
  background-color: #fff3d2;
  border: 1px solid #fff;
}
.yhjCentreInside {
  margin-top: 0.625rem;
  margin-left: 0.46875rem;
  margin-right: 0.46875rem;
  background-color: #fff;
  border-radius: 0.46875rem;
}
.title-box {
  text-align: center;
  color: #fff;
  padding: 4px 0;
  border-top-left-radius: 0.46875rem;
  border-top-right-radius: 0.46875rem;
  background-color: #d95035;
}
.title-box .topBig {
  font-size: 0.75rem;
  font-weight: bold;
  padding: 2px 0;
}
.topSmall {
  font-size: 0.5rem;
  font-weight: bold;
  text-align: center;
  color: #fff;
}
.Text {
  font-size: 0.59375rem;
  margin-top: -1.09375rem;
  margin-left: 1.328125rem;
  color: #fff;
}
.TextLogo1 {
  height: 1.015625rem;
  width: 7.5rem;
  margin-top: 0.46875rem;
  margin-left: 0.34375rem;
  margin-right: 0.46875rem;
  margin-bottom: -0.828125rem;
  border-radius: 0.46875rem;
  background-color: #ff7b3b;
}
.TextLogo {
  height: 0.9375rem;
  width: 7.03125rem;
  margin-top: 0.46875rem;
  margin-left: 0.625rem;
  margin-right: 0.46875rem;
  margin-bottom: 0.46875rem;
  border-radius: 0.46875rem;
  background-color: #fff2c7;
}
.TextLogoText {
  font-size: 0.46875rem;
  margin-top: -1.25rem;
  text-align: center;
  font-weight: bold;
  color: #d95035;
}
.TextLogoTexts {
  font-size: 0.4375rem;
  margin-top: 0.46875rem;
  margin-bottom: 0.3125rem;
  margin-left: 0.78125rem;
  margin-right: 0.9375rem;
  text-align: center;
  font-weight: bold;
  color: #d95035;
}
.couponsImg {
  height: 2.34375rem;
  width: 7.5rem;
  margin-top: 0.3125rem;
  margin-right: 0.3125rem;
  margin-left: 0.3125rem;
}
.coupons-box {
  padding-left: 0.46875rem;
  padding-right: 0.46875rem;
}
.coupons {
  height: 2.890625rem;
  margin-bottom: 0rem;
  background: url(../images/yhjPicture.png) center center no-repeat;
  background-size: contain;
}
.couponsBig {
  height: 2.5rem;
  width: 3.125rem;
  text-align: center;
}
.coupons1 {
  color: #d95035;
  font-size: 0.46875rem;
  top: 1.40625rem;
  left: 0.15625rem;
}
.coupons2 {
  color: #cd3634;
  font-size: 1.25rem;
  text-align: center;
  top: -0.178125rem;
  width: 3.125rem;
  left: 0.078125rem;
  font-weight: 700;
  font-family: 'SourceHanSerifCN-Bold';
}
.coupons3 {
  position: absolute;
  color: #cd3634;
  text-align: center;
  font-weight: 700;
  width: 2.1875rem;
  font-size: 0.40625rem;
  top: 0.859375rem;
  left: 2.8125rem;
}
.coupons4 {
  position: absolute;
  text-align: center;
  top: 1.484375rem;
  left: 2.96875rem;
  width: 2.03125rem;
  height: 0.546875rem;
  border-radius: 0.46875rem;
  background-color: #cd3634;
}
.coupons5 {
  font-size: 0.375rem;
  font-weight: 700;
  color: #fff;
}
.coupons6 {
  position: absolute;
  background-color: #fcebbf;
  width: 1.875rem;
  height: 1.875rem;
  top: 0.546875rem;
  left: 5.3125rem;
  border-radius: 0.9375rem;
}
.coupons7 {
  font-size: 0.46875rem;
  width: 1.5625rem;
  padding-top: 0.3125rem;
  padding-left: 0.4375rem;
  font-weight: bold;
  letter-spacing: 2px;
  line-height: 22px;
  color: #cd3634;
}
.coupons8 {
  font-size: 0.390625rem;
  top: -1.5625rem;
  padding-left: 2.1875rem;
  color: #cd3634;
}
.coupons9 {
  position: absolute;
  top: -2.890625rem;
  left: 0.625rem;
  width: 2.34375rem;
  height: 0.625rem;
}
.coupons10 {
  color: #fff;
  position: absolute;
  width: 2.5rem;
  top: -2.8125rem;
  left: 0.46875rem;
  text-align: center;
}
.coupons11 {
  font-size: 0.390625rem;
  width: 1.5625rem;
  padding-left: 0.546875rem;
  padding-top: 0.078125rem;
  font-weight: bold;
  color: #cd3634;
}
.bottom {
  color: #cd3634;
  text-align: center;
  margin-top: 0.46875rem;
  padding-bottom: 0.3125rem;
  margin-bottom: 0.46875rem;
  font-size: 0.359375rem;
}
.coupons12 {
  position: absolute;
  color: #cd3634;
  font-size: 0.46875rem;
  top: 1.09375rem;
  left: 0.78125rem;
}
.coupons13 {
  position: absolute;
  color: #cd3634;
  font-size: 1.25rem;
  top: 0.3125rem;
  left: 1.25rem;
  font-weight: 700;
  font-family: 'SourceHanSerifCN-Bold';
}
.coupons14 {
  color: #cd3634;
  width: 5.46875rem;
  font-size: 0.359375rem;
  top: 1.875rem;
  text-align: center;
  font-family: 'SourceHanSerifCN-Bold';
}
.couponsBig2 {
  height: 2.5rem;
  width: 2.34375rem;
  text-align: center;
}
.coupons15 {
  color: #cd3634;
  font-size: 0.625rem;
  line-height: 0.703125rem;
  text-align: center;
  top: 0.703125rem;
  left: 0.421875rem;
  font-weight: 700;
  font-family: 'SourceHanSerifCN-Bold';
}
.couponsBig3 {
  height: 2.5rem;
  width: 4.6875rem;
  text-align: center;
}
.coupons16 {
  color: #cd3634;
  font-size: 0.78125rem;
  text-align: center;
  top: 0.34375rem;
  width: 4.6875rem;
  left: 0.3125rem;
  font-weight: 700;
  font-family: 'SourceHanSerifCN-Bold';
}
.coupons17 {
  color: #cd3634;
  font-size: 0.46875rem;
  text-align: center;
  top: 1.171875rem;
  width: 3.125rem;
  left: 0.828125rem;
  font-weight: 700;
  font-family: 'SourceHanSerifCN-Bold';
}
.coupons18 {
  color: #cd3634;
  font-size: 0.8125rem;
  text-align: center;
  top: 0.46875rem;
  width: 3.125rem;
  left: -0.78125rem;
  font-weight: 700;
  font-family: 'SourceHanSerifCN-Bold';
}
.coupons-boxCenter {
  width: 4.6875rem;
  text-align: center;
}
.foot-box {
  position: relative;
  font-size: 0.375rem;
  padding-top: 0.9375rem;
  padding-bottom: 0.3125rem;
  padding-right: 0.46875rem;
  padding-left: 0.46875rem;
  margin-right: 0.46875rem;
  margin-left: 0.46875rem;
  margin-bottom: 0.46875rem;
  margin-top: -0.625rem;
  background-color: #fff;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}
.footer .qr-box .img-box {
  width: 2.4rem;
  height: 2.4rem;
  margin-top: 1rem;
  margin-left: auto;
  margin-right: auto;
}
.button-box {
  margin-right: 0.46875rem;
  margin-left: 0.46875rem;
  margin-bottom: 0.46875rem;
  margin-top: 0.78125rem;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  background: url(../images/btn01.png) center center no-repeat;
  background-size: 100% 100%;
  text-align: center;
}
.button-box .btn-list {
  display: inline-block;
}
.button-box .btn-list .btn {
  font-size: 0.4375rem;
  border: none;
  color: #fff;
  padding-top: 0.0625rem;
  padding-bottom: 0.1875rem;
  padding-right: 0.46875rem;
  padding-left: 0.46875rem;
  border-radius: 0.15625rem;
  background-color: transparent;
}
.button-box {
  width: 5.3125rem;
  margin-left: auto;
  margin-right: auto;
  background: url(../images/btn_wap.png) center center no-repeat;
  background-size: contain;
}
.button-box .btn-list .btn {
  display: block;
  width: 100%;
  font-size: 0.3rem;
  padding: 0;
  height: 0.7rem;
  line-height: 0.8;
  font-weight: bold;
}
.main {
  padding-bottom: 0.3125rem;
  padding-top: 0.15625rem;
  margin-bottom: 0.625rem;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}
.qr-box {
  width: 156px;
  height: 200px;
  padding: 0;
  background: url(../images/qr-bg.png) center center no-repeat;
  margin-left: 14px;
}
.qr-box img {
  width: 100%;
  height: 100%;
}
.rule-bg {
  margin-left: 0.625rem;
  margin-right: 0.625rem;
}
.rule-bg .rule-contain {
  margin-top: 1.25rem;
  margin-bottom: 0.78125rem;
}
.rule-bg .rule-contain .title {
  position: absolute;
  top: -0.625rem;
  right: 0.3125rem;
  z-index: 2;
  width: 4.09375rem;
  height: 1.0625rem;
  color: #fff;
  font-size: 0.375rem;
  line-height: 0.625rem;
  font-weight: bold;
  background-color: #dcf2f9;
  margin-bottom: -0.78125rem;
}
.rule-bg .rule-contain .contain-box {
  font-size: 0.34375rem;
  line-height: 0.625rem;
  border: 1px solid #2c83b8;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  padding-top: 1.25rem;
  padding-bottom: 1.875rem;
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
}
.rule-bg .rule-contain .contain-box .right-bd-list {
  padding-left: 0.3125rem;
  text-indent: -0.3125rem;
  font-size: 0.3125rem;
  line-height: 0.5625rem;
}
.rule-bg .rule-contain .contain-box .right-bd-list .circle {
  display: inline-block;
  vertical-align: top;
  width: 0.1875rem;
  height: 0.1875rem;
  background-color: #2c83b8;
  border-radius: 50%;
  margin-top: 0.15625rem;
  margin-right: 0.125rem;
}
.rule-bg .rule-contain .contain-qr-box {
  background-color: #dcf2f9;
  padding-bottom: 0.3125rem;
  margin-top: -1.875rem;
  width: 4.09375rem;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}
.rule-bg .rule-contain .contain-qr-box .img-box {
  position: relative;
  display: inline-block;
  width: 4.09375rem;
  height: 3.875rem;
}
.rule-bg .rule-contain .tips {
  text-align: center;
  color: #2c83b8;
  font-size: 0.4375rem;
  line-height: 0.75rem;
}
.rule-bg .rule-contain .title {
  display: none;
}
.rule-bg .rule-contain {
  margin-top: 0.6rem;
}
.rule-bg .rule-contain .contain-box {
  height: 7.8rem;
  padding-top: 1.8rem;
  padding-bottom: 1.5rem;
  text-align: justify;
  border: none;
  background: url(../images/rule_bg.png) center center no-repeat;
  background-size: 100% 100%;
  color: #fff;
}
.rule-bg .rule-contain .contain-box .right-bd-list .circle {
  background-color: #ecbb7c;
}
.rule-bg .rule-contain .contain-qr-box {
  background-color: transparent;
}
.rule-bg .rule-contain .tips {
  color: #ffd3ab;
  font-size: 0.375rem;
}
.rule-bg {
  margin-right: 0.46875rem;
  margin-left: 0.46875rem;
}
@media screen and (max-width: 320px) {
  .rule-bg .rule-contain .contain-box {
    height: 8.4rem;
  }
  .rule-bg .rule-contain .contain-qr-box {
    margin-top: -1.5rem;
  }
}
.footer .qr-box .img-box {
  width: 2.109375rem;
  height: 2.109375rem;
  margin: 0 auto;
}