/* pages/my/invitationList/invitationList.wxss */

.banner_tab {
  height: 86rpx;
  width: 100%;
  overflow: hidden;
  line-height: 80rpx;
  display: flex;
  font-size: 34rpx;
  color: #222;
  padding: 0 26rpx;
  box-sizing: border-box;
  position: fixed;
  top: 0;
  z-index: 10;
}

.coupons {
  font-weight: bold;
  margin: 0 auto;
}

.rankr_box {
  height: 350rpx;
  background-color: #ffe262;
}

.rank_item {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  position: relative;
  bottom: -90rpx;
  
}

.second, .first, .third {
  width: 100px;
  height: 327rpx;
  background-color: #fff;
  box-shadow:5px 3px 15px rgba(0,0,0,0.05);
}

.first {
  height: 367rpx;
  border-radius: 16rpx 16rpx 0 0;
}

.second {
  border-radius: 16rpx 0 0 16rpx;
}

.third {
  border-radius: 0 16rpx 16rpx 0;
}

.first, .second, .third {
  font-size: 30rpx;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  position: relative;
}

.head_portrait {
  width: 100rpx;
  height: 100rpx;
}

.first .head_portrait {
  width: 130rpx;
  height: 130rpx;
}

.head_portrait image {
  width: 100%;
}

.time {
  font-size: 34rpx;
  font-weight: bold;
  color: #222;
}

.invite_friends {
  font-size: 24rpx;
  color: #888;
}

.second .icon-huangguan, .icon-two-off {
  color: #ffc107;
}

.second .name {
  color: #ffc107;
  font-size: 28rpx;
  font-weight: bold;
}

.second .icon-huangguan {
  position: absolute;
}

.second .icon-two-off {
  position: absolute;
  top: 119rpx;
  left: 120rpx;
}

.first .icon-huangguan, .icon-one-off {
  color: #ff6164;
}

.first .name {
  color: #ff6164;
  font-size: 28rpx;
  font-weight: bold;
}

.first .icon-huangguan {
  position: absolute;
}

.first .icon-one-off {
  position: absolute;
  top: 150rpx;
  left: 120rpx;
}

.third .icon-huangguan, .icon-3 {
  color: #339cfe;
}

.third .name {
  color: #339cfe;
  font-size: 28rpx;
  font-weight: bold;
}

.third .icon-huangguan {
  position: absolute;
}

.third .icon-3 {
  position: absolute;
  top: 120rpx;
  left: 120rpx;
}

.content_item{
  padding: 0 25rpx;
}
.item_list{
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1rpx solid #EDEDED;
  padding: 30rpx 0;
}
.content_item{
  margin-top: 130rpx;
}
.list_left{
  display: flex;
  align-items: center;
}
.list_right{
 display: flex;
 align-items: center;
 flex-direction: column;
 justify-content: center;
}
.noun{
  font-size: 28rpx;
  color: #888;
}
.head_portrait{
  height: 90rpx;
  width: 90rpx;
  margin-left: 31rpx;
}
.head_portrait image{
  height:100%;
  width: 100%;
}
.net_name{
  font-size: 28rpx;
  color: #222;
  margin-left: 13rpx;
}