.viewgroup-management {
  height: 100vh;
  background-color: #f0eef1;
  margin-bottom: 3.571429rem;

  .viewgroup-title {
    font-size: 20px;
    padding: 2.357143rem 0 1rem 0;
    text-align: center;
    border-bottom: 1px solid #E5E5E5;
    background-color: #fff;
  }

  .viewgroup-content {
    background-color: #fff;

    .viewgroup-ui {
      padding: 0 .928571rem;

      li {
        .show-box {
          height: 3.928571rem;
          display: flex;
          justify-content: space-between;
          align-items: center;
          border-bottom: 1px solid #E5E5E5;
          padding: 0 1.571429rem 0 .214286rem;
        }
        .hide-box{
          line-height: 3.571429rem;
          text-align: center;
          color: #FF8A62;
          font-size: 1.142857rem;
          display: none;
          border-bottom: 1px solid #f0eef1;
        }

        .item-left {
          font-size: 1.142857rem;
          color: #333333;
          font-weight: 700;

          i {
            display: inline-block;
            width: 1.071429rem;
            height: 1.071429rem;
            background: url('../images/playermanagement/edit.png') no-repeat;
            background-size: 100% 100%;
            margin-left: .785714rem;
            vertical-align: bottom;
          }
        }

        .item-right {
          display: inline-block;
          width: 1.5rem;
          height: 1.5rem;
          background: url('../images/playermanagement/delete.png') no-repeat;
          background-size: 100% 100%;
        }

        &:nth-last-child(1) {
          border: none;
        }
      }
    }
  }

  .btn-addgroup {
    height: 3.571429rem;
    line-height: 3.571429rem;
    text-align: center;
    color: #FF8A62;
    border-bottom: 1px solid #E5E5E5;
    border-top: 1px solid #E5E5E5;
    background-color: #fff;
  }
}