page{background-color: #F8F5F5}
.data_body{
  padding: 0 30rpx;
  width: 100%;
  height: 100VH;
  padding-top: 130rpx;
}
.data_body .item{
  display: flex;
  padding: 24rpx;
  align-items: center;
  background:rgba(255,255,255,1);
  border-radius:20rpx;
  margin-bottom: 30rpx;
}
.data_body .item .left{
  width: 146rpx;
  height: 143rpx;
  margin-right: 31rpx;
}
.data_body .item .right{
  flex: 1;
  line-height: 1rem;
}
.data_body .item .right .tit{
  font-size: 28rpx;
  color: #000;
  padding-right: 10rpx;
}
.data_body .item .right .tag{
  font-size: 24rpx;
  padding: 5rpx 11rpx;
  background:rgba(97,220,212,.5);
  border-radius: 0 0 4rpx 4rpx;
  color: #1D9890;
}
.data_body .item .right .tag.tag1{
  background:rgba(31,193,62,.5);
  color: #378F47;
}
.data_body .item .right .tag.tag2{
  background:rgba(97,220,212,.5);
  color: #1D9890;
}
.data_body .item .right .tag.tag3{
  background:rgba(233,235,51,.5);
  color: #B8A313;
}
.data_body .item .right .tag.tag4{
  background:rgba(255,150,0,.5);
  color: #BA6E01;
}
.data_body .item.guoqi .right .tag{
  background:rgba(212,212,212,.5) !important;
  color: #8F8F8F !important;
}
.data_body .item .right .shiyong{
  font-size: 22rpx;
  color: white;
  padding: 11rpx 25rpx;
  background:linear-gradient(133deg,rgba(38,198,165,1),rgba(97,220,212,1));
  border-radius:12rpx;
}
.data_body .item.guoqi .right .shiyong{
  background:linear-gradient(133deg,rgb(160, 160, 160),rgb(230, 230, 230)) !important;
}
.data_body .item .right .shiyong.shiyong1{
  background:linear-gradient(133deg,rgba(31,193,62,1),rgba(90,225,154,1));
}
.data_body .item .right .shiyong.shiyong2{
  background:linear-gradient(133deg,rgba(38,198,165,1),rgba(97,220,212,1));
}
.data_body .item .right .shiyong.shiyong3{
  background:linear-gradient(133deg,rgba(235,211,51,1),rgba(235,243,140,1));
}
.data_body .item .right .shiyong.shiyong4{
  background:linear-gradient(133deg,rgba(255,150,0,1),rgba(255,198,0,1));
}
.data_body .item .right .line{
  font-size: 22rpx;
  color: #666;
}
.data_body .item .right .time{
  font-size: 22rpx;
  color: #C2C2C2;
  padding-right: 80rpx;
}
.last_row{
  display: flex;
  align-items: flex-end;
}
.top-nav{
  position: fixed;
  z-index: 10;
  top: 0repx;
  left: 0rpx;
  width: 100%;
  padding: 27rpx  0 10rpx 54rpx;
  font-size: 28rpx;
  color: #000000;
  box-shadow:0px 2px 18px 0px rgba(177,177,177,1);
  background-color: white;
}
.left-btn{
  position: absolute;
  padding-right: 10rpx;
  border-right: 1px solid #CFCFCF;
  display: flex;
  align-items: center;
  width: 140rpx;
}
.bottom-nav{
  display: flex;
  padding-left: 34rpx;
}
.bottom-nav>view{
  margin-right: 43rpx;
  padding-bottom: 15rpx;
  border-bottom: 4rpx solid transparent;
}
.bottom-nav>view.active{
  color: #EE4454;
  border-bottom: 4rpx solid #EE4454;
}
.left-btn image{
  width: 13rpx;
}
.left-btn text{
  padding-right: 20rpx;
}
.tab-box{
  display: flex;
  flex-wrap:wrap;
  position: relative;
  left: -18rpx;
  padding: 25rpx 0;
}
.tab-box text{
  width: 142rpx;
  height: 60rpx;
  color: #000000;
  background:#EEEEEE;
  line-height: 60rpx;
  text-align: center;
  font-size: 28rpx;
  display: inline-block;
  border-radius: 10rpx;
  margin: 10rpx 0 20rpx 38rpx;
}
.tab-box text.active{
  color: #EE4454;
  background:rgba(238,68,84,.2);
}
.tab-box text.tag0,.tab-box text.tag4{
  margin-left: 0;
}
.body_footer{
  display: flex;
  justify-content: center;
  align-items: center;
  height: 30px;
  font-size: 12px;
  color: #666666;
  background-color:#F5F5F5;
}
.coupom_type{
  text-align: center;
  color: white
}
.coupom_type .price{
  margin: 15rpx 0 0 0;
  font-size: 20rpx;
}
.coupom_type .price text{
  font-size: 48rpx;
}
.coupom_type .text{
  font-size: 24rpx;
}
button{
  padding: 0;
  font-size: 22rpx;
  border: none;
  background-color: transparent;
}
button::after{
  border: none
}
button:active{
  background-color: transparent;
}