@-webkit-keyframes line-spin-fade-loader-data-v-50231f30 {
50% {
        opacity: 0.3;
}
100% {
        opacity: 1;
}
}
@keyframes line-spin-fade-loader-data-v-50231f30 {
50% {
        opacity: 0.3;
}
100% {
        opacity: 1;
}
}
.line-spin-fade-loader-outter[data-v-50231f30]{
    background: rgba(0,0,0,0.2);
    width: 50px;
    height: 50px;
    position: absolute;
    left:50%;
    top:50%;
    border-radius: 5px;
    -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
}
.line-spin-fade-loader[data-v-50231f30] {
    position: absolute;
    height: 60px;
    width: 60px;
    left: 50%;
    top: 50%;
    margin-left: -15px;
    margin-top: -15px;
    -ms-transform-origin: 0 0;
        transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    -ms-transform: scale(0.5);
        transform: scale(0.5);
    -webkit-transform: scale(0.5);
}
.line-spin-fade-loader > div[data-v-50231f30]:nth-child(1) {
    top: 40px;
    left: 25px;
    -webkit-animation: line-spin-fade-loader-data-v-50231f30 1.2s 0.12s infinite ease-in-out;
    animation: line-spin-fade-loader-data-v-50231f30 1.2s 0.12s infinite ease-in-out;
}
.line-spin-fade-loader > div[data-v-50231f30]:nth-child(2) {
    top: 33.63636px;
    left: 38.63636px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-animation: line-spin-fade-loader-data-v-50231f30 1.2s 0.24s infinite ease-in-out;
    animation: line-spin-fade-loader-data-v-50231f30 1.2s 0.24s infinite ease-in-out;
}
.line-spin-fade-loader > div[data-v-50231f30]:nth-child(3) {
    top: 20px;
    left: 45px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-animation: line-spin-fade-loader-data-v-50231f30 1.2s 0.36s infinite ease-in-out;
    animation: line-spin-fade-loader-data-v-50231f30 1.2s 0.36s infinite ease-in-out;
}
.line-spin-fade-loader > div[data-v-50231f30]:nth-child(4) {
    top:  6.36364px;
    left: 38.63636px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-animation: line-spin-fade-loader-data-v-50231f30 1.2s 0.48s infinite ease-in-out;
    animation: line-spin-fade-loader-data-v-50231f30 1.2s 0.48s infinite ease-in-out;
}
.line-spin-fade-loader > div[data-v-50231f30]:nth-child(5) {
    top: 0px;
    left: 25px;
    -webkit-animation: line-spin-fade-loader-data-v-50231f30 1.2s 0.6s infinite ease-in-out;
    animation: line-spin-fade-loader-data-v-50231f30 1.2s 0.6s infinite ease-in-out;
}
.line-spin-fade-loader > div[data-v-50231f30]:nth-child(6) {
    top: 6.36364px;
    left: 11.36364px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-animation: line-spin-fade-loader-data-v-50231f30 1.2s 0.72s infinite ease-in-out;
    animation: line-spin-fade-loader-data-v-50231f30 1.2s 0.72s infinite ease-in-out;
}
.line-spin-fade-loader > div[data-v-50231f30]:nth-child(7) {
    top: 20px;
    left: 5px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-animation: line-spin-fade-loader-data-v-50231f30 1.2s 0.84s infinite ease-in-out;
    animation: line-spin-fade-loader-data-v-50231f30 1.2s 0.84s infinite ease-in-out;
}
.line-spin-fade-loader > div[data-v-50231f30]:nth-child(8) {
    top: 33.63636px;
    left: 11.36364px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-animation: line-spin-fade-loader-data-v-50231f30 1.2s 0.96s infinite ease-in-out;
    animation: line-spin-fade-loader-data-v-50231f30 1.2s 0.96s infinite ease-in-out;
}
.line-spin-fade-loader > div[data-v-50231f30] {
    background-color: #fff;
    width: 4px;
    height: 35px;
    border-radius: 2px;
    margin: 2px;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    position: absolute;
    width: 5px;
    height: 15px;
}
.loading-card[data-v-50231f30]{
    left:50%;
    top:50%;
    -webkit-transform: translate(-50%,-50%);
    position: fixed;
}


