.wrap{
  background-color: #F7F7F7;
  height: 100vh;
  box-sizing: border-box;
  font-size: 0;
}
/* =================头部导航区域-开始==================== */
.nav {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2;
  width: 100%;
  background-color: #25AB52;
}
.nav .nav-info{
  display: flex;
  align-items: center;
  box-sizing: border-box;
}
.nav .nav-back{
  width: 18rpx;
  height: 34rpx;
  background:url(https://cdn.haowuji123.com/statics/drifd-coupon-icon_back.png);
  background-size: 100% 100%;
}
.nav .nav-title{
  flex: 1;
  text-align: center;
  font-size: 36rpx;
  font-weight: bold;
  color: #FFFFFF;
  margin: 0 22rpx 0 60rpx;
}
/* =================头部导航区域-结束==================== */

.body{}

.banner{
  width: 100%;
}
.tabs{
  position: sticky;
  top: 0;
  margin-top: -2rpx;
  background: #31CA65;
  width: 100%;
  height: 88rpx;
  display: flex;
  align-items: center;
  white-space: nowrap;
  z-index: 100;
}
.tabs .item{
  width: 172rpx;
  height: 100%;
  text-align: center;
  display: inline-flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
.tabs .item .txt{
  padding-top: 21rpx;
  font-weight: 400;
  color: #7EF5B3;
  font-size: 28rpx;
}
.tabs .item .txt.selected{
  font-weight: bold;
  color: #FFFFFF;
}
.tabs .item .line{
  width: 66rpx;
  height: 4rpx;
  background: #ffffff;
}

.coupon-list{
  padding: 30rpx 20rpx;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  position: relative;
}
.footer-tip-wrap {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 34rpx;
  margin-bottom: 20rpx;
}
.footer-hr {
  width: 120rpx;
  height: 2rpx;
  background: #E5E5E5;
}
.footer-tip {
  height: 100%;
  line-height: inherit;
  margin: 0 20rpx;
  font-size: 24rpx;
  color: #9C9C9C;
}
.footer-main {
  position: fixed;
  left: 0rpx;
  bottom: 0rpx;
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: 124rpx;
  background: #FFFFFF;
  box-shadow: 0rpx 4rpx 8rpx 0rpx rgba(0,0,0,0.5);  
}
.footer-main button {
  line-height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background-color: #fff;
}
.footer-main button::after {
  border: none;
}
.footer-vertical-line {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%);
  transform: translateY(-50%);
  width: 2rpx;
  height: 36rpx;
  background: #D8D8D8;
}
.footer-item {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 374rpx;
  height: 124rpx;
}

.footer-coupon-icon {
  width: 44rpx;
  height: 44rpx;
  margin-right: 4rpx;
}
.footer-coupon-title {
  height: 42rpx;
  font-size: 30rpx;
  color: #393939;
}

/* 遮罩 */
.mask-wrap {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 99999999999999999999;
  background-color: rgba(0,0,0,0.8);
  display: flex;
  justify-content: center;
  align-items: center;
}

.drifd-wrap {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  z-index: 31;
}
.drifd-coupon-bg-wrap {
  width: 670rpx;
}
.drifd-coupon-header {
  display: block;
  width: 100%;
  height: 272rpx;
}
.drifd-coupon-main {
  width: 100%;
  background-color: #65C770;
}
.coupon-wrap-zhanwei {
  width: 100%;
  height: 590rpx;
}
.drifd-coupon-tip-wrap {
  width: 100%;
  height: 112rpx;
  display: flex;
  justify-content: center;
  align-items: center;
}
.drifd-coupon-tip-icon {
  width: 34rpx;
  height: 34rpx;
  margin-right: 12rpx;
}
.drifd-coupon-tip {
  width: 240rpx;
  height: 24rpx;
  font-size: 24rpx;
  color: #FFFFFF;
  line-height: 24rpx;  
}
.drifd-close-btn {
  display: block;
  width: 92rpx;
  height: 92rpx;
  margin: 40rpx auto 0;
}
.drifd-coupon-wrap {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 610rpx;
  transform: scale(1);
  transition: all 1.5s ease-in-out;
  transform-origin: left bottom;
}
.drifd-coupon-item {
  display: flex;
  height: 174rpx;
  padding-left: 36rpx;
  background-image: url('https://cdn.haowuji123.com/statics/coupon_bg_whilt@2xx.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.drifd-coupon-left {
  width: 92rpx;
  height: 92rpx;
  margin-right: 24rpx;
  margin-top: 42rpx;
}
.drifd-coupon-right {
  flex: 1;
  padding-top: 50rpx;
}
.drifd-coupon-info-name {
  /* width: 276rpx; */
  height: 40rpx;
  line-height: 40rpx;
  margin-bottom: 10rpx;
  font-size: 32rpx;
  color: #000;
}
.drifd-coupon-info-desc {
  /* width: 328rpx; */
  height: 24rpx;
  line-height: 24rpx;
  font-size: 24rpx;
  color: #898989;
}

/* 页面数据获取失败-展示样式 */
.empty{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 144rpx 0;
}
.empty-txt{
  color: #b1b1b1;
  font-size: 24rpx;
}
.empty-btn{
  margin-top: 50rpx;
  color: #65C770;
  border: 2rpx solid #65C770;
  width: 160rpx;
  height: 46rpx;
  line-height: 46rpx;
  text-align: center;
  font-size: 26rpx;
  border-radius: 8rpx;
}
.half-adimg{
  width: 100vw;
  height: 100vh;
}