/* subPackage/page/pages/myInvite/myInvite.wxss */
@import './../../../../base/base.wxss';

.release-num {
  height: 120rpx;
  background: linear-gradient(to right, rgba(192,154,116,0.2) 69%,rgba(207,179,150,0.1) 100%);
  align-items: center;
}
/* .num-invite {
  border-right: 1rpx solid #C09A74 ;
} */
.extension-line{
  width: 3rpx;
  height: 50rpx;
  background-color:  rgba(192, 154, 116, 0.2);
}
.num-invite, .num-invite-yesterday {
  text-align: center;
  margin: 25rpx 0 30rpx 0 ;
}
.share-number{
  color: #333333;
  font-size: 42rpx;
}
.share-title{
  font-size: 18rpx;
  color: #666666;
}
.invite-banner{
  padding: 0 20rpx;
  margin-top: 20rpx;
}
.invite-banner image{
  width: 712rpx;
  border-radius: 17rpx;
  /* background-color: rgba(216, 216, 216, 1); */
  box-shadow: 0px 0px 10rpx 0px rgba(0, 0, 0, 0.1);
}
.order-benefit-wrap{
  margin-top: 8rpx;
  padding: 0 20rpx;
}
.order-benefit-list{
  border-radius: 10rpx;
  background-color: rgba(255, 255, 255, 1);
  box-shadow: 0px 0px 10rpx 0px rgba(0, 0, 0, 0.1);
  padding: 34rpx 20rpx;
  margin-top: 20rpx;
}
.top-info{
  padding: 0 0 0 31rpx;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.order-num{
  color: #333333;
}
.order-date{
  color: #aaaaaa;
  font-size: 20rpx;
  margin-top: 5rpx;
}
.benefit-tips{
  width: 750rpx;
  height: 53rpx;
  background-color: rgba(0, 0, 0, 0.25);
  position: fixed;
  bottom: 0;
  line-height: 53rpx;
  color: #ffffff;
  font-size: 20rpx;
  text-align: center;
}
.invite-avatar{
  width: 68rpx;
  height: 68rpx;
  background-color: rgba(216, 216, 216, 1);
  border: 1px solid rgba(151, 151, 151, 1);
  border-radius: 50%;
  vertical-align: middle;
}
.invite-phone{
  vertical-align: middle;
  margin-left: 32rpx;
  width: 429rpx;
}
.look-benefit{
  width: 107rpx;

}
.look-benefit button{
  height: 35rpx;
  border-radius: 17rpx;
  line-height: 35rpx;
  font-size: 18rpx;
}
.empty{
  color: #808080;
  text-align: center;
  width: 100%;
  margin-top: 200rpx;
}