.scroll-loadmore[data-v-bb9c7ed2] {
  position: relative;
  height: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.scroll-loadmore .inner[data-v-bb9c7ed2] {
  width: 100%;
  margin-top: 0.1rem;
  transition-duration: 300ms;
}
.scroll-loadmore .load-more[data-v-bb9c7ed2] {
  height: 0.2rem;
  font-size: 0.24rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}


html {
  height: 100%;
}
body {
  font-family: PingFangSC-Regular;
  padding: 0;
  margin: 0;
  -ms-user-select: none;
      user-select: none;
  -webkit-user-select: none;
  background: rgba(242, 241, 240, 0.5);
  height: 100%;
}
.load-more {
  font-family: PingFangSC-Regular;
  height: 0.2rem;
  font-size: 0.24rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  padding: 0.3rem 0 2.5rem 0;
  color: #666;
}
.gift-toast-inner {
  opacity: 0.95 !important;
  background: #575859;
  border-radius: 0.24rem;
  font-family: PingFangSC-Regular;
  font-size: 0.28rem;
  color: #FFFFFF;
  min-height: 0.8rem;
}
.gift-toast-container.toasted-container.top-center {
  top: 40%;
}


@-webkit-keyframes slideDown-data-v-f19bd73e {
0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
}
30% {
    -webkit-transform: translateY(28%);
            transform: translateY(28%);
}
60% {
    -webkit-transform: translateY(4%);
            transform: translateY(4%);
}
95% {
    -webkit-transform: translateY(2%);
            transform: translateY(2%);
}
100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
}
}
@keyframes slideDown-data-v-f19bd73e {
0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
}
30% {
    -webkit-transform: translateY(28%);
            transform: translateY(28%);
}
60% {
    -webkit-transform: translateY(4%);
            transform: translateY(4%);
}
95% {
    -webkit-transform: translateY(2%);
            transform: translateY(2%);
}
100% {
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
}
}
.no-padding[data-v-f19bd73e] {
  padding: 0;
}
.no-data[data-v-f19bd73e] {
  background: #fff;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
}
.no-data .none-img[data-v-f19bd73e] {
  background: url("https://p0.meituan.net/travelcube/05f7436dd21dc09260fa902a0e97cdfd54034.png") no-repeat 0;
  background-size: 100%;
  width: 3.5rem;
  height: 2.66rem;
  margin: 0 auto;
}
.no-data .none-text[data-v-f19bd73e] {
  text-align: center;
  width: 100%;
  font-size: 0.28rem;
  color: #666666;
}
.no-data .none-record[data-v-f19bd73e] {
  font-size: 0.28rem;
  color: #666;
  margin-top: 0.1rem;
  text-align: center;
  width: 100%;
}
.no-data .none-record .arrow[data-v-f19bd73e] {
  display: inline-block;
  float: none !important;
  top: 0 !important;
  left: 0 !important;
}
.white-bg[data-v-f19bd73e] {
  background: #fff;
}
.arrow[data-v-f19bd73e] {
  background: url("https://p0.meituan.net/travelcube/bc600637a5e13457741f6dc70b1be196266.png") no-repeat 0;
  background-size: 100%;
  width: 0.1rem;
  height: 0.17rem;
  float: right;
  position: relative;
  top: 0.1rem;
  margin-left: 0.09rem;
}
.record[data-v-f19bd73e] {
  text-align: right;
  padding-right: 0.33rem;
  color: #666460;
  font-size: 0.28rem;
  padding-top: 0.2rem;
  padding-bottom: 0.33rem;
}
.giving[data-v-f19bd73e] {
  font-family: PingFangSC-Regular;
  background: rgba(242, 241, 240, 0.5);
  font-size: 0.28rem;
  text-align: center;
  height: 100%;
}
.giving .title[data-v-f19bd73e] {
  font-family: PingFangSC-Regular;
  font-size: 0.4rem;
  color: #F7E3D0;
  text-align: center;
  margin-bottom: 0.68rem;
}
.giving .coupon-list[data-v-f19bd73e] {
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
  margin: 0;
  padding: 0rem 0.16rem 0rem 0.64rem;
}
.giving .coupon-list li[data-v-f19bd73e]:first-child {
  margin-top: 0;
}
.giving .coupon-list li[data-v-f19bd73e] {
  position: relative;
  list-style: none;
  display: -ms-flexbox;
  display: flex;
  padding: 0rem 0.48rem 0 0.48rem;
  font-size: 0.22rem;
  -ms-flex-direction: column;
      flex-direction: column;
}
.giving .coupon-list li.multi[data-v-f19bd73e] {
  background: url("//p0.meituan.net/travelcube/4889f812db9556cc46617b15cb9ea4af7430.png") no-repeat 0;
  background-size: 100% 100%;
  color: #666460;
  text-align: left;
  background-position: 0rem -0.03rem;
  height: 2.1rem;
  transition: height 0.2s;
}
.giving .coupon-list li.single[data-v-f19bd73e] {
  background: url("//p1.meituan.net/travelcube/e193e16a8b5d69a72c8cd0db4e9641436428.png") no-repeat 0;
  background-size: 100% 90%;
  /* box-shadow: 0 8px 16px 0 rgba(51, 49, 45, 0.06); */
  height: 2.1rem;
  transition: height 0.2s;
  background-position: 0rem -0.04rem;
}
.giving .coupon-list li.slide[data-v-f19bd73e] {
  height: 3.2rem;
}
.giving .coupon-list li .uncheck[data-v-f19bd73e] {
  background: url("https://p0.meituan.net/travelcube/cee25a0abd4394c6da15a69342bdcbf91010.png") no-repeat 0;
  background-size: 100%;
  width: 0.36rem;
  height: 0.36rem;
  position: absolute;
  left: -0.4rem;
  padding-top: 1.4rem;
}
.giving .coupon-list li .checked[data-v-f19bd73e] {
  border: none;
  background: url("https://p1.meituan.net/travelcube/e5ac0ee7da1855894cbeafe494c2cff7930.png") no-repeat 0;
  background-size: 100%;
  padding-top: 2.07rem !important;
}
.giving .coupon-list li .coupon-info[data-v-f19bd73e] {
  color: #666460;
  text-align: left;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  /* background-position: -0.06rem -0.03rem; */
  height: 1.65rem;
}
.giving .coupon-list li .count-text[data-v-f19bd73e] {
  font-size: 0.28rem;
  line-height: 0.25rem;
  padding-top: 0.29rem;
  opacity: 0;
  transition: opacity 0.5s;
}
.giving .coupon-list li .count-wrap[data-v-f19bd73e] {
  border-top: 0.02rem dashed #F0F0F0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  height: 0rem;
  color: #333333;
  position: relative;
  -webkit-animation-name: slideDown-data-v-f19bd73e;
          animation-name: slideDown-data-v-f19bd73e;
}
.giving .coupon-list li .count-wrap.slide[data-v-f19bd73e] {
  height: 0.6rem;
}
.giving .coupon-list li .count-wrap .slide-text[data-v-f19bd73e] {
  opacity: 1;
}
.giving .coupon-list li .count-wrap .count-block[data-v-f19bd73e] {
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  right: 0;
}
.giving .coupon-list li .count-wrap .count-panel[data-v-f19bd73e] {
  width: 1.34rem;
  display: -ms-flexbox;
  display: flex;
  height: 0.4rem;
}
.giving .coupon-list li .count-wrap .count-button[data-v-f19bd73e] {
  padding: 0.4rem 0 0.09rem 0;
  width: 0.4rem;
  height: 0.4rem;
}
.giving .coupon-list li .count-wrap .count-button.count-button-plus-disabled[data-v-f19bd73e] {
  background: url("https://p0.meituan.net/travelcube/66e3224c0d67170aaae7c7ec2ed5b03b1176.png") no-repeat 0 !important;
  background-size: 100% !important;
}
.giving .coupon-list li .count-wrap .count-button.count-button-minus-disabled[data-v-f19bd73e] {
  background: url("https://p0.meituan.net/travelcube/eba55f4d1bb31101e9ed6afed2f45ec51059.png") no-repeat 0 !important;
  background-size: 100% !important;
}
.giving .coupon-list li .count-wrap .count-button.plus[data-v-f19bd73e] {
  background: url("https://p1.meituan.net/travelcube/3f5b26f58e942daff83e498a83eb80de1175.png") no-repeat 0;
  background-size: 100%;
}
.giving .coupon-list li .count-wrap .count-button.minus[data-v-f19bd73e] {
  background: url("https://p1.meituan.net/travelcube/4802f601ce30fcd078a48bafa39d12e21065.png") no-repeat 0;
  background-size: 100%;
}
.giving .coupon-list li .count-wrap .count-num[data-v-f19bd73e] {
  font-size: 0.28rem;
  margin: 0.25rem 0.2rem 0 0.2rem;
}
.giving .coupon-list li .available-num[data-v-f19bd73e] {
  line-height: 0.36rem;
  position: absolute;
  top: 0rem;
  left: 0.16rem;
  width: 1.16rem;
  height: 0.36rem;
  border-radius: 0.1rem 0rem 0.1rem 0;
  background: #FF5A5A;
  font-size: 0.2rem;
  color: #fff;
  text-align: center;
  z-index: 2;
  font-style: normal;
}
.giving .coupon-list li .c-img[data-v-f19bd73e] {
  min-width: 1.16rem;
  max-width: 1.16rem;
  height: 1.16rem;
  margin-right: 0.16rem;
  border-radius: 0.12rem;
  position: relative;
  top: 0.2rem;
  border: 1px solid #F2F1F0;
  -webkit-font-smoothing: antialiased;
}
.giving .coupon-list li .c-tag[data-v-f19bd73e] {
  display: inline-block;
  border: 1px solid rgba(227, 226, 225, 0.5);
  border-radius: 0.05rem;
  padding: 0 0.08rem;
  color: #666460;
  margin-bottom: 0.08rem;
  -webkit-font-smoothing: antialiased;
}
.giving .coupon-list li .c-time[data-v-f19bd73e] {
  margin-top: 0.01rem;
}
.giving .coupon-list li .coupon-content[data-v-f19bd73e] {
  display: -ms-flexbox;
  display: flex;
  text-align: left;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 100%;
  padding: 0.22rem 0;
}
.giving .coupon-list li .coupon-content .content-block[data-v-f19bd73e] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  text-align: left;
}
.giving .coupon-list li .coupon-content .content-block .limit[data-v-f19bd73e] {
  font-weight: normal;
  position: absolute;
  top: 1.14rem;
  font-size: 0.22rem;
  color: #656565;
  right: 0.48rem;
}
.giving .coupon-list li .coupon-content .content-right[data-v-f19bd73e] {
  -ms-flex-direction: row;
      flex-direction: row;
}
.giving .coupon-list li .coupon-content .content-right.discount[data-v-f19bd73e] {
  position: absolute;
  right: 0.45rem;
  top: 0.47rem;
}
.giving .coupon-list li .coupon-content .sign[data-v-f19bd73e] {
  position: relative;
  top: 0.35rem;
  right: 0.1rem;
  line-height: 100%;
  font-style: normal;
  font-size: 0.3rem;
}
.giving .coupon-list li .coupon-content .c-name-line[data-v-f19bd73e] {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0.1rem;
  min-height: 0.28rem;
  padding-top: 0.08rem;
}
.giving .coupon-list li .coupon-content .coupon-type[data-v-f19bd73e] {
  display: -ms-flexbox;
  display: flex;
  border: 1px solid rgba(251, 78, 68, 0.5);
  border-radius: 0.04rem;
  padding: 0.02rem 0.08rem;
  color: #FB4E44;
  font-size: 0.22rem;
  height: 0.24rem;
  line-height: 0.24rem;
  position: relative;
  top: -0.02rem;
  min-width: -webkit-fit-content;
  min-width: fit-content;
  -webkit-font-smoothing: antialiased;
}
.giving .coupon-list li .coupon-content .name-ellipsis[data-v-f19bd73e] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 2.25rem !important;
}
.giving .coupon-list li .coupon-content .c-name[data-v-f19bd73e] {
  display: inline;
  font-family: PingFangSC-Medium;
  font-size: 0.28rem;
  color: #33312D;
  height: 0.32rem;
  line-height: 0.32rem;
  width: -webkit-fit-content;
  width: fit-content;
  max-width: 2rem;
  padding-bottom: 0.18rem;
  text-align: left;
  margin-right: 0.1rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.giving .coupon-list li .coupon-content .c-type[data-v-f19bd73e] {
  margin-bottom: 0.18rem;
  font-size: 0.22rem;
  color: #666460;
}
.giving .coupon-list li .coupon-content .c-type .poi-name[data-v-f19bd73e] {
  max-width: 2.7rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
  margin-right: 0.1rem;
  display: inline-block;
  width: 2.7rem;
  position: relative;
  top: 0.05rem;
  margin-bottom: 0.05rem;
}
.giving .coupon-list li .coupon-content .poi-wrap[data-v-f19bd73e] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row;
      flex-flow: row;
}
.giving .coupon-list li .coupon-content .icon-house[data-v-f19bd73e] {
  background: url("https://p1.meituan.net/travelcube/11e2338483f40e89bbca4752402ddf748507.png") no-repeat 0;
  background-size: 100%;
  width: 0.24rem;
  height: 0.25rem;
  display: inline-block;
  position: relative;
  top: 0.06rem;
  margin-right: 0.04rem;
}
.giving .coupon-list li .red[data-v-f19bd73e] {
  color: #FF6363;
  font-weight: bold;
}
.giving .coupon-list li .big-font[data-v-f19bd73e] {
  font-size: 0.48rem;
}
.giving .coupon-list li .huge-font[data-v-f19bd73e] {
  font-size: 0.64rem;
}
.giving .bottom[data-v-f19bd73e] {
  z-index: 3;
  position: fixed;
  bottom: 0rem;
  margin: 0 auto;
  width: 100%;
  right: 0;
}
.giving .bottom .hint[data-v-f19bd73e] {
  background: #FFF6E6;
  width: 6.9rem;
  height: 1rem;
  font-size: 0.24rem;
  color: #666460;
  position: relative;
  bottom: -0.6rem;
  margin: 0 auto;
  z-index: 3;
  padding-top: 0.2rem;
}
.giving .bottom .button[data-v-f19bd73e] {
  background: url("https://p1.meituan.net/travelcube/11e2338483f40e89bbca4752402ddf748507.png") no-repeat 0;
  background-size: 104%;
  height: 1.32rem;
  font-family: PingFangSC-Regular;
  font-size: 0.36rem;
  color: #333;
  line-height: 1.32rem;
  margin: 0 auto;
  z-index: 3;
  position: relative;
  width: 7rem;
  background-position: -0.15rem 0.1rem;
}
.giving .bottom .button.disable-button[data-v-f19bd73e] {
  box-shadow: none;
  background: url("https://p1.meituan.net/travelcube/e7b9469aebe86801690793e03a0674f58479.png") no-repeat 0;
  background-size: 104%;
  color: #fff;
  border: none;
  width: 7rem;
  background-position: -0.15rem 0.1rem;
  border-radius: unset;
  z-index: 9;
  height: 1.32rem;
  line-height: 1.32rem;
}


/*# sourceMappingURL=https://msstest.sankuai.com/v1/mss_c50f95e950c74fa2aeaa9d9bff3475ac/nine-namespace/waimai-mfe-business-marketing-sourcemap/production/sourcemap/css/bmarketing/merchantcoupon/givingcoupon.988f60fee708781838c6.css.map*/