.player-management {
  margin-bottom: 3.571429rem;

  .player-title {
    font-size: 1.428571rem;
    color: #333333;
    padding: 2.357143rem 0 1.357143rem 0;
  }

  .weui-search-bar {
    padding: .357143rem 1.071429rem;
    background-color: #fff;

    .weui-search-bar__form {
      height: 2.642857rem;
      line-height: 2.142857rem;

      &::after {
        border: none;
        background: #f8f8f8 !important;
      }

      .weui-search-bar__label {
        border: none !important;
        background: #f8f8f8 !important;
        // border-radius: 1.428571rem !important;
      }

      .weui-search-bar__box .weui-search-bar__input {
        padding: .642857rem 0;
      }
    }
  }

  .player-content {
    margin-top: .714286rem;
    padding: 0 1.071429rem;
    background-color: #f0eef1;
    min-height: 73vh;
    padding-bottom: 3.571429rem;
    .player-ul {
      padding: 1px 0 .714286rem 0;

      li {
        background-color: #fff;
        margin-top: .714286rem;
        padding: 1.142857rem;
        border-radius: .714286rem;
        padding-bottom: 0;
        display: flex;
        align-items: center;

        .right {
          width: 100%;
        }

        .left {
          margin-right: .714286rem;
          position: relative;
          z-index: 2;

          input {
            vertical-align: middle;
            margin-bottom: 1.285714rem;
            /* 前面三行代码是为了让radio单选按钮与文字对齐 */
            width: 1.428571rem;
            height: 1.428571rem;
            appearance: none;
            /*清楚默认样式*/
            -webkit-appearance: none;
            opacity: 0;
            outline: none;
            margin-right: .857143rem;

            /* 注意不能设置为display:none*/
            &:checked+label {
              background: #FF8A62;

              &::after {
                content: "";
                position: absolute;
                left: .571429rem;
                top: .142857rem;
                width: .357143rem;
                height: .857143rem;
                border-right: 1px solid #fff;
                border-bottom: 1px solid #fff;
                transform: rotate(45deg);

              }
            }
          }

          label {
            position: absolute;
            left: 0;
            top: 0;
            z-index: -1;
            /*注意层级关系，如果不把label层级设为最低，会遮挡住input而不能单选*/
            width: 1.428571rem;
            height: 1.428571rem;
            border: 1px solid #FF8A62;
            border-radius: 100%;
            margin-right: .857143rem;
          }
        }

        .vote-userinfo {
          font-size: 1.142857rem;
          padding-bottom: 1.071429rem;
          justify-content: space-between;

          .status {
            color: #FF8A62;
          }

          .username {
            padding-left: .571429rem;
          }
        }

        .vote-number {
          font-size: 1rem;
          padding-bottom: 1.214286rem;
          color: #FF8A62;
        }
      }
    }
    .invitcode-bottom{
      display: flex;
      justify-content: center;
      margin-top: 1.428571rem;
      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;
      }
    }
  }
}