/* 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;
  background: #ffe363;
  /* position: fixed;
  top: 0; */
  /* z-index: 10; */
}

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

.rankr_box {
  height: 350rpx;
  margin-top:-86rpx;
  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;
  border-radius: 50%;
  /* overflow: hidden; */
  position: relative
}
.icon_paiming,.icon_paimings{
        position: absolute;
        right: -3rpx;
        bottom:-3rpx;
        width: 34rpx;
        height: 34rpx;
        background: #fff;
        border-radius: 50%;
        /* overflow: hidden; */
        z-index: 999;
        text-align: center;
        line-height: 34rpx
}
.icon_paimings{
        position: absolute;
        right: 1rpx;
        bottom:0rpx;
}
.first .head_portrait {
  width: 130rpx;
  height: 130rpx;
  border-radius: 50%;
  /* overflow: hidden */
}

.head_portrait image {
  width: 100%;
  height: 100%;
  border-radius: 50%
}

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

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

.second .icon-huangguan, .icon-two-off {
  color: #ffc107;
  font-size: 28rpx;
  line-height: 34rpx
}

.second .name {
        width: 100%;
        text-align: center;
  color: #ffc107;
  font-size: 28rpx;
  font-weight: bold;
}

.second .icon-huangguan {
  position: absolute;
}
.icon-huangguan1{
        position: absolute;
        left: -12rpx;
        top: -12rpx;
}
.icon-huangguan2{
        position: absolute;
        top: -11rpx;
        top: -11rpx
}
.first .icon-huangguan, .icon-one-off {
  color: #ff6164;
 font-size: 28rpx;
 line-height: 34rpx
}

.first .name {
         width: 100%;
        text-align: center;
  color: #ff6164;
  font-size: 28rpx;
  font-weight: bold;
}

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


.third .icon-huangguan, .icon-3 {
  color: #339cfe;
  font-size: 28rpx;
  line-height: 34rpx
}

.third .name {
         width: 100%;
        text-align: center;
  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;
  border-radius: 50%;
  /* overflow: hidden */
}
.net_name{
  font-size: 28rpx;
  color: #222;
  margin-left: 13rpx;
}