.allInvitaCodes-management{
  margin-bottom: 3.571429rem;
  min-height: 100vh;
  background-color: #f0eef1;
  .allInvitaCodes-title{
    font-size: 1.428571rem;
    padding: 2.357143rem 0 1rem 0;
    text-align: center;
    border-bottom: 1px solid #e5e5e5;
    background-color: #fff;
  }
  .weui-tab {
    .weui-navbar {
      padding: .607143rem 3.071429rem;
      // margin-top: 1.357143rem;
      box-sizing: border-box;
      background-color: #fff;
      border-bottom: 1px solid #e5e5e5;
      .weui-navbar__item {
        color: #FF8A62;
        border: 1px solid #FF8A62;
        border-radius: 1.071429rem 0 0 1.071429rem;
        &:nth-child(2){
          border-radius: 0;
          border-left: none;
          border-right: none;
        }
        &:nth-child(3){
          border-radius: 0 1.071429rem 1.071429rem 0;
        }
      }
      .weui-navbar__item.weui-bar__item--on {
        border-radius: 1.071429rem 0 0 1.071429rem;
        background-color: #FF8A62;
        color: #fff;
        &:nth-child(2){
          border-radius: 0;
          border-left: none;
          border-right: none;
        }
        &:nth-child(3) {
          border-radius: 0 1.071429rem 1.071429rem 0;
        }
      }
      .weui-navbar__item {
        padding: 8px 0;
      }
      &::after{
        border-bottom: none;
      }
    }

    .weui-navbar+.weui-tab__bd {
      padding-top: 0;
      .invitcode-content{
        .invitcode-ul{
          background-color: #fff;
          padding: 0 .928571rem;
          li{
            display: flex;
            justify-content: space-between;
            align-items: center;
            height: 5.571429rem;
            border-bottom: 1px solid #e5e5e5;
            padding: 0 1.571429rem 0 .142857rem;
            &:nth-last-child(1){
              border-bottom: none;
            }
            .item-left{
              .code{
                font-size: 1.071429rem;
                font-weight: 700;
                margin-bottom: .857143rem;
                i{
                  display: inline-block;
                  width: 1.071429rem;
                  height: 1.071429rem;
                  background: url('../images/invitationcode/copy.png') no-repeat;
                  background-size: 100% 100%;
                  margin-left: .714286rem;
                }
                span{
                  font-size: 1.142857rem;
                  color: #FF8A62;
                  padding-left: 1rem;
                  font-weight: 400;
                }
              }
              .time{
                font-size: .857143rem;
                color: #999999;
              }
            }
            .item-right{
              display: inline-block;
              width: 1.5rem;
              height: 1.5rem;
              background: url('../images/invitationcode/delete.png') no-repeat;
              background-size: 100% 100%;
            }
          }
        }
        .invitcode-export{
          height: 3.571429rem;
          line-height: 3.571429rem;
          text-align: center;
          color: #FF8A62;
          font-size: 1.142857rem;
          border-top: 1px solid #e5e5e5;
          background-color: #fff;
        }
        .invitcode-bottom{
          display: flex;
          justify-content: center;
          margin-top: 2.214286rem;
          margin-bottom: 2.214286rem;
          align-items: center;
          .proe,
          .next{
            border: 1px solid #FF8A62;
            border-radius: 1.285714rem;
            color: #FF8A62;
            line-height: 2.5rem;
            text-align: center;
            width: 6.642857rem;
            background-color: #f0eef1;
            font-size: 1.142857rem;
          }
          .pagesize{
            font-size: 1.142857rem;
            margin: 0 2.714286rem;
          }
        }
      }
    }
  }
}