.couponMsg[data-v-1d73723e] {
  width: 264px;
  padding: 8px 36.5px;
  line-height: 22px;
  background: #D9D9D9;
  border-radius: 18px;
  color: #000;
  text-align: center;
  font-size: 14px;
  z-index: 500;
  position: absolute;
  top: 5px;
  left: 50%;
  transform: translate(-50%);
  font-weight: 400;
}
.getCouponBox .getCoupon[data-v-390fd3b6] {
  height: auto;
  background: #FAFAFA;
  padding: 20px 20px 0 40px;
  overflow: auto;
  overflow-x: hidden;
}
.getCouponBox .getCoupon .couponArea[data-v-390fd3b6] {
  height: 500px;
}
.getCouponBox .getCoupon .couponArea ul[data-v-390fd3b6] {
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
}
.getCouponBox .getCoupon .couponArea ul li[data-v-390fd3b6] {
  width: 280px;
  padding-right: 20px;
  padding-bottom: 20px;
  background: #FAFAFA;
}
.getCouponBox .getCoupon .couponArea ul li[data-v-390fd3b6]:nth-child(2n) {
  padding-right: 0px;
}
.getCouponBox .getCoupon .couponArea ul li .coupon-main[data-v-390fd3b6] {
  color: #FFFFFF;
  height: 101px;
  background-image: linear-gradient(180deg, #FF5D70 0%, #F1606C 62%, #E8454C 100%);
  border-radius: 5px 5px 0 0;
  padding: 14px 15px 0px;
  display: flex;
}
.getCouponBox .getCoupon .couponArea ul li .coupon-main .type-mark[data-v-390fd3b6] {
  font-size: 18px;
  font-weight: 600;
}
.getCouponBox .getCoupon .couponArea ul li .coupon-main .coupon-info[data-v-390fd3b6] {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-left: 3px;
}
.getCouponBox .getCoupon .couponArea ul li .coupon-main .coupon-info .info-area[data-v-390fd3b6] {
  height: 48px;
  display: flex;
  justify-content: space-between;
}
.getCouponBox .getCoupon .couponArea ul li .coupon-main .coupon-info .info-area .text-area[data-v-390fd3b6] {
  display: flex;
  max-width: 175px;
}
.getCouponBox .getCoupon .couponArea ul li .coupon-main .coupon-info .info-area .text-area .price-area[data-v-390fd3b6] {
  font-size: 40px;
  font-weight: 600;
  line-height: 40px;
  margin-right: 7px;
  max-width: 100px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.getCouponBox .getCoupon .couponArea ul li .coupon-main .coupon-info .info-area .text-area .type-area[data-v-390fd3b6] {
  font-size: 14px;
  font-weight: 400;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.getCouponBox .getCoupon .couponArea ul li .coupon-main .coupon-info .info-area .btn-area[data-v-390fd3b6] {
  width: auto;
  min-width: 36px;
  padding: 0 6px;
  height: 16px;
  background: #FFFFFF;
  border-radius: 7.5px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.getCouponBox .getCoupon .couponArea ul li .coupon-main .coupon-info .info-area .btn-area span[data-v-390fd3b6] {
  font-size: 12px;
  color: #FF515A;
  letter-spacing: 0;
  text-align: center;
  font-weight: 400;
}
.getCouponBox .getCoupon .couponArea ul li .coupon-main .coupon-info .info-area .btn-area.over[data-v-390fd3b6] {
  background: #fcbec5;
  cursor: not-allowed;
}
.getCouponBox .getCoupon .couponArea ul li .coupon-main .coupon-info .name-area[data-v-390fd3b6] {
  font-size: 14px;
  text-align: left;
  font-weight: 400;
  margin-top: 3px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.getCouponBox .getCoupon .couponArea ul li .coupon-main .coupon-info .date-area[data-v-390fd3b6] {
  font-size: 12px;
  text-align: left;
  font-weight: 400;
  margin-top: 5px;
}
.getCouponBox .getCoupon .couponArea ul li .coupon-explain[data-v-390fd3b6] {
  font-size: 12px;
  background: #FFFFFF;
  border-radius: 0 0 8px 8px;
  position: relative;
}
.getCouponBox .getCoupon .couponArea ul li .coupon-explain .btn-coupon[data-v-390fd3b6] {
  width: 12px;
  height: 7px;
  position: absolute;
  top: 11px;
  right: 12px;
  display: none;
  background: url(../../staticpc/img/icon50_1.png);
  background-position: -4px -7px;
}
.getCouponBox .getCoupon .couponArea ul li .coupon-explain.coupon-explain-more[data-v-390fd3b6] {
  display: block;
  padding-left: 12px;
  padding-right: 40px;
  padding-top: 6px;
  padding-bottom: 6px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.getCouponBox .getCoupon .couponArea ul li .coupon-explain.coupon-explain-more .btn-coupon[data-v-390fd3b6] {
  display: block;
}
.getCouponBox .getCoupon .couponArea ul li .coupon-explain.coupon-explain-open[data-v-390fd3b6] {
  display: block;
  height: auto;
  min-height: 18px;
  white-space: normal;
}
.getCouponBox .getCoupon .couponArea ul li .coupon-explain.coupon-explain-open .btn-coupon[data-v-390fd3b6] {
  background-position: -4px -26px;
}
.getCouponBox .getCoupon[data-v-390fd3b6]::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.getCouponBox .getCoupon[data-v-390fd3b6]::-webkit-scrollbar-track {
  background: #fff;
  -webkit-border-radius: 6px;
}
.getCouponBox .getCoupon[data-v-390fd3b6]::-webkit-scrollbar-thumb {
  background-color: #cccccc;
  -webkit-border-radius: 6px;
}
.getCouponBox .el-dialog__body {
  padding: 0 20px 30px 20px !important;
  color: #3A3A3A !important;
}
.getCouponBox .el-dialog__header {
  padding: 17px 20px 19px !important;
}