.addplayer-management {
  margin-bottom: 7.142857rem;
  .addplayer-title {
    font-size: 1.428571rem;
    padding: 2.357143rem 0 1rem 0;
    text-align: center;
    border-bottom: 1px solid #e5e5e5;
  }
  .kongbai {
    width: 100%;
    height: .714286rem;
    background-color: #f0eef1;
  }

  .player-info {
    .info-ul {
      background-color: #f0eef1;
      padding: 0 1.071429rem;
      padding-top: 1px;
      padding-bottom: .714286rem;

      li {
        padding: 1.071429rem 1.071429rem 0 1.142857rem;
        margin-top: .714286rem;
        background-color: #fff;
        border-radius: .714286rem;
        .content{
          display: flex;
          padding-bottom: 1.357143rem;
          .item-left {
            width: 6.642857rem;
            height: 6.714286rem;
            margin-right: .928571rem;
          }
  
          .item-right {
            .name {
              font-size: 1.142857rem;
              color: #000;
              font-weight: 700;
              margin-bottom: 1.071429rem;
            }
  
            .desc {
              font-size: 1rem;
              color: #999999;
            }
          }
        }
        .operating-box{
          display: none;
        }
        .bottom-operating {
          display: flex;
          justify-content: center;
          align-items: center;
          flex-direction: row;
          height: 4.428571rem;
          border-top: 1px solid #e5e5e5;

          li {
            flex: 1;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
            padding: 0;
            margin: 0;

            img {
              width: 1.571429rem;
              height: 1.571429rem;
              padding-bottom: .428571rem;
            }

            span {
              font-size: .857143rem;
            }
          }
        }
      }
    }
  }

  .editor-content {
    padding: 0 .928571rem;

    .editor-name,
    .editor-code,
    .editor-video {
      height: 4.285714rem;
      outline: none;
      border: none;
      font-size: 1.142857rem;
      width: 100%;
      border-bottom: 1px solid #f0eef1;

      &::placeholder {
        color: #C7C7C7;
        font-size: 1.428571rem;
        font-weight: 700;
      }
    }

    .editor-code {
      &::placeholder {
        font-size: 1.142857rem;
        font-weight: 400;
      }
    }

    .editor-video {
      &::placeholder {
        font-size: 1.142857rem;
        font-weight: 400;
      }
    }

    .editor-introdatiom {
      border: none;
      outline: none;
      width: 100%;
      margin-top: 1.571429rem;
      font-size: 1rem;
      height: 8.571429rem;
      border-bottom: 1px solid #f0eef1;

      &::placeholder {
        font-size: 1.142857rem;
        color: #C7C7C7;
      }
    }

    .editor-cover-picture,
    .editor-pictures {
      position: relative;
      margin-top: 1.642857rem;
      padding-bottom: 1.642857rem;
      border-bottom: 1px solid #f0eef1;

      .cover-title {
        font-size: 1.142857rem;
        color: #333;
      }

      #upload-input {
        position: absolute;
        top: 40px;
        bottom: 25px;
        left: 0px;
        right: 0px;
        opacity: 0;
        width: 61px;
        z-index: 99;
      }

      .img-upload,
      .imgs-upload {
        display: none;
      }

      .upload-box {
        position: relative;
        text-align: top;
        margin-top: 1.285714rem;

        img {
          width: 4.142857rem;
          height: 4.142857rem;
          border: 1px solid #d3d2d9;
          vertical-align: middle;
        }

        i {
          position: absolute;
          display: inline-block;
          width: 2rem;
          height: 2rem;
          background: url('../images/editor/add.png') no-repeat;
          background-size: 100% 100%;
          margin-top: 1rem;
          left: 1rem;
        }
      }

      .img2-box {
        position: relative;
        margin-top: 1.285714rem;

        .img2-upload,
        .imgs2-upload {
          display: inline-block;
          width: 4.142857rem;
          height: 4.142857rem;
          border: 1px solid #d3d2d9;
          text-align: center;
        }

        i {
          position: absolute;
          display: inline-block;
          width: 2rem;
          height: 2rem;
          background: url('../images/editor/add.png') no-repeat;
          background-size: 100% 100%;
          margin-top: 1rem;
          left: 1rem;
        }
      }
    }

    .editor-pictures {
      .pictures {
        position: relative;

        #upload-input {
          position: absolute;
          top: 0;
          left: 0px;
          right: 0px;
          opacity: 0;
          width: 4.285714rem;
          height: 4.285714rem;
          z-index: 99;
        }
      }

      .upload-box {
        // display: inline-block;
      }

      #imgContainer {
        // display: inline-block;
        // margin-right: .714286rem;
        margin-top: 0;
      }
    }

    .editor-submit {
      height: 4.714286rem;
      text-align: center;
      padding-top: 1.785714rem;

      .submit {
        width: 24.285714rem;
        height: 3.142857rem;
        background-color: #FF8A62;
        border-radius: 1.571429rem;
        line-height: 3.142857rem;
        font-size: 1.285714rem;
        font-weight: 700;
        color: #fff;
      }
    }
  }

  .save-next {
    width: 24.285714rem;
    height: 3.142857rem;
    background-color: #FF8A62;
    border-radius: 1.571429rem;
    line-height: 3.142857rem;
    text-align: center;
    color: #fff;
    font-weight: 700;
    font-size: 1.285714rem;
    margin-top: 1.071429rem;
    margin-left: 1.214286rem;
  }

  .add-player {
    background-color: #fff;
    color: #FF8A62;
    border: 1px solid #FF8A62;
    margin-top: 1.785714rem;
  }
}